/* ==UserStyle==
@name           Moodle Dark
@namespace      github.com/GioIacca9/Moodle-Dark
@version        2.0.0
@description    Moodle Dark Theme
@author         GioIacca9,ale_cande11
@homepageURL    https://github.com/GioIacca9/Moodle-Dark
@updateURL      https://raw.githubusercontent.com/GioIacca9/Moodle-Dark/master/moodle-dark.user.css
==/UserStyle== */
@-moz-document url-prefix("http://moodle."), url-prefix("https://moodle.") {
    .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: #141414;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        border: 1px solid #141414;
        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.coderunner div.coderunner-examples,
    .que.coderunner div.coderunner-test-results {
        width: 100%;
        overflow-x: auto;
        box-sizing: border-box
    }
    #page-question-type-coderunner table.coderunner-test-results td,
    #page-question-type-coderunner table.coderunner-test-results th,
    .que.coderunner table.coderunner-test-results td,
    .que.coderunner table.coderunnerexamples td,
    .que.coderunner textarea.edit_code {
        font-family: courier, monospace;
        vertical-align: top
    }
    .que.coderunner textarea.edit_code {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box
    }
    .que.coderunner div.initialisationerror {
        color: #ca3120
    }
    .que.coderunner div.coderunnerexamples {
        padding-bottom: 10px
    }
    #page-question-type-coderunner div.ui_wrapper,
    .que.coderunner div.ui_wrapper {
        max-width: 100%;
        box-sizing: border-box;
        background-color: #f0f0f0
    }
    .que.coderunner .ace_editor,
    body#page-question-type-coderunner .ace_editor {
        font-size: 100%;
        line-height: 18px
    }
    .que.coderunner p.for-example-para {
        font-weight: 700
    }
    .que.coderunner .btn {
        margin-right: 10px
    }
    .que.coderunner div.coderunner-test-results {
        padding: .5em
    }
    .que.coderunner label.answerprompt {
        font-weight: 700
    }
    .que.coderunner div.prompt {
        margin-top: 20px;
        margin-bottom: 7px
    }
    .que.coderunner div.coderunner-lang-select-div {
        padding-top: 10px;
        padding-bottom: 3px
    }
    .que.coderunner select.coderunner-lang-select {
        margin: 0 0 0 10px;
        padding: 1px 5px 1px 5px
    }
    .que.coderunner input.answer_reset_btn {
        margin-bottom: 5px
    }
    #page-question-type-coderunner table.coderunner-test-results td,
    #page-question-type-coderunner table.coderunner-test-results th,
    .que.coderunner table.coderunner-test-results td,
    .que.coderunner table.coderunner-test-results th,
    .que.coderunner table.coderunnerexamples td,
    .que.coderunner table.coderunnerexamples th {
        border: 1px solid #b0b0b0;
        padding: .4em
    }
    #page-question-type-coderunner table.coderunner-test-results .header,
    .que.coderunner table.coderunner-test-results .header,
    .que.coderunner table.coderunnerexamples .header {
        text-align: left;
        background-color: #f8f8ff
    }
    .que.coderunner table.coderunner-test-results tr.hidden-test {
        opacity: .5
    }
    #page-question-type-coderunner table.coderunner-test-results {
        margin-top: .5em;
        margin-bottom: 0
    }
    .que.coderunner table.coderunner-test-results,
    .que.coderunner table.coderunnerexamples {
        margin-bottom: 1em
    }
    #page-question-type-coderunner div.coderunner-test-results td:last-child,
    #page-question-type-coderunner div.coderunner-test-results td:first-child .que.coderunner div.coderunner-test-results td:last-child,
    .que.coderunner div.coderunner-test-results td:first-child {
        min-width: 16px
    }
    .que.coderunner textarea.coderunner-answer[cols] {
        max-width: 100%;
        width: auto;
        line-height: 18px
    }
    .que.coderunner div.coderunner-test-results {
        color: #000
    }
    .que.coderunner div.precheck h3 {
        margin: 3px 0;
        font-size: 24px;
        color: #333
    }
    .que.coderunner pre.tablecell {
        background-color: inherit;
        border: none;
        padding: 0;
        white-space: pre
    }
    .que.coderunner div.coderunner-test-results pre,
    .que.coderunner div.coderunner-examples pre {
        margin-bottom: 0
    }
    .que.coderunner div.coderunner-test-results.good,
    #page-question-type-coderunner tr.coderunner-failed-test.fixed {
        background-color: #afa
    }
    .que.coderunner div.coderunner-test-results.outputonly {
        background-color: #f0f0f0
    }
    .que.coderunner div.coderunner-test-results.good.precheck {
        background: repeating-linear-gradient(0deg, #fff, #fff 8px, #f8f1f9 8px, #f8f1f9 16px)
    }
    .que.coderunner div.coderunner-test-results.bad,
    .que.coderunner div.pre_syntax_error,
    .que.coderunner div.pre_question_error {
        background-color: #faa
    }
    .que.coderunner div.coderunner-test-results.bad.precheck,
    .que.coderunner pre.pre_syntax_error .precheck {
        background: repeating-linear-gradient(0deg, #fdd, #fdd 8px, #fee 8px, #fee 16px)
    }
    .que.coderunner pre.pre_syntax_error,
    .que.coderunner div.pre_question_error {
        border: none
    }
    div.coderunner-test-results.partial {
        background-color: #fff3bf
    }
    .que.coderunner span.answerprompt {
        font-weight: 700
    }
    .que.coderunner span.penaltyregime {
        padding-left: .6em
    }
    .que.coderunner div.coderunner-test-results del {
        text-decoration: none;
        background-color: #e0e000
    }
    .que.coderunner tr.r0 td {
        background-color: #f5f5f5
    }
    .que.coderunner tr.r1 td {
        background-color: #e5e5e5
    }
    .que.coderunner div.im-controls p.penaltyregime {
        display: inline;
        float: right
    }
    .que.coderunner .ace_wrapper {
        border: 1px solid #d9edf7
    }
    .que.coderunner .ace_gutter-cell {
        border-right: solid 1px #000
    }
    .que.coderunner .ace_fold-widget {
        background-color: transparent;
        background-image: none;
        border: none
    }
    .que.coderunner .ace_fold-widget:hover {
        border: 1px solid gray;
        margin-top: 1px
    }
    .que.coderunner .ace_fold-widget.ace_closed::before {
        content: '►';
        color: gray;
        font-size: 80%;
        margin: 0 2px;
        margin-top: -4px
    }
    .que.coderunner .ace_fold-widget.ace_open::before {
        content: '▼';
        color: gray;
        font-size: 60%;
        margin: 0 2px
    }
    .que.coderunner .ace_line .ace_fold {
        padding-right: 1px;
        line-height: 9px
    }
    .que.coderunner .ace_line .ace_fold::before {
        background-image: none;
        content: '←→';
        float: right;
        margin-top: -1px
    }
    body#page-question-type-coderunner div.edit_code textarea {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        font-family: courier, monospace
    }
    body#page-question-type-coderunner pre.templateparamserror {
        color: #ca3120
    }
    body#page-question-type-coderunner .qtype_coderunner_prototype_message {
        color: #7e7f7f
    }
    body#page-question-type-coderunner div#id_qtype_coderunner_error_div:empty,
    body#page-question-type-coderunner div#id_qtype_coderunner_warning_div:empty {
        display: none
    }
    body#page-question-type-coderunner div#id_qtype_coderunner_error_div {
        font-size: 120%;
        font-weight: 700;
        color: red;
        border: 2px solid red;
        padding: 4px;
        margin-bottom: 6px
    }
    body#page-question-type-coderunner div#id_qtype_coderunner_warning_div {
        font-size: 120%;
        font-weight: 700;
        color: blue;
        border: 2px solid blue;
        padding: 4px;
        margin-bottom: 6px
    }
    body#page-question-type-coderunner textarea#id_templateparams {
        resize: both
    }
    body#page-question-type-coderunner .uiparamtablediv {
        padding-top: 8px
    }
    body#page-question-type-coderunner table.uiparamtable,
    body#page-question-type-coderunner table.uiparamtable th,
    body#page-question-type-coderunner table.uiparamtable td {
        border: 1px solid #ccc;
        padding: 4px;
        background-color: #f8f8f8
    }
    body#page-question-type-coderunner button.toggleuidetails {
        border: none;
        color: blue
    }
    body#page-question-type-coderunner .ace_wrapper {
        border: 1px solid #bbb
    }
    body#page-question-type-coderunner div[id^=fitem_id_],
    body#page-question-type-coderunner div[id^=fgroup_id_] {
        background: #eee;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 5px;
        padding-top: 5px;
        border: 1px solid #bbb;
        border-top: 0;
        border-bottom: 0;
        overflow: visible
    }
    body#page-question-type-coderunner label[for^=id_useasexample],
    body#page-question-type-coderunner label[for^=id_hiderestiffail],
    body#page-question-type-coderunner label.form-check {
        padding: 5px;
        border: 1px solid lightgray
    }
    body#page-question-type-coderunner p.question-type-details-header {
        font-size: 130%
    }
    body#page-question-type-coderunner div[id^=fgroup_id_][id*=show_columns] .felement span {
        margin-right: 2em
    }
    body#page-question-type-coderunner div[id^=fgroup_id_][id*=show_columns] {
        padding-top: 16px;
        padding-bottom: 16px
    }
    body#page-question-type-coderunner select#id_coderunner_type {
        margin-right: 2em
    }
    body#page-question-type-coderunner div[id^=fitem_id_testcode]:not(:first-of-type) {
        margin-top: 14px;
        border: 1px solid #bbb;
        border-bottom: 0;
        padding-top: 8px
    }
    body#page-question-type-coderunner div[id=fitem_id_addanswers] {
        margin-top: 14px;
        border: 1px solid #bbb;
        padding-top: 8px
    }
    body#page-question-type-coderunner input[name="usecurrentcat"] {
        margin-right: 1px;
        margin-left: 2em
    }
    body#page-question-type-coderunner input[type="checkbox"] + label {
        margin-right: 1em
    }
    body#page-question-type-coderunner textarea.edit_code {
        width: 100%;
        box-sizing: border-box;
        font-family: courier, monospace
    }
    body#page-question-type-coderunner textarea.uiloadfailed {
        border: 6px solid orange
    }
    body#page-question-type-coderunner div.uiloadfailed {
        background-color: orange;
        padding-left: 10px
    }
    body#page-question-type-coderunner input.testcasemark,
    body#page-question-type-coderunner input.coderunner_answerbox_size,
    body#page-question-type-coderunner input#id_cputimelimitsecs,
    body#page-question-type-coderunner input#id_memlimitmb {
        width: auto
    }
    body#page-question-type-coderunner label + select,
    body#page-question-type-coderunner label + input {
        margin-right: 1em
    }
    body#page-question-type-coderunner div.testcaseexpression {
        padding-top: 10px;
        border-top: 1px solid lightgrey
    }
    li.bulktest.coderunner.context.quiz {
        padding-left: 1.5em;
        list-style-type: none
    }
    .ace-gap-background {
        position: absolute;
        background-color: SeaShell;
        border-radius: 0
    }
    .ace-gap-outline {
        position: absolute;
        outline: 1px solid;
        outline-color: rgba(0, 0, 0, .5)
    }
    .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 .audio-widget {
        display: inline-flex;
        margin: 2px 0;
        width: 20em;
        max-width: 100%
    }
    .que.recordrtc .audio-widget .no-recording-placeholder {
        flex-grow: 1;
        padding-top: .45em
    }
    .que.recordrtc .audio-widget .media-player {
        flex-grow: 1
    }
    .que.recordrtc .audio-widget .media-player audio {
        height: 2.437em;
        vertical-align: -.8em;
        width: 100%;
        max-width: 100%
    }
    .que.recordrtc .audio-widget .record-button {
        margin-left: 4px
    }
    .que.recordrtc .audio-widget button {
        white-space: nowrap;
        margin-right: 0
    }
    .que.recordrtc .audio-widget a {
        white-space: nowrap;
        line-height: 2.437em
    }
    .que.recordrtc .audio-widget .download-icon {
        vertical-align: middle;
        margin-right: 2px
    }
    .que.recordrtc .video-widget {
        display: inline-flex;
        flex-direction: column;
        max-width: 100%
    }
    .que.recordrtc .video-widget .no-recording-placeholder {
        margin-bottom: 4px
    }
    .que.recordrtc .video-widget.recordrtc-ratio-16x9 .no-recording-placeholder {
        padding: calc(28.125% - 10.5px) 0
    }
    .que.recordrtc .video-widget.recordrtc-ratio-4x3 .no-recording-placeholder {
        padding: calc(37.5% - 10.5px) 0
    }
    .que.recordrtc .video-widget .media-player video {
        width: 100%
    }
    .que.recordrtc .video-widget button {
        display: block;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .que.recordrtc .audio-widget .download-icon {
        vertical-align: middle;
        margin-right: 2px
    }
    .que.recordrtc .no-recording-placeholder {
        color: #676463;
        background-color: #f0f0f1;
        text-align: center
    }
    .que.recordrtc .download-icon {
        height: 28px;
        width: 28px
    }
    body#page-question-type-recordrtc.path-question-type .form-group[data-groupname=timelimitinseconds] .sr-only {
        display: none
    }
    .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/core/1696728972/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/core/1696728972/t/collapsed) 2px center no-repeat
    }
    .path-mod-assign .submithelp {
        padding: 1em
    }
    .path-mod-assign .feedbacktitle {
        font-weight: 700
    }
    .path-mod-assign .submitconfirm,
    .path-mod-assign .submissionlinks,
    .path-mod-assign .submissionaction {
        text-align: center
    }
    .path-mod-assign .submissionsummarytable .c0,
    .path-mod-assign .gradingsummarytable .c0,
    .path-mod-assign .mod-assign-history-panel .c0 {
        width: 15em
    }
    .path-mod-assign .gradingtable .moodle-actionmenu {
        white-space: nowrap
    }
    .path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a {
        padding-left: 12px;
        padding-right: 12px
    }
    .path-mod-assign .gradingtable .menu-action img {
        display: none
    }
    .path-mod-assign .editsubmissionform input[name="submissionstatement"] {
        vertical-align: top
    }
    .path-mod-assign .editsubmissionform label[for="id_submissionstatement"] {
        display: inline-block
    }
    .path-mod-assign.layout-option-nonavbar {
        padding-top: 0
    }
    .path-mod-assign [data-region="user-selector"] select {
        margin-bottom: 0
    }
    .path-mod-assign [data-region="user-selector"] .alignment {
        float: right;
        width: 320px;
        text-align: center;
        margin-top: 7px
    }
    .path-mod-assign [data-region="user-selector"] [data-action="previous-user"],
    .path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
        font-size: 26px
    }
    .path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
        margin-left: -10px
    }
    .path-mod-assign [data-region="user-selector"] .alignment input {
        margin-bottom: 5px
    }
    .path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow {
        top: 0
    }
    .path-mod-assign [data-region="user-selector"] .form-autocomplete-selection {
        display: none
    }
    .path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
        text-align: left
    }
    .path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
        margin-left: 48px
    }
    .path-mod-assign [data-region="user-filters"] {
        font-size: small
    }
    .path-mod-assign [data-region="configure-filters"] {
        display: none;
        text-align: left;
        width: 480px;
        background-color: #fff;
        background-clip: padding-box;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        border-radius: 6px;
        position: absolute;
        margin-top: 28px;
        margin-left: -452px;
        padding: 10px 0;
        z-index: 1
    }
    .path-mod-assign [data-region="configure-filters"]::before,
    .path-mod-assign [data-region="configure-filters"]::after {
        position: absolute;
        left: auto;
        display: inline-block;
        content: '';
        border-style: solid;
        border-color: transparent;
        border-top: none
    }
    .path-mod-assign [data-region="configure-filters"]::before {
        top: -7px;
        right: 12px;
        border-width: 7px;
        border-bottom-color: rgba(0, 0, 0, .2)
    }
    .path-mod-assign [data-region="configure-filters"]::after {
        top: -6px;
        right: 13px;
        border-width: 6px;
        border-bottom-color: #fff
    }
    .path-mod-assign .alignment [data-region="configure-filters"] input {
        margin-bottom: 0
    }
    .path-mod-assign [data-region="grading-navigation-panel"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6em;
        margin: 0;
        border-bottom: 1px solid #ddd
    }
    .path-mod-assign [data-region="grading-navigation"] {
        padding: 1em
    }
    .path-mod-assign [data-region="assignment-info"] {
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis
    }
    .path-mod-assign [data-region="assignment-info"] small[data-region="assignment-tooltip"] {
        margin-left: .5em
    }
    .path-mod-assign [data-region="user-info"] {
        height: 60px
    }
    .path-mod-assign [data-region="user-info"] a {
        text-decoration: none
    }
    .path-mod-assign [data-region="user-info"] .img-rounded {
        display: block;
        float: left;
        margin-top: -3px;
        margin-right: 10px
    }
    .path-mod-assign [data-region="user-info"] em {
        display: block;
        font-style: normal
    }
    .path-mod-assign [data-region="user-info"] em.nowrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .path-mod-assign [data-region="grading-actions-form"] label {
        display: inline-block
    }
    .path-mod-assign.pagelayout-embedded {
        overflow: hidden
    }
    .path-mod-assign [data-region="review-panel"] {
        position: absolute;
        top: 85px;
        bottom: 60px;
        left: 0;
        right: 30%;
        width: auto;
        box-sizing: border-box;
        -webkit-transition: right 0.5s, left 0.5s;
        -moz-transition: right 0.5s, left 0.5s;
        transition: right 0.5s, left 0.5s
    }
    .path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
        right: 30px
    }
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
        display: none;
        height: 30px;
        width: 30px;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        box-sizing: border-box;
        border-radius: 0 0 0 4px;
        border: 1px solid #ccc;
        border-top: none;
        background-color: #fff
    }
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 30px
    }
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden
    }
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] img {
        height: 100%;
        float: right
    }
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon {
        display: none
    }
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
        display: block
    }
    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon.full-width {
        display: none
    }
    .path-mod-assign [data-region="review-panel"] .pageheader {
        border-right: 1px solid #ddd
    }
    .path-mod-assign [data-region="review-panel"] + [data-region="grade-panel"] [data-region="grade"] {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        -webkit-transition: max-width 0.5s;
        -moz-transition: max-width 0.5s;
        transition: max-width 0.5s
    }
    .path-mod-assign [data-region="review-panel"] .drawingregion {
        left: 0;
        right: 0;
        border-color: #ddd
    }
    .path-mod-assign [data-region="review-panel"].collapsed {
        left: calc(30px - 70%);
        right: calc(100% - 30px);
        -webkit-transition: right 0.5s, left 0.5s;
        -moz-transition: right 0.5s, left 0.5s;
        transition: right 0.5s, left 0.5s
    }
    .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"] {
        visibility: hidden;
        -webkit-transition: visibility 0s 0.5s;
        -moz-transition: visibility 0s 0.5s;
        transition: visibility 0s 0.5s
    }
    .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon {
        display: block
    }
    .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
        display: none
    }
    .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] {
        position: absolute;
        left: 30px;
        right: 0;
        width: calc(100% - 30px);
        overflow: auto;
        -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
        -moz-transition: width 0.5s, right 0.5s, left 0.5s;
        transition: width 0.5s, right 0.5s, left 0.5s
    }
    .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"],
    .path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto
    }
    .path-mod-assign [data-region="grade-panel"] {
        position: absolute;
        top: 85px;
        bottom: 60px;
        right: 0;
        left: 70%;
        width: 30%;
        overflow: auto;
        box-sizing: border-box;
        background-color: #f5f5f5;
        padding: 15px;
        padding-top: 0;
        -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
        -moz-transition: width 0.5s, right 0.5s, left 0.5s;
        transition: width 0.5s, right 0.5s, left 0.5s
    }
    .path-mod-assign [data-region="grade-panel"].collapsed {
        left: calc(100% - 30px);
        right: calc(30px - 100%);
        visibility: hidden;
        -webkit-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
        -moz-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
        transition: right 0.5s, left 0.5s, visibility 0s 0.5s
    }
    .path-mod-assign [data-region="grade-panel"].fullwidth {
        left: 0;
        width: 100%;
        overflow: auto
    }
    .path-mod-assign [data-region="grade-panel"] h3 {
        font-size: 18px;
        font-weight: 500
    }
    .path-mod-assign [data-region="grade-panel"] div.submissionstatustable {
        margin-bottom: 2em
    }
    .path-mod-assign [data-region="grade-panel"] .submissionsummarytable {
        margin-left: 5px;
        margin-right: 5px
    }
    .path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td {
        padding: 8px 0;
        background-color: transparent
    }
    .path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody > tr:nth-child(2n+1) > td,
    .path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover > td {
        background-color: transparent
    }
    .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0 {
        width: auto
    }
    .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,
    .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1 {
        border-bottom: 1px solid #ddd
    }
    .path-mod-assign .overdue,
    .path-mod-assign .overduesubmission,
    .path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,
    .path-mod-assign [data-region="grade-panel"] div.submissionnotgraded {
        color: #ca3120;
        background-color: transparent
    }
    .path-mod-assign div.fileuploadsubmission {
        float: left;
        min-width: 300px
    }
    .path-mod-assign div.fileuploadsubmissiontime {
        float: right
    }
    .path-mod-assign [data-region="grade-panel"] #id_gradeheader {
        display: table-cell;
        min-width: 0
    }
    .path-mod-assign [data-region="grade-panel"] #id_gradeheader > legend {
        visibility: hidden;
        height: 0;
        margin-bottom: 0
    }
    .path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols] {
        width: 100%;
        box-sizing: border-box
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager {
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 20px
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading .fitemtitle,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle {
        padding-left: 5px;
        padding-right: 5px
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_fgrading .felement,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement {
        padding: 6px 10px 10px;
        box-sizing: border-box
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_fgrading .fitemtitle,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle {
        border-bottom: 1px solid #ddd;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        padding: 6px 10px 3px;
        box-sizing: border-box
    }
    .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img {
        margin-left: 2px;
        margin-right: 2px;
        margin-top: -2px
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img {
        margin-left: -6px;
        margin-right: -6px;
        margin-top: 4px
    }
    .path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label {
        font-weight: 500
    }
    .path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem {
        padding-top: 5px
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle {
        display: inline-block;
        width: auto;
        border-bottom: none;
        box-shadow: none
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement {
        width: auto;
        float: right
    }
    .path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
        width: 80px;
        margin-bottom: 0
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
        max-width: 100%;
        padding-bottom: 0
    }
    .path-mod-assign .gradingform_rubric {
        max-width: calc(100vw - 200px)
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
        font-weight: 500;
        min-width: 150px
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels {
        background-color: #fff
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,
    .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even {
        background-color: transparent
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
        margin-bottom: 0
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide {
        margin-bottom: 10px
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
        display: block
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly {
        padding-top: 10px
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription {
        margin-top: 5px
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers {
        width: auto;
        margin-top: 5px
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
        margin-bottom: 10px
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
        float: right;
        margin-top: 2px;
        margin-left: 0
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
        float: left;
        padding-bottom: 8px
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div {
        display: inline-block
    }
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,
    .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even {
        background-color: transparent;
        border-width: 0 0 1px 0;
        padding: 8px 0
    }
    .path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
    .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
        background-color: #f5f5f5;
        padding: 10px
    }
    .path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager {
        margin-bottom: 0
    }
    .path-mod-assign [data-region="grade-panel"] .fitem.popout {
        position: fixed;
        left: 20%;
        right: 20%;
        top: 20%;
        bottom: 20%;
        z-index: 1000;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 6px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, .3)
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        height: 45px
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label {
        font-size: 16px;
        line-height: 30px
    }
    .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
        float: right
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img {
        margin-top: -10px;
        margin-right: -7px
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
        padding: 10px 15px 15px;
        height: calc(100% - 54px);
        overflow: auto
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric {
        overflow: visible
    }
    .path-mod-assign [data-region="grade-panel"] #id_attemptsettings > legend {
        font-size: 18px;
        font-weight: 500;
        line-height: 40px;
        border-bottom: 0;
        margin-bottom: 10px
    }
    .path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer {
        display: table;
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
        box-sizing: border-box
    }
    .path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem {
        display: table-row
    }
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,
    .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement {
        border-bottom: 1px solid #ddd
    }
    .path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,
    .path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label {
        font-weight: 400
    }
    .path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select {
        margin-bottom: 0
    }
    .path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"] {
        margin-bottom: 10px;
        vertical-align: text-bottom
    }
    .path-mod-assign [data-region="grade-actions-panel"] {
        border-top: 1px solid #ddd;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px
    }
    .path-mod-assign [data-region="grade-actions"] {
        padding: 1em;
        text-align: center
    }
    .path-mod-assign [data-region="submissions-list"] {
        text-align: inherit
    }
    .path-mod-assign [data-region="submissions-list"] label.radio input {
        margin-top: 4px;
        min-width: inherit
    }
    .path-mod-assign [data-region="overlay"] {
        display: none;
        z-index: 100;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: auto;
        bottom: 0;
        background-color: #ddd;
        opacity: .4;
        padding-top: 4em;
        text-align: center
    }
    @media (max-width:767px) {
        .path-mod-assign.pagelayout-embedded {
            overflow: auto
        }
        .path-mod-assign [data-region="assignment-info"] {
            border-bottom: 1px solid #ddd;
            padding-bottom: 5px
        }
        .path-mod-assign .page-context-header .page-header-headings {
            margin-top: 13px
        }
        .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
            display: none
        }
        .path-mod-assign [data-region="grading-navigation-panel"],
        .path-mod-assign [data-region="review-panel"],
        .path-mod-assign [data-region="grade-panel"],
        .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"],
        .path-mod-assign [data-region="grade-actions-panel"] {
            position: inherit;
            width: 100%;
            top: 0;
            left: 0;
            right: auto;
            overflow: auto;
            height: auto;
            margin-bottom: 1em
        }
        .path-mod-assign [data-region="grade-panel"].collapsed {
            visibility: visible
        }
        .path-mod-assign [data-region="grading-navigation"] {
            padding: 0;
            text-align: center
        }
        .path-mod-assign [data-region="grade-panel"] {
            margin-bottom: 2em
        }
        .path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
            display: none
        }
        .path-mod-assign [data-region="review-panel"] {
            position: relative;
            max-height: 2000px;
            -webkit-transition: max-height 0.25s linear;
            -moz-transition: max-height 0.25s linear;
            transition: max-height 0.25s linear
        }
        .path-mod-assign [data-region="review-panel"] .pageheader {
            border-right: none;
            padding-right: 20px;
            padding-left: 40px
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
            display: block;
            height: 20px;
            width: 20px;
            position: absolute;
            top: 0;
            left: 0;
            right: auto;
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 0 0 4px 0;
            background-color: #fff
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 30px
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon,
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
            height: 100%
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon {
            float: left
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
            float: right
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
            line-height: 20px;
            visibility: visible;
            opacity: 1;
            height: auto;
            -webkit-transition: visibility 0s 0.25s, opacity 0s 0.25s;
            -moz-transition: visibility 0s 0.25s, opacity 0s 0.25s;
            transition: visibility 0s 0.25s, opacity 0s 0.25s
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon {
            display: none
        }
        .path-mod-assign [data-region="review-panel"].collapsed {
            max-height: 20px;
            top: 0;
            left: 0;
            overflow: hidden;
            -webkit-transition: max-height 0.25s linear;
            -moz-transition: max-height 0.25s linear;
            transition: max-height 0.25s linear
        }
        .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] {
            width: 100%;
            border-radius: 0 0 0 0;
            -webkit-transition: all 0s 0.25s;
            -moz-transition: all 0s 0.25s;
            transition: all 0s 0.25s
        }
        .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img {
            height: 100%
        }
        .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
            display: block
        }
        .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
            display: none
        }
        .path-mod-assign.pagelayout-popup {
            overflow: inherit
        }
        .path-mod-assign [data-region="grading-navigation"] [data-region="user-info"] {
            text-align: left;
            width: auto;
            display: inline-block;
            margin: 0 auto;
            height: auto
        }
        .path-mod-assign [data-region="user-selector"] .alignment {
            float: none;
            margin: 0 auto 10px
        }
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle {
        display: block;
        margin-top: 4px;
        margin-bottom: 4px;
        text-align: left;
        width: 100%
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
        margin-left: 0;
        width: 100%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty {
        display: none
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox > span,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio > span,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup > span {
        margin-top: 4px
    }
    .path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle {
        display: inline-block;
        width: auto;
        margin-right: 8px
    }
    .path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement {
        display: inline-block;
        margin-top: 4px;
        padding-top: 5px;
        width: auto
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,
    .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
        display: inline-block;
        width: auto
    }
    .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
        padding: 6px
    }
    .path-mod-assign #page,
    .path-mod-assign #page-content {
        position: inherit
    }
    .path-mod-assign table.generaltable table td.ygtvcell {
        border: 0;
        padding: 0
    }
    div[id*='mod_assign-timer-'] {
        display: block;
        font-weight: 600;
        font-size: 1.4em
    }
    @charset "UTF-8";
    @font-face {
        font-family: "bigbluebutton-font";
        src: url(/theme/font.php/boost/mod_bigbluebuttonbn/1696728972/bigbluebutton-font.eot);
        src: url(/theme/font.php/boost/mod_bigbluebuttonbn/1696728972/bigbluebutton-font.eot#iefix) format("embedded-opentype"), url(/theme/font.php/boost/mod_bigbluebuttonbn/1696728972/bigbluebutton-font.woff) format("woff"), url(/theme/font.php/boost/mod_bigbluebuttonbn/1696728972/bigbluebutton-font.ttf) format("truetype"), url(/theme/font.php/boost/mod_bigbluebuttonbn/1696728972/bigbluebutton-font.svg#bigbluebutton-font) format("svg");
        font-weight: 400;
        font-style: normal
    }
    [class^="icon-bigbluebutton"]:before,
    [class*=" icon-bigbluebutton"]:before {
        font-family: "bigbluebutton-font";
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .icon-bigbluebutton:before {
        content: "\e099"
    }
    .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);
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        position: relative;
        display: block;
        z-index: 999
    }
    .fa-disabled {
        cursor: not-allowed;
        opacity: .2
    }
    .fa-invisible {
        cursor: not-allowed;
        visibility: hidden
    }
    .bbb_index_form {
        display: inline-block
    }
    .path-mod-book .navtop img.icon,
    .path-mod-book .navbottom img.icon {
        margin-right: 4px;
        margin-left: 4px;
        border: 0;
        padding: 0
    }
    .path-mod-book .navbottom,
    .path-mod-book .navtop {
        text-align: right
    }
    .path-mod-book .navtop {
        margin-bottom: .5em
    }
    .path-mod-book .navbottom {
        margin-top: .5em
    }
    .path-mod-book .book_toc .action-list img.smallicon {
        margin: 0 3px
    }
    .path-mod-book .book_toc ul {
        display: flex;
        flex-direction: column
    }
    .path-mod-book .book_toc li {
        flex: 1 1 100%
    }
    .path-mod-book .book_toc_indented > ul {
        margin-left: 0;
        padding-left: 0
    }
    .path-mod-book .book_toc_indented li {
        list-style: none
    }
    .path-mod-book .book_toc_bullets > ul {
        margin-left: 0;
        padding-left: 1.3rem
    }
    .path-mod-book .book_toc_bullets li {
        list-style: disc
    }
    .path-mod-book .book_toc_numbered > ul {
        margin-left: 0;
        padding-left: 0
    }
    .path-mod-book .book_toc_numbered li {
        list-style: none
    }
    .path-mod-book .book_toc_none ul {
        margin-left: 0;
        padding-left: 0
    }
    .path-mod-book .book_toc_none li {
        list-style: none
    }
    .navtop.navtext .chaptername,
    .navbottom.navtext .chaptername {
        font-weight: bolder
    }
    .navtop.navtext a,
    .navbottom.navtext a {
        display: inline-block;
        max-width: 45%
    }
    .navtop.navtext a.bookprev,
    .navbottom.navtext a.bookprev {
        float: left;
        text-align: left
    }
    @media (max-width:480px) {
        .path-mod-book .navbottom,
        .path-mod-book .navtop {
            text-align: center
        }
        .navtop.navtext a,
        .navbottom.navtext a {
            display: block;
            max-width: 100%;
            margin: auto
        }
        .navtop.navtext a.bookprev,
        .navbottom.navtext a.bookprev {
            float: none
        }
    }
    .path-mod-chat .chat-event .picture,
    .path-mod-chat .chat-message .picture {
        width: 40px
    }
    .path-mod-chat .chat-event .text {
        text-align: left
    }
    .path-mod-chat #messages-list,
    .path-mod-chat #users-list {
        list-style-type: none;
        padding: 0;
        margin: 0
    }
    .path-mod-chat #chat-header {
        overflow: hidden
    }
    .path-mod-chat #chat-input-area table.generaltable td.cell {
        padding: 1px
    }
    @media all and (max-device-width:320px) {
        .path-mod-chat #input-message {
            width: 150px
        }
    }
    @media all and (min-device-width:321px) and (max-device-width:640px) {
        .path-mod-chat #input-message {
            width: 175px
        }
    }
    #page-mod-chat-view .chatcurrentusers .chatuserdetails {
        vertical-align: middle
    }
    #page-mod-chat-gui_basic #participants ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }
    #page-mod-chat-gui_basic #participants ul li {
        list-style-type: none;
        display: inline;
        margin-right: 10px
    }
    #page-mod-chat-gui_basic #participants ul li .userinfo {
        display: inline
    }
    #page-mod-chat-gui_basic #messages {
        padding: 0;
        margin: 0
    }
    #page-mod-chat-gui_basic #messages dl {
        padding: 0;
        margin: 6px 0
    }
    #page-mod-chat-gui_basic #messages dt {
        margin-left: 0;
        margin-right: 5px;
        padding: 0;
        display: inline
    }
    #page-mod-chat-gui_basic #messages dd {
        padding: 0;
        margin: 0
    }
    #page-mod-chat-gui_header_js-jsupdate .chat-event,
    #page-mod-chat-gui_header_js-jsupdate .chat-message {
        width: 100%
    }
    .path-mod-chat .yui-layout-unit-top {
        background: #ffe39d
    }
    .path-mod-chat .yui-layout-unit-right {
        background: #fff
    }
    .path-mod-chat .yui-layout-unit-bottom {
        background: #fff
    }
    .path-mod-chat .yui-layout .yui-layout-hd {
        border: 0
    }
    .path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-bd {
        border: 0;
        background: transparent
    }
    .path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-unit-right {
        background: #fff
    }
    .path-mod-data-field .c0,
    #page-mod-data-view #sortsearch .c0 {
        text-align: right
    }
    #page-mod-data-view .approve img.icon {
        width: 34px;
        height: 34px
    }
    .path-mod-data #id_entrieshdr div .alert.alert-danger {
        margin-bottom: 2rem
    }
    #page-mod-data-view img.list_picture {
        border: 0
    }
    #page-mod-data-view div.search_none {
        display: none
    }
    #page-mod-data-view div.search_inline,
    #page-mod-data-view form#latlongfieldbrowse {
        display: inline
    }
    #page-mod-data-view div#data_adv_form {
        margin-left: auto;
        margin-right: auto
    }
    #page-mod-data-edit .basefieldinput {
        width: 300px
    }
    #page-mod-data-preset .presetmapping table {
        text-align: left;
        margin-left: auto;
        margin-right: auto
    }
    #page-mod-data-preset .overwritesettings {
        margin-bottom: 1em
    }
    #page-mod-data-preset table.presets {
        margin-left: auto;
        margin-right: auto
    }
    #page-mod-data-view .datapreferences label {
        display: inline-block
    }
    .path-mod-data-field .sortdefault {
        margin: 1em 0
    }
    .path-mod-data-field .sortdefault select {
        margin-left: 1em
    }
    .path-mod-data-field .fieldname,
    .path-mod-data-field .fielddescription {
        width: 300px
    }
    .path-mod-data-field textarea.optionstextarea {
        width: 300px;
        height: 150px
    }
    .path-mod-data-field input.textareafieldsize {
        width: 50px
    }
    .path-mod-data-field input.picturefieldsize {
        width: 70px
    }
    .path-mod-data .action-icon img.portfolio-add-icon {
        margin-left: 0
    }
    #page-mod-data-export #notice span {
        padding: 0 10px
    }
    #page-mod-data-edit input[id*="url"] {
        text-align: left;
        direction: ltr
    }
    .mod-data-default-template td {
        vertical-align: top
    }
    .mod-data-default-template .template-field {
        text-align: right
    }
    .mod-data-default-template .template-token {
        text-align: left
    }
    .mod-data-default-template .controls {
        text-align: center
    }
    .mod-data-default-template .searchcontrols {
        text-align: right
    }
    #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/mod_forum/1696728972/t/subscribed) no-repeat -9999px -9999px
    }
    .path-mod-forum .preload-unsubscribe {
        background: url(/theme/image.php/boost/mod_forum/1696728972/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/core/1696728972/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
    }
    #page-mod-questionnaire-questions .qcontainer .fitemtitle,
    #page-mod-questionnaire-questions #id_questionhdr .fitemtitle {
        display: none
    }
    #page-mod-questionnaire-questions .qcontainer .qnums {
        font-weight: 700;
        float: left;
        color: gray
    }
    #page-mod-questionnaire-questions .qcontainer .fstatic {
        width: 97%;
        margin-right: 1em;
        margin-left: 5px;
        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: 700
    }
    td.selected {
        background-color: #e4f1fa;
        border: 1px solid gray
    }
    #page-mod-questionnaire-myreport div.respdate {
        font-size: .8em;
        font-weight: 700;
        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
    }
    #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 {
        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: silver 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: .5em 0 .5em 0
    }
    #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
    }
    .qn-question p {
        margin-bottom: .6em;
        margin-top: .5em
    }
    .qn-question {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: .1em;
        padding-top: .1em;
        background-color: #e4f1fa
    }
    #page-mod-questionnaire-questions .qn-question {
        margin-left: 40px
    }
    .unselected {
        color: gray
    }
    .respondentscolumn {
        float: left;
        margin-left: 20px
    }
    .respondentsnavbar {
        text-align: center;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-bottom: 5px;
        background-color: #f2f2f2
    }
    #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: 700
    }
    .qn-info h2.qn-number {
        margin: 0;
        font-size: 1.5em;
        line-height: 1.2em
    }
    .qn-question,
    .qn-answer {
        margin: 0 0 .5em;
        overflow: auto
    }
    .qn-answer input[type=radio] {
        margin-left: .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
    }
    .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: .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: .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-quiz .statedetails {
        display: block;
        font-size: .7em
    }
    #page-mod-quiz-attempt #page .controls,
    #page-mod-quiz-summary #page .controls,
    #page-mod-quiz-review #page .controls {
        text-align: center;
        margin: 8px auto
    }
    #page-mod-quiz-attempt .submitbtns,
    #page-mod-quiz-review .submitbtns {
        display: flex
    }
    #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
    #page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
        margin-left: auto
    }
    .path-mod-quiz .mod_quiz-redo_question_button {
        margin: 0
    }
    .path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
        padding: 2px .8em;
        font-size: 1em
    }
    #page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
    #page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
        background: #eee;
        border: 1px solid #dcdcdc
    }
    #page-mod-quiz-attempt #connection-ok,
    #page-mod-quiz-attempt #connection-error {
        position: fixed;
        top: 0;
        width: 80%;
        left: 10%;
        color: #555;
        border-radius: 0 0 10px 10px;
        box-shadow: 5px 5px 20px 0 #666;
        padding: 1em 1em 0;
        z-index: 10000
    }
    #page-mod-quiz-attempt #connection-error {
        background-color: #fcc
    }
    #page-mod-quiz-attempt #connection-ok {
        background-color: #cfb;
        width: 60%;
        left: 20%
    }
    .generalbox#passwordbox {
        width: 70%;
        margin-left: auto;
        margin-right: auto
    }
    #passwordform {
        margin: 1em 0
    }
    #quiznojswarning {
        color: red
    }
    #quiznojswarning {
        font-size: .7em;
        line-height: 1.1
    }
    .jsenabled #quiznojswarning {
        display: none
    }
    .path-mod-quiz #user-picture {
        margin: .5em 0
    }
    .path-mod-quiz #user-picture img {
        width: auto;
        height: auto;
        vertical-align: bottom
    }
    .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
        padding: .7em 0 0;
        margin: 0;
        clear: both
    }
    .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
        padding-top: 0
    }
    .path-mod-quiz .qnbutton {
        display: block;
        position: relative;
        float: left;
        width: 1.5em;
        height: 1.5em;
        overflow: hidden;
        margin: .3em .3em .3em 0;
        padding: 0;
        border: 1px solid #bbb;
        background: #ddd;
        text-align: center;
        line-height: 1.5em;
        font-weight: 700;
        text-decoration: none
    }
    .path-mod-quiz .qnbutton:visited:hover,
    .path-mod-quiz .qnbutton:link:hover {
        text-decoration: underline
    }
    .path-mod-quiz .qnbutton .trafficlight,
    .path-mod-quiz .qnbutton .thispageholder {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
    .path-mod-quiz .qnbutton.thispage {
        border-color: #666
    }
    .path-mod-quiz .qnbutton.thispage .thispageholder {
        border: 1px solid #666
    }
    .path-mod-quiz .qnbutton.flagged .trafficlight {
        background: url(/theme/image.php/boost/quiz/1696728972/navflagged) no-repeat top right
    }
    .path-mod-quiz .qnbutton.blocked,
    .path-mod-quiz .qnbutton.notyetanswered,
    .path-mod-quiz .qnbutton.requiresgrading,
    .path-mod-quiz .qnbutton.invalidanswer {
        background-color: #fff
    }
    .path-mod-quiz .qnbutton.correct {
        background-color: #cfc
    }
    .path-mod-quiz .qnbutton.correct .trafficlight {
        border-bottom: 3px solid #080
    }
    .path-mod-quiz .qnbutton.partiallycorrect {
        background-color: #ffa
    }
    .path-mod-quiz .qnbutton.notanswered,
    .path-mod-quiz .qnbutton.incorrect {
        background-color: #fcc
    }
    .path-mod-quiz .qnbutton.blocked {
        color: #999
    }
    .path-mod-quiz .qnbutton.notanswered .trafficlight,
    .path-mod-quiz .qnbutton.incorrect .trafficlight {
        border-top: 3px solid #800
    }
    .path-mod-quiz .othernav {
        clear: both;
        margin: .5em 0
    }
    .path-mod-quiz .othernav a,
    .path-mod-quiz .othernav input {
        display: block;
        margin: .5em 0
    }
    #mod_quiz_navblock.nav-disabled > * {
        opacity: .65;
        pointer-events: none;
        cursor: not-allowed
    }
    #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
        width: 23%;
        margin-left: 10px
    }
    #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
        width: 100%;
        text-align: left;
        margin-left: 0
    }
    #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
        float: left;
        width: 23%;
        clear: none
    }
    #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
        width: 100%;
        font-weight: 700;
        text-align: left;
        height: 2.5em;
        margin-left: 0
    }
    #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
        clear: left;
        margin: 0 0 1em
    }
    #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
        float: left;
        clear: left;
        line-height: 1.7
    }
    #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
        margin-left: .4em
    }
    #page-mod-quiz-view .quizinfo,
    #page-mod-quiz-view #page .quizgradefeedback {
        text-align: center
    }
    #page-mod-quiz-view #page .quizattemptsummary td p {
        margin-top: 0
    }
    #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
        border-color: #bce8f1;
        background-color: #d9edf7
    }
    table.quizattemptsummary .noreviewmessage {
        color: gray
    }
    #page-mod-quiz-view .generaltable.quizattemptsummary {
        margin-left: auto;
        margin-right: auto
    }
    #page-mod-quiz-view .generalbox#feedback {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 15px
    }
    #page-mod-quiz-view .generalbox#feedback h2 {
        margin: 0
    }
    #page-mod-quiz-view .generalbox#feedback h3 {
        text-align: left
    }
    #page-mod-quiz-view .generalbox#feedback .overriddennotice {
        text-align: center;
        font-size: .7em
    }
    .quizstartbuttondiv.quizsecuremoderequired input,
    .quizstartbuttondiv.quizsecuremoderequired button {
        display: none
    }
    .jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
    .jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
        display: inline
    }
    .quizattempt #mod_quiz_preflight_form {
        display: none
    }
    #mod_quiz_preflight_form .femptylabel .fitemtitle {
        display: none
    }
    .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
        width: 600px
    }
    .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
        overflow: hidden
    }
    .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
        padding: 1rem
    }
    .moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
        display: inherit;
        visibility: inherit
    }
    body.path-mod-quiz .gradedattempt,
    body.path-mod-quiz table tbody tr.gradedattempt > td {
        border-color: #bce8f1;
        background-color: #d9edf7
    }
    .quizattemptcounts {
        clear: left;
        text-align: center;
        display: inline;
        margin-left: 20%
    }
    #page-mod-quiz-view .quizattemptcounts {
        display: block;
        margin-left: 0;
        margin-right: 0
    }
    #page-mod-quiz-summary #content {
        text-align: center
    }
    #page-mod-quiz-summary .questionflag {
        vertical-align: text-bottom
    }
    #page-mod-quiz-summary #quiz-timer {
        text-align: center;
        margin-top: 1em
    }
    #page-mod-quiz-summary .submitbtns {
        margin-top: 1.5em
    }
    #page-mod-quiz-edit .section .activity .actions .version-selection {
        width: 8em;
        padding: 0
    }
    @media print {
        .quiz-secure-window * {
            display: none
        }
    }
    table.quizreviewsummary {
        width: 100%
    }
    table.quizreviewsummary th.cell {
        padding: 1px .5em 1px 1em;
        font-weight: 700;
        text-align: right;
        width: 10em;
        background: #f0f0f0
    }
    table.quizreviewsummary td.cell {
        padding: 1px 1em 1px .5em;
        text-align: left;
        background: #fafafa
    }
    #page-mod-quiz-comment .mform {
        width: 100%
    }
    #page-mod-quiz-comment .mform fieldset {
        margin: 0;
        border-bottom: none
    }
    #page-mod-quiz-comment .que {
        margin: 0
    }
    #page-mod-quiz-report h2.main {
        clear: both
    }
    #page-mod-quiz-report div#commands,
    #page-mod-quiz-report .controls {
        text-align: center
    }
    #page-mod-quiz-report .dubious {
        background-color: #fcc
    }
    #page-mod-quiz-report .highlight {
        border: 1px solid #bce8f1;
        background-color: #d9edf7
    }
    #page-mod-quiz-report .negcovar {
        border: medium solid pink
    }
    #page-mod-quiz-report .toggleincludeauto {
        text-align: center
    }
    #page-mod-quiz-report .gradetheselink {
        font-size: .8em
    }
    #page-mod-quiz-report .mform fieldset.fgroup span label {
        margin-right: 14px
    }
    #page-mod-quiz-report table th {
        white-space: normal
    }
    #page-mod-quiz-report table#attempts td,
    #page-mod-quiz-report table.quizresponseanalysis td {
        word-wrap: break-word;
        max-width: 20em
    }
    #page-mod-quiz-report table.titlesleft td.c0 {
        font-weight: 700
    }
    #page-mod-quiz-report table .numcol {
        text-align: center;
        vertical-align: middle
    }
    #page-mod-quiz-report table#attempts {
        clear: both;
        width: 80%;
        margin: .2em auto
    }
    #page-mod-quiz-report table#attempts .header,
    #page-mod-quiz-report table#attempts .cell {
        padding: 4px
    }
    #page-mod-quiz-report table#attempts .header .commands {
        display: inline
    }
    #page-mod-quiz-report table#attempts .picture {
        width: 40px
    }
    #page-mod-quiz-report table#attempts td {
        border-left-width: 1px;
        border-right-width: 1px;
        border-left-style: solid;
        border-right-style: solid;
        vertical-align: middle
    }
    #page-mod-quiz-report table#attempts .header {
        text-align: left
    }
    #page-mod-quiz-report table#attempts .picture {
        text-align: center
    }
    #page-mod-quiz-report table#attempts.grades span.que,
    #page-mod-quiz-report table#attempts span.avgcell {
        white-space: nowrap
    }
    #page-mod-quiz-report table#attempts span.que .requiresgrading {
        white-space: normal
    }
    #page-mod-quiz-report table#attempts .questionflag {
        vertical-align: text-bottom;
        padding-left: 6px
    }
    #page-mod-quiz-report .graph.flexible-wrap {
        text-align: center;
        overflow: auto
    }
    #page-mod-quiz-report #cachingnotice {
        margin-bottom: 1em;
        padding: .2em
    }
    #page-mod-quiz-report #cachingnotice .singlebutton {
        margin: .5em 0 0
    }
    #page-mod-quiz-report .bold .reviewlink {
        font-weight: 400
    }
    #page-mod-quiz-report tr.lastrowforattempt {
        border-bottom: lightgrey solid .2em
    }
    #page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
        padding-top: 1px;
        padding-bottom: 1px;
        border-top: none
    }
    #page-mod-quiz-edit .statusdisplay {
        background-color: #ffc;
        clear: both;
        margin: .3em 0;
        padding: 1px 10px
    }
    #page-mod-quiz-edit .statusdisplay p {
        margin: 4px 0
    }
    #page-mod-quiz-edit .mod_quiz-edit-top-controls {
        position: relative
    }
    #page-mod-quiz-edit .mod_quiz-edit-action-buttons {
        display: block;
        min-height: 2.85em
    }
    @media (max-width:576px) {
        #page-mod-quiz-edit .maxgrade {
            margin-bottom: .6em
        }
        #page-mod-quiz-edit .maxgrade .form-control {
            display: inline-block;
            vertical-align: middle
        }
    }
    #page-mod-quiz-edit .maxgrade label {
        display: inline
    }
    #page-mod-quiz-edit .maxgrade input[type="submit"] {
        margin: 0
    }
    #page-mod-quiz-edit li.activity > div,
    #page-mod-quiz-edit li.pagenumber {
        position: relative
    }
    #page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
    #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
        display: none
    }
    #page-mod-quiz-edit .last-add-menu {
        position: relative;
        height: 1.5em;
        margin: 0 20px
    }
    #page-mod-quiz-edit .add-menu-outer {
        position: absolute;
        right: 0
    }
    #page-mod-quiz-edit .slotnumber {
        background-color: #d3d3d3;
        text-align: center;
        margin: .1em .5em;
        min-width: 2em;
        display: inline-block
    }
    #page-mod-quiz-edit .section-heading {
        margin-left: 20px;
        margin-bottom: 0;
        height: 40px
    }
    #page-mod-quiz-edit .section-heading .instancesectioncontainer {
        font-size: 24px;
        display: inline
    }
    #page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
        display: inline;
        color: #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: 700;
        width: 50%
    }
    #page-mod-quiz-edit .section-heading .instanceshufflequestions {
        float: right;
        margin: .3em 20px 0 0
    }
    .instanceshufflequestions [type="checkbox"] {
        vertical-align: middle;
        margin-right: .5rem
    }
    #page-mod-quiz-edit ul.section {
        margin: 0;
        padding: 0 20px
    }
    #page-mod-quiz-edit ul.slots {
        margin: 0;
        padding: 0
    }
    #page-mod-quiz-edit ul.slots li.section {
        border: 0
    }
    #page-mod-quiz-edit ul.slots li.section .content {
        background-color: #fafafa;
        padding: 1px 0
    }
    #page-mod-quiz-edit ul.slots li.section {
        list-style: none;
        margin: 0;
        padding: 0
    }
    #page-mod-quiz-edit ul.slots li.section li.activity {
        background: #e6e6e6;
        margin: 3px 0;
        padding: .2em;
        position: relative
    }
    #page-mod-quiz-edit ul.slots li.section li.activity.page {
        background: transparent
    }
    #page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
        display: inline;
        font-weight: 400;
        font-size: 1em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
        background: #fff;
        padding: .2em;
        margin: .4em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
        width: 13px
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
        background: transparent
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
        display: inline
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
        display: inline-block;
        text-align: right
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
        position: absolute;
        left: -20px;
        bottom: -11px
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
        min-width: 1.3em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
        min-width: 2em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
        min-width: 2.6em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
        min-width: 3.2em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
        min-width: 3.7em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
        min-width: 4.3em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
        min-width: 4.8em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
        min-width: 5.45em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
    #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
    #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
    #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
        margin: 0 2px
    }
    #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
    #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
        visibility: hidden
    }
    #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
        visibility: visible
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
        position: absolute;
        top: 0;
        right: 0
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
        display: none
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
    #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
        position: relative;
        left: 20px;
        top: -1em
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
        display: flex;
        flex: 1 1 auto;
        min-height: 1.7em;
        padding-right: 2px
    }
    #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
        display: flex;
        padding-left: 22px
    }
    #page-mod-quiz-edit ul.slots .activityinstance form {
        display: inline
    }
    #page-mod-quiz-edit span.editinstructions {
        right: 0
    }
    #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        height: 20px
    }
    #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
        margin: 0 .2em
    }
    #page-mod-quiz-edit #categoryquestions .questionname,
    #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
        font-weight: 700;
        color: #555;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
        color: #555
    }
    #page-mod-quiz-edit .section .activity .editing_move {
        position: absolute;
        left: 0;
        top: 0
    }
    #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
        font-size: .8em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: .25rem
    }
    #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
        float: inherit;
        margin: .2em 0 0;
        padding: 0
    }
    #page-mod-quiz-edit .section .activity .actions {
        position: inherit;
        white-space: nowrap;
        background: #e6e6e6;
        padding: .1em 0
    }
    #page-mod-quiz-edit .mod_quiz_edit_forms {
        display: none
    }
    #categoryquestions .header {
        text-align: center;
        padding: 0 2px;
        border: 0 none;
        vertical-align: top
    }
    #categoryquestions .header.checkbox {
        vertical-align: bottom
    }
    #categoryquestions .header.qtype {
        white-space: nowrap
    }
    #categoryquestions th .sorters {
        font-weight: 400;
        font-size: .8em
    }
    #categoryquestions td.modifiername,
    #categoryquestions td.creatorname,
    #categoryquestions td.questionlastused {
        line-height: 1em
    }
    #categoryquestions td.modifiername span.date,
    #categoryquestions td.creatorname span.date {
        font-weight: 400;
        font-size: .8em
    }
    table#categoryquestions {
        width: 100%;
        table-layout: fixed;
        overflow-x: visible
    }
    #categoryquestions .iconcol {
        width: 15px;
        text-align: center;
        padding: 0
    }
    #categoryquestions .checkbox {
        width: 19px;
        text-align: center;
        padding: 0
    }
    #categoryquestions .editmenu {
        width: 5em
    }
    #categoryquestions .qtype {
        text-align: center
    }
    #categoryquestions .qtype {
        width: 28px;
        padding: 0
    }
    #categoryquestions .questiontext {
        position: relative;
        zoom: 1;
        padding-left: .3em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    #categoryquestions .questionname {
        white-space: nowrap;
        overflow: hidden;
        zoom: 1;
        position: relative
    }
    #categoryquestions .questiontext p {
        margin: 0
    }
    #page-mod-quiz-edit table#categoryquestions td,
    #page-mod-quiz-edit table#categoryquestions th {
        overflow: hidden;
        white-space: nowrap
    }
    .mod_quiz_qbank_dialogue {
        width: 80%;
        min-height: 200px
    }
    .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
        width: 100%
    }
    .mod_quiz_qbank_dialogue .questionbankloading {
        position: absolute;
        top: 30px;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        text-align: center;
        opacity: .5;
        padding-top: 50px
    }
    .mod_quiz_qbank_dialogue #advancedsearch label {
        font-size: 100%
    }
    .quizquestionlistcontrols {
        text-align: center
    }
    .categoryinfo {
        padding: .3em
    }
    .path-mod-quiz .gradingdetails {
        font-size: small
    }
    #page-mod-quiz-edit div#repaginatedialog .mform {
        margin-left: auto;
        margin-right: auto
    }
    #page-mod-quiz-edit div.container div.generalbox {
        position: relative;
        display: block;
        border: 0 none;
        margin: 0;
        padding: 0
    }
    #page-mod-quiz-edit .paging {
        margin-top: 0;
        margin-bottom: 0;
        padding: .1em .3em;
        display: block;
        background-color: #ddd
    }
    #page-mod-quiz-edit #page-footer {
        clear: both;
        padding-top: 1em
    }
    #page-mod-quiz-edit .categoryinfofield {
        font-style: italic
    }
    #page-mod-quiz-edit .categorynamefield {
        font-weight: 700
    }
    #page-mod-quiz-edit .questionsortoptions {
        background-color: #ddd
    }
    #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
        padding-top: .5em;
        margin-top: .3em
    }
    #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
    .questionbank .categorysortopotionscontainer,
    .questionbank .categorypagingbarcontainer,
    .questionbank .categoryselectallcontainer {
        background-color: #fff
    }
    #page-mod-quiz-edit .btn-group.selectmultiplecommand,
    #page-mod-quiz-edit .selectmultiplecommandbuttons,
    #page-mod-quiz-edit .select-multiple-checkbox {
        display: none
    }
    #page-mod-quiz-edit.select-multiple .selectmultiplecommand,
    #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
    #page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
        display: inline-block
    }
    #page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
        display: inline
    }
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
        display: none
    }
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
        display: none
    }
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
        display: none
    }
    #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
        display: none
    }
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
        display: none
    }
    #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
        display: none
    }
    #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
        padding-left: 3px
    }
    #page-mod-quiz-edit .section .summary .iconsmall,
    #page-mod-quiz-edit .section .activity .iconsmall {
        float: left
    }
    #page-mod-quiz-edit ul.slots li.section ul.section {
        list-style: none
    }
    @media (max-width:576px) {
        #page-mod-quiz-edit ul.slots li.section li.activity {
            padding-top: 30px
        }
        #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
            top: -30px;
            left: 0;
            padding-right: 0;
            overflow: hidden;
            align-items: center;
            position: absolute;
            width: 100%
        }
    }
    @media print {
        #page-mod-quiz-attempt header.navbar,
        #page-mod-quiz-review header.navbar {
            display: none
        }
        #page-mod-quiz-attempt #dock,
        #page-mod-quiz-review #dock {
            display: none
        }
        #page-mod-quiz-attempt #page #page-header h1,
        #page-mod-quiz-review #page #page-header h1 {
            display: none
        }
        #page-mod-quiz-attempt #region-main,
        #page-mod-quiz-review #region-main {
            width: 100%
        }
        #page-mod-quiz-attempt #block-region-side-pre,
        #page-mod-quiz-attempt #block-region-side-post,
        #page-mod-quiz-review #block-region-side-pre,
        #page-mod-quiz-review #block-region-side-post {
            display: none
        }
        #page-mod-quiz-attempt #page-footer,
        #page-mod-quiz-review #page-footer {
            display: none
        }
        #page-mod-quiz-attempt .editquestion,
        #page-mod-quiz-review .editquestion,
        #page-mod-quiz-attempt .questionflag,
        #page-mod-quiz-review .questionflag {
            display: none
        }
        #page-mod-quiz-attempt .submitbtns,
        #page-mod-quiz-review .submitbtns {
            display: none
        }
        #page-mod-quiz-review .que .commentlink {
            display: none
        }
        #page-mod-quiz-attempt .que,
        #page-mod-quiz-review .que {
            page-break-inside: avoid
        }
    }
    .path-mod-resource .resourcecontent {
        text-align: center
    }
    .path-mod-resource .resourcedetails {
        font-size: .8em;
        color: #555
    }
    .resourcelinkdetails {
        font-size: .8em;
        color: #555
    }
    .path-mod-scheduler .timelabel {
        color: gray
    }
    .path-mod-scheduler .attended {
        color: green
    }
    .path-mod-scheduler div.otherstudent.highlight {
        font-weight: 700
    }
    .path-mod-scheduler div.slotnotes {
        background-color: #e8e9ee;
        border: solid 1px #a7abbe;
        font-size: .9em;
        padding: 2px;
        margin: 1px
    }
    div .path-mod-scheduler .appointmentnote {
        background-color: #e7efe7;
        border: solid 1px #a0c5a4;
        font-size: .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: .5em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .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: 700
    }
    .path-mod-scheduler div.commandbar .moodle-actionmenu {
        display: inline-block!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: 700
    }
    .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
    }
    .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: 700;
        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: .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: .8em
    }
    #page-mod-scorm-player #toctree {
        overflow: visible
    }
    #page-mod-scorm-player #tochead {
        position: relative;
        text-align: center;
        top: 3px;
        height: 30px
    }
    #page-mod-scorm-player #scormpage .scoframe {
        border: 0
    }
    #page-mod-scorm-player #scormpage #scorm_object {
        border: none;
        width: 98%;
        height: 98%
    }
    #page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
        height: 95%
    }
    #page-mod-scorm-player #scormpage #scorm_content {
        height: 100%
    }
    #page-mod-scorm-player #scormpage #scorm_toc {
        position: relative
    }
    #page-mod-scorm-player #scormpage #scorm_toc_title {
        font-size: 1.2em;
        font-weight: 700
    }
    #page-mod-scorm-player #scormpage #scorm_tree {
        border-right: 5px solid rgb(239, 245, 255)
    }
    #page-mod-scorm-player #scormpage #scorm_navpanel {
        text-align: center
    }
    #page-mod-scorm-player .toc,
    #page-mod-scorm-player .no-toc {
        width: 100%
    }
    #page-mod-scorm-player .structlist {
        list-style-type: none;
        white-space: nowrap
    }
    #page-mod-scorm-player .structurelist {
        position: relative;
        list-style-type: none;
        width: 96%;
        margin: 0;
        padding: 0
    }
    #page-mod-scorm-player .structurelist ul {
        padding-left: .5em;
        margin-left: .5em
    }
    #page-mod-scorm-player #scormpage #scorm_toc.disabled,
    #page-mod-scorm-player #scormpage #scorm_toc.loading,
    #page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled,
    #page-mod-scorm-player #scormpage #scorm_toc_toggle.loading {
        display: none
    }
    #page-mod-scorm-view .structurelist {
        list-style-type: none;
        white-space: nowrap
    }
    #page-mod-scorm-view .structurelist {
        list-style-type: none;
        white-space: nowrap
    }
    #page-mod-scorm-view .exceededmaxattempts {
        color: #c00
    }
    #page-mod-scorm-player #altfinishlink {
        font-size: 140%;
        border: 0;
        padding: 0
    }
    #page-mod-scorm-player #scormmode {
        float: left;
        border: 0
    }
    #page-mod-scorm-player.pagelayout-popup #page-content .region-content {
        padding: 0
    }
    #page-mod-scorm-player.pagelayout-popup #page-wrapper {
        width: 100%
    }
    #page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
        overflow: visible
    }
    #page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
        overflow: auto
    }
    .path-mod-scorm.forcejavascript .toc {
        display: none
    }
    .path-mod-scorm.forcejavascript #scormpage #tocbox {
        display: none
    }
    .path-mod-scorm.jsenabled .forcejavascriptmessage {
        display: none
    }
    .path-mod-scorm.jsenabled .toc {
        display: block
    }
    .path-mod-scorm.jsenabled #scormpage #tocbox {
        display: block
    }
    #page-mod-scorm-report-userreporttracks table .c1 {
        word-wrap: break-word;
        word-break: break-all
    }
    #page-mod-scorm-report .scormattemptcounts {
        clear: left;
        text-align: center;
        display: inline;
        margin-left: 20%
    }
    #page-mod-scorm-player #scormpage span.yui3-treeview-icon {
        display: none
    }
    #page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
        display: block
    }
    #page-mod-scorm-player #scormpage div.yui3-u-1,
    #page-mod-scorm-player #scormpage div.yui3-u-3-4,
    #page-mod-scorm-player #scormpage div.yui3-u-1-5,
    #page-mod-scorm-player #scormpage div.yui3-u-1-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }
    #page-mod-scorm-player #scormpage div.yui3-u-1 {
        display: block
    }
    #page-mod-scorm-player #scormpage div.yui3-u-3-4 {
        width: 75%
    }
    #page-mod-scorm-player #scormpage div.yui3-u-1-5 {
        width: 20%
    }
    #page-mod-scorm-player #scormpage div.yui3-u-1-24 {
        width: 4.1666%
    }
    #page-mod-scorm-player #scormpage div.yui3-g-r {
        letter-spacing: normal;
        word-spacing: -.43em
    }
    #scorm_layout {
        margin-bottom: 50px
    }
    #page-mod-scorm-player .opera-only :-o-prefocus,
    #page-mod-scorm-player #scormpage div.yui3-g-r img {
        max-width: 100%
    }
    .path-mod-survey .smalltext {
        font-size: .75em
    }
    .path-mod-survey .surveytable .rblock label {
        display: block
    }
    .path-mod-survey .surveytable .foundthat,
    .path-mod-survey .surveytable .preferthat {
        white-space: nowrap
    }
    .path-mod-survey .surveytable .buttoncell {
        width: 5%
    }
    .path-mod-survey .surveytable .optioncell,
    .path-mod-survey .surveytable .questioncell {
        width: 50%;
        vertical-align: top
    }
    .path-mod-survey .surveytable .whitecell {
        background-color: #fff
    }
    .path-mod-survey #surveyform th {
        font-weight: 400;
        text-align: left
    }
    .path-mod-survey #surveyform th.hresponse {
        text-align: center;
        width: 9%
    }
    #page-mod-survey-report .fullnamecell {
        width: 10%;
        vertical-align: top;
        white-space: nowrap
    }
    .path-mod-url .resourcecontent {
        text-align: center
    }
    .path-mod-webexactivity #recordings {
        clear: both;
        width: 100%;
        text-align: center
    }
    .path-mod-webexactivity #recordings .hiddenrecording .details {
        color: gray
    }
    .path-mod-webexactivity #recordings #recordingsheader {
        font-weight: 700;
        font-size: 110%;
        margin-bottom: 10px
    }
    .path-mod-webexactivity #recordings .recording {
        margin-bottom: 20px
    }
    .path-mod-webexactivity #recordings .recording .recordingblock {
        vertical-align: top;
        display: inline-block
    }
    .path-mod-webexactivity #recordings .recording .actions .moodle-actionmenu {
        white-space: nowrap
    }
    .path-mod-webexactivity #recordings .recording .buttons {
        text-align: right;
        margin-right: 10px;
        margin-left: 10px
    }
    .path-mod-webexactivity #recordings .recording .buttons .play {
        display: inline-block
    }
    .path-mod-webexactivity #recordings .recording .buttons .download {
        display: inline-block
    }
    .path-mod-webexactivity #recordings .recording .details {
        max-width: 400px;
        text-align: left
    }
    .path-mod-webexactivity #recordings .recording .details .name {
        font-weight: 700
    }
    .path-mod-webexactivity .webexerror {
        padding: 10px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 110%
    }
    .path-mod-webexactivity #editrecording #id_name {
        width: 300px
    }
    .path-mod-webexactivity .webexrecordingdeleted {
        color: gray
    }
    /**
 * 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: 700;
        font-size: .9em;
        margin-left: 16px
    }
    .wiki-tags {
        text-align: right
    }
    .wiki_modifieduser p {
        line-height: 35px
    }
    .wiki_modifieduser img {
        border: thin solid #000
    }
    .wiki_restoreform,
    .wiki_deletecommentform {
        width: 10%;
        margin: auto
    }
    .wiki_versionuser {
        float: left
    }
    .wiki_diffuserleft,
    .wiki_diffuserright {
        font-weight: 400;
        padding-top: 1%
    }
    .wiki_diffuserleft {
        float: right
    }
    .wiki_diffuserright {
        float: left
    }
    .wiki_compareheading {
        font-weight: 400
    }
    .wiki_restore,
    .wiki_diffview,
    .wiki_difftime,
    .wiki_headingtime {
        font-size: .8em;
        font-weight: 400
    }
    .wiki_difftime,
    .wiki_headingtime {
        font-style: oblique;
        text-align: center
    }
    .wiki_diff_oldpaging {
        float: left;
        width: 40%;
        min-width: 200px;
        margin-left: 5%
    }
    .wiki_diff_newpaging {
        float: right;
        width: 40%;
        min-width: 200px;
        margin-right: 5%
    }
    .wiki_diff_old,
    .wiki_diff_new {
        float: left;
        min-width: 200px;
        width: 40%
    }
    .wiki_difftable td {
        width: 50%;
        float: left
    }
    .wiki_histdate {
        text-align: left
    }
    .wiki_histnewdate {
        border-top: 1px dotted gray
    }
    .ouw_deleted {
        background: #ffa;
        color: red;
        text-decoration: line-through
    }
    .ouw_added {
        background: #cfc;
        color: red
    }
    a.wiki_newentry:link,
    a.wiki_newentry:visited {
        color: red;
        font-style: italic
    }
    .wiki_newentry a {
        color: red;
        font-style: italic
    }
    .wiki_navigation_container {
        margin: 0 auto
    }
    .wiki_navigation_from {
        float: left;
        width: 40%;
        min-width: 200px;
        margin-left: 5%
    }
    .wiki_navigation_to {
        float: left;
        width: 40%;
        min-width: 200px;
        margin-right: 5%
    }
    .wiki_headingtitle {
        text-align: center
    }
    .wiki_clear {
        clear: both
    }
    .wiki_right {
        text-align: right
    }
    .wiki_index {
        text-align: right
    }
    .notunderlined {
        text-decoration: none
    }
    a.wiki_edit_section {
        font-size: .6em;
        position: relative;
        float: right
    }
    .midpad {
        text-align: center;
        margin-top: .4em;
        margin-bottom: .4em
    }
    .block_wiki_search ul {
        margin-top: .5em;
        margin-bottom: 3px
    }
    .wiki-attachment:before {
        content: url(/mod/wiki/pix/attachment.png);
        padding-right: 2px
    }
    #wiki_printable_content {
        text-align: left
    }
    #wiki_printable_content a {
        color: #000
    }
    #wiki_printable_title {
        font-size: 2.2em;
        text-decoration: underline
    }
    .wiki_diff_boxes {
        width: 100%;
        clear: both
    }
    .wiki_diff_paging {
        width: 100%;
        clear: both
    }
    .wiki_grayline {
        color: gray
    }
    .wikisearchresults {
        padding-left: 50px;
        padding-top: 20px
    }
    .wiki-diff-container {
        width: 95%;
        margin: 10px auto
    }
    .wiki-diff-container .wiki-diff-leftside,
    .wiki-diff-container .wiki-diff-rightside {
        width: 49.5%;
        margin: 0;
        padding: 0;
        float: left
    }
    .wiki-diff-container .wiki-diff-rightside {
        margin-left: 1%
    }
    .wiki-diff-container .wiki-diff-heading,
    .wiki-diff-container .no-overflow {
        padding: 10px;
        border: 1px solid #ddd
    }
    .wiki-diff-container .wiki-diff-rightside .wiki_diffversion {
        text-align: right
    }
    .path-mod-wiki .printicon {
        background: url(/theme/image.php/boost/core/1696728972/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: .75em
    }
    .path-mod-workshop .collapsibleregioncaption {
        font-weight: 700;
        font-size: 120%
    }
    .path-mod-workshop div.singlebutton {
        text-align: center;
        margin: .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: .75em auto
    }
    .path-mod-workshop .perpagewidget {
        text-align: center;
        margin: .75em auto
    }
    .path-mod-workshop .submission-summary {
        position: relative;
        margin-bottom: 10px
    }
    .path-mod-workshop .submission-summary .title,
    .path-mod-workshop .submission-summary .author,
    .path-mod-workshop .submission-summary .author .fullname,
    .path-mod-workshop .submission-summary .author .picture {
        display: inline
    }
    .path-mod-workshop .submission-summary .title,
    .path-mod-workshop .submission-summary .userdate,
    .path-mod-workshop .submission-summary .grade-status {
        margin: 0 0 0 40px
    }
    .path-mod-workshop .submission-summary .author {
        margin-left: 1ex
    }
    .path-mod-workshop .submission-summary.anonymous .title,
    .path-mod-workshop .submission-summary.anonymous .author,
    .path-mod-workshop .submission-summary.anonymous .userdate,
    .path-mod-workshop .submission-summary.anonymous .grade-status {
        margin: 0 0 0 5px
    }
    .path-mod-workshop .submission-summary .userdate {
        font-size: x-small;
        color: #333
    }
    .path-mod-workshop .submission-summary .userdate span {
        font-style: italic
    }
    .path-mod-workshop .submission-summary .author .picture {
        position: absolute;
        top: 0;
        left: 0
    }
    .path-mod-workshop .submission-full {
        border: 1px solid #ddd;
        margin: 0 0 1em 0
    }
    .path-mod-workshop .submission-full .header {
        position: relative;
        background-color: #ddd;
        padding: 3px;
        min-height: 67px
    }
    .path-mod-workshop .submission-full .header .title,
    .path-mod-workshop .submission-full .header .author,
    .path-mod-workshop .submission-full .header .userdate {
        margin: 0 0 0 80px
    }
    .path-mod-workshop .submission-full.anonymous .header .title,
    .path-mod-workshop .submission-full.anonymous .header .author,
    .path-mod-workshop .submission-full.anonymous .header .userdate {
        margin: 0 0 0 5px
    }
    .path-mod-workshop .submission-full .header .userdate.created {
        padding-right: 10px
    }
    .path-mod-workshop .submission-full .header .userdate.modified {
        padding-left: 10px;
        margin-left: 0;
        border-left: 1px solid #000
    }
    .path-mod-workshop .submission-full .header .userdate {
        font-size: x-small;
        color: #333;
        display: inline
    }
    .path-mod-workshop .submission-full .header .userdate span {
        font-style: italic
    }
    .path-mod-workshop .submission-full .header .author .picture {
        position: absolute;
        top: 3px;
        left: 3px
    }
    .path-mod-workshop .submission-full .content,
    .path-mod-workshop .submission-full .attachments {
        padding: 5px 10px
    }
    .path-mod-workshop .submission-full .attachments .files img.icon {
        margin-right: 5px
    }
    .path-mod-workshop .submission-full .attachments .images div {
        display: inline-block;
        margin: 5px;
        padding: 5px;
        border: 1px solid #ddd
    }
    .path-mod-workshop .submission-summary.example .title,
    .path-mod-workshop .submission-summary.example .userdate {
        margin: 0 0 0 0
    }
    .path-mod-workshop .submission-full.example .header {
        min-height: 0
    }
    .path-mod-workshop .submission-full.example .header .title {
        margin: 0 0 0 0
    }
    .path-mod-workshop .message {
        padding: 5px 5em 5px 15px;
        margin: 0 auto 20px auto;
        width: 100%;
        font-size: 80%;
        position: relative
    }
    .path-mod-workshop .message .singlebutton {
        text-align: left;
        margin: 0
    }
    .path-mod-workshop .message.ok {
        color: #547c22;
        background-color: #e7f1c3
    }
    .path-mod-workshop .message.error {
        color: #dd0221;
        background-color: #ffd3d9
    }
    .path-mod-workshop .message.info {
        color: #1666a9;
        background-color: #d2ebff
    }
    .path-mod-workshop .allocation-init-results {
        margin: 10px auto;
        width: 100%;
        font-size: 80%
    }
    .path-mod-workshop .allocation-init-results .indent {
        margin-left: 20px
    }
    .path-mod-workshop .allocation-init-results .ok {
        color: #547c22;
        background-color: #e7f1c3
    }
    .path-mod-workshop .allocation-init-results .error {
        color: #dd0221;
        background-color: #ffd3d9
    }
    .path-mod-workshop .allocation-init-results .info {
        color: #1666a9;
        background-color: #d2ebff
    }
    .path-mod-workshop .allocation-init-results .debug {
        color: #000;
        background-color: #ddd
    }
    .path-mod-workshop .userplan {
        width: 100%;
        margin: 1em auto 1em auto;
        font-size: 80%;
        border: 1px solid #ddd;
        position: relative;
        overflow: hidden
    }
    .path-mod-workshop .userplan dt {
        vertical-align: bottom;
        white-space: normal;
        color: #999;
        border-bottom: 1px solid #ddd;
        padding: 3px
    }
    .path-mod-workshop .userplan dt.active {
        vertical-align: top;
        color: #000;
        border: 1px solid #ddd;
        border-bottom: 0;
        border-top: 0;
        background: #e7f1c3
    }
    .path-mod-workshop .userplan dt.active .phasetitle {
        font-size: 140%
    }
    .path-mod-workshop .userplan dl {
        width: 20%;
        float: left;
        margin: 0
    }
    @media only screen and (max-width:768px) {
        .path-mod-workshop .userplan {
            border-right: none;
            border-top: none
        }
        .path-mod-workshop .userplan dl {
            width: 102%;
            border-right: none
        }
        .path-mod-workshop .userplan dt {
            float: left;
            width: 30%;
            border-bottom: none;
            border-top: 1px solid #ddd
        }
        .path-mod-workshop .userplan dt.active {
            border: none
        }
        .path-mod-workshop .userplan dd {
            float: left;
            width: 65%;
            border-left: 1px solid #ddd;
            border-top: 1px solid #ddd
        }
    }
    @media only screen and (max-width:420px) {
        .path-mod-workshop .userplan {
            border-bottom: none
        }
        .path-mod-workshop .userplan dt {
            float: left;
            width: 70%;
            border-bottom: none;
            border-right: 1px solid #ddd;
            border-left: 1px solid #ddd;
            margin: 0;
            padding: 5px
        }
        .path-mod-workshop .userplan dd {
            float: left;
            width: 70%;
            border-left: 1px solid #ddd;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd
        }
    }
    .path-mod-workshop .userplan dd {
        vertical-align: top;
        border-right: 1px solid #ddd;
        background-color: #f5f5f5;
        margin: 0;
        min-height: 180px;
        padding: 5px
    }
    .path-mod-workshop .userplan dd,
    .path-mod-workshop .userplan dd a,
    .path-mod-workshop .userplan dd a:link,
    .path-mod-workshop .userplan dd a:hover,
    .path-mod-workshop .userplan dd a:visited,
    .path-mod-workshop .userplan dd a:active {
        color: #999
    }
    .path-mod-workshop .userplan dd.active,
    .path-mod-workshop .userplan dd.active a,
    .path-mod-workshop .userplan dd.active a:link,
    .path-mod-workshop .userplan dd.active a:hover,
    .path-mod-workshop .userplan dd.active a:visited,
    .path-mod-workshop .userplan dd.active a:active {
        color: #000
    }
    .path-mod-workshop .userplan dd.lastcol {
        border-right: 0
    }
    .path-mod-workshop .userplan dd.active {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        background-color: #e7f1c3
    }
    .path-mod-workshop .userplan dt .actions {
        font-size: smaller
    }
    .path-mod-workshop .userplan dd.phasetasks li {
        background-image: url(/theme/image.php/boost/mod_workshop/1696728972/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/mod_workshop/1696728972/userplan/task-done)
    }
    .path-mod-workshop .userplan dd.phasetasks li.fail {
        background-image: url(/theme/image.php/boost/mod_workshop/1696728972/userplan/task-fail)
    }
    .path-mod-workshop .userplan dd.phasetasks li.info {
        background-image: url(/theme/image.php/boost/mod_workshop/1696728972/userplan/task-info)
    }
    .path-mod-workshop .userplan dd.phasetasks .tasks {
        list-style: none;
        margin: 0;
        padding: 0
    }
    .path-mod-workshop .userplan dd.phasetasks .title {
        padding: 0 10px 0 20px
    }
    .dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
        padding: 0 20px 0 10px
    }
    .path-mod-workshop .userplan dd.phasetasks .details {
        padding: 0 10px 0 25px;
        font-size: 80%
    }
    .dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
        padding: 0 25px 0 10px
    }
    .path-mod-workshop .assessment-full {
        border: 1px solid #ddd;
        margin: 0 auto 1em auto
    }
    .path-mod-workshop .assessment-full .header {
        position: relative;
        background-color: #ddd;
        padding: 3px;
        min-height: 35px
    }
    .path-mod-workshop .assessment-full .header .title {
        font-weight: 700
    }
    .path-mod-workshop .assessment-full .header .title,
    .path-mod-workshop .assessment-full .header .reviewer,
    .path-mod-workshop .assessment-full .header .grade,
    .path-mod-workshop .assessment-full .header .weight {
        margin: 0 0 0 40px
    }
    .path-mod-workshop .assessment-full.anonymous .header .title,
    .path-mod-workshop .assessment-full.anonymous .header .reviewer,
    .path-mod-workshop .assessment-full.anonymous .header .grade,
    .path-mod-workshop .assessment-full.anonymous .header .weight {
        margin: 0 0 0 5px
    }
    .path-mod-workshop .assessment-full .header .reviewer .picture {
        position: absolute;
        top: 3px;
        left: 3px
    }
    .dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
        right: 3px;
        left: auto
    }
    .path-mod-workshop .assessment-full .header .actions {
        position: absolute;
        top: 5px;
        right: 5px;
        text-align: right
    }
    .path-mod-workshop .assessment-full .header .actions .singlebutton,
    .path-mod-workshop .assessment-full .header .actions .singlebutton form,
    .path-mod-workshop .assessment-full .header .actions .singlebutton form div {
        display: inline
    }
    .path-mod-workshop .assessment-full .assessment-form-wrapper,
    .path-mod-workshop .assessment-full .overall-feedback-wrapper {
        margin-top: .5em;
        padding: 0 1em
    }
    .path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
    .path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
        background-color: #e7f1c3
    }
    .path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
    .path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
        background-color: #ffd3d9
    }
    .path-mod-workshop .assessment-full .overallfeedback .content,
    .path-mod-workshop .assessment-full .overallfeedback .attachments {
        padding: 5px 10px
    }
    .path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
        margin-right: 5px
    }
    .path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
        display: inline-block;
        margin: 5px;
        padding: 5px;
        border: 1px solid #ddd
    }
    .path-mod-workshop .assessmentform .description {
        margin: 0 1em
    }
    .path-mod-workshop .grading-report {
        width: 100%;
        margin: 1em auto 1em auto;
        font-size: 80%;
        border: 1px solid #ddd
    }
    .path-mod-workshop .grading-report .userpicture {
        margin: 0 3px;
        vertical-align: middle
    }
    .path-mod-workshop .grading-report del {
        color: red;
        font-size: 90%;
        text-decoration: line-through
    }
    .path-mod-workshop .grading-report ins {
        color: green;
        font-weight: 700;
        text-decoration: underline
    }
    .path-mod-workshop .grading-report th {
        white-space: normal
    }
    .path-mod-workshop .grading-report td {
        vertical-align: top;
        border: 1px solid #ddd
    }
    .path-mod-workshop .grading-report tr.published td.submission {
        background-color: #d2ebff
    }
    .path-mod-workshop .grading-report tr.published td.submission a {
        font-weight: 700
    }
    .path-mod-workshop .grading-report .assessmentdetails {
        white-space: nowrap
    }
    .path-mod-workshop .grading-report .receivedgrade span.grade,
    .path-mod-workshop .grading-report .givengrade span.gradinggrade {
        font-weight: 700
    }
    .path-mod-workshop .grading-report .submissiongrade.cell,
    .path-mod-workshop .grading-report .gradinggrade.cell {
        text-align: center;
        font-size: 200%;
        white-space: nowrap
    }
    .path-mod-workshop .grading-report .givengrade.null .user,
    .path-mod-workshop .grading-report .receivedgrade.null .user {
        color: #e00
    }
    .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
        text-align: center
    }
    .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
        border: 1px solid #ddd;
        margin: 1em;
        padding: 2em;
        display: inline-block;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px
    }
    .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
        background-color: #d2ebff
    }
    .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
        background-color: #eee
    }
    .path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
        font-weight: 700;
        font-size: x-large;
        margin: 10px
    }
    #mod-workshop-editform fieldset.fgroup * {
        vertical-align: top
    }
    .path-mod-workshop .feedback {
        border: 1px solid #ddd;
        margin: 0 auto 1em auto;
        width: 100%
    }
    .path-mod-workshop .feedback .header {
        position: relative;
        background-color: #ddd;
        padding: 3px;
        min-height: 35px
    }
    .path-mod-workshop .feedback .header .title {
        margin: 0 0 0 40px
    }
    .path-mod-workshop .feedback .header .picture {
        position: absolute;
        top: 3px;
        left: 3px
    }
    .path-mod-workshop .feedback .content {
        padding: 5px 10px
    }
    .path-mod-workshop div.buttonsbar {
        text-align: center
    }
    .path-mod-workshop div.buttonsbar .singlebutton {
        display: inline
    }
    .path-mod-workshop .toolboxaction {
        margin-right: 1em
    }
    .path-mod-workshop .toolboxaction,
    .path-mod-workshop .toolboxaction .singlebutton,
    .path-mod-workshop .toolboxaction .singlebutton form,
    .path-mod-workshop .toolboxaction .singlebutton form div {
        display: inline
    }
    .path-mod-workshop div.buttonwithhelp div {
        display: inline
    }
    .path-mod-workshop #evaluationmethodchooser {
        margin: 2em auto;
        text-align: center
    }
    .path-mod-workshop .lastmodified {
        line-height: 1em
    }
    .path-mod-workshop .nothingfound {
        font-size: 150%;
        color: #ff4500
    }
    .path-mod-workshop .workshop-risk-dataloss {
        vertical-align: text-bottom
    }
    #registration-tab-content .input-group-append button.btn {
        border: solid 1px #8f959e
    }
    form#auto_submit {
        display: none
    }
    #registration-tab-content .input-group-append button.btn span.pix {
        padding-left: .5rem
    }
    .block_accessreview_success,
    .block_accessreview.block_accessreview_success.hasinfo {
        color: #1e451e;
        background: #d7e6d7;
        border-color: #c8ddc8
    }
    .block_accessreview_danger,
    .block_accessreview.block_accessreview_danger.hasinfo {
        color: #6e211e;
        background: #f6d9d8;
        border-color: #f3c9c8
    }
    .block_accessreview_warning,
    .block_accessreview.block_accessreview_warning.hasinfo {
        color: #7d5a29;
        background: #fcefdc;
        border-color: #fbe8cd
    }
    .block_accessreview_table {
        border-bottom: 1px solid;
        border-color: #eee8e8
    }
    .block_accessreview_links {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: center
    }
    .block_accessreview_link {
        padding-left: 10px;
        padding-right: 10px
    }
    .block_accessreview_analysisbutton {
        text-align: center
    }
    .block_activity_results h1 {
        margin: 4px;
        font-size: 1.1em
    }
    .block_activity_results table.grades {
        text-align: left;
        width: 100%
    }
    .block_activity_results table.grades .number {
        text-align: left;
        width: 10%
    }
    .block_activity_results table.grades .name {
        text-align: left;
        width: 77%
    }
    .block_activity_results table.grades .grade {
        text-align: right
    }
    .block_blog_tags .s20 {
        font-size: 1.5em;
        font-weight: 700
    }
    .block_blog_tags .s19 {
        font-size: 1.5em
    }
    .block_blog_tags .s18 {
        font-size: 1.4em;
        font-weight: 700
    }
    .block_blog_tags .s17 {
        font-size: 1.4em
    }
    .block_blog_tags .s16 {
        font-size: 1.3em;
        font-weight: 700
    }
    .block_blog_tags .s15 {
        font-size: 1.3em
    }
    .block_blog_tags .s14 {
        font-size: 1.2em;
        font-weight: 700
    }
    .block_blog_tags .s13 {
        font-size: 1.2em
    }
    .block_blog_tags .s12,
    .block_blog_tags .s11 {
        font-size: 1.1em;
        font-weight: 700
    }
    .block_blog_tags .s10,
    .block_blog_tags .s9 {
        font-size: 1.1em
    }
    .block_blog_tags .s8,
    .block_blog_tags .s7 {
        font-size: 1em;
        font-weight: 700
    }
    .block_blog_tags .s6,
    .block_blog_tags .s5 {
        font-size: 1em
    }
    .block_blog_tags .s4,
    .block_blog_tags .s3 {
        font-size: .9em;
        font-weight: 700
    }
    .block_blog_tags .s2,
    .block_blog_tags .s1 {
        font-size: .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_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
        display: none
    }
    .block_myprofile img.profilepicture {
        height: 50px;
        width: 50px
    }
    .block_myprofile .myprofileitem.fullname {
        font-size: 1.5em;
        font-weight: 700;
        margin-bottom: .5rem
    }
    .block_myprofile .myprofileitem.edit {
        text-align: right
    }
    .block_myprofile .content {
        display: flex
    }
    .block_myprofile .myprofileitem.picture img {
        width: 50px;
        height: 50px;
        margin-right: 1rem
    }
    .block_myprofile .myprofileitem span {
        font-weight: 700
    }
    .block_navigation .block_tree .depth_1 > .tree_item.branch {
        padding-left: 0;
        background-image: none
    }
    .block_navigation .block_tree .depth_1 > ul {
        margin: 0
    }
    .block_navigation .block_tree ul {
        margin-left: 18px
    }
    .block_navigation .block_tree p.hasicon {
        text-indent: -21px;
        padding-left: 21px
    }
    .block_navigation .block_tree p.hasicon img {
        width: 16px;
        height: 16px;
        margin-top: 3px;
        margin-right: 5px;
        vertical-align: top
    }
    .block_navigation .block_tree p.hasicon.visibleifjs {
        display: block
    }
    .block_navigation .block_tree .tree_item {
        cursor: pointer;
        padding-left: 0;
        margin: 3px 0;
        background-position: 0 50%;
        background-repeat: no-repeat;
        word-wrap: break-word
    }
    .block_navigation .block_tree .tree_item.branch {
        padding-left: 21px
    }
    .block_navigation .block_tree .active_tree_node {
        font-weight: 700
    }
    .block_navigation .block_tree [aria-expanded="true"] {
        background-image: url(/theme/image.php/boost/core/1696728972/t/expanded)
    }
    .block_navigation .block_tree [aria-expanded="false"] {
        background-image: url(/theme/image.php/boost/core/1696728972/t/collapsed)
    }
    .block_navigation .block_tree [aria-expanded="true"].emptybranch {
        background-image: url(/theme/image.php/boost/core/1696728972/t/collapsed_empty)
    }
    .block_navigation .block_tree [aria-expanded="false"] p.loading {
        background-image: url(/theme/image.php/boost/core/1696728972/i/loading_small)
    }
    .block_navigation .block_tree [aria-hidden="false"] {
        display: block
    }
    .block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
        display: none
    }
    .block_online_users .content .list li.listentry {
        clear: both
    }
    .block_online_users .content .list li.listentry:not(:first-child) {
        padding-top: 3px
    }
    .block_online_users .content .list li.listentry .user {
        float: left;
        position: relative
    }
    .block_online_users .content .list li.listentry .otherusers {
        margin-left: 1.5rem
    }
    .block_online_users .content .list li.listentry .user .userpicture {
        vertical-align: text-bottom
    }
    .block_online_users .content .list li.listentry .message,
    .block_online_users .content .list li.listentry .uservisibility {
        float: right;
        margin-top: 3px
    }
    .block_online_users .content .info {
        text-align: center
    }
    .block_private_files .content table {
        table-layout: fixed;
        width: 100%
    }
    .block_private_files .content .footer {
        padding: 10px 0 0;
        margin-top: .5em
    }
    .block_private_files ul[role="tree"] {
        margin: 0;
        padding: 0
    }
    .block_private_files ul,
    .block_private_files li {
        list-style: none
    }
    .block_private_files [role="treeitem"] {
        padding-left: 22px;
        cursor: pointer
    }
    .block_private_files [role="treeitem"] p {
        margin-bottom: 0
    }
    .block_private_files [role="treeitem"][aria-expanded] {
        padding-left: 0
    }
    .block_private_files [role="treeitem"][aria-expanded="false"] > p::before {
        content: url(/theme/image.php/boost/core/1696728972/t/collapsed);
        vertical-align: sub;
        margin-right: 5px
    }
    .block_private_files [role="treeitem"][aria-expanded="true"] > p::before {
        content: url(/theme/image.php/boost/core/1696728972/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, .5) 0, rgba(0, 0, 0, .5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px);
        background-repeat: no-repeat, no-repeat;
        background-position: left 10px top 50%, left 8px top 0;
        background-size: 11px 1px, 1px 100%
    }
    .block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
        background-size: 11px 1px, 1px 50%
    }
    .block_private_files [role="group"] {
        background-image: repeating-linear-gradient(to top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px);
        background-repeat: no-repeat;
        background-position: left 8px top 100%;
        background-size: 1px 100%;
        margin-left: 0
    }
    .block_private_files [aria-hidden="true"]:not(.icon) {
        display: none
    }
    .block_recent_activity .unlist li {
        margin-bottom: 1em
    }
    .block_recent_activity li .head .date {
        float: right
    }
    .block_rss_client .list li:first-child {
        border-top-width: 0
    }
    .block_rss_client .list li {
        border-top: 1px solid;
        padding: 5px
    }
    .block_search_forums .searchform {
        text-align: center
    }
    .block_search_forums .searchform img {
        vertical-align: middle
    }
    .block_search_forums .searchform img.resize {
        width: 1em;
        height: 1.1em
    }
    .block_search_forums .invisiblefieldset {
        display: block
    }
    .block_settings .block_tree ul {
        margin-left: 18px
    }
    .block_settings .block_tree p.hasicon {
        text-indent: -21px;
        padding-left: 21px
    }
    .block_settings .block_tree p.hasicon img {
        width: 16px;
        height: 16px;
        margin-top: 3px;
        margin-right: 5px;
        vertical-align: top
    }
    .block_settings .block_tree p.hasicon.visibleifjs {
        display: block
    }
    .block_settings .block_tree .tree_item.branch {
        padding-left: 21px
    }
    .block_settings .block_tree .tree_item {
        cursor: pointer;
        margin: 3px 0;
        background-position: 0 50%;
        background-repeat: no-repeat
    }
    .block_settings .block_tree .active_tree_node {
        font-weight: 700
    }
    .block_settings .block_tree [aria-expanded="true"] {
        background-image: url(/theme/image.php/boost/core/1696728972/t/expanded)
    }
    .block_settings .block_tree [aria-expanded="false"] {
        background-image: url(/theme/image.php/boost/core/1696728972/t/collapsed)
    }
    .block_settings .block_tree [aria-expanded="true"].emptybranch {
        background-image: url(/theme/image.php/boost/core/1696728972/t/collapsed_empty)
    }
    .block_settings .block_tree [aria-expanded="false"] p.loading {
        background-image: url(/theme/image.php/boost/core/1696728972/i/loading_small)
    }
    .block_settings .block_tree [aria-hidden="false"] {
        display: block
    }
    .block_settings .block_tree [aria-hidden="true"]:not(.icon) {
        display: none
    }
    .block_site_main_menu li {
        clear: both
    }
    .block_site_main_menu.block .content > .unlist > li > .column {
        width: 100%;
        display: table;
        margin-bottom: .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: .5em;
        display: block;
        float: left
    }
    .block_tag_youtube .yt-video-entry li {
        clear: left
    }
    #block-region-side-pre .block_timeline .nav-search {
        flex: 0 0 100%;
        max-width: 100%
    }
    .block_timeline .input-group.searchbar {
        width: 100%
    }
    #block-region-side-pre .block_timeline h6.event-action {
        flex-basis: 100%
    }
    #block-region-side-pre .block_timeline .event-name-container {
        flex-basis: 50%
    }
    #block-region-side-pre .block_timeline h6.event-action a.btn {
        width: auto
    }
    .block_timeline .timeline-action-button {
        margin-left: auto
    }
    @media (max-width:480px) {
        .block_timeline .timeline-name {
            width: 100%
        }
        .block_timeline .timeline-action-button {
            margin-left: 0
        }
    }
    @charset "UTF-8";
    .vjs-modal-dialog .vjs-modal-dialog-content,
    .video-js .vjs-modal-dialog,
    .vjs-button > .vjs-icon-placeholder:before,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .vjs-button > .vjs-icon-placeholder:before,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        text-align: center
    }
    @font-face {
        font-family: VideoJS;
        src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-play,
    .video-js .vjs-play-control .vjs-icon-placeholder,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-play:before,
    .video-js .vjs-play-control .vjs-icon-placeholder:before,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: "\f101"
    }
    .vjs-icon-play-circle {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-play-circle:before {
        content: "\f102"
    }
    .vjs-icon-pause,
    .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-pause:before,
    .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
        content: "\f103"
    }
    .vjs-icon-volume-mute,
    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-volume-mute:before,
    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
        content: "\f104"
    }
    .vjs-icon-volume-low,
    .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-volume-low:before,
    .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
        content: "\f105"
    }
    .vjs-icon-volume-mid,
    .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-volume-mid:before,
    .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
        content: "\f106"
    }
    .vjs-icon-volume-high,
    .video-js .vjs-mute-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-volume-high:before,
    .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        content: "\f107"
    }
    .vjs-icon-fullscreen-enter,
    .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-fullscreen-enter:before,
    .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: "\f108"
    }
    .vjs-icon-fullscreen-exit,
    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-fullscreen-exit:before,
    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: "\f109"
    }
    .vjs-icon-square {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-square:before {
        content: "\f10a"
    }
    .vjs-icon-spinner {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-spinner:before {
        content: "\f10b"
    }
    .vjs-icon-subtitles,
    .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js .vjs-subtitles-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-subtitles:before,
    .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
        content: "\f10c"
    }
    .vjs-icon-captions,
    .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js .vjs-captions-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-captions:before,
    .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js .vjs-captions-button .vjs-icon-placeholder:before {
        content: "\f10d"
    }
    .vjs-icon-chapters,
    .video-js .vjs-chapters-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-chapters:before,
    .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
        content: "\f10e"
    }
    .vjs-icon-share {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-share:before {
        content: "\f10f"
    }
    .vjs-icon-cog {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-cog:before {
        content: "\f110"
    }
    .vjs-icon-circle,
    .vjs-seek-to-live-control .vjs-icon-placeholder,
    .video-js .vjs-volume-level,
    .video-js .vjs-play-progress {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-circle:before,
    .vjs-seek-to-live-control .vjs-icon-placeholder:before,
    .video-js .vjs-volume-level:before,
    .video-js .vjs-play-progress:before {
        content: "\f111"
    }
    .vjs-icon-circle-outline {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-circle-outline:before {
        content: "\f112"
    }
    .vjs-icon-circle-inner-circle {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-circle-inner-circle:before {
        content: "\f113"
    }
    .vjs-icon-hd {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-hd:before {
        content: "\f114"
    }
    .vjs-icon-cancel,
    .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-cancel:before,
    .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
        content: "\f115"
    }
    .vjs-icon-replay,
    .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-replay:before,
    .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
        content: "\f116"
    }
    .vjs-icon-facebook {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-facebook:before {
        content: "\f117"
    }
    .vjs-icon-gplus {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-gplus:before {
        content: "\f118"
    }
    .vjs-icon-linkedin {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-linkedin:before {
        content: "\f119"
    }
    .vjs-icon-twitter {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-twitter:before {
        content: "\f11a"
    }
    .vjs-icon-tumblr {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-tumblr:before {
        content: "\f11b"
    }
    .vjs-icon-pinterest {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-pinterest:before {
        content: "\f11c"
    }
    .vjs-icon-audio-description,
    .video-js .vjs-descriptions-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-audio-description:before,
    .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
        content: "\f11d"
    }
    .vjs-icon-audio,
    .video-js .vjs-audio-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-audio:before,
    .video-js .vjs-audio-button .vjs-icon-placeholder:before {
        content: "\f11e"
    }
    .vjs-icon-next-item {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-next-item:before {
        content: "\f11f"
    }
    .vjs-icon-previous-item {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-previous-item:before {
        content: "\f120"
    }
    .vjs-icon-picture-in-picture-enter,
    .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-picture-in-picture-enter:before,
    .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: "\f121"
    }
    .vjs-icon-picture-in-picture-exit,
    .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: 400;
        font-style: normal
    }
    .vjs-icon-picture-in-picture-exit:before,
    .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: "\f122"
    }
    .video-js {
        display: block;
        vertical-align: top;
        box-sizing: border-box;
        color: #fff;
        background-color: #000;
        position: relative;
        padding: 0;
        font-size: 10px;
        line-height: 1;
        font-weight: 400;
        font-style: normal;
        font-family: Arial, Helvetica, sans-serif;
        word-break: initial
    }
    .video-js:-moz-full-screen {
        position: absolute
    }
    .video-js:-webkit-full-screen {
        width: 100%!important;
        height: 100%!important
    }
    .video-js[tabindex="-1"] {
        outline: none
    }
    .video-js *,
    .video-js *:before,
    .video-js *:after {
        box-sizing: inherit
    }
    .video-js ul {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        list-style-position: outside;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3,
    .video-js.vjs-9-16,
    .video-js.vjs-1-1 {
        width: 100%;
        max-width: 100%
    }
    .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: .5;
        cursor: default
    }
    .video-js .vjs-offscreen {
        height: 1px;
        left: -9999px;
        position: absolute;
        top: 0;
        width: 1px
    }
    .vjs-lock-showing {
        display: block!important;
        opacity: 1!important;
        visibility: visible!important
    }
    .vjs-no-js {
        padding: 20px;
        color: #fff;
        background-color: #000;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        width: 300px;
        height: 150px;
        margin: 0 auto
    }
    .vjs-no-js a,
    .vjs-no-js a:visited {
        color: #66A8CC
    }
    .video-js .vjs-big-play-button {
        font-size: 3em;
        line-height: 1.5em;
        height: 1.63332em;
        width: 3em;
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 0;
        cursor: pointer;
        opacity: 1;
        border: .06666em solid #fff;
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, .7);
        border-radius: .3em;
        transition: all 0.4s
    }
    .vjs-big-play-centered .vjs-big-play-button {
        top: 50%;
        left: 50%;
        margin-top: -.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, .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: .5em;
        z-index: 2
    }
    .video-js .vjs-modal-dialog {
        background: rgba(0, 0, 0, .8);
        background: linear-gradient(180deg, rgba(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: .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, .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 .3em 0;
        font-weight: 700;
        cursor: default
    }
    .vjs-menu-button-popup .vjs-menu {
        display: none;
        position: absolute;
        bottom: 0;
        width: 10em;
        left: -3em;
        height: 0em;
        margin-bottom: 1.5em;
        border-top-color: rgba(43, 51, 63, .7)
    }
    .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, .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, .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 #fff
    }
    .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: .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: .9em;
        position: absolute;
        right: -.5em;
        top: -.3333333333em;
        z-index: 1
    }
    .video-js .vjs-load-progress {
        background: rgba(115, 133, 159, .5)
    }
    .video-js .vjs-load-progress div {
        background: rgba(115, 133, 159, .75)
    }
    .video-js .vjs-time-tooltip {
        background-color: #fff;
        background-color: rgba(255, 255, 255, .8);
        border-radius: .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: .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, .8)
    }
    .video-js .vjs-slider {
        position: relative;
        cursor: pointer;
        padding: 0;
        margin: 0 .45em 0 .45em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #73859f;
        background-color: rgba(115, 133, 159, .5)
    }
    .video-js .vjs-slider.disabled {
        cursor: default
    }
    .video-js .vjs-slider:focus {
        text-shadow: 0em 0em 1em #fff;
        box-shadow: 0 0 1em #fff
    }
    .video-js .vjs-mute-control {
        cursor: pointer;
        flex: none
    }
    .video-js .vjs-volume-control {
        cursor: pointer;
        margin-right: 1em;
        display: flex
    }
    .video-js .vjs-volume-control.vjs-volume-horizontal {
        width: 5em
    }
    .video-js .vjs-volume-panel .vjs-volume-control {
        visibility: visible;
        opacity: 0;
        width: 1px;
        height: 1px;
        margin-left: -1px
    }
    .video-js .vjs-volume-panel {
        transition: width 1s
    }
    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
    .video-js .vjs-volume-panel:active .vjs-volume-control,
    .video-js .vjs-volume-panel:focus .vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control:active,
    .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s
    }
    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
        width: 5em;
        height: 3em;
        margin-right: 0
    }
    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
        left: -3.5em;
        transition: left 0s
    }
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
        width: 10em;
        transition: width 0.1s
    }
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
        width: 4em
    }
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        height: 8em;
        width: 3em;
        left: -3000em;
        transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
    }
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
    }
    .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        width: 5em;
        height: 3em;
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: none
    }
    .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
    .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        position: absolute;
        bottom: 3em;
        left: .5em
    }
    .video-js .vjs-volume-panel {
        display: flex
    }
    .video-js .vjs-volume-bar {
        margin: 1.35em .45em
    }
    .vjs-volume-bar.vjs-slider-horizontal {
        width: 5em;
        height: .3em
    }
    .vjs-volume-bar.vjs-slider-vertical {
        width: .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: .9em;
        z-index: 1
    }
    .vjs-slider-vertical .vjs-volume-level {
        width: .3em
    }
    .vjs-slider-vertical .vjs-volume-level:before {
        top: -.5em;
        left: -.3em;
        z-index: 1
    }
    .vjs-slider-horizontal .vjs-volume-level {
        height: .3em
    }
    .vjs-slider-horizontal .vjs-volume-level:before {
        top: -.3em;
        right: -.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, .7)
    }
    .video-js .vjs-volume-horizontal .vjs-menu {
        left: -2em
    }
    .video-js .vjs-volume-tooltip {
        background-color: #fff;
        background-color: rgba(255, 255, 255, .8);
        border-radius: .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, .8)
    }
    .vjs-poster {
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        background-color: #000;
        cursor: pointer;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%
    }
    .vjs-has-started .vjs-poster,
    .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: .5em;
        padding-right: .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: .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: .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: -.5em;
        position: absolute;
        text-shadow: .05em .05em .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: .85;
        text-align: left;
        border: 6px solid rgba(43, 51, 63, .7);
        box-sizing: border-box;
        background-clip: padding-box;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        visibility: hidden
    }
    .vjs-seeking .vjs-loading-spinner,
    .vjs-waiting .vjs-loading-spinner {
        display: block;
        -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
        animation: vjs-spinner-show 0s linear 0.3s forwards
    }
    .vjs-loading-spinner:before,
    .vjs-loading-spinner:after {
        content: "";
        position: absolute;
        margin: -6px;
        box-sizing: inherit;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        opacity: 1;
        border: inherit;
        border-color: transparent;
        border-top-color: #fff
    }
    .vjs-seeking .vjs-loading-spinner:before,
    .vjs-seeking .vjs-loading-spinner:after,
    .vjs-waiting .vjs-loading-spinner:before,
    .vjs-waiting .vjs-loading-spinner:after {
        -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
        animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
    }
    .vjs-seeking .vjs-loading-spinner:before,
    .vjs-waiting .vjs-loading-spinner:before {
        border-top-color: #fff
    }
    .vjs-seeking .vjs-loading-spinner:after,
    .vjs-waiting .vjs-loading-spinner:after {
        border-top-color: #fff;
        -webkit-animation-delay: 0.44s;
        animation-delay: 0.44s
    }
    @keyframes vjs-spinner-show {
        to {
            visibility: visible
        }
    }
    @-webkit-keyframes vjs-spinner-show {
        to {
            visibility: visible
        }
    }
    @keyframes vjs-spinner-spin {
        100% {
            transform: rotate(360deg)
        }
    }
    @-webkit-keyframes vjs-spinner-spin {
        100% {
            -webkit-transform: rotate(360deg)
        }
    }
    @keyframes vjs-spinner-fade {
        0% {
            border-top-color: #73859f
        }
        20% {
            border-top-color: #73859f
        }
        35% {
            border-top-color: #fff
        }
        60% {
            border-top-color: #73859f
        }
        100% {
            border-top-color: #73859f
        }
    }
    @-webkit-keyframes vjs-spinner-fade {
        0% {
            border-top-color: #73859f
        }
        20% {
            border-top-color: #73859f
        }
        35% {
            border-top-color: #fff
        }
        60% {
            border-top-color: #73859f
        }
        100% {
            border-top-color: #73859f
        }
    }
    .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: -.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: -.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, .75);
        color: #fff;
        height: 70%
    }
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: table
    }
    .vjs-text-track-settings .vjs-track-settings-colors,
    .vjs-text-track-settings .vjs-track-settings-font,
    .vjs-text-track-settings .vjs-track-settings-controls {
        display: table-cell
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
        text-align: right;
        vertical-align: bottom
    }
    @supports (display:grid) {
        .vjs-text-track-settings .vjs-modal-dialog-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr;
            padding: 20px 24px 0 24px
        }
        .vjs-track-settings-controls .vjs-default-button {
            margin-bottom: 20px
        }
        .vjs-text-track-settings .vjs-track-settings-controls {
            grid-column: 1/-1
        }
        .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
        .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
        .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
            grid-template-columns: 1fr
        }
    }
    .vjs-track-setting > select {
        margin-right: 1em;
        margin-bottom: .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, .75)
    }
    .vjs-track-settings-controls button {
        background-color: #fff;
        background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
        color: #2B333F;
        cursor: pointer;
        border-radius: 2px
    }
    .vjs-track-settings-controls .vjs-default-button {
        margin-right: 1em
    }
    @media print {
        .video-js > *:not(.vjs-tech):not(.vjs-poster) {
            visibility: hidden
        }
    }
    .vjs-resize-manager {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -1000
    }
    .js-focus-visible .video-js *:focus:not(.focus-visible) {
        outline: none
    }
    .video-js *:focus:not(:focus-visible) {
        outline: none
    }
    .video-js.vjs-audio .vjs-big-play-button {
        display: none
    }
    .video-js.vjs-audio .vjs-control-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .video-js.vjs-audio {
        min-height: 3em
    }
    .video-js.vjs-error {
        height: 150px
    }
    .mediaplugin_videojs video {
        min-height: 32px
    }
    .video-js .vjs-progress-holder .vjs-play-progress,
    .video-js .vjs-progress-holder .vjs-load-progress,
    .video-js .vjs-progress-holder .vjs-load-progress div {
        left: 0;
        right: auto
    }
    .video-js .vjs-play-progress:before {
        left: auto;
        right: -.5em
    }
    .video-js .vjs-volume-level {
        left: 0;
        right: auto
    }
    .vjs-slider-horizontal .vjs-volume-level:before {
        left: auto;
        right: -.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
    }
    .mediaplugin {
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center
    }
    .mediaplugin,
    .mediaplugin video {
        width: 100%;
        max-width: 100%
    }
    .mediaplugin > div {
        margin: auto
    }
    .path-mod-assign .gradingtable .mediaplugin,
    .path-mod-assign .submissionsummarytable .mediaplugin {
        width: 400px;
        height: auto
    }
    .mod-indent-outer .mediaplugin {
        display: table-cell
    }
    .jsenabled .tox-tinymce-aux {
        z-index: 1000
    }
    .jsenabled .tox-shadowhost.tox-fullscreen,
    .jsenabled .tox.tox-tinymce.tox-fullscreen {
        z-index: 1050
    }
    .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
    }
    .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap {
        padding-top: var(--navbar-height)
    }
    @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
        }
    }
    @media (max-width:480px) {
        .mceToolbar td {
            float: left;
            display: inline-block
        }
        .moodleSkin .mceLayout .mceToolbar .mceWrap {
            clear: left;
            width: 100%;
            height: 4px
        }
        .moodleSkin .mceLayout .mceToolbar .mceNoWrap {
            clear: none;
            width: 0
        }
        .o2k7Skin tr.mceLast .mceToolbar tr td.mceWrap,
        .o2k7Skin tr.mceFirst .mceToolbar tr td.mceWrap {
            margin-left: -3px
        }
    }
    .mceToolbar td {
        box-sizing: content-box
    }
    .format-singleactivity .tree_item.orphaned a {
        color: red
    }
    #page-report-completion-index table#completion-progress {
        margin-top: 20px;
        margin-bottom: 30px
    }
    #page-report-completion-index .export-actions {
        text-align: center;
        list-style: none
    }
    #page-report-completion-index .criterianame,
    #page-report-completion-index .criteriaicon,
    #page-report-completion-index .completion-progresscell {
        text-align: center
    }
    #page-report-completion-index .rotated-text-container {
        display: inline-block;
        width: 16px
    }
    #page-report-completion-index .rotated-text {
        display: inline-block;
        white-space: nowrap;
        transform: translate(0, 100%) rotate(-90deg);
        transform-origin: 0 0;
        vertical-align: middle
    }
    #page-report-completion-index .rotated-text:after {
        content: "";
        float: left;
        margin-top: 100%
    }
    .coursesizedownload {
        display: inline-block;
        float: right
    }
    #page-admin-report-coursesize-index .lastupdate {
        font-size: small
    }
    .report-eventlist-name {
        color: #888;
        font-size: .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: .8em
    }
    #page-report-outline-user .section .content {
        margin-left: 30px;
        margin-right: 30px
    }
    #page-report-outline-user .section h2 {
        margin-top: 0
    }
    #page-report-outline-user .section {
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 20px
    }
    #page-report-outline-user .section {
        border-width: 1px;
        border-style: solid;
        padding: 10px
    }
    #page-report-participation-index .participationselectform {
        margin: 10px auto
    }
    #page-report-participation-index .participationselectform label {
        margin-left: 15px;
        margin-right: 5px
    }
    #page-report-participation-index .participationselectform input[type="submit"] {
        margin-bottom: 0
    }
    #page-report-progress-index #completion-progress th,
    #page-report-progress-index #completion-progress td {
        padding: 2px 2px;
        font-weight: 400;
        border-right: 1px solid #eee
    }
    #page-report-progress-index .progress-actions {
        text-align: center;
        list-style: none
    }
    #page-report-progress-index .completion_pagingbar {
        margin: 1em 0;
        text-align: center
    }
    #page-report-progress-index .completion_prev {
        display: inline;
        margin-right: 2em
    }
    #page-report-progress-index .completion_pagingbar p {
        display: inline
    }
    #page-report-progress-index .completion_next {
        display: inline;
        margin-left: 2em
    }
    #page-report-progress-index .completion-header,
    #page-report-progress-index .completion-progresscell {
        text-align: center
    }
    #page-report-progress-index .rotated-text-container {
        display: inline-block;
        width: 16px
    }
    #page-report-progress-index .rotated-text {
        display: inline-block;
        white-space: nowrap;
        transform: translate(0, 100%) rotate(-90deg);
        transform-origin: 0 0;
        vertical-align: middle
    }
    #page-report-progress-index .rotated-text:after {
        content: "";
        float: left;
        margin-top: 100%
    }
    #page-report-progress-index .modicon {
        padding-top: 5px
    }
    #completion-progress .icon {
        margin-left: .5rem
    }
    #page-report-stats-index .graph {
        margin-bottom: 1em
    }
    .path-grade-report-grader .gradeparent {
        position: relative
    }
    .path-grade-report-grader .gradeparent .grader-information-tooltip {
        min-width: 200px
    }
    .path-grade-report-grader .gradeparent .graderreportoverlay {
        background-color: #fff;
        width: auto;
        padding: 10px;
        font-size: 12px;
        border: 1px solid #ccc;
        border-radius: 4px
    }
    .path-grade-report-grader .gradeparent table {
        border: 1px solid #ccc;
        border-collapse: separate;
        border-spacing: 0;
        border-bottom-width: 0;
        border-right-width: 0;
        margin-bottom: 2em
    }
    .path-grade-report-grader .gradeparent .cell {
        border: 1px solid #ccc;
        border-top-width: 0;
        border-left-width: 0;
        padding: 4px 5px;
        vertical-align: middle;
        text-align: right;
        white-space: nowrap
    }
    .path-grade-report-grader .gradeparent .floater {
        display: none
    }
    .path-grade-report-grader .gradeparent .floating {
        display: block
    }
    .path-grade-report-grader .gradeparent .heading .cell,
    .path-grade-report-grader .gradeparent .avg .cell,
    .path-grade-report-grader .gradeparent .user.cell {
        font-size: 14px;
        font-weight: 400;
        text-align: left
    }
    .path-grade-report-grader .gradeparent .user.cell {
        min-width: 200px;
        width: 200px;
        white-space: normal;
        vertical-align: top
    }
    .path-grade-report-grader .gradeparent .user.cell .userpicture {
        border: none;
        vertical-align: middle
    }
    .path-grade-report-grader .gradeitemheader {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
        vertical-align: bottom
    }
    .path-grade-report-grader .gradeparent .userfield {
        font-weight: 400;
        text-align: left
    }
    .path-grade-report-grader .gradeparent .range .header,
    .path-grade-report-grader .gradeparent .avg .header {
        font-weight: 700
    }
    .path-grade-report-grader .gradeparent .avg.floating .cell {
        border-top-width: 1px
    }
    .path-grade-report-grader .gradeparent .avg .cell {
        text-align: right;
        max-width: 200px;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .path-grade-report-grader .gradeparent .heading .cell .iconsmall {
        padding-top: 0;
        padding-bottom: 0
    }
    .path-grade-report-grader .gradeparent .sorticon {
        margin-left: 3px
    }
    .path-grade-report-grader .gradeparent .gradevalue {
        display: inline-block
    }
    .path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
        background-color: #efd9a4
    }
    .path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
        background-color: #ffe3a0
    }
    .path-grade-report-grader .gradeparent .excludedfloater {
        font-weight: 700;
        color: red;
        font-size: 9px;
        float: left
    }
    .path-grade-report-grader .gradeparent .category {
        text-align: left
    }
    .path-grade-report-grader .gradeparent select {
        text-overflow: ellipsis;
        min-width: 8rem;
        width: 100%
    }
    .path-grade-report-grader .gradeparent .text {
        border: 1px solid #666;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center
    }
    .path-grade-report-grader .gradeparent .quickfeedback {
        border: 1px dashed #000;
        width: auto;
        margin: 0;
        padding: 0;
        margin-left: 10px
    }
    .path-grade-report-grader .yui3-overlay {
        border: 0;
        background: none;
        background-color: inherit;
        min-width: 200px
    }
    .path-grade-report-grader .yui3-overlay {
        background-color: #fff;
        width: auto;
        padding: 10px;
        font-size: 12px;
        border: 1px solid #ccc;
        border-radius: 4px
    }
    @media only screen and (min-width:768px) {
        .path-grade-report-grader .gradeparent table {
            padding-right: 6em
        }
    }
    .path-grade-report-history div.gradeparent {
        overflow-x: scroll
    }
    .path-grade-report-history .singlebutton div,
    .path-grade-report-history .singlebutton div input[type="button"] {
        margin: 0
    }
    .yui3-gradereport_history_usp-hidden {
        display: none
    }
    .gradereport_history_usp .usp-content {
        position: relative
    }
    .gradereport_history_usp .usp-ajax-content {
        overflow: auto;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }
    .gradereport_history_usp .usp-ajax-content,
    .gradereport_history_usp .usp-loading-lightbox {
        height: 375px
    }
    .gradereport_history_usp .usp-loading-lightbox {
        background-color: #fff;
        opacity: .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: #fff;
        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: 400
    }
    .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: .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: .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: 700
    }
    .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: #1e1e1e
    }
    .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: 700;
        background-color: #1e1e1e;
        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: #1e1e1e
    }
    .path-grade-report-user .user-grade tbody tr,
    .grade-report-user .user-grade tbody tr {
        background-color: #1e1e1e
    }
    .path-grade-report-user .user-grade tbody tr:hover,
    .grade-report-user .user-grade tbody tr:hover {
        color: inherit;
        background-color: #1e1e1e
    }
    .path-grade-report-user .user-grade tbody tr.spacer,
    .grade-report-user .user-grade tbody tr.spacer {
        height: .5rem
    }
    .path-grade-report-user .user-grade td.item,
    .grade-report-user .user-grade td.item {
        background-color: #fff;
        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: #fff;
        font-weight: 400;
        border-bottom: 1px solid #dee2e6
    }
    .path-grade-report-user .user-grade th.category,
    .grade-report-user .user-grade th.category {
        background-color: #fff;
        border: 1px solid #dee2e6;
        padding-left: 10px;
        font-weight: 700
    }
    .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: 700
    }
    .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 red;
        margin-bottom: 10px
    }
    .gradingform_guide-restored {
        padding: 10px;
        background: #ffd;
        border: 1px solid #ff0;
        margin-bottom: 10px
    }
    .gradingform_guide-error {
        color: red;
        font-weight: 700
    }
    .gradingform_guide_editform .status {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 60%;
        padding: .25em;
        border: 1px solid #eee
    }
    .gradingform_guide_editform .status.ready {
        background-color: #e7f1c3;
        border-color: #aea
    }
    .gradingform_guide_editform .status.draft {
        background-color: #f3f2aa;
        border-color: #ee2
    }
    .gradingform_guide.editor .criterion .controls,
    .gradingform_guide .criterion .description,
    .gradingform_guide .criterion .remark {
        vertical-align: top
    }
    .gradingform_guide.editor .criterion .controls,
    .gradingform_guide.editor .criterion .description,
    .gradingform_guide.editor .criterion .remark {
        padding: 3px
    }
    .gradingform_guide .criteria {
        height: 100%
    }
    .gradingform_guide .criterion {
        border: 1px solid #ddd;
        overflow: hidden
    }
    .gradingform_guide .criterion.even {
        background: #f0f0f0
    }
    .gradingform_guide .criterion .description {
        width: 100%
    }
    .gradingform_guide .criterion .description .criterionmaxscore input {
        width: 20px
    }
    .gradingform_guide .criterion .description .criterionname {
        font-weight: 700
    }
    .gradingform_guide .criterion label {
        font-weight: 700;
        padding-right: 5px
    }
    .gradingform_guide .plainvalue.empty {
        font-style: italic;
        color: #aaa
    }
    .gradingform_guide .plainvalue.editname {
        font-weight: 700
    }
    .gradingform_guide.editor .criterion.first.last .controls .delete input,
    .gradingform_guide.editor .criterion.first .controls .moveup input,
    .gradingform_guide.editor .criterion.last .controls .movedown input {
        display: none
    }
    .gradingform_guide.editor .delete input,
    .gradingform_guide.editor .moveup input,
    .gradingform_guide.editor .movedown input {
        text-indent: -1000em;
        cursor: pointer;
        border: none
    }
    .gradingform_guide.editor .criterion .controls .delete input {
        width: 20px;
        height: 16px;
        background: transparent url(/theme/image.php/boost/core/1696728972/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/core/1696728972/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/core/1696728972/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/core/1696728972/t/add) no-repeat;
        display: block;
        color: #555;
        font-weight: 700;
        text-decoration: none
    }
    .gradingform_guide.editor .addcriterion input,
    .gradingform_guide.editor .addcomment input {
        background-position: left 5px top 8px;
        height: 30px;
        line-height: 29px;
        margin-bottom: 14px;
        padding-left: 20px;
        padding-right: 10px
    }
    .gradingform_guide .options .optionsheading {
        font-weight: 700;
        font-size: 1.1em;
        padding-bottom: 5px
    }
    .gradingform_guide .options .option {
        padding-bottom: 2px
    }
    .gradingform_guide .options .option label {
        margin-left: 5px
    }
    .gradingform_guide .options .option .value {
        margin-left: 5px;
        font-weight: 700
    }
    .gradingform_guide .criterion .description.error {
        background: #fdd
    }
    .gradingform_guide.editor .hiddenelement {
        display: none
    }
    .gradingform_guide.editor .pseudotablink {
        background-color: transparent;
        border: 0 solid;
        height: 1px;
        width: 1px;
        color: transparent;
        padding: 0;
        margin: 0;
        position: relative;
        float: right
    }
    .jsenabled .gradingform_guide .markingguidecomment {
        cursor: pointer
    }
    .jsenabled .gradingform_guide .markingguidecomment:before {
        content: url(/theme/image.php/boost/core/1696728972/t/add);
        padding-right: 2px
    }
    .gradingform_guide .commentheader {
        font-weight: 700;
        font-size: 1.1em;
        padding-bottom: 5px
    }
    .jsenabled .gradingform_guide .criterionnamelabel {
        display: none
    }
    .jsenabled .gradingform_guide .criterionshortname {
        font-weight: 700
    }
    .gradingform_guide table {
        width: 100%
    }
    .gradingform_guide .descriptionreadonly {
        vertical-align: top
    }
    .gradingform_guide .criteriondescriptionmarkers {
        width: 300px
    }
    .gradingform_guide .markingguideremark {
        margin: 0;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .gradingform_guide .criteriondescriptionscore {
        display: inline
    }
    .gradingform_guide .score label {
        display: block
    }
    .gradingform_guide .score input {
        margin: 0;
        width: auto
    }
    .gradingform_guide_comment_chooser {
        max-height: 80vh;
        overflow-y: auto
    }
    .gradingform_guide-frequent-comments {
        position: absolute;
        top: 7px;
        right: 0
    }
    .gradingform_rubric_editform .status {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 60%;
        padding: .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: #fff
    }
    .gradingform_rubric .criterion .description {
        min-width: 150px;
        font-weight: 700
    }
    .gradingform_rubric .criterion .levels table {
        width: 100%;
        height: 100%
    }
    .gradingform_rubric .criterion .levels,
    .gradingform_rubric .criterion .levels table,
    .gradingform_rubric .criterion .levels table tbody {
        padding: 0;
        margin: 0
    }
    .gradingform_rubric .criterion .levels .level {
        border-left: 1px solid #ddd;
        max-width: 150px
    }
    .gradingform_rubric .criterion .levels .level .level-wrapper {
        position: relative
    }
    .gradingform_rubric .criterion .levels .level.last {
        border-right: 1px solid #ddd
    }
    .gradingform_rubric .plainvalue.empty {
        font-style: italic;
        color: #aaa
    }
    .gradingform_rubric.editor .criterion.first .controls .moveup input,
    .gradingform_rubric.editor .criterion.last .controls .movedown input {
        display: none
    }
    .gradingform_rubric.editor .delete input,
    .gradingform_rubric.editor .duplicate input,
    .gradingform_rubric.editor .moveup input,
    .gradingform_rubric.editor .movedown input {
        text-indent: -1000em;
        cursor: pointer;
        border: none
    }
    .gradingform_rubric.editor .criterion .controls .delete input {
        width: 24px;
        height: 24px;
        background: transparent url(/theme/image.php/boost/core/1696728972/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/core/1696728972/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/core/1696728972/t/delete) no-repeat center
    }
    .gradingform_rubric.editor .moveup input {
        width: 24px;
        height: 24px;
        background: transparent url(/theme/image.php/boost/core/1696728972/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/core/1696728972/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/core/1696728972/t/add) no-repeat 7px 8px;
        display: block;
        color: #555;
        font-weight: 700;
        text-decoration: none
    }
    .gradingform_rubric.editor .addcriterion input {
        height: 30px;
        line-height: 29px;
        margin-bottom: 14px;
        padding-left: 20px;
        padding-right: 10px
    }
    .gradingform_rubric.editor .addlevel input {
        padding-left: 24px;
        padding-right: 8px
    }
    .gradingform_rubric .options .optionsheading {
        font-weight: 700;
        font-size: 1.1em;
        padding-bottom: 5px
    }
    .gradingform_rubric .options .option {
        padding-bottom: 2px
    }
    .gradingform_rubric .options .option label {
        margin-left: 5px
    }
    .gradingform_rubric .options .option .value {
        margin-left: 5px;
        font-weight: 700
    }
    .gradingform_rubric .criterion .levels.error {
        border: 1px solid red
    }
    .gradingform_rubric .criterion .description.error,
    .gradingform_rubric .criterion .levels .level .definition.error,
    .gradingform_rubric .criterion .levels .level .score.error {
        background: #fdd
    }
    .gradingform_rubric-regrade {
        padding: 10px;
        background: #fdd;
        border: 1px solid red;
        margin-bottom: 10px
    }
    .gradingform_rubric-restored {
        padding: 10px;
        background: #ffd;
        border: 1px solid #ff0;
        margin-bottom: 10px
    }
    .gradingform_rubric-error {
        color: red;
        font-weight: 700
    }
    .gradingform_rubric.editor .hiddenelement {
        display: none
    }
    .gradingform_rubric.editor .pseudotablink {
        background-color: transparent;
        border: 0 solid;
        height: 1px;
        width: 1px;
        color: transparent;
        padding: 0;
        margin: 0;
        position: relative;
        float: right
    }
    .gradingpanel-gradingform_rubric [aria-checked="true"] {
        border: 1px solid #000
    }
    .path-admin-mnet-service-enrol .singlebutton {
        text-align: center
    }
    .path-admin-mnet-service-enrol table.remotehosts,
    .path-admin-mnet-service-enrol table.otherenrolledusers,
    .path-admin-mnet-service-enrol table.remotecourses {
        margin: 0 auto 1em auto
    }
    .path-admin-mnet-service-enrol table.remotecourses th.categoryname {
        text-align: left;
        background-color: #f6f6f6
    }
    .path-admin-mnet-service-enrol table.remotecourses td.c1 {
        font-weight: 700
    }
    .path-admin-mnet-service-enrol table.remotecourses th.categoryname img {
        margin-right: 1em
    }
    .path-admin-mnet-service-enrol .collapsibleregioncaption {
        font-size: 110%;
        font-weight: 700;
        text-align: center
    }
    .path-admin-mnet-service-enrol .collapsibleregioninner {
        border: 1px solid #ddd;
        padding: 1em
    }
    .path-admin-mnet-service-enrol .collapsibleregion.remotecourse.summary {
        margin: 0 10em
    }
    .path-admin-mnet-service-enrol .roleassigntable {
        margin: 1em auto
    }
    .question-comment-view .comment-ctrl .comment-area {
        max-width: none;
        width: 100%
    }
    #categoryquestions td.questionlastused span.date {
        font-weight: 400;
        font-size: .8em
    }
    .qbehaviour_deferredcbm_slightlyunderconfident,
    .qbehaviour_deferredcbm_slightlyoverconfident {
        font-weight: 700;
        color: #600
    }
    .qbehaviour_deferredcbm_underconfident,
    .qbehaviour_deferredcbm_overconfident {
        font-weight: 700;
        color: #c00
    }
    .qbehaviour_deferredcbm_judgementok {
        font-weight: 700;
        color: #080
    }
    .qbehaviour_deferredcbm_actual_percentage {
        font-weight: 700
    }
    .qbehaviour_deferredcbm_summary_heading {
        margin: 0
    }
    .que.deferredcbm .certaintychoices input[type="radio"] {
        margin-left: .5em
    }
    .que.deferredcbm .certaintychoices label {
        white-space: nowrap
    }
    .admin_presets_error {
        color: red;
        text-align: center
    }
    .admin_presets_success {
        color: green;
        text-align: center
    }
    .adminpreset_appdescription {
        font-size: small;
        margin-top: 40px;
        margin-bottom: 20px
    }
    #page-admin-tool-behat-index .steps-definitions {
        margin: 1rem auto
    }
    #page-admin-tool-behat-index .steps-definitions .step {
        margin: 1rem 0 0 0;
        border: 1px solid #eee;
        padding: 1rem
    }
    #page-admin-tool-behat-index .steps-definitions .stepdescription {
        font-style: italic
    }
    #page-admin-tool-behat-index .steps-definitions .stepcontent {
        margin: 1rem 0
    }
    #page-admin-tool-behat-index .steps-definitions .steptype {
        color: #1467a6;
        margin-right: 1ex
    }
    #page-admin-tool-behat-index .steps-definitions .stepapipath {
        font-family: monospace;
        font-size: smaller
    }
    #page-admin-tool-behat-index .steps-definitions .stepregex {
        color: #060
    }
    #page-admin-tool-behat-index .steprequiredfields {
        font-weight: 700;
        font-size: 1em;
        margin-top: 1em
    }
    .tool_brickfield_floatprinticon {
        margin-top: -30px;
        float: right
    }
    .tool_brickfield_analysisbutton {
        width: 100%;
        text-align: center
    }
    #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: .4em .5em .3em
    }
    .path-admin-tool-capability .comparisontable thead th {
        vertical-align: bottom;
        background: none
    }
    .path-admin-tool-capability .comparisontable thead th div {
        position: relative
    }
    .path-admin-tool-capability .comparisontable thead th div > a {
        position: absolute;
        top: -1.75em;
        left: 1em;
        width: 150px;
        text-align: left;
        margin-bottom: 1em;
        text-indent: -1.45em;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -o-transform: rotate(315deg)
    }
    .path-admin-tool-capability .comparisontable tbody th {
        background-color: #eee;
        text-align: right;
        border: 1px solid #dfdfdf
    }
    .path-admin-tool-capability .comparisontable tbody th span {
        display: block;
        color: #666;
        font-size: 80%
    }
    .path-admin-tool-capability .comparisontable tbody td {
        border: 1px solid #dfdfdf
    }
    .path-admin-tool-capability .comparisontable .inherit {
        color: #666
    }
    .path-admin-tool-capability .comparisontable .allow {
        background-color: #060;
        font-weight: 700;
        color: #fff
    }
    .path-admin-tool-capability .comparisontable .prevent {
        background-color: #ad6704;
        font-weight: 700;
        color: #fff
    }
    .path-admin-tool-capability .comparisontable .prohibit {
        background-color: #800;
        font-weight: 700;
        color: #fff
    }
    .nav-pills .nav-pills {
        margin-left: 1rem
    }
    .data-registry > .top-nav > * {
        margin-right: .5rem
    }
    .data-registry > .top-nav > .singlebutton,
    .data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] {
        display: inline-block
    }
    .data-registry .context-tree {
        height: 70vh;
        overflow-y: scroll
    }
    [data-region="data-requests-table"] .moodle-actionmenu {
        min-width: 150px
    }
    .context-level-view {
        margin: 1em
    }
    .path-admin-tool-filetypes .generaltable .c0,
    .path-admin-tool-filetypes .generaltable .c1,
    .path-admin-tool-filetypes .generaltable .c2,
    .path-admin-tool-filetypes .generaltable th {
        white-space: nowrap
    }
    .path-admin-tool-filetypes .generaltable .deleted .c0 img {
        opacity: .2
    }
    .path-admin-tool-filetypes .generaltable .deleted .c0 span {
        text-decoration: line-through
    }
    .path-admin-tool-filetypes .generaltable .nonstandard {
        font-weight: 700
    }
    #page-admin-tool-installaddon-index #installfromrepobox {
        text-align: center;
        padding-top: 2em;
        padding-bottom: 2em
    }
    #page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
        display: inline-block
    }
    #page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
        padding: 1em
    }
    #page-admin-tool-langimport-index .langimport {
        margin: auto;
        float: none;
        width: 100%
    }
    #page-admin-tool-langimport-index #menuuninstalllang,
    #page-admin-tool-langimport-index #menupack {
        height: 300px
    }
    .path-admin-tool-lp [data-region="managecompetencies"] ul li,
    .path-admin-tool-lp [data-region="plans"] ul li,
    .path-admin-tool-lp [data-region="competencymovetree"] ul li,
    .path-admin-tool-lp [data-region="competencylinktree"] ul li,
    .path-badges [data-region="competencylinktree"] ul li {
        list-style-type: none
    }
    .path-admin-tool-lp .progresstext {
        display: inline-block;
        vertical-align: top
    }
    .path-admin-tool-lp .progress {
        width: 100%;
        display: inline-block
    }
    .path-admin-tool-lp .progress .bar {
        min-width: 3em
    }
    .path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
    .path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
    .path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
    .path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
    .path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .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: 400
    }
    .path-admin-tool-lp .competency-rule-points input[type="number"] {
        width: 50px
    }
    .competency-heading {
        margin-bottom: 15px
    }
    .competency-heading h4 {
        margin: 0
    }
    .tool-lp-menu {
        margin: 0
    }
    .tool-lp-menu li {
        float: left;
        position: relative;
        list-style-type: none;
        white-space: nowrap
    }
    .tool-lp-sub-menu {
        position: absolute;
        list-style: none;
        margin: 0;
        top: -10px
    }
    .tool-lp-sub-menu li {
        float: none
    }
    .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
        display: block
    }
    .tool-lp-menu ul[aria-hidden=true] {
        display: none
    }
    .tool-lp-menu .caret {
        margin: 8px
    }
    .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
        left: auto;
        right: 0
    }
    .tool-lp-menu .tool-lp-sub-menu .menu-focus a {
        color: #fff;
        text-decoration: none;
        background-color: #00699e;
        background-image: linear-gradient(to bottom, #0070a8, #005f8f);
        background-repeat: repeat-x
    }
    input[type="radio"].tool_lp_scale_default,
    input[type="checkbox"].tool_lp_scale_proficient {
        margin-top: 0
    }
    .user-evidence-documents {
        margin: 10px 20px;
        list-style: none
    }
    .user-evidence-competencies,
    .user-evidence-documents li {
        margin-bottom: 5px;
        word-break: break-all
    }
    [data-region="user-evidence-list"] .user-evidence-competencies,
    [data-region="user-evidence-list"] .user-evidence-documents {
        margin: 0;
        list-style: none
    }
    .user-competency-course-navigation select {
        display: none
    }
    .user-competency-course-navigation span {
        max-width: 100%;
        overflow: hidden
    }
    .competency-grader textarea {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box
    }
    .path-admin-tool-lp #region-main {
        overflow-x: visible
    }
    #page-admin-tool-messageinbound-index .handler-function {
        display: block;
        padding: 0 .5em;
        color: #888;
        font-size: .75em
    }
    #page-admin-tool-messageinbound-index .state,
    #page-admin-tool-messageinbound-index .edit {
        text-align: center
    }
    #page-admin-tool-mobile-subscription dl dt {
        clear: both;
        display: inline-block;
        width: 40%;
        min-width: 100px;
        vertical-align: top;
        padding-top: 1px
    }
    #page-admin-tool-mobile-subscription dl dd {
        display: inline-block;
        width: 59%;
        margin-left: 1%;
        vertical-align: top;
        padding-top: 1px
    }
    #page-admin-tool-mobile-subscription dl.list-narrow dt {
        width: 30%
    }
    #page-admin-tool-mobile-subscription dl.list-narrow dd {
        width: 69%
    }
    #page-admin-tool-mobile-subscription progress {
        width: 100%
    }
    .eupopup-container {
        background-color: rgba(25, 25, 25, .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: .2;
        position: absolute;
        font-family: helvetica, arial, verdana, sans-serif;
        top: 0;
        right: 0;
        padding: 5px 10px
    }
    .eupopup-buttons {
        padding: 7px 0 5px 0
    }
    .eupopup-button {
        margin: 0 10px
    }
    .eupopup-button:hover,
    .eupopup-button:focus {
        text-decoration: underline;
        color: #f6a21d
    }
    .eupopup-body li {
        display: inline
    }
    .eupopup-body li:before {
        content: ", "
    }
    .eupopup-body li:first-child:before {
        content: ""
    }
    .eupopup-body ul {
        padding: 0;
        margin: 0 0 3px
    }
    .eupopup-closebutton:hover,
    .eupopup-closebutton:active {
        text-decoration: none
    }
    .eupopup-head {
        font-size: 1.2em;
        font-weight: 700;
        padding: 7px
    }
    .eupopup-button_1 {
        font-weight: 700;
        font-size: 14px
    }
    .eupopup-button_2 {
        display: none
    }
    .eupopup-button {
        color: #f6a21d
    }
    .policy-heading .policy-viewdoc-buttons {
        text-align: center;
        margin: 15px
    }
    #page-admin-tool-policy-acceptances .colselect {
        width: 35px
    }
    .path-admin-tool-profiling .profilingruntable .label {
        font-weight: 700
    }
    .path-admin-tool-profiling .profiling_worse {
        color: red
    }
    .path-admin-tool-profiling .profiling_better {
        color: green
    }
    .path-admin-tool-profiling .profiling_same {
        color: dimgrey
    }
    .path-admin-tool-profiling .profiling_important,
    .path-admin-tool-profiling .flexible .referencerun {
        font-weight: 700
    }
    .path-admin-tool-profiling .flexible {
        margin-left: auto;
        margin-right: auto
    }
    #page-admin-tool-task-scheduledtasks .task-class,
    #page-admin-tool-task-runningtasks .task-class {
        display: block;
        padding: 0 .5em;
        color: #888;
        font-size: .75em
    }
    #page-admin-tool-task-scheduledtasks input[type=text] {
        direction: ltr
    }
    #page-admin-tool-task-scheduledtasks .task-runnow,
    #page-admin-tool-task-scheduledtasks .task-clearfaildelay {
        font-size: .75em
    }
    [data-region="displaytemplateexample"] {
        border-radius: 4px;
        border: 1px inset #e3e3e3;
        padding: 1em
    }
    div[data-flexitour="backdrop"] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    span[data-flexitour="container"] .modal-dialog {
        max-width: 400px
    }
    span[data-flexitour="container"] .modal-dialog .modal-content .modal-header {
        border-bottom: 0
    }
    span[data-flexitour="container"] .modal-dialog .modal-content .modal-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
    }
    .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: #fff;
        height: 30px;
        line-height: 30px;
        padding: 0
    }
    .assignfeedback_editpdf_commentsearch ul {
        max-height: 400px;
        overflow-y: auto;
        padding: 1em
    }
    .assignfeedback_editpdf_commentsearch ul li pre {
        background-color: #efefef;
        white-space: pre-wrap;
        word-break: break-word
    }
    .assignfeedback_editpdf_commentsearch ul li pre:hover {
        background-color: #ddd
    }
    .assignfeedback_editpdf_commentsearch ul li {
        margin: 2px
    }
    .assignfeedback_editpdf_commentsearch a pre {
        font-family: helvetica;
        margin: 0;
        padding: 4px
    }
    .assignfeedback_editpdf_widget .navigation-search,
    .assignfeedback_editpdf_widget .navigation-expcol,
    .assignfeedback_editpdf_widget .navigation {
        float: left
    }
    .assignfeedback_editpdf_widget .toolbar_group {
        float: right
    }
    .assignfeedback_editpdf_widget .toolbar button {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .assignfeedback_editpdf_widget .toolbar > button.rotateleftbutton {
        float: left
    }
    .assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton {
        float: right
    }
    .assignfeedback_editpdf_widget .toolbar {
        float: left
    }
    .assignfeedback_editpdf_widget .navigation,
    .assignfeedback_editpdf_widget .navigation-search,
    .assignfeedback_editpdf_widget .navigation-expcol,
    .assignfeedback_editpdf_widget .toolbar {
        display: inline-block
    }
    .assignfeedback_editpdf_colourpicker ul {
        margin: 0
    }
    .assignfeedback_editpdf_dropdown li.quicklist_comment {
        width: 200px
    }
    .assignfeedback_editpdf_dropdown li.quicklist_comment a {
        white-space: nowrap;
        display: inline-block;
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
        float: right;
        width: 20px
    }
    .assignfeedback_editpdf_dropdown button {
        border: 0;
        background: none;
        padding: 6px 7px;
        border-radius: 0;
        border-top: 1px solid #ccc
    }
    .assignfeedback_editpdf_dropdown li:first-child button {
        border-top: 0
    }
    .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        border-radius: 4px
    }
    .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
        padding: 0
    }
    .moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd,
    .moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft {
        display: none
    }
    .assignfeedback_editpdf_menu li hr {
        margin: 0
    }
    .assignfeedback_editpdf_menu li a {
        text-decoration: none;
        color: #555;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 4px;
        margin-bottom: 4px
    }
    ul.assignfeedback_editpdf_search {
        margin: 0
    }
    .assignfeedback_editpdf_search li {
        list-style-type: none
    }
    .assignfeedback_editpdf_search li a {
        text-decoration: none;
        color: #555
    }
    .assignfeedback_editpdf_menu li:hover {
        background-color: #ebebeb
    }
    ul.assignfeedback_editpdf_menu {
        margin: 0;
        max-height: 40vh;
        overflow-y: auto;
        overflow-x: hidden
    }
    .assignfeedback_editpdf_menu li {
        list-style-type: none;
        margin: 0;
        border-radius: 4px
    }
    .assignfeedback_editpdf_menu li img {
        height: auto
    }
    .assignfeedback_editpdf_menu li button {
        margin: 0;
        background: none
    }
    .assignfeedback_editpdf_widget .pageheader button:hover {
        background-color: #ebebeb;
        background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%)
    }
    .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
    .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
        background-color: #dfdfdf;
        background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%)
    }
    .assignfeedback_editpdf_widget .commentdrawable img {
        padding: 1px
    }
    .assignfeedback_editpdf_widget .commentdrawable a {
        float: right;
        position: relative;
        left: -17px;
        top: 2px;
        height: 14px;
        background-color: #fff;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        line-height: 14px
    }
    .assignfeedback_editpdf_widget .commentdrawable textarea {
        padding: 4px;
        padding-right: 20px;
        resize: none;
        overflow: hidden;
        color: #000;
        border: 2px solid #ccc;
        border-radius: 4px;
        font-size: 16px;
        font-family: helvetica;
        min-height: 1.2em
    }
    .assignfeedback_editpdf_widget .commentdrawable textarea:focus {
        outline: thin dotted #333;
        outline-color: -webkit-focus-ring-color;
        outline-width: 5px;
        outline-style: auto;
        outline-offset: -2px
    }
    .assignfeedback_editpdf_widget .commentdrawable {
        display: flex;
        z-index: 52;
        height: 0
    }
    .assignfeedback_editpdf_widget .annotation {
        z-index: 51
    }
    .assignfeedback_editpdf_widget .deleteannotationbutton {
        z-index: 51
    }
    .assignfeedback_editpdf_widget .commentdrawable label {
        display: inline-block
    }
    .assignfeedback_editpdf_widget .commentdrawable svg {
        display: none
    }
    .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
        z-index: auto;
        width: 24px
    }
    .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
    .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
        display: none
    }
    .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
        display: inline-block;
        width: 24px;
        height: 24px
    }
    .assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
        text-align: center
    }
    .hideoverflow {
        overflow: hidden;
        position: relative
    }
    @media (max-width:960px) {
        .assignfeedback_editpdf_widget .pageheader {
            height: 104px
        }
        .assignfeedback_editpdf_widget .drawingregion {
            top: 104px
        }
    }
    @media (max-width:767px) {
        .assignfeedback_editpdf_widget .drawingregion {
            position: relative;
            margin-bottom: 1em;
            top: 0;
            max-height: 312px
        }
        .assignfeedback_editpdf_widget .pageheader {
            height: auto
        }
    }
    @media (max-width:480px) {
        .assignfeedback_editpdf_widget .pageheader {
            padding-left: 5px;
            padding-right: 5px
        }
    }
    #page-mod-quiz-report #manualgradingform {
        width: 100%
    }
    #page-mod-quiz-report #manualgradingform.mform br {
        clear: none
    }
    #page-mod-quiz-report #manualgradingform.mform .clearfix:after {
        clear: none
    }
    #page-mod-quiz-report #manualgradingform .que {
        margin-bottom: .7em
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
    .path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper {
        border: none
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend,
    .path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend {
        display: none
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th,
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td,
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th,
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td {
        border: 1px solid #ddd;
        padding: 5px;
        vertical-align: top
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion {
        text-align: center
    }
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem {
        text-align: center
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle,
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle {
        display: none
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
    .path-mod-workshop #id_rubric-grid-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox,
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement,
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement {
        border: none
    }
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span {
        display: block;
        text-align: center
    }
    .path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label {
        display: block;
        text-align: center
    }
    .path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle,
    .path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle {
        display: none
    }
    .path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement,
    .path-mod-workshop .assessmentform.rubric.list .fitem .felement {
        width: auto;
        border: none
    }
    .path-mod-workshop .assessmentform.rubric.list .fitem .felement span input {
        display: block;
        float: left
    }
    .path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label {
        display: block;
        margin-left: 30px
    }
    .path-mod-workshop .manual-allocator .allocations {
        margin: 0 auto;
        width: 100%
    }
    .path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) {
        background-color: #eee
    }
    .path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof,
    .path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby {
        background-color: inherit
    }
    .path-mod-workshop .manual-allocator .allocations .peer .image {
        margin-right: 5px;
        vertical-align: middle
    }
    .path-mod-workshop .manual-allocator .allocations .reviewedby .image,
    .path-mod-workshop .manual-allocator .allocations .reviewerof .image {
        margin-right: 3px;
        vertical-align: middle
    }
    .path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby,
    .path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof {
        background-color: #fff3d2
    }
    .path-mod-workshop .manual-allocator .allocations tr td {
        vertical-align: top;
        padding: 5px
    }
    .path-mod-workshop .manual-allocator .allocations tr td ul {
        margin: 0
    }
    .path-mod-workshop .manual-allocator .allocations tr td ul li {
        list-style: none
    }
    .path-mod-workshop .manual-allocator .allocations tr td.peer {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc
    }
    .path-mod-workshop .manual-allocator .allocations .reviewedby .info,
    .path-mod-workshop .manual-allocator .allocations .peer .info,
    .path-mod-workshop .manual-allocator .allocations .reviewerof .info {
        font-size: 80%;
        color: #888;
        font-style: italic
    }
    .path-mod-workshop .manual-allocator .allocations .peer .submission {
        font-size: 90%;
        margin-top: 1em
    }
    .path-mod-workshop .random-allocator .warning {
        width: 100%;
        margin: 0 auto 15px auto
    }
    .accessibilitywarnings img {
        max-width: 32px;
        max-height: 32px
    }
    .atto_backcolor_button .dropdown-menu {
        min-width: inherit
    }
    .atto_backcolor_button .dropdown-menu .atto_menuentry {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem] {
        display: flex
    }
    .atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:hover,
    .atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:focus {
        box-shadow: #0f6fc5 0 0 3px 1px
    }
    .atto_backcolor_button .dropdown-menu .coloroption {
        display: flex;
        align-items: center;
        float: left;
        height: 20px;
        width: 20px;
        border: 1px solid #ccc
    }
    .atto_charmap_selector button {
        width: 2.18rem;
        margin: .1rem
    }
    @media (max-width:768px) {
        .toolbarbreak {
            display: none
        }
    }
    .emoji-picker-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
        padding: 0
    }
    .emoji-picker-dialogue .emoji-picker {
        box-shadow: none!important;
        border: 0
    }
    .atto_emoticon_map ul {
        padding: 0;
        margin: 0;
        display: table;
        width: 100%
    }
    .atto_emoticon_map li {
        display: table-row;
        white-space: nowrap
    }
    .atto_emoticon_map li div {
        display: table-cell;
        padding: 0 1em
    }
    .atto_emoticon_emote img {
        width: 16px
    }
    .atto_equation_library button {
        margin: .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/atto_h5p/1696728972/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 .5em
    }
    .atto_image_button_middle {
        vertical-align: middle;
        margin: 0 .5em
    }
    .atto_image_button_text-bottom {
        vertical-align: text-bottom;
        margin: 0 .5em
    }
    .atto_image_button_text-top.img-fluid,
    .atto_image_button_middle.img-fluid,
    .atto_image_button_text-bottom.img-fluid {
        display: inline-block;
        max-width: calc(100% - 1em)
    }
    .atto_image_button_left {
        float: left;
        margin: 0 .5em 0 0;
        max-width: calc(100% - 1em)
    }
    .atto_image_button_right {
        float: right;
        margin: 0 0 0 .5em;
        max-width: calc(100% - 1em)
    }
    #atto_managefiles_manageform {
        padding: 1rem
    }
    #atto_managefiles_manageform #id_deletefileshdr {
        display: none
    }
    #atto_managefiles_manageform.has-unused-files #id_deletefileshdr {
        display: block
    }
    #atto_managefiles_manageform #id_missingfileshdr {
        display: none
    }
    #atto_managefiles_manageform.has-missing-files #id_missingfileshdr {
        display: block
    }
    .atto_form.atto_media > .tab-content {
        max-height: 45vh;
        overflow-x: hidden
    }
    .atto_recordrtc,
    .atto_recordrtc div {
        font-weight: 400;
        line-height: 40px;
        padding: 3px 0 3px 0
    }
    .atto_recordrtc .alert {
        line-height: 40px;
        text-align: center
    }
    .atto_recordrtc audio {
        display: block;
        width: 100%
    }
    @media screen and (max-width:670px) {
        .atto_recordrtc video {
            display: block;
            height: auto;
            margin: 0 auto;
            width: 100%
        }
    }
    @media screen and (min-width:671px) {
        .atto_recordrtc video {
            display: block;
            height: 480px;
            margin: 0 auto;
            width: 640px
        }
    }
    .atto_recordrtc #start-stop,
    .atto_recordrtc #upload {
        white-space: normal
    }
    div.editor_atto_content td,
    div.editor_atto_content th,
    div.editor_atto_content caption {
        border: 1px dashed #bbb;
        position: relative;
        min-width: 2rem;
        height: 2rem
    }
    div.editor_atto_content caption {
        height: auto
    }
    div.availablecolors {
        background-color: #eee;
        padding: .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: .2rem
    }
    .warning-desc {
        word-wrap: break-word
    }
    .warning-desc li {
        margin-bottom: 10px
    }
    .tiny_equation_library button {
        margin: .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: 400;
        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";
    @font-face {
        font-family: "FontAwesome";
        src: url(/theme/font.php/boost/core/1696728972/fontawesome-webfont.eot?v=4.7.0);
        src: url("/theme/font.php/boost/core/1696728972/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url(/theme/font.php/boost/core/1696728972/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(/theme/font.php/boost/core/1696728972/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(/theme/font.php/boost/core/1696728972/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url("/theme/font.php/boost/core/1696728972/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
        font-weight: 400;
        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
    }
    .fa-lg {
        font-size: 1.33332em;
        line-height: .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: .14286em;
        text-align: center
    }
    .fa-li.fa-lg {
        left: -1.85718em
    }
    .fa-border {
        padding: .2em .25em .15em;
        border: solid .08em #eee;
        border-radius: .1em
    }
    .fa-pull-left {
        float: left
    }
    .fa-pull-right {
        float: right
    }
    .fa.fa-pull-left {
        margin-right: .3em
    }
    .fa.fa-pull-right {
        margin-left: .3em
    }
    .pull-right {
        float: right
    }
    .pull-left {
        float: left
    }
    .fa.pull-left {
        margin-right: .3em
    }
    .fa.pull-right {
        margin-left: .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
    }
    .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 {
        background-color: #1e1e1e;
        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: .9375rem;
        font-weight: 400;
        line-height: 1.5;
        color: #ffffff;
        text-align: left;
        background-color: #141414
    }
    @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: .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: .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: -.25em
    }
    sup {
        top: -.5em
    }
    a {
        color: #208ae8;
        text-decoration: none;
        background-color: transparent
    }
    a:hover {
        color: #329fff;
        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: .75rem;
        padding-bottom: .75rem;
        color: #6a737b;
        text-align: left;
        caption-side: bottom
    }
    th {
        text-align: inherit;
        text-align: -webkit-match-parent
    }
    label {
        display: inline-block;
        margin-bottom: .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: .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: .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: .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, .1)
    }
    small,
    .small {
        font-size: .875em;
        font-weight: 400
    }
    mark,
    .mark {
        padding: .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: .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: .875em;
        color: #6a737b
    }
    .blockquote-footer::before {
        content: "— "
    }
    .img-fluid {
        max-width: 100%;
        height: auto
    }
    .img-thumbnail {
        padding: .25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: .5rem;
        max-width: 100%;
        height: auto
    }
    .figure {
        display: inline-block
    }
    .figure-img {
        margin-bottom: .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: .2rem .4rem;
        font-size: 87.5%;
        color: #fff;
        background-color: #1d2125;
        border-radius: .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: #fff
    }
    .table th,
    .table td {
        padding: .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: .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, .03)
    }
    .table-hover tbody tr:hover {
        color: #1d2125;
        background-color: rgba(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, .075)
    }
    .table-hover .table-active:hover {
        background-color: rgba(0, 0, 0, .075)
    }
    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(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, .05)
    }
    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, .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: .375rem .75rem;
        font-size: .9375rem;
        font-weight: 400;
        line-height: 1.5;
        color: #fafafa;
        background-color: #1e1e1e;
        background-clip: padding-box;
        border: 1px solid #2f2f2f;
        border-radius: .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: #fafafa;
        background-color: #1e1e1e;
        border-color: #5babf2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(15, 108, 191, .75)
    }
    .form-control::placeholder {
        color: #f1f1f1;
        opacity: 1
    }
    .form-control:disabled,
    .form-control[readonly] {
        background-color: #2a2a2a;
        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: .8203125rem;
        line-height: 1.5
    }
    .form-control-plaintext {
        display: block;
        width: 100%;
        padding: .375rem 0;
        margin-bottom: 0;
        font-size: .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: .25rem .5rem;
        font-size: .8203125rem;
        line-height: 1.5;
        border-radius: .2rem
    }
    .form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: .5rem 1rem;
        font-size: 1.171875rem;
        line-height: 1.5;
        border-radius: .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: .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: .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: .75rem
    }
    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }
    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: .875em;
        color: #357a32
    }
    .valid-tooltip {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .8203125rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(53, 122, 50, .9);
        border-radius: .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 .2rem rgba(53, 122, 50, .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 .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 .2rem rgba(53, 122, 50, .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 .2rem rgba(53, 122, 50, .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 .2rem rgba(53, 122, 50, .25)
    }
    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: .875em;
        color: #ca3120
    }
    .invalid-tooltip {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .8203125rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(202, 49, 32, .9);
        border-radius: .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 .2rem rgba(202, 49, 32, .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 .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 .2rem rgba(202, 49, 32, .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 .2rem rgba(202, 49, 32, .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 .2rem rgba(202, 49, 32, .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: .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: #fff;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        background-color: #2f2f2f;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: .9375rem;
        line-height: 1.5;
        border-radius: .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: #f1f1f1;
        text-decoration: none
    }
    .btn:focus,
    .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(15, 108, 191, .75)
    }
    .btn.disabled,
    .btn:disabled {
        opacity: .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 .2rem rgba(51, 130, 201, .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 .2rem rgba(51, 130, 201, .5)
    }
    .btn-secondary {
        color: #1d2125;
        background-color: #ced4da;
        border-color: #ced4da
    }
    .btn-secondary:hover {
        color: #1d2125;
        background-color: #808080;
        border-color: #808080
    }
    .btn-secondary:focus,
    .btn-secondary.focus {
        color: #1d2125;
        background-color: #a0a0a0;
        border-color: #a0a0a0;
        box-shadow: 0 0 0 .2rem rgba(179, 185, 191, .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 .2rem rgba(179, 185, 191, .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 .2rem rgba(83, 142, 81, .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 .2rem rgba(83, 142, 81, .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 .2rem rgba(38, 148, 166, .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 .2rem rgba(38, 148, 166, .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 .2rem rgba(208, 152, 72, .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 .2rem rgba(208, 152, 72, .5)
    }
    .btn-danger {
        color: #fff;
        background-color: #FF2323;
        border-color: #FF2323
    }
    .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 .2rem rgba(210, 80, 65, .5)
    }
    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #fff;
        background-color: #FF2323;
        border-color: #FF2323
    }
    .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 .2rem rgba(210, 80, 65, .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 .2rem rgba(215, 217, 218, .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 .2rem rgba(215, 217, 218, .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 .2rem rgba(82, 88, 93, .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 .2rem rgba(82, 88, 93, .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 .2rem rgba(15, 108, 191, .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 .2rem rgba(15, 108, 191, .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 .2rem rgba(206, 212, 218, .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 .2rem rgba(206, 212, 218, .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 .2rem rgba(53, 122, 50, .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 .2rem rgba(53, 122, 50, .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 .2rem rgba(0, 129, 150, .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 .2rem rgba(0, 129, 150, .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 .2rem rgba(240, 173, 78, .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 .2rem rgba(240, 173, 78, .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 .2rem rgba(202, 49, 32, .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 .2rem rgba(202, 49, 32, .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 .2rem rgba(248, 249, 250, .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 .2rem rgba(248, 249, 250, .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 .2rem rgba(52, 58, 64, .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 .2rem rgba(52, 58, 64, .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: .5rem 1rem;
        font-size: 1.171875rem;
        line-height: 1.5;
        border-radius: .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: .25rem .5rem;
        font-size: .8203125rem;
        line-height: 1.5;
        border-radius: .2rem
    }
    .btn-block {
        display: block;
        width: 100%
    }
    .btn-block + .btn-block {
        margin-top: .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: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .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: .5rem 0;
        margin: .125rem 0 0;
        font-size: .9375rem;
        color: #fff;
        text-align: left;
        list-style: none;
        background-color: #222;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: .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: .125rem
    }
    .dropup .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: 0;
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-left: .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: .125rem
    }
    .dropright .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .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: .125rem
    }
    .dropleft .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: ""
    }
    .dropleft .dropdown-toggle::after {
        display: none
    }
    .dropleft .dropdown-toggle::before {
        display: inline-block;
        margin-right: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: .3em solid;
        border-bottom: .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: .5rem 0;
        overflow: hidden;
        border-top: 1px solid #2f2f2f
    }
    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #fff;
        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: .5rem 1.5rem;
        margin-bottom: 0;
        font-size: .8203125rem;
        color: #6a737b;
        white-space: nowrap
    }
    .dropdown-item-text {
        display: block;
        padding: .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: .5625rem;
        padding-left: .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: .375rem;
        padding-left: .375rem
    }
    .btn-lg + .dropdown-toggle-split,
    .btn-group-lg > .btn + .dropdown-toggle-split {
        padding-right: .75rem;
        padding-left: .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: .375rem .75rem;
        margin-bottom: 0;
        font-size: .9375rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: #e9ecef;
        border: 1px solid #2f2f2f;
        border-radius: .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: .5rem 1rem;
        font-size: 1.171875rem;
        line-height: 1.5;
        border-radius: .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: .25rem .5rem;
        font-size: .8203125rem;
        line-height: 1.5;
        border-radius: .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 .2rem rgba(15, 108, 191, .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: .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: .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: .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, .5)
    }
    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgba(15, 108, 191, .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, .5)
    }
    .custom-switch {
        padding-left: 2.6875rem
    }
    .custom-switch .custom-control-label::before {
        left: -2.6875rem;
        width: 2.1875rem;
        pointer-events: all;
        border-radius: .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: .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(.9375rem)
    }
    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(15, 108, 191, .5)
    }
    .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: .9375rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: transparent 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 .75rem center / 8px 10px no-repeat;
        border: 1px solid #8f959e;
        border-radius: .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 .2rem rgba(15, 108, 191, .75)
    }
    .custom-select:focus::-ms-value {
        color: #fafafa;
        background-color: #fff
    }
    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }
    .custom-select:disabled {
        color: #333;
        background-color: #1111110f
    }
    .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: .25rem;
        padding-bottom: .25rem;
        padding-left: .5rem;
        font-size: .8203125rem
    }
    .custom-select-lg {
        height: calc(1.5em + 1rem + 2px);
        padding-top: .5rem;
        padding-bottom: .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 .2rem rgba(15, 108, 191, .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: .375rem .75rem;
        overflow: hidden;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        border: 1px solid #8f959e;
        border-radius: .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: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .5rem .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 .2rem rgba(15, 108, 191, .75)
    }
    .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(15, 108, 191, .75)
    }
    .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(15, 108, 191, .75)
    }
    .custom-range::-moz-focus-outer {
        border: 0
    }
    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.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: .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: .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: .2rem;
        margin-left: .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: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: .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: .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: .5rem;
        border-top-right-radius: .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: #fff;
        background-color: #1e1e1e;
        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: .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: .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: .32421875rem;
        padding-bottom: .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: .5rem;
        padding-bottom: .5rem
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.171875rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .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: .5rem;
            padding-left: .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: .5rem;
            padding-left: .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: .5rem;
            padding-left: .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: .5rem;
            padding-left: .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: .5rem;
        padding-left: .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(255, 255, 255, .9)
    }
    .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-brand:focus {
        color: rgba(255, 255, 255, .9)
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(255, 255, 255, .6)
    }
    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, .9)
    }
    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .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(255, 255, 255, .9)
    }
    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .6);
        border-color: rgba(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, .6)
    }
    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, .9)
    }
    .navbar-light .navbar-text a:hover,
    .navbar-light .navbar-text a:focus {
        color: rgba(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, .5)
    }
    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus {
        color: #fff
    }
    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, .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, .5);
        border-color: rgba(255, 255, 255, .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, .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: #1e1e1e;
        background-clip: border-box;
        border: 1px solid #2f2f2f;
        border-radius: .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: .75rem
    }
    .card-subtitle {
        margin-top: -.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: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, .03);
        border-bottom: 1px solid rgba(0, 0, 0, .125)
    }
    .card-header:first-child {
        border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0
    }
    .card-footer {
        padding: .75rem 1.25rem;
        background-color: rgba(0, 0, 0, .03);
        border-top: 1px solid rgba(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: -.625rem;
        margin-bottom: -.75rem;
        margin-left: -.625rem;
        border-bottom: 0
    }
    .card-header-pills {
        margin-right: -.625rem;
        margin-left: -.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: .25rem
    }
    @media (min-width:576px) {
        .card-deck {
            display: flex;
            flex-flow: row wrap;
            margin-right: -.25rem;
            margin-left: -.25rem
        }
        .card-deck .card {
            flex: 1 0 0%;
            margin-right: .25rem;
            margin-bottom: 0;
            margin-left: .25rem
        }
    }
    .card-group > .card {
        margin-bottom: .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: .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: .5rem 0;
        margin-bottom: 0;
        list-style: none;
        background-color: transparent;
        border-radius: .5rem
    }
    .breadcrumb-item + .breadcrumb-item {
        padding-left: .5rem
    }
    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .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: .5rem
    }
    .page-link {
        position: relative;
        display: block;
        padding: .5rem .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 .2rem rgba(15, 108, 191, .75)
    }
    .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }
    .page-item:last-child .page-link {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .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: .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: .6rem;
        border-bottom-left-radius: .6rem
    }
    .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: .6rem;
        border-bottom-right-radius: .6rem
    }
    .pagination-sm .page-link {
        padding: .25rem .5rem;
        font-size: .8203125rem;
        line-height: 1.5
    }
    .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: .2rem;
        border-bottom-left-radius: .2rem
    }
    .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: .2rem;
        border-bottom-right-radius: .2rem
    }
    .badge {
        display: inline-block;
        padding: .25em .4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .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: .6em;
        padding-left: .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 .2rem rgba(15, 108, 191, .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 .2rem rgba(206, 212, 218, .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 .2rem rgba(53, 122, 50, .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 .2rem rgba(0, 129, 150, .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 .2rem rgba(240, 173, 78, .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 .2rem rgba(202, 49, 32, .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 .2rem rgba(248, 249, 250, .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 .2rem rgba(52, 58, 64, .5)
    }
    .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #e9ecef;
        border-radius: .6rem
    }
    @media (min-width:576px) {
        .jumbotron {
            padding: 4rem 2rem
        }
    }
    .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0
    }
    .alert {
        position: relative;
        padding: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 0 solid transparent;
        border-radius: .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: .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: .703125rem;
        background-color: #e9ecef;
        border-radius: .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, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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: .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: #333
    }
    .list-group-item-action:active {
        color: #fefefe;
        background-color: #333
    }
    .list-group-item {
        position: relative;
        display: block;
        padding: .75rem 1.25rem;
        background-color: #1e1e1e;
        border: 1px solid rgba(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: #222
    }
    .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: .5rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: .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: .5rem;
            border-top-right-radius: 0
        }
        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: .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: .5rem;
            border-top-right-radius: 0
        }
        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: .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: .5rem;
            border-top-right-radius: 0
        }
        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: .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: .5rem;
            border-top-right-radius: 0
        }
        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: .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: .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: .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: .875rem;
        color: #fff;
        background-color: rgba(29, 33, 37, .95);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
        opacity: 0;
        border-radius: .25rem
    }
    .toast:not(:last-child) {
        margin-bottom: .75rem
    }
    .toast.showing {
        opacity: 1
    }
    .toast.show {
        display: block;
        opacity: 1
    }
    .toast.hide {
        display: none
    }
    .toast-header {
        display: flex;
        align-items: center;
        padding: .25rem .75rem;
        color: #f8f9fa;
        background-color: rgba(255, 255, 255, .1);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px)
    }
    .toast-body {
        padding: .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: .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: #1e1e1e;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .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: .5
    }
    .modal-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1rem 1rem;
        border-bottom: 1px solid #2f2f2f;
        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: .75rem;
        border-top: 1px solid #2f2f2f;
        border-bottom-right-radius: calc(0.6rem - 1px);
        border-bottom-left-radius: calc(0.6rem - 1px)
    }
    .modal-footer > * {
        margin: .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: .8203125rem;
        word-wrap: break-word;
        opacity: 0
    }
    .tooltip.show {
        opacity: .9
    }
    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }
    .tooltip .arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid
    }
    .bs-tooltip-top,
    .bs-tooltip-auto[x-placement^="top"] {
        padding: .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: .4rem .4rem 0;
        border-top-color: #000
    }
    .bs-tooltip-right,
    .bs-tooltip-auto[x-placement^="right"] {
        padding: 0 .4rem
    }
    .bs-tooltip-right .arrow,
    .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }
    .bs-tooltip-right .arrow::before,
    .bs-tooltip-auto[x-placement^="right"] .arrow::before {
        right: 0;
        border-width: .4rem .4rem .4rem 0;
        border-right-color: #000
    }
    .bs-tooltip-bottom,
    .bs-tooltip-auto[x-placement^="bottom"] {
        padding: .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 .4rem .4rem;
        border-bottom-color: #000
    }
    .bs-tooltip-left,
    .bs-tooltip-auto[x-placement^="left"] {
        padding: 0 .4rem
    }
    .bs-tooltip-left .arrow,
    .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }
    .bs-tooltip-left .arrow::before,
    .bs-tooltip-auto[x-placement^="left"] .arrow::before {
        left: 0;
        border-width: .4rem 0 .4rem .4rem;
        border-left-color: #000
    }
    .tooltip-inner {
        max-width: 200px;
        padding: .25rem .5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: .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: .8203125rem;
        word-wrap: break-word;
        background-color: #333;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .6rem
    }
    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 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: .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: .5rem .5rem 0;
        border-top-color: rgba(0, 0, 0, .25)
    }
    .bs-popover-top > .arrow::after,
    .bs-popover-auto[x-placement^="top"] > .arrow::after {
        bottom: 1px;
        border-width: .5rem .5rem 0;
        border-top-color: #fff
    }
    .bs-popover-right,
    .bs-popover-auto[x-placement^="right"] {
        margin-left: .5rem
    }
    .bs-popover-right > .arrow,
    .bs-popover-auto[x-placement^="right"] > .arrow {
        left: calc(-0.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .6rem 0
    }
    .bs-popover-right > .arrow::before,
    .bs-popover-auto[x-placement^="right"] > .arrow::before {
        left: 0;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: rgba(0, 0, 0, .25)
    }
    .bs-popover-right > .arrow::after,
    .bs-popover-auto[x-placement^="right"] > .arrow::after {
        left: 1px;
        border-width: .5rem .5rem .5rem 0;
        border-right-color: #fff
    }
    .bs-popover-bottom,
    .bs-popover-auto[x-placement^="bottom"] {
        margin-top: .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 .5rem .5rem .5rem;
        border-bottom-color: rgba(0, 0, 0, .25)
    }
    .bs-popover-bottom > .arrow::after,
    .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
        top: 1px;
        border-width: 0 .5rem .5rem .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: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }
    .bs-popover-left,
    .bs-popover-auto[x-placement^="left"] {
        margin-right: .5rem
    }
    .bs-popover-left > .arrow,
    .bs-popover-auto[x-placement^="left"] > .arrow {
        right: calc(-0.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .6rem 0
    }
    .bs-popover-left > .arrow::before,
    .bs-popover-auto[x-placement^="left"] > .arrow::before {
        right: 0;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: rgba(0, 0, 0, .25)
    }
    .bs-popover-left > .arrow::after,
    .bs-popover-auto[x-placement^="left"] > .arrow::after {
        right: 1px;
        border-width: .5rem 0 .5rem .5rem;
        border-left-color: #fff
    }
    .popover-header {
        padding: .5rem .75rem;
        margin-bottom: 0;
        font-size: .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: .5rem .75rem;
        color: #fff
    }
    .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: .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: .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: .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: -.125em;
        border: .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: .2em
    }
    @keyframes spinner-grow {
        0% {
            transform: scale(0)
        }
        50% {
            opacity: 1;
            transform: none
        }
    }
    .spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: -.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: #1e1e1e!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: #1e1e1e !important
    }
    .bg-transparent {
        background-color: transparent!important
    }
    .border {
        border: 1px solid #2f2f2f!important
    }
    .border-top {
        border-top: 1px solid #2f2f2f!important
    }
    .border-right {
        border-right: 1px solid #2f2f2f!important
    }
    .border-bottom {
        border-bottom: 1px solid #2f2f2f!important
    }
    .border-left {
        border-left: 1px solid #2f2f2f!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 .125rem .25rem rgba(0, 0, 0, .075)!important
    }
    .shadow {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
    }
    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(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 {
        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: #666!important
    }
    a.text-dark:hover,
    a.text-dark:focus {
        color: #444!important
    }
    .text-body {
        color: #1d2125!important
    }
    .text-muted {
        color: #b9b9b9!important
    }
    .text-black-50 {
        color: rgba(0, 0, 0, .5)!important
    }
    .text-white-50 {
        color: rgba(255, 255, 255, .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
        }
    }
    .breadcrumb-item + .breadcrumb-item::before {
        content: "/";
        content: "/"
    }
    .dir-rtl .custom-select {
        background-position: .75rem center
    }
    .dir-rtl .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(-.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
    }
    #region-main {
        overflow-y: visible;
        background-color: #1e1e1e;
    }
    @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
    }
    #user-notifications {
        display: block;
        overflow: hidden
    }
    .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
    }
    .mdl-left {
        text-align: left
    }
    .mdl-right {
        text-align: right
    }
    .text-ltr {
        direction: ltr!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: .2rem solid transparent;
        color: #fff;
        background-color: transparent;
        box-shadow: none
    }
    .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 .2rem rgba(15, 108, 191, .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: .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 .2rem rgba(15, 108, 191, .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 .2rem rgba(15, 108, 191, .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: .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: 700
    }
    .reportlink {
        text-align: right
    }
    a.autolink.glossary:hover {
        cursor: help
    }
    .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: 700
    }
    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: .9em;
        width: .8em
    }
    img.activityicon {
        height: 24px;
        width: 24px;
        vertical-align: middle
    }
    .headermain {
        font-weight: 700
    }
    #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: .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: 400
    }
    #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: .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: .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: .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-expired {
        color: #f0ad4e
    }
    .completion-expected {
        font-size: .703125rem
    }
    .completion-sortchoice,
    .completion-identifyfield {
        font-size: .703125rem;
        vertical-align: bottom
    }
    .completion-progresscell {
        text-align: right
    }
    .completion-expired .completion-expected {
        font-weight: 700
    }
    img.user-image {
        height: 100px;
        width: 100px
    }
    #tag-search-box {
        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: 700;
        line-height: 20px;
        color: #999;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .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/core/1696728972/i/settings)
    }
    .path-tag .tag-management-box li a.flagasinappropriate {
        background-image: url(/theme/image.php/boost/core/1696728972/i/flagged)
    }
    .path-tag .tag-management-box li a.removefrommyinterests {
        background-image: url(/theme/image.php/boost/core/1696728972/t/delete)
    }
    .path-tag .tag-management-box li a.addtomyinterests {
        background-image: url(/theme/image.php/boost/core/1696728972/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 .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: .9em
    }
    .tag_cloud .s1 {
        font-size: .8em
    }
    .tag_cloud .s0 {
        font-size: .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
    }
    #webservice-doc-generator td {
        text-align: left;
        border: 0 solid #000
    }
    .userenrolment {
        width: 100%;
        border-collapse: collapse
    }
    .userenrolment tr {
        vertical-align: top
    }
    .userenrolment td {
        padding: 0;
        height: 41px
    }
    .userenrolment .subfield {
        margin-right: 5px
    }
    .userenrolment .col_userdetails .subfield {
        margin-left: 40px
    }
    .userenrolment .col_userdetails .subfield_picture {
        float: left;
        margin-left: 0
    }
    .userenrolment .col_lastseen {
        width: 150px
    }
    .userenrolment .col_role {
        width: 262px
    }
    .userenrolment .col_role .roles,
    .userenrolment .col_group .groups {
        margin-right: 30px
    }
    .userenrolment .col_role .role {
        float: left;
        padding: 0 3px 3px;
        margin: 0 3px 3px;
        white-space: nowrap
    }
    .userenrolment .col_group .group {
        float: left;
        padding: 3px;
        margin: 3px;
        white-space: nowrap
    }
    .userenrolment .col_role .role a,
    .userenrolment .col_group .group a {
        margin-left: 3px;
        cursor: pointer
    }
    .userenrolment .col_role .addrole,
    .userenrolment .col_group .addgroup {
        float: right;
        padding: 3px;
        margin: 3px
    }
    .userenrolment .col_role .addrole > a:hover,
    .userenrolment .col_group .addgroup > a:hover {
        border-bottom: 1px solid #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 {}
        .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
        }
    }
    .resourcecontent .mediaplugin_mp3 object {
        height: 25px;
        width: 600px
    }
    .resourcecontent audio.mediaplugin_html5audio {
        width: 600px
    }
    .resourceimage {
        max-width: 100%
    }
    .mediaplugin_mp3 object {
        height: 15px;
        width: 300px
    }
    audio.mediaplugin_html5audio {
        width: 300px
    }
    .core_media_preview.pagelayout-embedded #content {
        padding: 0
    }
    .core_media_preview.pagelayout-embedded #maincontent {
        height: 0
    }
    body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
        padding: 0;
        margin: 0;
        min-width: 0;
        background: none
    }
    .path-rating .ratingtable {
        width: 100%;
        margin-bottom: 1em
    }
    .path-rating .ratingtable th.rating {
        width: 100%
    }
    .path-rating .ratingtable td.rating,
    .path-rating .ratingtable td.time {
        white-space: nowrap;
        text-align: center
    }
    .moodle-dialogue-base .moodle-dialogue-lightbox {
        background-color: #495057
    }
    .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
        background-color: transparent
    }
    .pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
        box-shadow: 0 .25rem .5rem rgba(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: #1e1e1e;
        border: 1px solid #2f2f2f
    }
    .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: #fff;
        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 {
        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: .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: .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: 700
    }
    .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: .8203125rem
    }
    .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
        color: #f0ad4e;
        font-size: .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: .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: .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: .75;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        text-align: center;
        padding: 10% 0
    }
    .moodle-dialogue .tooltiptext {
        max-height: 300px
    }
    .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
        z-index: 3001
    }
    .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
        overflow: auto
    }
    .chooserdialoguebody,
    .choosertitle {
        display: none
    }
    .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
        margin: 0
    }
    .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
        padding: 0;
        background: #f2f2f2;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }
    .choosercontainer #chooseform .submitbuttons {
        padding: .7em 0;
        text-align: right
    }
    @media (max-height:639px) {
        .ios .choosercontainer #chooseform .submitbuttons {
            padding: 45px 0
        }
    }
    .choosercontainer #chooseform .submitbuttons input {
        min-width: 100px;
        margin: 0 .5em
    }
    .choosercontainer #chooseform .options {
        position: relative;
        border-bottom: 1px solid #bbb
    }
    .jschooser .choosercontainer #chooseform .alloptions {
        overflow-x: hidden;
        overflow-y: auto;
        max-width: 240px
    }
    .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
        display: inline-block
    }
    .jschooser .choosercontainer #chooseform .alloptions .option .typename {
        display: inline-block;
        width: 55%
    }
    .choosercontainer #chooseform .moduletypetitle,
    .choosercontainer #chooseform .option,
    .choosercontainer #chooseform .nonoption {
        margin-bottom: 0;
        padding: 0 1.6em 0 1.6em
    }
    .choosercontainer #chooseform .moduletypetitle {
        text-transform: uppercase;
        padding-top: 1.2em;
        padding-bottom: .4em;
        margin-bottom: .5rem;
        font-size: 100%
    }
    .choosercontainer #chooseform .option .typename,
    .choosercontainer #chooseform .nonoption .typename {
        padding: 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: .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: .3em;
        padding-bottom: .1em
    }
    .choosercontainer #chooseform .subtype {
        margin-bottom: 0;
        padding: 0 1.6em 0 3.2em
    }
    .choosercontainer #chooseform .subtype .typename {
        margin: 0 0 0 .2em
    }
    .jschooser .choosercontainer #chooseform .instruction,
    .jschooser .choosercontainer #chooseform .typesummary {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 240px;
        margin: 0;
        padding: 1.6em;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        line-height: 2em
    }
    .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
        }
    }
    .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: .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)
        }
    }
    .formlistingradio {
        padding-bottom: 25px;
        padding-right: 10px
    }
    .formlistinginputradio {
        float: left
    }
    .formlistingmain {
        min-height: 225px
    }
    .formlisting {
        position: relative;
        margin: 15px 0;
        padding: 1px 19px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px
    }
    .formlistingmore {
        position: absolute;
        cursor: pointer;
        bottom: -1px;
        right: -1px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: 700;
        background-color: whitesmoke;
        border: 1px solid #ddd;
        color: #9da0a4;
        border-radius: 4px 0 4px 0
    }
    .formlistingall {
        margin: 15px 0;
        padding: 0;
        border-radius: 4px
    }
    .formlistingrow {
        cursor: pointer;
        border-bottom: 1px solid;
        border-color: #e1e1e8;
        border-left: 1px solid #e1e1e8;
        border-right: 1px solid #e1e1e8;
        background-color: #f7f7f9;
        border-radius: 0 0 4px 4px;
        padding: 6px;
        top: 50%;
        left: 50%;
        min-height: 34px;
        float: left;
        width: 150px
    }
    body.jsenabled .formlistingradio {
        display: none
    }
    body.jsenabled .formlisting {
        display: block
    }
    a.criteria-action {
        padding: 0 3px;
        float: right
    }
    div.criteria-description {
        padding: 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/core/1696728972/i/expired);
        background-repeat: no-repeat;
        background-size: 100px 100px;
        width: 100px;
        height: 100px;
        left: 25px;
        top: 15px;
        position: absolute;
        z-index: 10;
        opacity: .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/core/1696728972/i/expired);
        background-repeat: no-repeat;
        background-size: 100px 100px;
        width: 100px;
        height: 100px;
        left: 0;
        top: 0;
        opacity: .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: .3em 0;
        padding: .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 h1.h2 {
        font-weight: 700
    }
    #page-header .logo {
        margin: 1rem 0
    }
    #page-header .logo img {
        max-height: 75px
    }
    nav.navbar .logo img {
        max-height: 35px
    }
    .nav.usernav .nav-item {
        display: flex
    }
    .nav.usernav .usermenu .dropdown-toggle {
        padding: 0 .5rem
    }
    .page-context-header {
        overflow: hidden;
        padding: .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 .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: 400;
        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: .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
    }
    @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 .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
    }
    .hover-tooltip-container {
        position: relative
    }
    .hover-tooltip-container .hover-tooltip {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 50%;
        top: calc(-50% - 5px);
        transform: translate(-50%, -50%);
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .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, .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 {
        color: #fafafa;
        text-decoration: underline
    }
    .popover.footer .popover-body .footer-section a .icon {
        color: #dede
    }
    .popover.footer .popover-body .footer-section 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: .4rem;
        font-size: .7rem
    }
    .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, .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: #333
        }
        50% {
            background-color: #222
        }
        100% {
            background-color: #333
        }
    }
    .line-height-0 {
        line-height: 0!important
    }
    .line-height-1 {
        line-height: 0.25rem!important
    }
    .line-height-2 {
        line-height: 0.5rem!important
    }
    .line-height-3 {
        line-height: 1rem!important
    }
    .line-height-4 {
        line-height: 1.5rem!important
    }
    .line-height-5 {
        line-height: 2rem!important
    }
    .line-height-6 {
        line-height: 3rem!important
    }
    .dir-rtl .dir-rtl-hide {
        display: none
    }
    .dir-ltr .dir-ltr-hide {
        display: none
    }
    .paged-content-page-container {
        min-height: 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
    }
    .colour-inherit {
        color: inherit!important
    }
    .position-right {
        right: 0!important
    }
    .overflow-hidden {
        overflow: hidden!important
    }
    .text-break {
        overflow-wrap: break-word!important
    }
    .word-break {
        word-break: break-word!important
    }
    .z-index-0 {
        z-index: 0!important
    }
    .z-index-1 {
        z-index: 1!important
    }
    .float-left {
        float: left!important
    }
    .float-right {
        float: right!important
    }
    .img-responsive {
        max-width: 100%;
        height: auto
    }
    input[disabled] {
        cursor: not-allowed
    }
    .custom-select {
        width: auto;
        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: .5rem
    }
    .emoji-picker {
        width: 350px;
        height: 400px
    }
    .emoji-picker .category-button {
        padding: .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: .6
    }
    .alert-secondary a {
        color: #525557
    }
    .alert-secondary .close {
        color: #393b3d;
        opacity: .6
    }
    .alert-success a,
    .environmenttable .ok a {
        color: #0c1b0b
    }
    .alert-success .close,
    .environmenttable .ok .close {
        color: #000;
        opacity: .6
    }
    .alert-info a {
        color: #00171b
    }
    .alert-info .close {
        color: #000;
        opacity: .6
    }
    .alert-warning a,
    .environmenttable .warn a {
        color: #573e1c
    }
    .alert-warning .close,
    .environmenttable .warn .close {
        color: #302310;
        opacity: .6
    }
    .alert-danger a,
    .environmenttable .error a {
        color: #3d0f0a
    }
    .alert-danger .close,
    .environmenttable .error .close {
        color: #110403;
        opacity: .6
    }
    .alert-light a {
        color: #686868
    }
    .alert-light .close {
        color: #4e4e4f;
        opacity: .6
    }
    .alert-dark a {
        color: #040505
    }
    .alert-dark .close {
        color: #000;
        opacity: .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: .5rem
        }
        .breadcrumb:not(:empty) .breadcrumb-item {
            padding-top: .33333rem;
            padding-bottom: .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: .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: .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: .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 .2rem rgba(106, 115, 123, .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 .2rem rgba(106, 115, 123, .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: .3rem
    }
    .alert.cta .cta-icon .icon.fa {
        border-radius: 50%;
        border-style: solid;
        border-width: .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: .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: .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;
        padding-left: 0!important;
        padding-right: 0!important
    }
    .dropdown-toggle::after {
        color: #ffffff;
        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: .3rem 0 0 0;
        margin: 0
    }
    .select-menu ul[role="group"] li:first-child {
        cursor: default;
        color: #6a737b;
        padding: .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: 700
    }
    .initialbargroups ul {
        -webkit-margin-start: 0;
        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: .6rem;
        border-bottom-left-radius: .6rem
    }
    .initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
        border-top-left-radius: .2rem;
        border-bottom-left-radius: .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: .6rem;
        border-bottom-right-radius: .6rem
    }
    .initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
        border-top-right-radius: .2rem;
        border-bottom-right-radius: .2rem
    }
    blockquote {
        margin: 0 .5rem 1rem;
        padding-left: 1rem;
        color: #495057;
        border-left: 5px solid #ced4da
    }
    .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: .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, .5)!important
    }
    .action-menu-item a:first-of-type > .icon {
        margin-left: .5rem
    }
    .ygtvcell .icon {
        margin-left: 0!important
    }
    .block_navigation .tree_item .icon,
    .block_settings .tree_item .icon {
        margin-left: 0
    }
    [data-action=toggle-drawer] .icon {
        margin: 0
    }
    .icon-no-spacing a > .icon {
        margin: 0
    }
    .icon-no-margin .icon {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    .icon-large > .icon {
        width: 32px;
        height: 32px
    }
    .icon-size-0 .icon {
        height: 0!important;
        width: 0!important;
        font-size: 0!important
    }
    .icon-size-1 .icon {
        height: 4px!important;
        width: 4px!important;
        font-size: 4px!important
    }
    .icon-size-2 .icon {
        height: 8px!important;
        width: 8px!important;
        font-size: 8px!important
    }
    .icon-size-3 .icon {
        height: 16px!important;
        width: 16px!important;
        font-size: 16px!important
    }
    .icon-size-4 .icon {
        height: 24px!important;
        width: 24px!important;
        font-size: 24px!important
    }
    .icon-size-5 .icon {
        height: 32px!important;
        width: 32px!important;
        font-size: 32px!important
    }
    .icon-size-6 .icon {
        height: 40px!important;
        width: 40px!important;
        font-size: 40px!important
    }
    .icon-size-7 .icon {
        height: 48px!important;
        width: 48px!important;
        font-size: 48px!important
    }
    .helplink .icon {
        margin-left: .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: #1e1e1e;
        border-radius: 4px;
        padding: .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
    }
    .formtable tbody th {
        font-weight: 400;
        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: 700
    }
    #page-admin-course-category .addcategory {
        padding: 10px
    }
    #page-admin-course-index .editcourse {
        margin: 20px auto
    }
    #page-admin-course-index .editcourse th,
    #page-admin-course-index .editcourse td {
        padding-left: 10px;
        padding-right: 10px
    }
    .timewarninghidden {
        display: none
    }
    #page-admin-report-capability-index #capabilitysearch {
        width: 30em
    }
    #page-admin-qtypes #qtypes div,
    #page-admin-qtypes #qtypes form,
    #page-admin-qbehaviours #qbehaviours div,
    #page-admin-qbehaviours #qbehaviours form {
        display: inline
    }
    #page-admin-qtypes #qtypes img.spacer,
    #page-admin-qbehaviours #qbehaviours img.spacer {
        width: 16px
    }
    #page-admin-qbehaviours .cell.c3,
    #page-admin-qtypes .cell.c3 {
        font-size: .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, .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: .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: .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: .2em .3em
    }
    .path-admin .roleassigntable p {
        text-align: left;
        margin: .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: 700
    }
    .path-admin .roleassigntable #buttonscell {
        width: 16%
    }
    .path-admin .roleassigntable #buttonscell #assignoptions {
        font-size: .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: 400
    }
    .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: .8203125rem;
        white-space: nowrap;
        font-weight: 400
    }
    .path-admin .rolecap label {
        display: block;
        text-align: center;
        padding: .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: .15em .5em
    }
    #trustedhosts .generaltable {
        margin-left: auto;
        margin-right: auto;
        width: 500px
    }
    #trustedhosts .standard {
        width: auto
    }
    #adminsettings legend {
        display: none
    }
    #adminsettings fieldset.error {
        margin: .2em 0 .5em 0
    }
    #adminsettings fieldset.error legend {
        display: block
    }
    #admin-spelllanguagelist textarea,
    #page-admin-setting-editorsettingstinymce .form-textarea textarea {
        text-align: left;
        direction: ltr
    }
    .adminsettingsflags {
        float: right
    }
    .adminsettingsflags label {
        margin-right: 7px
    }
    .form-description pre,
    .formsettingheading pre {
        direction: ltr
    }
    .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: .2em;
        margin-left: .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: .8203125rem;
        color: #6a737b;
        margin-left: 22px
    }
    #page-admin-plugins #plugins-control-panel .version .versionnumber {
        font-size: .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: .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: " | "
    }
    #page-admin-mnet-peers .box.deletedhosts {
        margin-bottom: 1em;
        font-size: .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: .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: .5rem;
        padding-left: .5rem;
        content: "/"
    }
    @media (min-width:576px) {
        #page-admin-search .container {
            overflow-wrap: break-word
        }
    }
    #page-admin-tasklogs .task-class {
        font-size: .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;
        margin-top: 0!important
    }
    .block_search_forums .searchform {
        text-align: left
    }
    .block.block_navigation .block_tree ul,
    .block_settings .block_tree ul {
        margin-left: 0
    }
    .block .block-controls .dropdown-toggle {
        color: #1d2125
    }
    [data-region="blocks-column"] {
        width: 360px;
        float: right
    }
    @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: .625rem;
            margin-bottom: .625rem;
            border-bottom-left-radius: .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%;
            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: .8rem
    }
    .block .block-cards .progress {
        height: .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: -.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: .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: .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
    }
    .block_recentlyaccessedcourses .paging-bar-container {
        margin-top: -2.4rem;
        padding-right: .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
    }
    @media (max-width:767.98px) {
        .block.card {
            border-left: 0;
            border-right: 0
        }
    }
    .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_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: .25em;
        margin-right: .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 .2rem rgba(15, 108, 191, .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: #333
    }
    .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: .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: .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 .2em;
        margin: 0
    }
    .block .calendar_filters li .icon {
        vertical-align: initial;
        margin: 0 .1rem 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: .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
    }
    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%;
            font-size: .8em
        }
        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: .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: .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, .125);
            padding-top: .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: .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: .5rem;
        min-height: 140px;
        max-height: 500px;
        overflow-x: auto;
        flex-wrap: wrap
    }
    .content-bank-container .cb-thumbnail {
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }
    .content-bank-container.view-grid .cb-listitem {
        margin-bottom: .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: .5rem
    }
    .content-bank-container.view-grid .cb-thumbnail {
        width: 64px;
        height: 64px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .5rem
    }
    .content-bank-container.view-grid .cb-unlisted .cb-thumbnail {
        opacity: .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: .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 .5rem;
        flex-direction: column;
        flex-wrap: nowrap
    }
    .content-bank-container.view-list .cb-thumbnail {
        margin-right: .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: .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: .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%
    }
    .section_add_menus {
        text-align: right;
        clear: both
    }
    .section-modchooser {
        clear: both;
        margin-top: .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: 400;
        font-style: italic
    }
    .section_add_menus .urlselect {
        text-align: left;
        margin-left: .4em
    }
    .section_add_menus .urlselect select {
        margin-left: .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: .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: .25rem 0
    }
    .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: .5
    }
    .section .activity .stealth {
        color: #6a737b
    }
    .section .activity a.stealth,
    .section .activity a.stealth:hover {
        color: #5babf2!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 .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 {
        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: .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: 400
    }
    .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: .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: .5em;
        margin-left: 30px
    }
    .section .activity .contentafterlink p {
        margin: .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, .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: .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: .5em;
        margin-bottom: -.5em
    }
    .course-content .single-section .section-navigation .title {
        font-weight: 700;
        font-size: 108%;
        clear: both
    }
    .course-content .single-section .section-navigation .mdl-left {
        font-weight: 400;
        float: left;
        margin-right: 1em
    }
    .course-content .single-section .section-navigation .mdl-left .larrow {
        margin-right: .1em
    }
    .course-content .single-section .section-navigation .mdl-right {
        font-weight: 400;
        float: right;
        margin-left: 1em
    }
    .course-content .single-section .section-navigation .mdl-right .rarrow {
        margin-left: .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 {
        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: .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
    }
    .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
    }
    .path-course-view.editing li.activity span.autocompletion img {
        margin-right: .5rem;
        margin-left: .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/core/1696728972/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: .8203125rem;
        padding: .1em .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
    }
    #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: .5rem
    }
    .dndupload-hidden {
        display: none
    }
    #page-course-pending .singlebutton,
    #page-course-index .singlebutton,
    #page-course-index-category .singlebutton,
    #page-course-editsection .singlebutton {
        text-align: center
    }
    #page-admin-course-manage #movecourses td img {
        margin: 0 .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: .5rem
    }
    #frontpage-available-course-list .coursebox,
    #frontpage-course-list .coursebox,
    .course-search-result .coursebox {
        padding: .5rem;
        border: 1px solid #dee2e6;
        margin-bottom: .5rem;
        border-radius: .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/core/1696728972/i/course);
        background-repeat: no-repeat;
        padding-left: 21px;
        background-position: left .2em
    }
    .coursebox > .info > .coursename {
        font-size: .9375rem;
        font-weight: 400;
        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: .8203125rem
    }
    .course_category_tree .category > .info > .categoryname {
        margin: 5px;
        font-size: .9375rem;
        font-weight: 400;
        padding: 2px 18px
    }
    .course_category_tree .category.with_children > .info > .categoryname {
        background-image: url(/theme/image.php/boost/core/1696728972/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/core/1696728972/t/collapsed)
    }
    .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-category-listings {
        margin-bottom: 0
    }
    #course-category-listings.columns-2 > #course-listing > div {
        position: relative;
        left: -1px
    }
    #course-category-listings.columns-3 > #course-listing > div {
        height: 100%
    }
    #course-category-listings > div > div {
        min-height: 300px
    }
    #course-category-listings > div > div > ul.ml > li:first-child > div {
        border-top: 0
    }
    #course-category-listings h3 {
        margin: 0;
        padding: .4rem .6rem .3rem
    }
    #course-category-listings h4 {
        margin: 1rem 0 0;
        padding: .6rem 1rem .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, .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 .5em .5em;
        position: relative
    }
    #course-category-listings .detail-pair > * {
        display: inline-block
    }
    #course-category-listings .detail-pair .pair-key {
        font-weight: 700;
        vertical-align: top
    }
    #course-category-listings .detail-pair .pair-key span {
        margin-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: .4rem .2rem .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 .2rem rgba(38, 148, 166, .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 .2rem rgba(38, 148, 166, .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 .2rem rgba(51, 130, 201, .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 .2rem rgba(51, 130, 201, .5)
    }
    #course-category-listings .listing-pagination-totals {
        text-align: center
    }
    #course-category-listings .listing-pagination-totals.dimmed {
        color: #6a737b;
        margin: .4rem 1rem .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
    }
    .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: .4em .5em .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: .5
    }
    @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: .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 #2f2f2f
    }
    .course-section:last-child:not(.section-summary) {
        border-bottom: 0
    }
    .course-section .sectionbadges .badge {
        margin-left: .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: .5rem;
        margin-top: .5rem;
        border-radius: .5rem
    }
    .course-section .section-summary-activities .activity-count {
        color: #6a737b;
        font-size: .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: .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: .875em;
        background-color: #f8f9fa;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .description .course-description-item .description-inner {
        padding-bottom: .5rem;
        padding-top: .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: .5rem;
        border-top-right-radius: .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: .5rem;
        border-bottom-right-radius: .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: .5rem
    }
    .activity-item:not(.activityinline) {
        border: 1px solid #2f2f2f;
        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: .5rem
    }
    .activity-item .activityname .inplaceeditable .quickeditlink {
        z-index: 2;
        margin-left: .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: .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: .5rem;
        margin-top: .25rem
    }
    .automatic-completion-conditions .badge .icon {
        width: .7rem;
        height: .7rem;
        font-size: .7rem
    }
    .automatic-completion-conditions .badge:first-child {
        margin-top: 0
    }
    :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
    }
    [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
    }
    #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, .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, .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: #1e1e1e;
        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, .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: .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
    }
    .filepicker .moodle-dialogue-bd {
        min-height: 520px
    }
    .file-picker .fp-navbar {
        min-height: 40px;
        padding: 4px
    }
    .fp-navbar {
        border-color: #2f2f2f;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    .file-picker .fp-content {
        border-top: 0;
        background: #1e1e1e;
        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: .5em .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: .65
    }
    .file-picker .fp-clear-left {
        clear: left
    }
    .fp-pathbar.empty {
        display: none
    }
    .fp-pathbar .fp-path-folder {
        background: url(/theme/image.php/boost/theme/1696728972/fp/path_folder) left 3px no-repeat;
        background-size: 12px 12px;
        height: 12px;
        margin-left: 12px
    }
    .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: #333;
        padding: .25rem;
        border-radius: .25rem;
        min-width: 112px
    }
    .file-picker .yui3-datatable table {
        border: 0 solid #bbb;
        width: 100%
    }
    .file-picker .ygtvtn,
    .filemanager .ygtvtn {
        background: url(/theme/image.php/boost/core/1696728972/y/tn) 0 0 no-repeat;
        width: 19px;
        height: 32px
    }
    .file-picker .ygtvtm,
    .filemanager .ygtvtm {
        background: url(/theme/image.php/boost/core/1696728972/y/tm) 0 10px no-repeat;
        width: 13px;
        height: 12px;
        cursor: pointer
    }
    .file-picker .ygtvtmh,
    .filemanager .ygtvtmh {
        background: url(/theme/image.php/boost/core/1696728972/y/tm) 0 10px no-repeat;
        width: 13px;
        height: 12px;
        cursor: pointer
    }
    .file-picker .ygtvtp,
    .filemanager .ygtvtp {
        background: url(/theme/image.php/boost/core/1696728972/y/tp) 0 10px no-repeat;
        width: 13px;
        height: 12px;
        cursor: pointer
    }
    .file-picker .ygtvtph,
    .filemanager .ygtvtph {
        background: url(/theme/image.php/boost/core/1696728972/y/tp) 0 10px no-repeat;
        width: 13px;
        height: 22px;
        cursor: pointer
    }
    .file-picker .ygtvln,
    .filemanager .ygtvln {
        background: url(/theme/image.php/boost/core/1696728972/y/ln) 0 0 no-repeat;
        width: 19px;
        height: 32px
    }
    .file-picker .ygtvlm,
    .filemanager .ygtvlm {
        background: url(/theme/image.php/boost/core/1696728972/y/lm) 0 10px no-repeat;
        width: 13px;
        height: 12px;
        cursor: pointer
    }
    .file-picker .ygtvlmh,
    .filemanager .ygtvlmh {
        background: url(/theme/image.php/boost/core/1696728972/y/lm) 0 10px no-repeat;
        width: 13px;
        height: 12px;
        cursor: pointer
    }
    .file-picker .ygtvlp,
    .filemanager .ygtvlp {
        background: url(/theme/image.php/boost/core/1696728972/y/lp) 0 10px no-repeat;
        width: 13px;
        height: 12px;
        cursor: pointer
    }
    .file-picker .ygtvlph,
    .filemanager .ygtvlph {
        background: url(/theme/image.php/boost/core/1696728972/y/lp) 0 10px no-repeat;
        width: 13px;
        height: 12px;
        cursor: pointer
    }
    .file-picker .ygtvloading,
    .filemanager .ygtvloading {
        background: transparent url(/theme/image.php/boost/core/1696728972/y/loading) 0 0 no-repeat;
        width: 16px;
        height: 22px
    }
    .file-picker .ygtvdepthcell,
    .filemanager .ygtvdepthcell {
        background: url(/theme/image.php/boost/core/1696728972/y/vline) 0 0 no-repeat;
        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: .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: .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 {
        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/theme/1696728972/fp/link) no-repeat;
        background-position: bottom right;
        background-size: 16px 16px
    }
    .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
        background: url(/theme/image.php/boost/theme/1696728972/fp/alias) no-repeat;
        background-position: bottom left;
        background-size: 16px 16px
    }
    .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
        display: none
    }
    .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
        background: url(/theme/image.php/boost/core/1696728972/s/dead) no-repeat;
        background-position: center center
    }
    .filemanager .yui3-datatable table {
        border: 0 solid #bbb;
        width: 100%
    }
    .filemanager .yui3-datatable-header {
        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
    }
    .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
        background: url(/theme/image.php/boost/theme/1696728972/fp/link_sm) no-repeat 0 0;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 8px;
        left: 17px;
        background-size: 16px 16px
    }
    .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
        background: url(/theme/image.php/boost/theme/1696728972/fp/alias_sm) no-repeat 0 0;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 9px;
        left: -6px;
        background-size: 16px 16px
    }
    .filemanager .fp-contextmenu {
        display: none
    }
    .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
        position: absolute;
        right: 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: 700
    }
    .filemanager.fp-select.fp-folder .fp-file-download {
        display: none
    }
    .fm-operation {
        font-weight: 700
    }
    .filemanager.fp-select .fp-original.fp-unknown,
    .filemanager.fp-select .fp-original .fp-originloading {
        display: none
    }
    .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
        display: inline
    }
    .filemanager.fp-select .fp-reflist.fp-unknown,
    .filemanager.fp-select .fp-reflist .fp-reflistloading {
        display: none
    }
    .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
        display: inline
    }
    .filemanager.fp-select .fp-reflist .fp-value {
        background: #f9f9f9;
        border: 1px solid #bbb;
        padding: 8px 7px;
        margin: 0;
        max-height: 75px;
        overflow: auto
    }
    .filemanager.fp-select .fp-reflist .fp-value li {
        padding-bottom: 7px
    }
    .filemanager.fp-mkdir-dlg {
        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
    }
    .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, .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: #1e1e1e
    }
    .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, .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, .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: #444
    }
    .message-app .btn.btn-link.btn-icon.icon-size-0 {
        height: 20px!important;
        width: 20px!important
    }
    .message-app .btn.btn-link.btn-icon.icon-size-1 {
        height: 24px!important;
        width: 24px!important
    }
    .message-app .btn.btn-link.btn-icon.icon-size-2 {
        height: 28px!important;
        width: 28px!important
    }
    .message-app .btn.btn-link.btn-icon.icon-size-3 {
        height: 36px!important;
        width: 36px!important
    }
    .message-app .btn.btn-link.btn-icon.icon-size-4 {
        height: 44px!important;
        width: 44px!important
    }
    .message-app .btn.btn-link.btn-icon.icon-size-5 {
        height: 52px!important;
        width: 52px!important
    }
    .message-app .btn.btn-link.btn-icon.icon-size-6 {
        height: 60px!important;
        width: 60px!important
    }
    .message-app .btn.btn-link.btn-icon.icon-size-7 {
        height: 68px!important;
        width: 68px!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: .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: #1e1e1e;
        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: .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: -.5rem;
        border-bottom-color: #dee2e6
    }
    .message-app .message.received {
        background-color: #333;
        color: #fff
    }
    .message-app .message.received .time {
        color: #616466
    }
    .message-app .message.received .tail {
        left: 0;
        margin-left: -.5rem;
        border-bottom-color: #333
    }
    .message-app .message .tail {
        content: "";
        bottom: 0;
        width: 0;
        height: 0;
        border: .5rem solid transparent;
        position: relative
    }
    .message-app .day {
        color: #b9b9b9
    }
    .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, .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: -.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
    }
    .questionbank h2 {
        margin-top: 0
    }
    .questioncategories h3 {
        margin-top: 0
    }
    #chooseqtypebox {
        margin-top: 1em
    }
    #chooseqtype h3 {
        margin: 0 0 .3em
    }
    #chooseqtype .instruction {
        display: none
    }
    #chooseqtype .fakeqtypes {
        border-top: 1px solid silver
    }
    #chooseqtype .qtypeoption {
        margin-bottom: .5em
    }
    #chooseqtype label {
        display: block
    }
    #chooseqtype .qtypename img {
        padding: 0 .3em
    }
    #chooseqtype .qtypename {
        display: inline-table;
        width: 16em
    }
    #chooseqtype .qtypesummary {
        display: block;
        margin: 0 2em
    }
    #chooseqtype .submitbuttons {
        margin: .7em 0;
        text-align: center
    }
    #qtypechoicecontainer {
        display: none
    }
    #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
        background: none
    }
    #qtypechoicecontainer.yui-panel .hd {
        color: #333;
        letter-spacing: 1px;
        text-shadow: 1px 1px 1px #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid #ccc;
        border-bottom: 1px solid #bbb;
        background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
        background-repeat: repeat-x
    }
    #qtypechoicecontainer {
        font-size: 12px;
        color: #333;
        background: #f2f2f2;
        border-radius: 10px;
        border: 1px solid #ccc;
        border-top: 0 none
    }
    #qtypechoicecontainer #chooseqtype {
        width: 40em
    }
    #chooseqtypehead h3 {
        margin: 0;
        font-weight: 400
    }
    #chooseqtype .qtypes {
        position: relative;
        border-bottom: 1px solid #bbb;
        padding: .24em 0
    }
    #chooseqtype .alloptions {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: calc(100vh - 15em);
        width: 60%
    }
    #chooseqtype .qtypeoption {
        margin-bottom: 0;
        padding: .3em .3em .3em 1.6em
    }
    #chooseqtype .qtypeoption img {
        vertical-align: text-bottom;
        padding-left: 1em;
        padding-right: .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 .2em;
        max-width: 40vw
    }
    #categoryquestions th {
        text-align: left;
        font-weight: 400
    }
    #categoryquestions > tbody > tr.r1 {
        background-color: rgba(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
    }
    #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: .3em;
        margin-right: .3em
    }
    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 .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: .5em;
        margin-bottom: 1.8em;
        background-color: #f8f9fa;
        border: 1px solid #cad0d7;
        border-radius: 2px
    }
    .que h3.no {
        margin: 0;
        font-size: .8em;
        line-height: 1
    }
    .que span.qno {
        font-size: 1.5em;
        font-weight: 700
    }
    .que .info > div {
        font-size: .8em;
        margin-top: .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: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 0 solid transparent;
        border-radius: .5rem
    }
    .que .outcome,
    .que .comment {
        color: #8e662e;
        background-color: #fcefdc;
        border-color: #fbe8cd
    }
    .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
    }
    .que .formulation hr {
        border-top-color: #a6d3db
    }
    .que .formulation .alert-link {
        color: #000
    }
    .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
    }
    .path-mod-quiz input[size] {
        width: auto;
        max-width: 100%
    }
    .que .comment {
        color: #1c3f1a;
        background-color: #d7e4d6;
        border-color: #c6dac6
    }
    .que .comment hr {
        border-top-color: #b7d0b7
    }
    .que .comment .alert-link {
        color: #0c1b0b
    }
    .que .ablock {
        margin: .7em 0 .3em 0
    }
    .que .im-controls {
        margin-top: .5em;
        text-align: left
    }
    .que .specificfeedback,
    .que .generalfeedback,
    .que .numpartscorrect .que .rightanswer,
    .que .im-feedback,
    .que .feedback,
    .que p {
        margin: 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 .2rem rgba(53, 122, 50, .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 .2rem rgba(240, 173, 78, .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 .2rem rgba(202, 49, 32, .5)
    }
    .que .qtext {
        margin-bottom: 1.5em
    }
    .que .validationerror {
        color: #ca3120
    }
    .que .grading,
    .que .comment,
    .que .commentlink,
    .que .history {
        margin-top: .5em
    }
    .que .history h3 {
        margin: 0 0 .2em;
        font-size: 1em
    }
    .que .history table {
        width: 100%;
        margin: 0
    }
    .que .history .current {
        font-weight: 700
    }
    .que .questioncorrectnessicon {
        vertical-align: text-bottom
    }
    body.jsenabled .questionflag input[type=checkbox] {
        display: none
    }
    .que .questionflagimage {
        padding-right: 3px;
        height: 16px;
        width: 16px
    }
    .importerror {
        margin-top: 10px;
        border-bottom: 1px solid #555
    }
    .mform .que.comment .fitemtitle {
        width: 20%
    }
    #page-question-preview #techinfo {
        margin: 1em 0
    }
    #page-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: .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
    }
    #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: .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 .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: -.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: .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: .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: .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
        }
    }
    .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, .7)
    }
    .ajax-contact-button .loading-icon .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    @media (max-width:480px) {
        .userprofile .profile_tree {
            column-count: 1
        }
    }
    .userlist #showall {
        margin: 10px 0
    }
    .userlist .buttons {
        text-align: center
    }
    .userlist .buttons label {
        padding: 0 3px
    }
    .userlist table#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: 700
    }
    .userinfobox td.label {
        text-align: right;
        white-space: nowrap;
        vertical-align: top;
        font-weight: 700
    }
    .group-edit {
        position: absolute;
        right: 0;
        margin-right: .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: .2em
    }
    .userselector div label {
        margin-right: .3em
    }
    .userselector .userselector-infobelow {
        font-size: .8em
    }
    #userselector_options .collapsibleregioncaption {
        font-weight: 700
    }
    #userselector_options p {
        margin: .2em 0;
        text-align: left
    }
    #page-user-profile .messagebox {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    #page-course-view-weeks .messagebox {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .profileeditor > .singleselect {
        margin: 0 .5em 0 0
    }
    .profileeditor > .singlebutton {
        display: inline-block;
        margin: 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: .5rem;
        border-bottom-left-radius: .5rem
    }
    .simplesearchform .btn {
        padding-left: .5rem;
        padding-right: .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
    }
    .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: .1rem .25rem .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: .5rem;
        border-bottom: none
    }
    #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
    }
    input#id_externalurl {
        direction: ltr
    }
    #portfolio-add-button {
        display: inline
    }
    .form-defaultinfo,
    .form-label .form-shortname {
        color: #6a737b
    }
    .form-label .form-shortname {
        font-size: .703125rem;
        display: block
    }
    .form-item .form-inline {
        display: inline
    }
    .form-inline label:not(.sr-only):not(.accesshide) + select {
        margin-left: .5rem
    }
    .formsettingheading .form-horizontal {
        color: #6a737b
    }
    .no-felement.fstatic {
        color: #6a737b;
        padding-top: 5px
    }
    .no-fitem .fstaticlabel {
        font-weight: 700
    }
    .form-item .form-setting .defaultsnext > input {
        display: inline-block
    }
    .form-item .form-setting .form-checkbox.defaultsnext {
        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
    }
    .mform .fitem .felement input[name="email"],
    .mform .fitem .felement input[name="email2"],
    .mform .fitem .felement input[name="url"],
    .mform .fitem .felement input[name="idnumber"],
    .mform .fitem .felement input[name="phone1"],
    .mform .fitem .felement input[name="phone2"] {
        text-align: left;
        direction: ltr
    }
    .que.match .mediaplugin {
        width: 50vw
    }
    #page-admin-grade-edit-scale-edit .error input#id_name {
        margin-right: 170px
    }
    #page-grade-edit-outcome-course .courseoutcomes {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
    #page-grade-edit-outcome-course .courseoutcomes td {
        text-align: center
    }
    #installform #id_wwwroot,
    #installform #id_dirroot,
    #installform #id_dataroot,
    #installform #id_dbhost,
    #installform #id_dbname,
    #installform #id_dbuser,
    #installform #id_dbpass,
    #installform #id_prefix {
        direction: ltr
    }
    .mdl-right > label {
        display: inline-block
    }
    .singleselect {
        max-width: 100%
    }
    .form-item .form-label label {
        margin-bottom: 0
    }
    div#dateselector-calendar-panel {
        z-index: 3100
    }
    fieldset.coursesearchbox label {
        display: inline
    }
    #id_availabilityconditionsjson[aria-hidden=true],
    .availability-field [aria-hidden=true] {
        display: none
    }
    .availability-field label {
        display: inline-flex
    }
    .availability-field .availability-group label {
        vertical-align: top
    }
    .availability-eye {
        clear: left;
        float: left
    }
    .availability-inner,
    .availability-plugincontrols {
        float: left;
        border-radius: .5rem;
        border: 1px solid rgba(0, 0, 0, .125);
        padding: 1rem;
        margin-top: .5rem
    }
    .availability-plugincontrols,
    .availability-childlist .availability-inner {
        margin-left: .625rem
    }
    .availability-field .availability-plugincontrols .availability-group select {
        max-width: 12rem
    }
    [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: .25rem 0;
        min-height: 2.375rem
    }
    .form-autocomplete-selection [role=option] {
        cursor: pointer;
        white-space: inherit;
        word-break: break-word;
        line-height: 1.4;
        text-align: left
    }
    .form-autocomplete-suggestions {
        position: absolute;
        background-color: #fff;
        border: 1px solid #8f959e;
        min-width: 206px;
        max-height: 20em;
        overflow: auto;
        margin: .125rem 0 0;
        padding: .5rem 0;
        z-index: 2
    }
    .form-autocomplete-suggestions li {
        list-style-type: none;
        padding: .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: .2rem;
        right: .5rem;
        cursor: pointer
    }
    .form-autocomplete-downarrow .loading-icon {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff
    }
    .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 .2rem rgba(15, 108, 191, .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
    }
    select[size],
    select[multiple] {
        overflow: auto
    }
    select[size="1"] {
        overflow: visible
    }
    textarea[data-auto-rows] {
        overflow-x: hidden;
        resize: none
    }
    .mform.full-width-labels .fitem.row {
        margin-left: 0;
        margin-right: 0
    }
    .mform.full-width-labels .fitem.row > .col-md-3,
    .mform.full-width-labels .fitem.row > .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
        width: inherit;
        padding-right: 0;
        padding-left: 0
    }
    .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
        display: none
    }
    .mform.full-width-labels .fitem.row .form-control {
        width: 100%
    }
    .mform .col-form-label .form-label-addon {
        margin-left: .25rem
    }
    @media (min-width:576px) {
        .mform:not(.full-width-labels) .col-form-label .form-label-addon {
            margin-left: auto
        }
    }
    @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: .375rem
    }
    [data-fieldtype="modgrade"] {
        background-color: #fff;
        border-radius: .5rem;
        border: 1px solid rgba(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: #141414;
        background-image: none;
        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: #1e1e1e;
        padding: 3rem;
        box-shadow: 0 .5rem 1rem rgba(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 #1e1e1e
    }
    .login-container .divider {
        width: 1px;
        background-color: #dee2e6;
        height: 1.875rem
    }
    .login-container .action-menu-trigger a {
        margin: .5rem 0
    }
    @media (min-width:768px) {
        .login-container {
            max-width: 600px;
            border-radius: .5rem
        }
    }
    select {
        width: auto
    }
    .path-mod .activity-header:not(:empty) {
        background-color: #222;
        margin-bottom: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .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;
        padding-bottom: 0!important
    }
    .path-mod .activity-description > .box.py-3:empty {
        display: none
    }
    .path-mod .automatic-completion-conditions .badge {
        font-size: 80%;
        padding: .5rem;
        margin-top: .25rem;
        mix-blend-mode: multiply
    }
    .path-mod .automatic-completion-conditions .badge.badge-light {
        background-color: #e9ecef!important
    }
    .path-mod .automatic-completion-conditions .badge .icon {
        width: .7rem;
        height: .7rem;
        font-size: .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: .5em;
        padding-right: .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: .5em;
        padding-right: .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: 700
    }
    .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
    }
    @keyframes background-highlight {
        from {
            background-color: rgba(0, 123, 255, .5)
        }
        to {
            background-color: inherit
        }
    }
    .path-mod-forum .nested-v2-display-mode .discussionsubscription,
    .path-mod-forum.nested-v2-display-mode .discussionsubscription {
        margin-top: 0;
        text-align: inherit;
        margin-bottom: 0
    }
    .path-mod-forum .nested-v2-display-mode .preload-subscribe,
    .path-mod-forum .nested-v2-display-mode .preload-unsubscribe,
    .path-mod-forum.nested-v2-display-mode .preload-subscribe,
    .path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
        display: none
    }
    .path-mod-forum .nested-v2-display-mode .post-message,
    .path-mod-forum.nested-v2-display-mode .post-message {
        line-height: 1.6
    }
    .path-mod-forum .nested-v2-display-mode .indent,
    .path-mod-forum.nested-v2-display-mode .indent {
        margin-left: 0
    }
    .path-mod-forum .nested-v2-display-mode .badge,
    .path-mod-forum.nested-v2-display-mode .badge {
        font-size: inherit;
        font-weight: inherit;
        padding-left: .5rem;
        padding-right: .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: .25em .5em;
        line-height: 1;
        margin-right: .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: .25em 1.75rem .25em .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: .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
    }
    .path-mod-forum .nested-v2-display-mode .author-header,
    .path-mod-forum.nested-v2-display-mode .author-header {
        font-style: italic
    }
    .path-mod-forum .nested-v2-display-mode .author-header .author-name,
    .path-mod-forum.nested-v2-display-mode .author-header .author-name {
        font-style: normal
    }
    .path-mod-forum .nested-v2-display-mode .tag_list > b,
    .path-mod-forum.nested-v2-display-mode .tag_list > b {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0
    }
    .path-mod-forum .nested-v2-display-mode :target > .focus-target,
    .path-mod-forum.nested-v2-display-mode :target > .focus-target {
        animation-name: background-highlight;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
        border-top: 1px solid #dee2e6;
        padding-top: 1.5rem
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
        border-top: none;
        padding-top: 0
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
        display: none
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
        margin-bottom: 0
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
        width: 70px;
        margin-right: 24px;
        flex-shrink: 0
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
        border: 0;
        resize: none
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
        padding-left: 94px
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
        width: 30px;
        margin-right: 8px;
        padding-top: 3px
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
        padding-left: 38px
    }
    .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,
    .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
        padding-left: 0
    }
    @media (max-width:767.98px) {
        #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
            width: 30px;
            margin-right: 8px
        }
        #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
            padding-left: 38px
        }
        #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
            padding-left: 0
        }
        #page-mod-forum-discuss.nested-v2-display-mode .group-image {
            width: 30px;
            height: 30px
        }
    }
    .filter-scrollable {
        overflow-y: auto;
        max-height: 25em;
        margin-bottom: 1em
    }
    .filter-dates-popover {
        width: 100%;
        max-width: 41.5em
    }
    @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: .5rem;
            padding-bottom: .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: .5rem;
            padding-bottom: .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
    }
    .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: .5rem;
        padding-right: calc(36px + 0.5rem);
        opacity: 1;
        visibility: visible;
        transition: left 0.3s ease-in-out;
        z-index: 1
    }
    .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
        animation-name: expandSearchButton;
        animation-duration: 0.3s;
        animation-timing-function: ease-in-out
    }
    .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
        display: block;
        animation-name: collapseSearchButton;
        animation-duration: 0.3s
    }
    .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
        overflow: hidden;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 2;
        width: 100%;
        height: 100%!important;
        padding: .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: .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: .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
    }
    .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: .3
    }
    .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header {
        margin-bottom: 0!important
    }
    .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div {
        opacity: 0;
        visibility: hidden;
        max-height: 0
    }
    .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container {
        opacity: 0;
        visibility: hidden;
        max-height: 0
    }
    .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core {
        opacity: 0;
        visibility: hidden;
        max-height: 0
    }
    .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content,
    .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content {
        opacity: 1
    }
    .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon {
        height: 250px;
        width: 250px;
        margin-right: 0
    }
    .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button {
        padding-left: 94px
    }
    .path-mod-forum .unified-grader .no-search-results-container .icon {
        height: 250px;
        width: 250px;
        margin-right: 0
    }
    .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button {
        margin-left: 94px;
        border-radius: .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
    }
    .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
    }
    .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: .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, .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: .5rem;
        height: 35px
    }
    .userloggedinas .usermenu .usertext .meta,
    .userswitchedrole .usermenu .usertext .meta,
    .loginfailures .usermenu .usertext .meta {
        font-size: .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: .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: 400;
        margin-right: .25rem
    }
    .userinitials.size-16,
    .userinitials.size-30 {
        font-size: .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: .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: 400;
        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/theme/1696728972/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/theme/1696728972/mod/quiz/warningtriangle)
    }
    .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
        background-image: url(/theme/image.php/boost/theme/1696728972/mod/quiz/checkmark);
        background-color: #357a32
    }
    .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
        background-image: url(/theme/image.php/boost/core/1696728972/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/theme/1696728972/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 .4em
    }
    #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: .5rem;
        border: 1px solid rgba(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, .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
    }
    .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: .75rem 1.25rem;
        margin-bottom: 1rem;
        border: 0 solid transparent;
        border-radius: .5rem;
        color: #00434e;
        background-color: #cce6ea;
        border-color: #b8dce2
    }
    .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
    }
    .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
    }
    .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: .8203125rem;
        color: #495057
    }
    .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
        margin-bottom: .75rem;
        border-radius: .5rem;
        border: 1px solid rgba(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: 700
    }
    #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 .grouped_settings {
        clear: both;
        overflow: hidden
    }
    .path-backup .mform .grouped_settings.section_level {
        background-color: #fff;
        border-radius: .5rem;
        border: 1px solid rgba(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: .3rem
    }
    .path-backup .mform .normal_setting {
        width: 50%;
        display: inline-block;
        float: left;
        padding: .3rem
    }
    .path-backup .section_level {
        font-weight: 700
    }
    .path-backup .section_level .activity_level {
        font-weight: 400
    }
    .path-backup .proceedbutton {
        margin-left: auto
    }
    .path-backup .mform .root_setting:nth-of-type(odd),
    .path-backup .mform .grouped_settings:nth-of-type(odd) {
        background-color: rgba(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 .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
    }
    .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
    }
    .path-backup .backup-section {
        background-color: #fff;
        border-radius: .5rem;
        border: 1px solid rgba(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: 700
    }
    .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: 700;
        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 #000;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
        position: relative;
        min-height: 4px
    }
    .path-backup .wibbler .wibble {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 4px
    }
    .path-backup .wibbler .state0 {
        background: #eee
    }
    .path-backup .wibbler .state1 {
        background: #ddd
    }
    .path-backup .wibbler .state2 {
        background: #ccc
    }
    .path-backup .wibbler .state3 {
        background: #bbb
    }
    .path-backup .wibbler .state4 {
        background: #aaa
    }
    .path-backup .wibbler .state5 {
        background: #999
    }
    .path-backup .wibbler .state6 {
        background: #888
    }
    .path-backup .wibbler .state7 {
        background: #777
    }
    .path-backup .wibbler .state8 {
        background: #666
    }
    .path-backup .wibbler .state9 {
        background: #555
    }
    .path-backup .wibbler .state10 {
        background: #444
    }
    .path-backup .wibbler .state11 {
        background: #333
    }
    .path-backup .wibbler .state12 {
        background: #222
    }
    .generaltable {
        width: 100%;
        margin-bottom: 1rem;
        color: #fff
    }
    .generaltable th,
    .generaltable td {
        padding: .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, .03)
    }
    .generaltable.table-sm th,
    .generaltable.table-sm td {
        padding: .3rem
    }
    .generaltable tbody tr:hover {
        color: #1d2125;
        background-color: rgba(0, 0, 0, .075)
    }
    .generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
        color: #1d2125
    }
    table caption {
        font-size: 24px;
        font-weight: 700;
        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: .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;
        width: 20px!important;
        font-size: 0!important;
        line-height: 0!important
    }
    .btn.btn-icon.icon-size-1 {
        height: 24px!important;
        width: 24px!important;
        font-size: 4px!important;
        line-height: 4px!important
    }
    .btn.btn-icon.icon-size-2 {
        height: 28px!important;
        width: 28px!important;
        font-size: 8px!important;
        line-height: 8px!important
    }
    .btn.btn-icon.icon-size-3 {
        height: 36px!important;
        width: 36px!important;
        font-size: 16px!important;
        line-height: 16px!important
    }
    .btn.btn-icon.icon-size-4 {
        height: 44px!important;
        width: 44px!important;
        font-size: 24px!important;
        line-height: 24px!important
    }
    .btn.btn-icon.icon-size-5 {
        height: 52px!important;
        width: 52px!important;
        font-size: 32px!important;
        line-height: 32px!important
    }
    .btn.btn-icon.icon-size-6 {
        height: 60px!important;
        width: 60px!important;
        font-size: 40px!important;
        line-height: 40px!important
    }
    .btn.btn-icon.icon-size-7 {
        height: 68px!important;
        width: 68px!important;
        font-size: 48px!important;
        line-height: 48px!important
    }
    .btn-primary:focus,
    .btn-primary.focus {
        outline: .2rem solid #000102;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-secondary:focus,
    .btn-secondary.focus {
        outline: .2rem solid #5f6e7d;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-success:focus,
    .btn-success.focus {
        outline: .2rem solid #000;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-info:focus,
    .btn-info.focus {
        outline: .2rem solid #000;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-warning:focus,
    .btn-warning.focus {
        outline: .2rem solid #694109;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-danger:focus,
    .btn-danger.focus {
        outline: .2rem solid #1a0604;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-light:focus,
    .btn-light.focus {
        outline: .2rem solid #8193a5;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-dark:focus,
    .btn-dark.focus {
        outline: .2rem solid #000;
        box-shadow: inset 0 0 0 2px #fff
    }
    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
        outline: .2rem solid #000102;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .btn-outline-secondary:focus,
    .btn-outline-secondary.focus {
        outline: .2rem solid #5f6e7d;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .btn-outline-success:focus,
    .btn-outline-success.focus {
        outline: .2rem solid #000;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .btn-outline-info:focus,
    .btn-outline-info.focus {
        outline: .2rem solid #000;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .btn-outline-warning:focus,
    .btn-outline-warning.focus {
        outline: .2rem solid #694109;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .btn-outline-danger:focus,
    .btn-outline-danger.focus {
        outline: .2rem solid #1a0604;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .btn-outline-light:focus,
    .btn-outline-light.focus {
        outline: .2rem solid #8193a5;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .btn-outline-dark:focus,
    .btn-outline-dark.focus {
        outline: .2rem solid #000;
        box-shadow: inset 0 0 0 2px #343a40
    }
    .gradetreebox h4 {
        font-size: .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: .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: .5em;
        padding: 1em;
        border: 1px solid #aaa
    }
    #page-grade-grading-manage .actions .action .action-text {
        position: relative;
        top: .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: 700;
        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/core/1696728972/t/add) no-repeat 7px 8px;
        padding-left: 26px
    }
    .gradingform_rubric .options {
        clear: both
    }
    .gradingform_rubric .options .option label {
        margin: 0;
        padding: 0;
        font-size: inherit;
        font-weight: 400;
        line-height: 2em;
        color: inherit;
        text-shadow: none;
        background-color: transparent
    }
    .gradingform_rubric .options .option input {
        margin-left: 5px;
        margin-right: 12px
    }
    .grade-display .description {
        font-size: 1rem
    }
    .criterion .description {
        font-size: 1rem
    }
    .criterion .criterion-toggle .expanded-icon {
        display: block
    }
    .criterion .criterion-toggle .collapsed-icon {
        display: none
    }
    .criterion .criterion-toggle.collapsed .expanded-icon {
        display: none
    }
    .criterion .criterion-toggle.collapsed .collapsed-icon {
        display: block
    }
    .path-grade-edit-tree .setup-grades h4 {
        margin: 0
    }
    .path-grade-edit-tree .setup-grades .column-rowspan {
        padding: 0;
        width: 24px;
        min-width: 24px;
        max-width: 24px
    }
    .path-grade-edit-tree .setup-grades .category td.column-name {
        padding-left: 0
    }
    .path-grade-edit-tree .setup-grades td.column-name {
        padding-left: 24px
    }
    .path-grade-edit-tree .setup-grades td.movehere {
        padding: 0
    }
    .path-grade-edit-tree .setup-grades td.movehere a.movehere {
        display: block;
        width: 100%;
        height: 2rem;
        border: 2px dashed #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: 700
    }
    .path-grade-edit-tree .setup-grades .emptyrow {
        display: none
    }
    .path-grade-edit-tree .setup-grades .gradeitemdescription {
        font-weight: 400;
        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, .03)
    }
    .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
    }
    .path-grade-report-user .user-grade {
        border: none
    }
    .path-grade-report-user .user-grade.generaltable .levelodd {
        background-color: rgba(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 {
        direction: ltr
    }
    .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: .5rem;
        float: right
    }
    .path-grade-report-singleview .reporttable .dropdown-toggle::after {
        display: none
    }
    .search-widget .dropdown-menu {
        padding: .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
        }
    }
    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
    }
    li.section.hidden,
    .block.hidden,
    .block.invisible {
        visibility: visible;
        display: block
    }
    .forumpost .row {
        margin-left: 0!important
    }
    .forumpost .row:before,
    .forumpost .row:after {
        content: none
    }
    fieldset.hidden {
        display: inherit;
        visibility: inherit
    }
    #questionbank + .container {
        width: auto
    }
    body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: -6px
    }
    body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
    .langmenu.open > .dropdown-menu {
        display: block;
        max-height: 150px;
        overflow-y: auto
    }
    .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
    }
    .bs-popover-right .arrow,
    .bs-popover-auto[x-placement^="right"] .arrow {
        left: -9px
    }
    .bs-popover-left .arrow,
    .bs-popover-auto[x-placement^="left"] .arrow {
        right: -9px
    }
    .bs-popover-top .arrow,
    .bs-popover-auto[x-placement^="top"] .arrow {
        bottom: -9px
    }
    .bs-popover-bottom .arrow,
    .bs-popover-auto[x-placement^="bottom"] .arrow {
        top: -9px
    }
    .custom-select {
        word-wrap: normal
    }
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translateX(0)
    }
    .carousel-item-next,
    .active.carousel-item-right {
        transform: translateX(100%)
    }
    .carousel-item-prev,
    .active.carousel-item-left {
        transform: translateX(-100%)
    }
    body.reset-style #page-header .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;
        padding-bottom: 0!important
    }
    body.reset-style #page-content {
        padding-bottom: 0!important
    }
    body.reset-style #page-content #region-main-box #region-main {
        border: none;
        display: inline-flex;
        flex-direction: column;
        padding: 0;
        height: 100%;
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        vertical-align: top
    }
    body.reset-style #page-content #region-main-box #region-main div[role="main"] {
        flex: 1 0 auto
    }
    body.reset-style #page-content #region-main-box #region-main .activity-navigation {
        overflow: hidden
    }
    body.reset-style #page-content #region-main-box #region-main.has-blocks {
        width: calc(100% - 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: .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
    }
    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: .8em;
        vertical-align: baseline;
        color: #000;
        background-color: #ccc
    }
    .phpinfo .e {
        background-color: #ccf;
        font-weight: 700
    }
    .phpinfo .h {
        background-color: #99c;
        font-weight: 700
    }
    body > .debuggingmessage {
        margin-top: 60px
    }
    body > .debuggingmessage ~ .debuggingmessage {
        margin-top: .5rem
    }
    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, .15)
    }
    .hasstickyfooter .stickyfooter {
        bottom: 0
    }
    .stickyfooter ul.pagination {
        margin-bottom: .25rem
    }
    @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 #2f2f2f;
        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 #2f2f2f;
        position: absolute;
        bottom: -1px;
        right: 8px;
        z-index: 2
    }
    .count-container {
        padding: 2px;
        border-radius: 2px;
        background-color: #ca3120;
        color: #fff;
        font-size: 11px;
        line-height: 11px;
        position: absolute;
        top: 5px;
        right: 0
    }
    .popover-region-container {
        opacity: 1;
        visibility: visible;
        position: absolute;
        right: 0;
        top: 0;
        height: 500px;
        width: 380px;
        border: 1px solid #2f2f2f;
        border-radius: .25rem !important;
        transition: height 0.25s;
        background-color: #1e1e1e;
        z-index: 1
    }
    .popover-region-header-container {
        height: 25px;
        line-height: 25px;
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 1px solid #2f2f2f;
        box-sizing: border-box
    }
    .popover-region-footer-container {
        height: 30px;
        text-align: center;
        border-top: 1px solid #2f2f2f;
        background-color: #444;
        padding-top: 3px;
        border-bottom-left-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important;
    }
    .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: #fff;
        font-size: 11px;
        line-height: 11px;
        position: absolute;
        top: 15px;
        right: 0
    }
    .navbar .popover-region-container {
        top: 60px
    }
    .content-item-container {
        width: 100%;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
        padding: 5px;
        position: relative;
        margin: 0;
        display: block;
        color: inherit;
        text-decoration: none
    }
    .content-item-container:hover {
        color: #fff;
        background-color: #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
        }
    }
    div[data-flexitour="backdrop"] {
        background-color: #000;
        opacity: .5;
        z-index: 1040
    }
    div[data-flexitour="step-background-fader"],
    div[data-flexitour="step-background"] {
        border-radius: .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 {
        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, .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, .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, .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, .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
    }
    [data-region="drawer"] [data-flexitour="container"] {
        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%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .modal .close {
        margin: -.8rem -.8rem -.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: #333 #1e1e1e
    }
    #page.drawers::-webkit-scrollbar {
        width: 12px
    }
    #page.drawers::-webkit-scrollbar-track {
        background: #1e1e1e
    }
    #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: .5rem;
        background-color: #1e1e1e;
        padding: 1.5rem .5rem;
        margin-top: .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: .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: .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: #1e1e1e;
        box-shadow: 0 .125rem .25rem rgba(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 .2rem rgba(15, 108, 191, .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: .7rem
        }
    }
    @media (min-width:768px) {
        #page.drawers {
            padding-left: 3rem;
            padding-right: 3rem
        }
        #page.drawers .main-inner {
            padding: 1.5rem .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;
        -ms-user-select: none
    }
    .user-select-auto {
        -webkit-user-select: auto!important;
        -ms-user-select: none
    }
    .user-select-none {
        -webkit-user-select: none!important;
        -ms-user-select: none
    }
    .editor_atto_content_wrap {
        background-color: #fff;
        color: #333
    }
    .editor_atto_content {
        padding: 4px;
        resize: vertical;
        overflow: auto
    }
    .editor_atto_content_wrap,
    .editor_atto + textarea {
        width: 100%;
        padding: 0
    }
    .editor_atto + textarea {
        border-radius: 0;
        resize: vertical;
        margin-top: -1px
    }
    div.editor_atto_toolbar {
        display: block;
        background: #f2f2f2;
        min-height: 35px;
        border: 1px solid #8f959e;
        width: 100%;
        padding: 0 0 9px 0;
        border-top-left-radius: .5rem;
        border-top-right-radius: .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: .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
    }
    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 {
        white-space: nowrap
    }
    .atto_menuentry .icon {
        width: 16px;
        height: 16px
    }
    .atto_menuentry {
        clear: left
    }
    .atto_menuentry h1,
    .atto_menuentry h2,
    .atto_menuentry p {
        margin: 4px
    }
    .atto_form textarea.fullwidth,
    .atto_form input.fullwidth {
        width: 100%
    }
    .atto_form {
        padding: .5rem
    }
    .atto_control {
        position: absolute;
        right: -6px;
        bottom: -6px;
        display: none;
        cursor: pointer
    }
    .atto_control .icon {
        background-color: #fff
    }
    div.editor_atto_content:focus .atto_control,
    div.editor_atto_content:hover .atto_control {
        display: block
    }
    .editor_atto_menu.yui3-menu-hidden {
        display: none
    }
    .editor_atto_content img:-moz-broken {
        -moz-force-broken-image-icon: 1;
        min-width: 24px;
        min-height: 24px
    }
    .moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
        padding: 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
    }
    .editor_atto_wrap textarea {
        direction: ltr
    }
    .editor_atto_notification .atto_info,
    .editor_atto_notification .atto_warning {
        display: inline-block;
        background-color: #f2f2f2;
        padding: .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: gold
    }
    .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
    }
    .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: .25rem;
        font-size: .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: .25rem .5rem;
        margin-top: .1rem;
        font-size: .8203125rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(202, 49, 32, .9);
        border-radius: .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 .2rem rgba(202, 49, 32, .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 .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 .2rem rgba(202, 49, 32, .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 .2rem rgba(202, 49, 32, .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 .2rem rgba(202, 49, 32, .25)
    }
    .open.atto_menu > .dropdown-menu {
        display: block
    }
    div.editor_atto_toolbar button .icon {
        color: #495057
    }
    .toast {
        border-radius: .25rem
    }
    .toast.toast-success {
        background-color: rgba(215, 228, 214, .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, .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, .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, .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: #1e1e1e 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: #2f2f2f
    }
    .navbar.fixed-top #usernavigation .nav-link {
        padding: 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: .25rem 1.75rem .25rem .75rem
    }
    .navbar.fixed-top .usermenu .dropdown-menu .dropdown-item.carousel-navigation-link::after {
        font-family: FontAwesome;
        content: "";
        font-size: 1rem;
        right: .75rem;
        position: absolute
    }
    .navbar.fixed-top .usermenu .dropdown-menu .submenu .header {
        padding: .25rem .75rem;
        font-size: .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: .75rem;
        padding-left: .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: .75rem;
        padding-left: .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 .action-menu .menubar {
        justify-content: end
    }
    .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
    }
    .reportbuilder-report-container {
        min-width: 0
    }
    .reportbuilder-report-container button[data-action="toggle-edit-preview"] .loading-icon {
        margin-left: .5rem
    }
    .reportbuilder-editor-table-container {
        overflow-x: auto
    }
    .reportbuilder-table th button[data-action="report-remove-column"] .icon,
    .reportbuilder-table th span[data-drag-type="move"] .icon {
        width: 12px;
        height: 12px;
        font-size: 12px;
        vertical-align: text-top;
        color: #1d2125
    }
    .reportbuilder-table th button[data-action="report-remove-column"] .icon {
        margin-right: 0
    }
    @media (min-width:992px) {
        .reportbuilder-sidebar-menu {
            width: 250px;
            flex-shrink: 0
        }
    }
    .reportbuilder-sidebar-menu .card-body .list-group-item {
        padding: .75rem
    }
    .reportbuilder-sidebar-menu .card-body .list-group-item .icon {
        width: 12px;
        height: 12px;
        font-size: 12px
    }
    .reportbuilder-sidebar-menu-cards {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #6a737b #f8f9fa
    }
    .reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
        width: 12px
    }
    .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
        background: #f8f9fa
    }
    .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
        background-color: #6a737b;
        border-radius: 20px;
        border: 3px solid #f8f9fa
    }
    .reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
        background-color: #495057
    }
    .reportbuilder-sidebar-settings {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #6a737b #f8f9fa
    }
    .reportbuilder-sidebar-settings::-webkit-scrollbar {
        width: 12px
    }
    .reportbuilder-sidebar-settings::-webkit-scrollbar-track {
        background: #f8f9fa
    }
    .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
        background-color: #6a737b;
        border-radius: 20px;
        border: 3px solid #f8f9fa
    }
    .reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
        background-color: #495057
    }
    @media (min-width:992px) {
        .reportbuilder-sidebar-settings {
            width: 350px;
            flex-shrink: 0
        }
    }
    .reportbuilder-sidebar-settings .list-group-item {
        padding: .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%
    }
    .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
    }
    .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: .85
    }
    @media (min-width:992px) {
        .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
            position: fixed
        }
        .path-admin-reportbuilder.pagelayout-popup #region-main {
            border: none;
            padding: 0
        }
        .path-admin-reportbuilder.pagelayout-popup #maincontent {
            visibility: hidden
        }
        .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
            position: fixed;
            z-index: 1030;
            width: calc(100% - 35px);
            padding-top: 1.25rem;
            background-color: #fff;
            box-shadow: 0 1.25rem 0 #fff
        }
        .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
            padding-top: 83px
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
            position: fixed
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
            max-height: calc(100vh - 163px - 52px)
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
            position: fixed;
            right: 30px;
            max-height: calc(100vh - 163px)
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
            max-height: calc(100vh - 163px);
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: #6a737b #f8f9fa;
            margin-left: calc(250px + 1rem);
            margin-right: calc(350px + 1rem)
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
            width: 12px
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
            background: #f8f9fa
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
            background-color: #6a737b;
            border-radius: 20px;
            border: 3px solid #f8f9fa
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
            background-color: #495057
        }
        .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
            margin-left: calc(250px + 1rem)
        }
    }
    #page-admin-reportbuilder-edit #page {
        overflow-y: auto
    }
    .reportbuilder-toggle-card .card-header {
        border-bottom: none
    }
    .reportbuilder-toggle-card .card-body {
        border-top: 1px solid rgba(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
    }
    .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, .125)
    }
    .reportbuilder-audiences-container .audience-separator:not(:empty)::before {
        margin-right: 1rem
    }
    .reportbuilder-audiences-container .audience-separator:not(:empty)::after {
        margin-left: 1rem
    }
    .reportbuilder-audiences-container .instance-card .card-header i.icon {
        margin-right: 0
    }
    @media (max-width: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: .5rem 0;
            padding: .25rem .5rem 0 .5rem;
            background-color: #fff!important;
            word-wrap: break-word;
            background-clip: border-box;
            border: 1px solid rgba(0, 0, 0, .125);
            border-radius: .5rem
        }
        .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:hover {
            background-color: #fff!important
        }
        .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr.emptyrow {
            display: none
        }
        .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
            display: none
        }
        .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td {
            display: block;
            min-height: 3.6rem;
            padding: .5rem .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, .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;
            position: absolute;
            right: 10px
        }
        .reportbuilder-report[data-report-type="0"]:not([data-editing]) table.reportbuilder-table tr td.card-toggle button {
            padding: 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: 700
        }
    }
    .courseindex .courseindex-item {
        padding: .5rem .5rem;
        border: 1px solid transparent;
        border-radius: .5rem
    }
    .courseindex .courseindex-item.courseindex-section-title a {
        font-weight: 700
    }
    .courseindex .courseindex-item .icons-collapse-expand {
        padding-right: 4px
    }
    .courseindex .courseindex-item .courseindex-link,
    .courseindex .courseindex-item .courseindex-chevron {
        color: #ffff
    }
    .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: #f1f1f1;
        text-decoration: none
    }
    .courseindex .courseindex-item:hover,
    .courseindex .courseindex-item:focus {
        color: #f1f1f1
    }
    .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: #f1f1f1;
        cursor: pointer
    }
    .courseindex .courseindex-item:hover.dimmed,
    .courseindex .courseindex-item:focus.dimmed {
        color: #f1f1f1
    }
    .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: #f1f1f1
    }
    .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 {
        padding-bottom: 1em
    }
    .courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
        padding-left: .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: .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: #2a2a2a
    }
    .moremenu .nav-link.active {
        background-color: #f8f9fa;
        border-color: transparent;
        border-bottom-color: #208ae8
    }
    .moremenu .nav-link.active:focus,
    .moremenu .nav-link.active:hover {
        background-color: #2a2a2a;
        border-bottom-color: #208ae8
    }
    .moremenu .nav-link.focus,
    .moremenu .nav-link:focus {
        position: relative
    }
    .moremenu .nav-link[data-toggle="tab"] {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .moremenu .nav-link[data-toggle="tab"]::after {
        content: attr(data-text) / "";
        height: 0;
        visibility: hidden;
        overflow: hidden;
        user-select: none;
        pointer-events: none;
        font-weight: 700
    }
    @media speech {
        .moremenu .nav-link[data-toggle="tab"]::after {
            display: none
        }
    }
    .moremenu .nav-tabs {
        margin-left: 0;
        background-color: #1e1e1e
    }
    .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: #f0f0f0;
        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 #2f2f2f;
        background-color: #1e1e1e;
        margin: 0 -.5rem;
        padding: 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: -.5rem;
            margin-right: -.5rem
        }
    }
    .tertiary-navigation.full-width-bottom-border .row {
        margin: 0;
        padding-left: .5rem;
        padding-right: .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: 700
    }
    .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, .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 .2rem rgba(106, 115, 123, .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 .2rem rgba(106, 115, 123, .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 .2rem rgba(31, 126, 154, .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 .2rem rgba(31, 126, 154, .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 .2rem rgba(166, 103, 14, .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 .2rem rgba(166, 103, 14, .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
    }

    .yui3-skin-sam .yui3-calendar-content {
        background: #333;
        border: #2a2a2a;
        color: #fff
    }

    .yui3-skin-sam .yui3-calendar-day,
    .yui3-skin-sam .yui3-calendar-prevmonth-day,
    .yui3-skin-sam .yui3-calendar-nextmonth-day {
        background: #333;
        border: #1e1e1e
    }
    .yui3-skin-sam .yui3-calendar-day {
        border-radius: .25rem
    }
    .yui3-skin-sam .yui3-calendarnav-nextmonth {
        border-left-color: #fff
    }

    .yui3-skin-sam .yui3-calendarnav-prevmonth {
        border-right-color: #fff
    }
}