@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.ai-drawer {
    position: fixed;
    top: 60px;
    bottom: 0;
    right: calc(-315px + -10px);
    width: 315px;
    background-color: #f8f9fa;
    z-index: 1016;
    transition: right 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease,transform 0.5s ease;
    visibility: hidden
}

.ai-drawer.show {
    right: 0;
    visibility: visible
}

.ai-drawer-header {
    padding: 0;
    height: 60px;
    display: flex;
    align-items: center
}

.ai-drawer-header .ai-drawer-button {
    margin-left: auto;
    margin-right: 5px
}

.ai-drawer-body {
    position: relative;
    height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: .4rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa
}

.course-assist-response-content {
    font-size: .875em
}

#ai-features .icon {
    min-width: 16px
}

.course-assist-response-header .icon {
    width: 30px;
    height: 30px
}

.course-assist-controls .icon,.ai-course-assist-sparkles-icon .icon {
    margin-right: 0
}

.course-assist-controls .ai-action {
    color: unset
}

.course-assist-controls .ai-action .ai-course-assist-sparkles-icon,.course-assist-controls .ai-action:not([disabled]):hover .ai-course-assist-sparkles-icon.white,.course-assist-controls.show .ai-action:not([disabled]) .ai-course-assist-sparkles-icon.white {
    display: inline-block
}

.course-assist-controls .ai-action .ai-course-assist-sparkles-icon.white,.course-assist-controls .ai-action:not([disabled]):hover .ai-course-assist-sparkles-icon,.course-assist-controls.show .ai-action:not([disabled]) .ai-course-assist-sparkles-icon {
    display: none
}

.que.calculated .answer {
    padding: .3em;
    display: inline
}

.que.calculated .answer input[type="text"] {
    width: 30%
}

#page-question-type-calculated input[name^="answer"],#page-question-type-calculated input[name^="unit"],#page-question-type-calculated input[name^="multiplier"],#page-question-type-calculated input[name^="calcmax"],#page-question-type-calculated input[name^="calcmin"],#page-question-type-calculated input[name^="number"],#page-question-type-calculated input[name^="tolerance"] {
    direction: ltr;
    text-align: left
}

body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=answer_] {
    background: #eee;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-bottom: 0
}

body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label,body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=answer_] .fgrouplabel label {
    font-weight: 700
}

body#page-question-type-calculated div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_] label[for^='id_tolerance_'],body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_'],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_'] {
    position: absolute;
    left: -10000px;
    font-weight: 400;
    font-size: 1em
}

body#page-question-type-calculated div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculated div[id^=fgroup_id_][id*=answerdisplay_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=fraction_],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculatedmulti div[id^=fgroup_id_][id*=answerdisplay_] {
    background: #eee;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0
}

body#page-question-type-calculated div[id^=fitem_id_][id*=feedback_],body#page-question-type-calculatedmulti div[id^=fitem_id_][id*=feedback_] {
    background: #eee;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0
}

div[id^="fgroup_id_answeroptions_"].mb-3,div[id^="fgroup_id_answertolerance_"].mb-3,div[id^="fgroup_id_answerdisplay_"].mb-3 {
    margin-bottom: 0!important
}

.que.calculatedmulti .answer .specificfeedback {
    display: inline;
    padding: 0 .7em;
    background: #fff3bf
}

.que.calculatedmulti .answer .specificfeedback * {
    display: inline;
    background: #fff3bf
}

.que.calculatedmulti .answer .specificfeedback script {
    display: none
}

.que.calculatedmulti .answer div.r0,.que.calculatedmulti .answer div.r1 {
    display: flex;
    margin: .25rem 0;
    align-items: flex-start
}

.que.calculatedmulti .answer div.r0 input,.que.calculatedmulti .answer div.r1 input {
    margin: .3rem .5rem;
    width: 14px;
    flex-shrink: 0
}

.que.calculatedsimple .answer {
    padding: .3em;
    display: inline
}

.que.calculatedsimple .answer input[type="text"] {
    width: 30%
}

body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_] {
    background: #eee;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-bottom: 0
}

body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label {
    font-weight: 700
}

body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answertolerance_] label[for^='id_tolerance_'],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answerdisplay_] label[for^='id_correctanswerlength_'] {
    position: absolute;
    left: -10000px;
    font-weight: 400;
    font-size: 1em
}

body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answertolerance_],body#page-question-type-calculatedsimple div[id^=fgroup_id_][id*=answerdisplay_] {
    background: #eee;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0
}

body#page-question-type-calculatedsimple div[id^=fitem_id_][id*=feedback_] {
    background: #eee;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0
}

.que.ddimageortext .qtext {
    margin-bottom: .5em;
    display: block
}

.que.ddimageortext div.ddarea,form.mform fieldset#id_previewareaheader div.ddarea {
    text-align: center
}

.que.ddimageortext div.droparea,form.mform fieldset#id_previewareaheader div.ddarea {
    position: relative
}

.que.ddimageortext div.droparea {
    display: inline-block
}

.que.ddimageortext div.droparea .draghome {
    position: absolute;
    cursor: move;
    white-space: nowrap
}

.que.ddimageortext div.droparea .dropzones {
    position: absolute;
    top: 0;
    left: 0
}

.que.ddimageortext .dropbackground,form.mform fieldset#id_previewareaheader .dropbackground {
    border: 1px solid #000;
    margin: 0 auto
}

form.mform fieldset#id_previewareaheader .dropbackground {
    max-width: none
}

.que.ddimageortext .dropzone {
    display: none;
    position: absolute;
    opacity: .5;
    border: 1px solid #000
}

.que.ddimageortext .dropzone.active {
    display: block
}

.que.ddimageortext .dropzone:focus,.que.ddimageortext .droparea .draghome:focus,.que.ddimageortext .dropzone.valid-drag-over-drop,.que.ddimageortext .draghome.placed.valid-drag-over-drop {
    border-color: #0a0;
    box-shadow: 0 0 5px 5px rgb(255 255 150);
    outline: 0
}

.que.ddimageortext .draghome,.que.ddimageortext .drag,form.mform fieldset#id_previewareaheader .droppreview {
    border: 1px solid #000;
    display: inline-block;
    font: 13px/1.231 arial,helvetica,clean,sans-serif
}

.que.ddimageortext .draghomes .draghome {
    vertical-align: top;
    margin: 5px;
    height: auto;
    width: auto;
    cursor: move
}

.que.ddimageortext .draghomes.readonly .draghome,.que.ddimageortext .droparea.readonly .draghome {
    cursor: auto
}

.que.ddimageortext .draghomes .draghome.dragplaceholder {
    display: none
}

.que.ddimageortext .MathJax_Display,.que.ddimageortext .MathJax_SVG {
    margin: 0
}

.que.ddimageortext .draghomes .draghome.dragplaceholder.active {
    visibility: hidden;
    display: inline-block
}

.que.ddimageortext .dragitems,form.mform fieldset#id_previewareaheader .dragitems {
    height: 0
}

.que.ddimageortext .drag,form.mform fieldset#id_previewareaheader .droppreview {
    position: absolute;
    cursor: move;
    white-space: nowrap
}

.que.ddimageortext .dragitems.readonly .drag {
    cursor: auto
}

form.mform fieldset#id_previewareaheader .drag.beingdragged,.que.ddimageortext .drag.beingdragged,.que.ddimageortext .draghomes .draghome.beingdragged,.que.ddimageortext .droparea .draghome.beingdragged {
    box-shadow: 3px 3px 4px #000
}

.que.ddimageortext .draghomes .draghome.beingdragged,.que.ddimageortext .droparea .draghome.beingdragged {
    position: absolute
}

.que.ddimageortext .group1,form.mform fieldset#id_previewareaheader .group1 {
    background-color: #fff
}

.que.ddimageortext .transparent .dropzones>img {
    border: none
}

.que.ddimageortext .transparent .dropzones>img:hover {
    border: 1px solid #000
}

.que.ddimageortext .transparent img:not(.dropbackground):hover,.que.ddimageortext .droparea.transparent .dropzone,.que.ddimageortext .droparea.transparent .dropzone+img {
    background-color: #fff0
}

.que.ddimageortext .group2,form.mform fieldset#id_previewareaheader .group2 {
    background-color: #b0c4de;
    border-radius: 10px 0 0 0
}

.que.ddimageortext .group3,form.mform fieldset#id_previewareaheader .group3 {
    background-color: #dcdcdc;
    border-radius: 0 10px 0 0
}

.que.ddimageortext .group4,form.mform fieldset#id_previewareaheader .group4 {
    background-color: thistle;
    border-radius: 0 0 10px 0
}

.que.ddimageortext .group5,form.mform fieldset#id_previewareaheader .group5 {
    background-color: #87cefa;
    border-radius: 0 0 0 10px
}

.que.ddimageortext .group6,form.mform fieldset#id_previewareaheader .group6 {
    background-color: #daa520;
    border-radius: 0 10px 10px 0
}

.que.ddimageortext .group7,form.mform fieldset#id_previewareaheader .group7 {
    background-color: gold;
    border-radius: 10px 0 0 10px
}

.que.ddimageortext .group8,form.mform fieldset#id_previewareaheader .group8 {
    background-color: khaki;
    border-radius: 10px 10px 10px 10px
}

body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] {
    background: #eee;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-bottom: 0
}

body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] .fgrouplabel label {
    font-weight: 700
}

body#page-question-type-ddimageortext div[id^=fitem_id_][id*=dragitem_] {
    background: #eee;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0
}

body#page-question-type-ddimageortext div[id^=fitem_id_][id*=draglabel_] {
    background: #eee;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0
}

div[id^="fgroup_id_drags_"].mb-3,div[id^="fitem_id_dragitem_"].mb-3 {
    margin-bottom: 0!important
}

.que.ddmarker .qtext {
    margin-bottom: .5em;
    display: block
}

.que.ddmarker .droparea {
    display: inline-block;
    position: relative
}

.que.ddmarker .droparea .dropzones,.que.ddmarker .droparea .markertexts {
    position: absolute;
    top: 0;
    left: 0
}

.que.ddmarker .draghomes .marker,.que.ddmarker .droparea .marker {
    vertical-align: top;
    cursor: move
}

.que.ddmarker .draghomes.readonly .marker,.que.ddmarker .droparea.readonly .marker {
    cursor: auto
}

.que.ddmarker .droparea .marker {
    position: absolute
}

.que.ddmarker .draghomes .marker {
    position: relative;
    display: inline-block;
    margin: 10px
}

.que.ddmarker .draghomes .marker.dragplaceholder {
    display: none
}

.que.ddmarker .draghomes .marker.dragplaceholder.active {
    visibility: hidden;
    display: inline-block
}

.que.ddmarker div.ddarea,form.mform fieldset#id_previewareaheader div.ddarea {
    text-align: center
}

form.mform fieldset#id_previewareaheader div.ddarea .markertexts {
    min-height: 80px
}

.que.ddmarker .dropbackground,form.mform fieldset#id_previewareaheader .dropbackground {
    margin: 0 auto;
    border: 1px solid #000
}

form.mform fieldset#id_previewareaheader .dropbackground {
    max-width: none
}

.que.ddmarker div.dragitems div.draghome,.que.ddmarker div.dragitems div.dragitem,form.mform fieldset#id_previewareaheader div.draghome,form.mform fieldset#id_previewareaheader div.drag {
    font: 13px/1.231 arial,helvetica,clean,sans-serif
}

.que.ddmarker .droparea .marker span.markertext,.que.ddmarker .draghomes .marker span.markertext,.que.ddmarker div.markertexts span.markertext,form.mform fieldset#id_previewareaheader div.markertexts span.markertext {
    margin: 0 5px;
    z-index: 3;
    background-color: #fff;
    border: 2px solid #000;
    padding: 5px;
    display: inline-block;
    zoom:1;border-radius: 10px;
    color: #000;
    opacity: .6
}

.que.ddmarker .droparea .marker span.markertext,.que.ddmarker .draghomes .marker span.markertext {
    white-space: nowrap
}

.que.ddmarker div.markertexts span.markertext {
    z-index: 2;
    background-color: #ff0;
    border: 2px solid khaki;
    position: absolute;
    white-space: nowrap
}

.que.ddmarker span.wrongpart {
    background-color: #ff0;
    border: 2px solid khaki;
    padding: 5px;
    border-radius: 10px;
    opacity: .6;
    margin: 5px;
    display: inline-block
}

.que.ddmarker .droparea .marker img.target,.que.ddmarker .draghomes .marker img.target {
    position: absolute;
    left: -7px;
    top: -7px
}

.que.ddmarker div.dragitems div.draghome img.target {
    display: none
}

.que.ddmarker .marker.beingdragged {
    position: absolute
}

.que.ddmarker .marker.beingdragged span.markertext {
    z-index: 3;
    box-shadow: 3px 3px 4px #000
}

.que.ddmarker .dropzone .shape {
    fill: #fff;
    fill-opacity: .5;
    stroke: #000;
    stroke-width: 1
}

.que.ddmarker .dropzone.active .shape {
    stroke-width: 2
}

.que.ddmarker .dropzone.color0 .shape {
    fill: #fff
}

.que.ddmarker .dropzone.color1 .shape {
    fill: #b0c4de
}

.que.ddmarker .dropzone.color2 .shape {
    fill: #dcdcdc
}

.que.ddmarker .dropzone.color3 .shape {
    fill: thistle
}

.que.ddmarker .dropzone.color4 .shape {
    fill: #87cefa
}

.que.ddmarker .dropzone.color5 .shape {
    fill: #daa520
}

.que.ddmarker .dropzone.color6 .shape {
    fill: gold
}

.que.ddmarker .dropzone.color7 .shape {
    fill: khaki
}

.que.ddmarker .dropzone .shapeLabel {
    text-anchor: middle
}

.que.ddmarker .dropzone .handle {
    fill: #fff;
    fill-opacity: .1;
    stroke-width: 1;
    display: none;
    cursor: move
}

.que.ddmarker .dropzone .handle.move {
    stroke: #800
}

.que.ddmarker .dropzone .handle.edit {
    stroke: #008
}

.que.ddmarker .dropzone.active .handle {
    display: inherit
}

body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] {
    background: #eee;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-bottom: 0
}

body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] .fitemtitle {
    font-weight: 700
}

body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintoptions_],body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintshownumcorrect_] {
    background: #eee;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0
}

body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintclearwrong_] {
    background: #eee;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0
}

body#page-question-type-ddmarker #fitem_id_penalty {
    margin-bottom: 2em
}

.que.ddwtos .qtext {
    margin-bottom: .5em;
    display: block
}

.que.ddwtos .draghome {
    margin-bottom: 1em
}

.que.ddwtos .answertext {
    margin-bottom: .5em
}

.que.ddwtos .drop.active {
    display: inline-block;
    text-align: center;
    border: 1px solid #000;
    margin-bottom: 2px
}

.que.ddwtos .drop {
    display: none
}

.que.ddwtos .drags {
    height: 0
}

.que.ddwtos .draghome {
    display: inline-block;
    text-align: center;
    background: #fff0;
    border: 1px solid #000;
    cursor: move
}

.que.ddwtos.qtype_ddwtos-readonly .draghome {
    cursor: default
}

.que.ddwtos .draghome.beingdragged {
    z-index: 3;
    box-shadow: 3px 3px 4px #000;
    position: absolute
}

.que.ddwtos .draghome.dragplaceholder {
    display: none
}

.que.ddwtos .draghome.dragplaceholder.active {
    visibility: hidden;
    display: inline-block
}

.que.ddwtos .draghome.placed {
    margin-bottom: 2px
}

.que.ddwtos .drop:focus,.que.ddwtos .drop.valid-drag-over-drop,.que.ddwtos .draghome.placed:focus:not(.beingdragged),.que.ddwtos .draghome.placed.valid-drag-over-drop {
    border-color: #0a0;
    box-shadow: 0 0 5px 5px rgb(255 255 150)
}

.que.ddwtos span.incorrect {
    background-color: #faa
}

.que.ddwtos span.correct {
    background-color: #afa
}

.que.ddwtos .group1 {
    background-color: #fff
}

.que.ddwtos .group2 {
    background-color: #dcdcdc;
    border-radius: 10px 0 0 0
}

.que.ddwtos .group3 {
    background-color: #b0c4de;
    border-radius: 0 10px 0 0
}

.que.ddwtos .group4 {
    background-color: thistle;
    border-radius: 0 0 10px 0
}

.que.ddwtos .group5 {
    background-color: #87cefa;
    border-radius: 0 0 0 10px
}

.que.ddwtos .group6 {
    background-color: #daa520;
    border-radius: 0 10px 10px 0
}

.que.ddwtos .group7 {
    background-color: gold;
    border-radius: 10px 0 0 10px
}

.que.ddwtos .group8 {
    background-color: khaki;
    border-radius: 10px 10px 10px 10px
}

.que.ddwtos sub,.que.ddwtos sup {
    font-size: 80%;
    position: relative;
    vertical-align: baseline
}

.que.ddwtos sup {
    top: -.4em
}

.que.ddwtos sub {
    bottom: -.2em
}

.que.ddwtos .MathJax {
    margin: 0
}

.que.essay textarea.qtype_essay_response {
    width: 100%
}

.que.essay textarea.qtype_essay_response.qtype_essay_plain {
    white-space: pre-wrap;
    font: inherit
}

.que.essay textarea.qtype_essay_response.qtype_essay_monospaced {
    white-space: pre;
    font-family: Andale Mono,Monaco,Courier New,DejaVu Sans Mono,monospace
}

.que.essay .qtype_essay_response {
    min-height: 3em
}

.que.essay .qtype_essay_response.readonly {
    background-color: #fff
}

.que.essay div.qtype_essay_response textarea {
    width: 100%
}

.que.essay .ablock .filemanager .fp-restrictions {
    margin-top: 1em
}

.que.gapselect .qtext {
    line-height: 2em;
    margin-top: 1px;
    margin-bottom: .5em;
    display: block
}

.que.gapselect .answercontainer {
    line-height: 2em;
    margin-bottom: 1em;
    display: block
}

.que.gapselect .answertext {
    padding-bottom: .5em
}

.que.sddl .control {
    padding: .2em
}

body#page-question-type-match div[id^=fitem_id_][id*=subquestions_] {
    background: #eee;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-bottom: 0
}

body#page-question-type-match div[id^=fitem_id_][id*=subquestions_] .fitemtitle {
    font-weight: 700
}

body#page-question-type-match div[id^=fitem_id_][id*=subanswers_] {
    background: #eee;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0
}

div[id^="fitem_id_subquestions_"].mb-3 {
    margin-bottom: 0!important
}

.que.multianswer .feedbackspan {
    display: block;
    max-width: 70%;
    background: #fff3bf;
    padding: .5em;
    margin-top: 1em;
    box-shadow: .5em .5em 1em #000
}

body.ie6 .que.multianswer .feedbackspan,body.ie7 .que.multianswer .feedbackspan,body.ie8 .que.multianswer .feedbackspan,body.ie9 .que.multianswer .feedbackspan {
    width: 70%
}

.que.multianswer .answer .specificfeedback {
    display: inline;
    padding: 0 .7em;
    background: #fff3bf
}

.que.multianswer .answer .specificfeedback * {
    display: inline;
    background: #fff3bf
}

.que.multianswer .answer .specificfeedback script {
    display: none
}

.que.multianswer .answer div.r0,.que.multianswer .answer div.r1 {
    padding: .3em
}

.que.multianswer table.answer {
    margin-bottom: 0;
    width: 100%
}

.que.multichoice .answer div.r0,.que.multichoice .answer div.r1 {
    display: flex;
    margin: .25rem 0;
    align-items: flex-start
}

.que.multichoice .answer div.r0 input,.que.multichoice .answer div.r1 input {
    margin: .3rem .5rem;
    width: 14px;
    flex-shrink: 0
}

.que.multichoice .answer .answernumber {
    min-width: 1.5em
}

.que.multichoice .answer .specificfeedback {
    display: inline;
    padding: 0 .7em;
    background: #fff3bf
}

body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] {
    background: #eee;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-bottom: 0
}

body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] .fitemtitle {
    font-weight: 700
}

body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
    margin-left: 0;
    margin-right: 0;
    padding-left: 6px;
    padding-right: 0
}

body#page-question-type-multichoice div[id^=fitem_id_][id*=fraction_] {
    background: #eee;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0
}

body#page-question-type-multichoice div[id^=fitem_id_][id*=feedback_] {
    background: #eee;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0
}

div[id^="fitem_id_answer_"].mb-3,div[id^="fitem_id_fraction_"].mb-3 {
    margin-bottom: 0!important
}

.que.numerical .answer {
    padding: .3em;
    display: inline
}

#page-question-type-numerical input[name="unitpenalty"],#page-question-type-numerical input[name^="answer"],#page-question-type-numerical input[name^="tolerance"],#page-question-type-numerical input[name^="multiplier"],#page-question-type-numerical input[name^="unit"] {
    direction: ltr;
    text-align: left
}

body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_] {
    background: #eee;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-bottom: 0
}

body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_] .fgrouplabel label {
    font-weight: 700
}

body.path-question-type div#fgroup_id_penaltygrp label[for^=id_unitpenalty],body.path-question-type div[id^=fgroup_id_units_] label[for^='id_unit_'],body#page-question-type-numerical div[id^=fgroup_id_][id*=answeroptions_] label[for^='id_answer_'] {
    position: absolute;
    left: -10000px;
    font-weight: 400;
    font-size: 1em
}

body#page-question-type-numerical div[id^=fitem_id_][id*=fraction_] {
    background: #eee;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0
}

body#page-question-type-numerical div[id^=fitem_id_][id*=feedback_] {
    background: #eee;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #bbb;
    border-top: 0
}

.que.ordering div.answer.ordering {
    overflow: auto
}

.que.ordering .sortablelist {
    float: left;
    list-style-type: none;
    margin: 0 0 0 8px
}

.que.ordering .sortablelist.active {
    border: 1px dotted #333;
    border-radius: 4px
}

.que.ordering .sortablelist li {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    list-style-type: none;
    margin: 4px
}

.que.ordering .sortablelist li .grip {
    opacity: .45
}

.que.ordering .sortablelist li.sortableitem {
    position: relative;
    cursor: move;
    margin-left: 26px
}

.que.ordering .sortablelist li.sortableitem:first-of-type [data-action="move-backward"],.que.ordering .sortablelist li.sortableitem:last-of-type [data-action="move-forward"] {
    visibility: hidden
}

.que.ordering .sortableitem .btn.btn-icon {
    height: 32px;
    width: 32px;
    border-radius: .5rem
}

.que.ordering .sortablelist.numbering123 li,.que.ordering .sortablelist.numberingabc li,.que.ordering .sortablelist.numberingABCD li,.que.ordering .sortablelist.numberingiii li,.que.ordering .sortablelist.numberingIIII li {
    margin-left: 26px
}

.que.ordering .sortablelist.numberingnone li {
    list-style-type: none;
    margin-left: 0
}

.que.ordering .sortablelist.numbering123 li {
    list-style-type: decimal
}

.que.ordering .sortablelist.numberingabc li {
    list-style-type: lower-alpha
}

.que.ordering .sortablelist.numberingABCD li {
    list-style-type: upper-alpha
}

.que.ordering .sortablelist.numberingiii li {
    list-style-type: lower-roman
}

.que.ordering .sortablelist.numberingIIII li {
    list-style-type: upper-roman
}

.que.ordering .sortablelist.horizontal {
    display: flex;
    flex-wrap: wrap
}

.que.ordering .sortablelist.horizontal {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.que.ordering .sortablelist.vertical li {
    min-height: 18px
}

.que.ordering.dragproxy {
    margin: 0;
    padding: 0;
    border: 0 none
}

.que.ordering.dragproxy .sortablelist {
    margin: 0;
    padding: 0;
    float: none
}

.que.ordering.dragproxy .sortablelist li {
    margin: 0;
    padding: 6px 0 6px 12px;
    width: 100%
}

.que.ordering.dragproxy .sortablelist li.horizontal {
    float: none
}

.item-moving {
    box-shadow: 3px 3px 4px #000
}

.current-drop {
    visibility: hidden
}

.que.ordering .sortablelist.notactive li.correct {
    background-color: #dff4d8;
    border-color: #9f6
}

.que.ordering .sortablelist.notactive li.partial66 {
    background-color: #dff4d8;
    border-color: #f90
}

.que.ordering .sortablelist.notactive li.partial33 {
    background-color: #ffebcc;
    border-color: #f90
}

.que.ordering .sortablelist.notactive li.partial00 {
    background-color: #fdd;
    border-color: #f90
}

.que.ordering .sortablelist.notactive li.incorrect {
    background-color: #fdd;
    border-color: #ff7373
}

.que.ordering div.rightanswer {
    overflow: auto
}

.que.ordering div.rightanswer ol.correctorder {
    padding-inline-start:16px}

.que.ordering div.rightanswer ol.correctorder.horizontal {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.que.ordering div.rightanswer ol.correctorder li.horizontal {
    margin-left: 24px;
    margin-right: 24px
}

.que.ordering div.rightanswer ol.correctorder li.vertical {
    margin-left: 24px
}

#page-question-type-ordering form.mform fieldset:nth-child(n+4) div.feditor {
    max-width: 480px
}

.que.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 .gradingtable .c1 select {
    display: none
}

.path-mod-assign .quickgradingform .mform fieldset {
    margin: 0;
    padding: 0
}

.path-mod-assign textarea.quickgrade {
    resize: both
}

.path-mod-assign td.submissionstatus,.path-mod-assign div.submissionstatus,.path-mod-assign a:link.submissionstatus {
    color: #000;
    background-color: #efefef
}

.path-mod-assign td.submissionstatusdraft,.path-mod-assign div.submissionstatusdraft,.path-mod-assign a:link.submissionstatusdraft {
    color: #000;
    background-color: #efefcf
}

.path-mod-assign td.submissionstatussubmitted,.path-mod-assign div.submissionstatussubmitted,.path-mod-assign a:link.submissionstatussubmitted {
    color: #000;
    background-color: #cfefcf
}

.path-mod-assign td.submissionlocked,.path-mod-assign div.submissionlocked {
    color: #000;
    background-color: #efefcf
}

.path-mod-assign td.submissionreopened,.path-mod-assign div.submissionreopened {
    color: #000;
    background-color: #efefef
}

.path-mod-assign td.submissiongraded,.path-mod-assign div.submissiongraded {
    color: #000;
    background-color: #cfefcf
}

.path-mod-assign td.submissionnotgraded,.path-mod-assign div.submissionnotgraded {
    color: #000
}

.path-mod-assign td.latesubmission,.path-mod-assign a:link.latesubmission,.path-mod-assign div.latesubmission {
    color: #000;
    background-color: #efcfcf
}

.path-mod-assign td.earlysubmission,.path-mod-assign div.earlysubmission {
    color: #000;
    background-color: #cfefcf
}

.path-mod-assign td.gradingreminder,.path-mod-assign div.gradingreminder {
    color: #000;
    background-color: #efcfcf
}

.path-mod-assign div.dropdown.extrafilters .dropdown-menu {
    width: 300px
}

.path-mod-assign .gradingtable .c0 {
    display: none
}

.path-mod-assign.jsenabled .gradingtable .c0 {
    display: table-cell
}

.path-mod-assign .gradingtable table {
    border-collapse: separate;
    border-spacing: 0
}

.path-mod-assign .gradingtable thead th {
    background-color: #fff
}

.path-mod-assign .gradingtable tr.selectedrow td {
    background-color: #fec
}

.path-mod-assign .gradingtable tr.unselectedrow td {
    background-color: #fff
}

.path-mod-assign .gradingtable .yui3-menu ul {
    margin: 0
}

.path-mod-assign .gradingtable .yui3-menu-label {
    padding-left: 0;
    line-height: 12px
}

.path-mod-assign .gradingtable .yui3-menu-label img {
    padding: 0 3px
}

.path-mod-assign .gradingtable .yui3-menu li {
    list-style-type: none
}

.path-mod-assign.jsenabled .gradingtable .yui3-loading {
    display: none
}

.path-mod-assign .gradingtable .yui3-menu .yui3-menu-content {
    border: 0;
    padding-top: 0
}

.path-mod-assign div.gradingtable tr .quickgrademodified {
    background-color: #fc9
}

.path-mod-assign .gradingtable .commentscontainer .comment-ctrl .comment-area textarea {
    resize: both
}

.path-mod-assign td.submissioneditable {
    color: red
}

.path-mod-assign .expandsummaryicon {
    display: none
}

.path-mod-assign.jsenabled .expandsummaryicon {
    display: inline-block
}

.path-mod-assign .hidefull {
    display: none
}

.path-mod-assign .quickgradingform form .commentscontainer input,.path-mod-assign .quickgradingform form .commentscontainer textarea {
    display: none
}

.path-mod-assign.jsenabled .quickgradingform form .commentscontainer input,.path-mod-assign.jsenabled .quickgradingform form .commentscontainer textarea {
    display: inline
}

.path-mod-assign .previousfeedbackwarning {
    font-size: 140%;
    font-weight: 700;
    text-align: center;
    color: #500
}

.path-mod-assign .submissionhistory {
    background-color: #b0b0b0
}

.path-mod-assign .submissionhistory .cell.historytitle {
    background-color: gray
}

.path-mod-assign .submissionhistory .cell {
    background-color: #d0d0d0
}

.path-mod-assign.jsenabled .mod-assign-history-link {
    background: none 2px 4px / 16px 16px no-repeat;
    display: block;
    cursor: pointer;
    margin-bottom: 7px;
    padding-left: 20px
}

.path-mod-assign.jsenabled .mod-assign-history-link h4 {
    display: inline
}

.path-mod-assign.jsenabled .attempthistory h4 {
    margin-bottom: 7px;
    text-align: left
}

.path-mod-assign.jsenabled.dir_rtl .attempthistory h4 {
    text-align: right
}

.path-mod-assign.jsenabled .mod-assign-history-link-open {
    background-image: url(/theme/image.php/olan/core/1757783192/t/expanded)
}

.path-mod-assign.jsenabled .mod-assign-history-link-closed {
    background-image: url(/theme/image.php/olan/core/1757783192/t/collapsed)
}

.path-mod-assign .submithelp {
    padding: 1em
}

.path-mod-assign .feedbacktitle {
    font-weight: 700
}

.path-mod-assign .submitconfirm,.path-mod-assign .submissionlinks,.path-mod-assign .submissionaction {
    text-align: center
}

.path-mod-assign .submissionsummarytable .c0,.path-mod-assign .gradingsummarytable .c0,.path-mod-assign .mod-assign-history-panel .c0 {
    width: 15em
}

.path-mod-assign .gradingtable .moodle-actionmenu {
    white-space: nowrap
}

.path-mod-assign .gradingtable .username .d-inline-block {
    white-space: nowrap
}

.path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a {
    padding-left: 12px;
    padding-right: 12px
}

.path-mod-assign .gradingtable .menu-action img {
    display: none
}

.path-mod-assign .editsubmissionform input[name="submissionstatement"] {
    vertical-align: top
}

.path-mod-assign .editsubmissionform label[for="id_submissionstatement"] {
    display: inline-block
}

.path-mod-assign.layout-option-nonavbar {
    padding-top: 0
}

.path-mod-assign [data-region="user-selector"] select {
    margin-bottom: 0
}

.path-mod-assign [data-region="user-selector"] .alignment {
    float: right;
    width: 320px;
    text-align: center;
    margin-top: 7px
}

.path-mod-assign [data-region="user-selector"] [data-action="previous-user"],.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
    font-size: 26px
}

.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
    margin-left: -10px
}

.path-mod-assign [data-region="user-selector"] .alignment input {
    margin-bottom: 5px
}

.path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow {
    top: 0
}

.path-mod-assign [data-region="user-selector"] .form-autocomplete-selection {
    display: none
}

.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
    text-align: left
}

.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
    margin-left: 48px
}

.path-mod-assign [data-region="user-filters"] {
    font-size: small
}

.path-mod-assign [data-region="configure-filters"] {
    display: none;
    text-align: left;
    width: 480px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 5px 10px rgb(0 0 0 / .2);
    border-radius: 6px;
    position: absolute;
    margin-top: 28px;
    margin-left: -452px;
    padding: 10px 0;
    z-index: 1
}

.path-mod-assign [data-region="configure-filters"]::before,.path-mod-assign [data-region="configure-filters"]::after {
    position: absolute;
    left: auto;
    display: inline-block;
    content: '';
    border-style: solid;
    border-color: #fff0;
    border-top: none
}

.path-mod-assign [data-region="configure-filters"]::before {
    top: -7px;
    right: 12px;
    border-width: 7px;
    border-bottom-color: rgb(0 0 0 / .2)
}

.path-mod-assign [data-region="configure-filters"]::after {
    top: -6px;
    right: 13px;
    border-width: 6px;
    border-bottom-color: #fff
}

.path-mod-assign .alignment [data-region="configure-filters"] input {
    margin-bottom: 0
}

.path-mod-assign [data-region="grading-navigation-panel"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6em;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.path-mod-assign [data-region="grading-navigation"] {
    padding: 1em
}

.path-mod-assign [data-region="assignment-info"] {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.path-mod-assign [data-region="assignment-info"] small[data-region="assignment-tooltip"] {
    margin-left: .5em
}

.path-mod-assign [data-region="user-info"] {
    height: 60px
}

.path-mod-assign [data-region="user-info"] a {
    text-decoration: none
}

.path-mod-assign [data-region="user-info"] .img-rounded {
    display: block;
    float: left;
    margin-top: -3px;
    margin-right: 10px
}

.path-mod-assign [data-region="user-info"] em {
    display: block;
    font-style: normal
}

.path-mod-assign [data-region="user-info"] em.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.path-mod-assign [data-region="grading-actions-form"] label {
    display: inline-block
}

.path-mod-assign.pagelayout-embedded {
    overflow: hidden
}

.path-mod-assign [data-region="review-panel"] {
    position: absolute;
    top: 85px;
    bottom: 60px;
    left: 0;
    right: 30%;
    width: auto;
    box-sizing: border-box;
    -webkit-transition: right 0.5s,left 0.5s;
    -moz-transition: right 0.5s,left 0.5s;
    transition: right 0.5s,left 0.5s
}

.path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
    right: 30px
}

.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
    display: none;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    box-sizing: border-box;
    border-radius: 0 0 0 4px;
    border: 1px solid #ccc;
    border-top: none;
    background-color: #fff
}

.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px
}

.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] img {
    height: 100%;
    float: right
}

.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon {
    display: none
}

.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
    display: block
}

.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon.full-width {
    display: none
}

.path-mod-assign [data-region="review-panel"] .pageheader {
    border-right: 1px solid #ddd
}

.path-mod-assign [data-region="review-panel"]+[data-region="grade-panel"] [data-region="grade"] {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    -webkit-transition: max-width 0.5s;
    -moz-transition: max-width 0.5s;
    transition: max-width 0.5s
}

.path-mod-assign [data-region="review-panel"] .drawingregion {
    left: 0;
    right: 0;
    border-color: #ddd
}

.path-mod-assign [data-region="review-panel"].collapsed {
    left: calc(30px - 70%);
    right: calc(100% - 30px);
    -webkit-transition: right 0.5s,left 0.5s;
    -moz-transition: right 0.5s,left 0.5s;
    transition: right 0.5s,left 0.5s
}

.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"] {
    visibility: hidden;
    -webkit-transition: visibility 0s 0.5s;
    -moz-transition: visibility 0s 0.5s;
    transition: visibility 0s 0.5s
}

.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon {
    display: block
}

.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
    display: none
}

.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"] {
    position: absolute;
    left: 30px;
    right: 0;
    width: calc(100% - 30px);
    overflow: auto;
    -webkit-transition: width 0.5s,right 0.5s,left 0.5s;
    -moz-transition: width 0.5s,right 0.5s,left 0.5s;
    transition: width 0.5s,right 0.5s,left 0.5s
}

.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"] [data-region="grade"],.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.path-mod-assign [data-region="grade-panel"] {
    position: absolute;
    top: 85px;
    bottom: 60px;
    right: 0;
    left: 70%;
    width: 30%;
    overflow: auto;
    box-sizing: border-box;
    background-color: #f5f5f5;
    padding: 15px;
    padding-top: 0;
    -webkit-transition: width 0.5s,right 0.5s,left 0.5s;
    -moz-transition: width 0.5s,right 0.5s,left 0.5s;
    transition: width 0.5s,right 0.5s,left 0.5s
}

.path-mod-assign [data-region="grade-panel"].collapsed {
    left: calc(100% - 30px);
    right: calc(30px - 100%);
    visibility: hidden;
    -webkit-transition: right 0.5s,left 0.5s,visibility 0s 0.5s;
    -moz-transition: right 0.5s,left 0.5s,visibility 0s 0.5s;
    transition: right 0.5s,left 0.5s,visibility 0s 0.5s
}

.path-mod-assign [data-region="grade-panel"].fullwidth {
    left: 0;
    width: 100%;
    overflow: auto
}

.path-mod-assign [data-region="grade-panel"] h3 {
    font-size: 18px;
    font-weight: 500
}

.path-mod-assign [data-region="grade-panel"] div.submissionstatustable {
    margin-bottom: 2em
}

.path-mod-assign [data-region="grade-panel"] .submissionsummarytable {
    margin-left: 5px;
    margin-right: 5px
}

.path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td {
    padding: 8px 0;
    background-color: #fff0
}

.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody>tr:nth-child(2n+1)>td,.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover>td {
    background-color: #fff0
}

.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0 {
    width: auto
}

.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1 {
    border-bottom: 1px solid #ddd
}

.path-mod-assign .overdue,.path-mod-assign .overduesubmission,.path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded {
    color: #ca3120;
    background-color: #fff0
}

.path-mod-assign div.fileuploadsubmission {
    float: left;
    min-width: 300px
}

.path-mod-assign div.fileuploadsubmissiontime {
    float: right
}

.path-mod-assign [data-region="grade-panel"] #id_gradeheader {
    display: table-cell;
    min-width: 0
}

.path-mod-assign [data-region="grade-panel"] #id_gradeheader>legend {
    visibility: hidden;
    height: 0;
    margin-bottom: 0
}

.path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols] {
    width: 100%;
    box-sizing: border-box
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle {
    padding-left: 5px;
    padding-right: 5px
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_fgrading .felement,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement {
    padding: 6px 10px 10px;
    box-sizing: border-box
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_fgrading .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 1px rgb(0 0 0 / .05);
    padding: 6px 10px 3px;
    box-sizing: border-box
}

.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img {
    margin-left: 2px;
    margin-right: 2px;
    margin-top: -2px
}

.path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img {
    margin-left: -6px;
    margin-right: -6px;
    margin-top: 4px
}

.path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label {
    font-weight: 500
}

.path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem {
    padding-top: 5px
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle {
    display: inline-block;
    width: auto;
    border-bottom: none;
    box-shadow: none
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement {
    width: auto;
    float: right
}

.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
    width: 80px;
    margin-bottom: 0
}

.path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
    max-width: 100%;
    padding-bottom: 0
}

.path-mod-assign .gradingform_rubric {
    max-width: calc(100vw - 200px)
}

.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
    font-weight: 500;
    min-width: 150px
}

.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels {
    background-color: #fff
}

.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even {
    background-color: #fff0
}

.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
    margin-bottom: 0
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide {
    margin-bottom: 10px
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
    display: block
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly {
    padding-top: 10px
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription {
    margin-top: 5px
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers {
    width: auto;
    margin-top: 5px
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
    margin-bottom: 10px
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
    float: right;
    margin-top: 2px;
    margin-left: 0
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
    float: left;
    padding-bottom: 8px
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div {
    display: inline-block
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even {
    background-color: #fff0;
    border-width: 0 0 1px 0;
    padding: 8px 0
}

.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,.path-mod-assign [data-region="grade-panel"] .showstudentdesc {
    background-color: #f5f5f5;
    padding: 10px
}

.path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager {
    margin-bottom: 0
}

.path-mod-assign [data-region="grade-panel"] .fitem.popout {
    position: fixed;
    left: 20%;
    right: 20%;
    top: 20%;
    bottom: 20%;
    z-index: 1000;
    border: 1px solid rgb(0 0 0 / .3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgb(0 0 0 / .3)
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 45px
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label {
    font-size: 16px;
    line-height: 30px
}

.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
    float: right
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img {
    margin-top: -10px;
    margin-right: -7px
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
    padding: 10px 15px 15px;
    height: calc(100% - 54px);
    overflow: auto
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric {
    overflow: visible
}

.path-mod-assign [data-region="grade-panel"] #id_attemptsettings>legend {
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    border-bottom: 0;
    margin-bottom: 10px
}

.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer {
    display: table;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    box-sizing: border-box
}

.path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem {
    display: table-row
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement {
    border-bottom: 1px solid #ddd
}

.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label {
    font-weight: 400
}

.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select {
    margin-bottom: 0
}

.path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"] {
    margin-bottom: 10px;
    vertical-align: text-bottom
}

.path-mod-assign [data-region="grade-actions-panel"] {
    border-top: 1px solid #ddd;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px
}

.path-mod-assign [data-region="grade-actions"] {
    padding: 1em;
    text-align: center
}

.path-mod-assign [data-region="submissions-list"] {
    text-align: inherit
}

.path-mod-assign [data-region="submissions-list"] label.radio input {
    margin-top: 4px;
    min-width: inherit
}

.path-mod-assign [data-region="overlay"] {
    display: none;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    bottom: 0;
    background-color: #ddd;
    opacity: .4;
    padding-top: 4em;
    text-align: center
}

@media (max-width: 767px) {
    .path-mod-assign.pagelayout-embedded {
        overflow:auto
    }

    .path-mod-assign [data-region="assignment-info"] {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px
    }

    .path-mod-assign .page-context-header .page-header-headings {
        margin-top: 13px
    }

    .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
        display: none
    }

    .path-mod-assign [data-region="grading-navigation-panel"],.path-mod-assign [data-region="review-panel"],.path-mod-assign [data-region="grade-panel"],.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"],.path-mod-assign [data-region="grade-actions-panel"] {
        position: inherit;
        width: 100%;
        top: 0;
        left: 0;
        right: auto;
        overflow: auto;
        height: auto;
        margin-bottom: 1em
    }

    .path-mod-assign [data-region="grade-panel"].collapsed {
        visibility: visible
    }

    .path-mod-assign [data-region="grading-navigation"] {
        padding: 0;
        text-align: center
    }

    .path-mod-assign [data-region="grade-panel"] {
        margin-bottom: 2em
    }

    .path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
        display: none
    }

    .path-mod-assign [data-region="review-panel"] {
        position: relative;
        max-height: 2000px;
        -webkit-transition: max-height 0.25s linear;
        -moz-transition: max-height 0.25s linear;
        transition: max-height 0.25s linear
    }

    .path-mod-assign [data-region="review-panel"] .pageheader {
        border-right: none;
        padding-right: 20px;
        padding-left: 40px
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
        display: block;
        height: 20px;
        width: 20px;
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 0 0 4px 0;
        background-color: #fff
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 30px
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
        height: 100%
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon {
        float: left
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
        float: right
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
        line-height: 20px;
        visibility: visible;
        opacity: 1;
        height: auto;
        -webkit-transition: visibility 0s 0.25s,opacity 0s 0.25s;
        -moz-transition: visibility 0s 0.25s,opacity 0s 0.25s;
        transition: visibility 0s 0.25s,opacity 0s 0.25s
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon {
        display: none
    }

    .path-mod-assign [data-region="review-panel"].collapsed {
        max-height: 20px;
        top: 0;
        left: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.25s linear;
        -moz-transition: max-height 0.25s linear;
        transition: max-height 0.25s linear
    }

    .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] {
        width: 100%;
        border-radius: 0 0 0 0;
        -webkit-transition: all 0s 0.25s;
        -moz-transition: all 0s 0.25s;
        transition: all 0s 0.25s
    }

    .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img {
        height: 100%
    }

    .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
        display: block
    }

    .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
        display: none
    }

    .path-mod-assign.pagelayout-popup {
        overflow: inherit
    }

    .path-mod-assign [data-region="grading-navigation"] [data-region="user-info"] {
        text-align: left;
        width: auto;
        display: inline-block;
        margin: 0 auto;
        height: auto
    }

    .path-mod-assign [data-region="user-selector"] .alignment {
        float: none;
        margin: 0 auto 10px
    }

    body.tox-fullscreen.path-mod-assign [data-region="grading-navigation"] {
        display: none
    }
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle {
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: left;
    width: 100%
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
    margin-left: 0;
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty {
    display: none
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox>span,.path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio>span,.path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup>span {
    margin-top: 4px
}

.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle {
    display: inline-block;
    width: auto;
    margin-right: 8px
}

.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement {
    display: inline-block;
    margin-top: 4px;
    padding-top: 5px;
    width: auto
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
    display: inline-block;
    width: auto
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
    padding: 6px
}

.path-mod-assign #page,.path-mod-assign #page-content {
    position: inherit
}

.path-mod-assign table.generaltable table td.ygtvcell {
    border: 0;
    padding: 0
}

div[id*='mod_assign-timer-'] {
    display: block;
    font-weight: 600;
    font-size: 1.4em
}

body.tox-fullscreen.path-mod-assign [data-region="grade-panel"] {
    position: unset
}

body.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement[data-fieldtype="editor"] {
    overflow: unset
}

.path-mod-assign .initialsdropdown {
    width: 460px
}

.path-mod-assign .initialsdropdown::after {
    content: ''
}

@charset "UTF-8";.recording-thumbnail {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 0 0 0;
    transition: transform .2s;
    width: 113px;
    height: 64px
}

.recording-thumbnail:hover {
    box-shadow: 0 0 2px 1px rgb(0 140 186 / .5);
    transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    position: relative;
    display: block;
    z-index: 999
}

.fa-disabled {
    cursor: not-allowed;
    opacity: .2
}

.fa-invisible {
    cursor: not-allowed;
    visibility: hidden
}

.bbb_index_form {
    display: inline-block
}

.bigbluebuttonbn_icon_btn i.icon {
    margin-right: auto
}

input.form-control[readonly][name="guestpassword"],input.form-control[readonly][name="guestjoinurl"] {
    background: initial
}

.path-mod-book .book_toc .action-list img.smallicon {
    margin: 0 3px
}

.path-mod-book .book_toc ul {
    display: flex;
    flex-direction: column
}

.path-mod-book .book_toc li {
    flex: 1 1 100%
}

.path-mod-book .book_toc_indented>ul {
    margin-left: 0;
    padding-left: 0
}

.path-mod-book .book_toc_indented li {
    list-style: none
}

.path-mod-book .book_toc_bullets>ul {
    margin-left: 0;
    padding-left: 1.3rem
}

.path-mod-book .book_toc_bullets li {
    list-style: disc
}

.path-mod-book .book_toc_numbered>ul {
    margin-left: 0;
    padding-left: 0
}

.path-mod-book .book_toc_numbered li {
    list-style: none
}

.path-mod-book .book_toc_none ul {
    margin-left: 0;
    padding-left: 0
}

.path-mod-book .book_toc_none li {
    list-style: none
}

.path-mod-book #mod_book-chaptersnavigation {
    top: 80px;
    width: inherit;
    margin: 0 -35px;
    position: sticky
}

.path-mod-book #mod_book-chaptersnavigation .tertiary-navigation .navitem {
    margin-bottom: -52px
}

.path-mod-book .book_content {
    margin: 0 5px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative
}

.path-mod-book .btn-previous,.path-mod-book .btn-next {
    background: #dee2e6;
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075);
    padding: 13px 10px
}

.path-mod-book .btn-previous {
    border-radius: 200px 0 0 200px
}

.path-mod-book .btn-next {
    border-radius: 0 200px 200px 0
}

.path-mod-book.dir-rtl .btn-previous .icon,.path-mod-book.dir-rtl .btn-next .icon {
    transform: scale(-1,-1)
}

.path-mod-book .btn-previous .icon,.path-mod-book .btn-next .icon {
    font-size: 24px;
    width: auto;
    height: auto;
    margin: auto
}

@media (max-width: 768px) {
    .path-mod-book #mod_book-chaptersnavigation {
        top:calc(100% - 250px);
        margin: 0 -.5rem;
        z-index: 1
    }

    .path-mod-book .btn-previous,.path-mod-book .btn-next {
        opacity: .85;
        border-radius: 25px;
        padding: 10px;
        width: 45px;
        height: 45px
    }

    .path-mod-book .book_content {
        margin-left: -5px;
        margin-right: -5px
    }
}

.path-mod-data-field .c0,#page-mod-data-view #sortsearch .c0 {
    text-align: right
}

#page-mod-data-view .approve img.icon {
    width: 34px;
    height: 34px
}

.path-mod-data #id_entrieshdr div .alert.alert-danger {
    margin-bottom: 2rem
}

#page-mod-data-view img.list_picture {
    border: 0
}

#page-mod-data-view div.search_none {
    display: none
}

#page-mod-data-view div.search_inline,#page-mod-data-view form#latlongfieldbrowse {
    display: inline
}

#page-mod-data-view div#data_adv_form {
    margin-left: auto;
    margin-right: auto
}

#page-mod-data-edit .basefieldinput {
    width: 300px
}

#page-mod-data-preset .presetmapping table {
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

#page-mod-data-preset .overwritesettings {
    margin-bottom: 1em
}

#page-mod-data-preset table.presets {
    margin-left: auto;
    margin-right: auto
}

#page-mod-data-view .datapreferences label {
    display: inline-block
}

.path-mod-data-field .sortdefault {
    margin: 1em 0
}

.path-mod-data-field .fieldname,.path-mod-data-field .fielddescription {
    width: 300px
}

.path-mod-data-field textarea.optionstextarea {
    width: 300px;
    height: 150px
}

.path-mod-data-field input.textareafieldsize {
    width: 50px
}

.path-mod-data-field input.picturefieldsize {
    width: 70px
}

.path-mod-data .action-icon img.portfolio-add-icon {
    margin-left: 0
}

#page-mod-data-export #notice span {
    padding: 0 10px
}

#page-mod-data-edit input[id*="url"] {
    text-align: left;
    direction: ltr
}

.mod-data-default-template td {
    vertical-align: top
}

.mod-data-default-template .template-field {
    text-align: right
}

.mod-data-default-template .template-token {
    text-align: left
}

.mod-data-default-template .controls {
    text-align: center
}

.mod-data-default-template .searchcontrols {
    text-align: right
}

#page-mod-data-view .notapproved {
    background-color: #fff3cd;
    color: #856404;
    border-radius: .5em;
    padding: .5em 1em;
    gap: 1em
}

#page-mod-data-templates td.save_template,#page-mod-data-templates .template_heading {
    text-align: center
}

#page-mod-data-templates #availabletags_wrapper {
    max-width: 250px
}

#page-mod-data-edit .req {
    cursor: help
}

#page-mod-data-edit .inline-req .req {
    position: absolute
}

#page-mod-data-edit .inline-req {
    text-align: left
}

#page-mod-data-edit .datatagcontrol {
    padding-left: 10px
}

.preset_action_menu .dropdown-toggle::after,.entry-actionsmenu .dropdown-toggle::after,.fields-actions .dropdown-toggle::after {
    display: none
}

.defaulttemplate-single-body img.list_picture {
    max-width: 100%
}

.defaulttemplate-list-body img.list_picture {
    max-width: 100%
}

.data-timeinfo {
    color: var(–gray)
}

.dataicon,.portfolio-add-icon {
    color: var(--dark)
}

#page-mod-data-preset .nopreview {
    border: 1px solid var(--secondary);
    padding: .2rem;
    border-radius: 5px
}

.template-preview-content .preview-disabled,.template-preview-content .action-icon,.template-preview-content .dropdown-menu a,.template-preview-content .data-field-link,.template-preview-content .data-field-html a,.template-preview-content .data-field-html button {
    pointer-events: none
}

.presetsactions .dropdown-toggle,.presetsactions .dropdown-toggle:hover,.presetsactions .show>.btn-secondary.dropdown-toggle,.entriesactions .dropdown-toggle,.entriesactions .dropdown-toggle:hover,.entriesactions .show>.btn-secondary.dropdown-toggle,#page-mod-data-view .whitebutton .btn-secondary,#page-mod-data-preset .whitebutton .btn-secondary,#page-mod-data-field- .whitebutton .btn-secondary,#page-mod-data-templates .whitebutton .btn-secondary {
    background: #fff;
    border-color: var(--bs-primary);
    color: var(--bs-primary)
}

#page-mod-data-preset .generaltable {
    margin-bottom: 10rem
}

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 .header,.path-course-view .unread,span.unread {
    background-color: #ffd
}

.forumpost.unread .header {
    border-bottom: 1px solid #ddd
}

.path-mod-forum :target>.forumpost:before {
    display: block;
    content: '';
    width: 4px;
    position: absolute;
    background: #0070a8;
    left: -1px;
    top: -1px;
    bottom: -1px
}

.path-mod-forum .discussion-nav {
    margin: .5em 0
}

.path-mod-forum .discussion-nav ul {
    margin: 0;
    list-style: none;
    padding-left: 0
}

.path-mod-forum .discussion-nav .next-discussion {
    float: right
}

.path-mod-forum .discussion-nav .prev-discussion {
    float: left
}

.path-mod-forum .preload-subscribe {
    background: url(/theme/image.php/olan/mod_forum/1757783192/t/subscribed) no-repeat -9999px -9999px
}

.path-mod-forum .preload-unsubscribe {
    background: url(/theme/image.php/olan/mod_forum/1757783192/t/unsubscribed) no-repeat -9999px -9999px
}

.path-mod-forum .discussionsubscription,.path-mod-forum .discussion-settings-menu,.path-mod-forum .discussionsubscription {
    margin-top: -10px;
    text-align: right;
    margin-bottom: 10px
}

.path-mod-forum .discussionsubscription>a>img,.path-mod-forum .discussionlock>a>img,.path-mod-forum .favourite-discussion>a>img,.path-mod-forum .discussion-settings-menu>a>img {
    width: 12px;
    padding: 0 4px
}

#page-mod-forum-view img.timedpost {
    margin-right: 5px
}

.path-mod-forum article .nav .nav-link:first-of-type {
    margin-left: auto
}

.path-mod-forum.dir-rtl article .nav .nav-link:first-of-type {
    margin-left: 0;
    margin-right: auto
}

.path-mod-forum article .nav .nav-link+.nav-link {
    border-left: 1px solid #ddd
}

.privatereplyinfo {
    font-size: 80%
}

.forum-post-container:focus {
    outline: 0
}

.post-actions .btn:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

.forum-post-container:focus>.focus-target {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    font-weight: 700;
    align-items: center;
    margin: 8px 0
}

.hr-sect::before,.hr-sect::after {
    content: "";
    flex-grow: 1;
    background: rgb(0 0 0 / .35);
    height: 1px;
    font-size: 0;
    line-height: 0
}

.hr-sect::before {
    margin-right: 15px
}

.hr-sect::after {
    margin-left: 15px
}

.path-mod-glossary .glossarypost {
    width: 95%;
    border-collapse: separate;
    margin: 0 auto;
    text-align: left
}

.path-mod-glossary .glossarypost.entrylist {
    border-width: 0
}

.path-mod-glossary .glossarypost.continuous .concept {
    display: inline
}

.path-mod-glossary .glossarypost .commands {
    width: 200px;
    white-space: nowrap
}

.path-mod-glossary .glossarypost td.picture {
    width: 35px
}

.path-mod-glossary .glossarypost .entrylowersection .icons {
    text-align: right;
    padding-right: 5px
}

.path-mod-glossary .glossarypost .entrylowersection .ratings {
    text-align: right;
    padding-right: 5px;
    padding-bottom: 2px
}

.path-mod-glossary .glossarypost .glossary-hidden-note {
    margin: 0 .45em
}

.path-mod-glossary .glossarydisplay {
    margin-left: auto;
    margin-right: auto
}

.path-mod-glossary .glossarydisplay .tabs {
    width: 100%;
    margin-bottom: 0
}

.path-mod-glossary .glossarydisplay .tabs .side {
    border-style: none;
    border-width: 0;
    width: auto
}

.path-mod-glossary .glossarydisplay .separator {
    width: 4px
}

.path-mod-glossary table.glossarypopup {
    width: 95%
}

.path-mod-glossary .entrybox,.path-mod-glossary table.glossaryapproval,.path-mod-glossary .glossarypost .entrylowersection table {
    width: 100%;
    margin-bottom: 0
}

.glossary-activity-picture {
    float: left
}

.glossary-activity-content {
    margin-left: 40px
}

#page-mod-glossary-view .glossarycontrol {
    float: right;
    text-align: right;
    white-space: nowrap;
    margin: 5px 0
}

#page-mod-glossary-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
}

@media (min-width: 768px) {
    #page-mod-glossary-showentry #page-content {
        min-width:600px
    }
}

#page-mod-glossary-print .mod-glossary-entrylist .mod-glossary-entry {
    vertical-align: top
}

#page-mod-glossary-print .displayprinticon,#page-mod-glossary-print .displaydate {
    text-align: right;
    font-size: .75em
}

#page-mod-glossary-print .strong {
    font-weight: 700
}

.path-mod-glossary .printicon {
    background: url(/theme/image.php/olan/core/1757783192/t/print) no-repeat scroll 2px center #fff0;
    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
}

#registration-choice-container .buffer-text {
    margin: 20px
}

#choice-list {
    list-style: none;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 1em;
    margin-left: 0
}

#choice-list>li {
    display: inline-block
}

#external-registration-container iframe {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    width: 100%;
    min-height: 800px
}

.loading-screen {
    text-align: center;
    padding: 3em
}

.loading-screen .loading-text {
    font-size: 2em
}

.loading-screen .loader {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    height: 2em;
    width: 2em;
    font-size: 2em
}

#registration-submit {
    min-width: 140px
}

#registration-form-container {
    min-height: 260px
}

#registration-form-container .card {
    margin-bottom: 0
}

#registration-form-container .control-group:last-child {
    margin-bottom: 0
}

#registration-choice-container .card {
    text-align: center
}

#registration-choice-container .btn-toolbar {
    margin-bottom: 0
}

#registration-choice-container p:last-child {
    margin-top: 20px
}

#tool-type-capabilities-container .registration-loading-container {
    display: none
}

#tool-type-capabilities-container.loading .registration-loading-container {
    display: block
}

#tool-type-capabilities-container.loading #tool-type-capabilities-template-container {
    display: none
}

.centered-menu {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto
}

.btn-text {
    display: block
}

.btn-loader {
    display: none
}

.loading .btn-text {
    display: none
}

.loading .btn-loader {
    display: block
}

.btn .loader {
    margin-left: auto;
    margin-right: auto
}

.btn .loader img {
    height: 1.5em
}

#tool-list-container h3 {
    display: inline-block
}

#tool-list-loader-container {
    display: inline-block
}

#tool-list-loader-container .loader {
    display: none
}

#tool-list-loader-container .loader img {
    height: 2em
}

.loading #tool-list-loader-container .loader {
    display: block
}

.loading #tool-notools-text {
    display: none
}

.tool-card {
    display: inline-block;
    width: 250px;
    height: 300px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin: 5px;
    position: relative;
    box-sizing: border-box;
    vertical-align: top
}

.tool-card:hover,.tool-card:focus {
    border-color: #08c;
    box-shadow: 0 1px 4px rgb(0 105 214 / .25);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s
}

.tool-card .overlay-container {
    background-color: rgb(255 255 255 / .8);
    border-radius: 10px;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100;
    box-sizing: border-box;
    padding: 10px
}

.tool-card .overlay-container .img-container {
    position: absolute;
    top: 115px;
    left: 90px;
    display: block;
    width: 70px;
    height: 70px
}

.tool-card .overlay-container .img-container img {
    height: 100%;
    width: 100%
}

.tool-card.announcement>.overlay-container {
    display: block
}

.tool-card.announcement .overlay-container .loader {
    display: none
}

.tool-card.announcement.loading .overlay-container .loader {
    display: block;
    width: 100%;
    height: 100%
}

.tool-card.announcement .overlay-container .success-icon-container {
    display: none
}

.tool-card.announcement.success .overlay-container .success-icon-container {
    display: block
}

.tool-card.announcement .overlay-container .fail-icon-container {
    display: none
}

.tool-card.announcement.fail .overlay-container .fail-icon-container {
    display: block
}

.tool-card.announcement .overlay-container .capabilities-container {
    display: none
}

.tool-card.announcement.capabilities .overlay-container .capabilities-container {
    display: block
}

.tool-card.announcement.capabilities .overlay-container {
    background-color: #fff
}

.tool-card.announcement.capabilities .overlay-container .img-container {
    display: none
}

.tool-card-content {
    z-index: 1
}

.tool-card-header {
    text-align: center;
    background-color: #f5f5f5;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box;
    height: 125px
}

.tool-card-subheader {
    margin-bottom: 10px;
    text-align: left
}

.tool-card-header .tool-card-icon {
    width: 35px;
    height: 35px
}

.tool-card-header .name {
    margin-bottom: 0;
    white-space: nowrap
}

.tool-card-header .tool-card-actions {
    float: right
}

.tool-card-header .tool-card-actions img {
    width: 15px;
    height: 15px;
    margin-left: 7px
}

.tool-card-body {
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 5px;
    height: 125px
}

.tool-card-body .description {
    max-height: 100px;
    word-wrap: break-word
}

.tool-card-footer {
    height: 50px;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box
}

.tool-card .contenteditable-container {
    position: relative
}

.tool-card [contenteditable=true] {
    border: 1px solid #fff0;
    padding: .25em;
    position: relative;
    z-index: 1;
    overflow: auto
}

.tool-card [contenteditable=true]:hover {
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    background-color: #fff;
    border: 1px solid #e3e3e3;
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    cursor: text
}

.tool-card [contenteditable=true]:focus {
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075),0 0 8px rgb(82 168 236 / .6);
    background-color: #fff;
    border: 1px solid rgb(82 168 236 / .8);
    -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
    -o-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
    cursor: text
}

.tool-card [contenteditable=true].loading+.overlay-container {
    border-radius: 4px;
    display: block
}

.tool-card [contenteditable=true]+.overlay-container .loader {
    display: inline-block;
    vertical-align: middle
}

#accordion.modltitree {
    border-radius: 4px;
    padding-left: 8px
}

#accordion.modltitree .accordion-inner {
    padding-left: 20px
}

#accordion.modltitree .accordion-inner .accordion p {
    margin-bottom: 0;
    padding-left: 15px
}

#accordion.modltitree .accordion-group {
    padding-left: 15px;
    padding-bottom: 4px;
    position: relative
}

#accordion.modltitree .accordion-group span {
    padding: 0 4px 0
}

#accordion.modltitree .accordion-group .accordion-heading .accordion-toggle::before {
    content: url(/theme/image.php/olan/core/1757783192/t/expanded);
    position: absolute;
    left: -5px
}

#accordion.modltitree .accordion-group .accordion-heading .accordion-toggle.collapsed::before {
    content: url(/theme/image.php/olan/core/1757783192/t/collapsed)
}

#contentframe {
    border: 1px solid #ddd;
    border-radius: 4px
}

#page-mod-lti-coursetools a.dropdown-toggle::after {
    display: none
}

#page-mod-lti-coursetools table div.tool-action-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px
}

#page-mod-lti-coursetools table div.tool-action-icon-container i {
    margin: 0
}

#page-mod-lti-coursetools table.generaltable tbody tr:nth-of-type(2n+1),#page-mod-lti-coursetools table.table-striped tbody tr:nth-of-type(2n+1) {
    background: inherit
}

#page-mod-lti-coursetools table.generaltable tbody tr:hover,#page-mod-lti-coursetools table.table-striped tbody tr:hover {
    background: #fff
}

.path-mod-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/olan/quiz/1757783192/navflagged) no-repeat top right
}

.qnbutton.flagged .thispageholder {
    background: #fff0 url(/theme/image.php/olan/quiz/1757783192/flag-on) 15px 0 no-repeat
}

.qnbutton.invalidanswer .trafficlight {
    background-image: url(/theme/image.php/olan/quiz/1757783192/warningtriangle)!important
}

.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 .autosave_info {
    font-size: small
}

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

#page-mod-quiz-summary #content {
    text-align: center
}

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

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

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

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 .controls {
    text-align: center
}

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

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

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

#page-mod-quiz-report .gradetheselink {
    font-size: .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;
    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
}

#page-mod-quiz-edit .maxgrade label {
    display: inline
}

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

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

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

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

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

#page-mod-quiz-edit .slotnumber {
    text-align: center;
    margin: .1em .5em;
    display: inline-block
}

#page-mod-quiz-edit li.section .slotnumber.shuffled {
    display: none
}

#page-mod-quiz-edit li.section.shuffled .slotnumber.unshuffled {
    display: none
}

#page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled {
    display: inline-block
}

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

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

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

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

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

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

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

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

#page-mod-quiz-edit .section-heading form input {
    font-size: 24px;
    font-weight: 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.qtype_missingtype {
    background-color: #f0c5c1
}

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

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

#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: .5em 0 .5em .1em;
    margin: 2px
}

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

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

#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: -1em;
    right: -20px
}

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

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

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

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

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

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

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

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

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

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

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

#page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
    font-size: .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;
    display: flex;
    align-items: baseline
}

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

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

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

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

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

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

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

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

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

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

#page-mod-quiz-edit .question-bank-table .iconcol .icon {
    width: 16px
}

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

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

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

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

#page-mod-quiz-edit .question-bank-table .questionnametext {
    padding: 0 .2em;
    width: 100%!important
}

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

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

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

#page-mod-quiz-edit table.question-bank-table td,#page-mod-quiz-edit table.question-bank-table th {
    overflow: hidden;
    white-space: nowrap;
    width: 1.2em!important
}

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

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

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

.mod_quiz_qbank_dialogue .questionbankloading {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    text-align: center;
    opacity: .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
}

#page-mod-quiz-edit .inplaceeditable {
    box-sizing: border-box;
    background: #fdfdfe;
    display: inline-block;
    margin: 2px;
    padding: .5em 0 .5em .1em
}

#page-mod-quiz-edit .inplaceeditable.inplaceeditingon input {
    width: 64px;
    vertical-align: middle
}

#page-mod-quiz-edit .inplaceeditable-text {
    color: #000;
    text-align: right
}

#page-mod-quiz-editgrading .inplaceeditable .quickeditlink {
    color: var(--bs-primary)
}

#page-mod-quiz-edit .inplaceeditable .quickeditlink {
    color: var(--bs-primary);
    text-decoration: none;
    background-color: #fff0;
    padding-left: 1px;
    margin: 0
}

#page-mod-quiz-edit .quickeditlink .aalink {
    color: var(--bs-primary);
    text-align: right;
    width: 10px;
    margin: 2px
}

#page-mod-quiz-edit .quickedition {
    color: var(--bs-primary);
    text-align: right;
    width: 10px;
    margin: 2px
}

#page-mod-quiz-edit .quickedition .visibleifjs {
    text-align: right
}

#page-mod-quiz-edit .quickeditlink {
    text-align: right
}

@media (max-width: 576px) {
    #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent {
        display:none
    }

    #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer,#page-mod-quiz-edit li.section .slotnumber.unshuffled,#page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled,#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance,#page-mod-quiz-edit ul.slots li.section li.activity .actions {
        display: block
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#page-mod-scorm-player #scormpage #scorm_tree {
    border-right: 5px solid #eff5ff
}

#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-url .resourcecontent {
    text-align: center
}

/**
 * Wiki module style sheet
 *
 * @package mod-wiki-2.0
 * @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu
 * @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu
 *
 * @author Jordi Piguillem
 * @author Marc Alier
 * @author David Jimenez
 * @author Josep Arus
 * @author Kenneth Riba
 *
 * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */
.wiki_contentbox {
    width: 80%;
    margin: auto;
    min-width: 200px;
    min-height: 100px
}

.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/olan/core/1757783192/t/print) no-repeat scroll 2px center #fff0;
    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 .collapsibleregioncaption img {
    max-width: 16px;
    max-height: 16px
}

.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: #495057;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ced4da;
    padding: 3px
}

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

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

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

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

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

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

    .path-mod-workshop .userplan dt.active {
        border: none
    }

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

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

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

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

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

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

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

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

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

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

.path-mod-workshop .userplan dd.phasetasks li {
    background-image: url(/theme/image.php/olan/mod_workshop/1757783192/userplan/task-todo);
    background-position: top left;
    background-repeat: no-repeat;
    list-style-type: none;
    min-height: 20px;
    margin: .2em 0;
    background-size: 15px
}

.dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
    background-position: top right
}

.path-mod-workshop .userplan dd.phasetasks li.completed {
    background-image: url(/theme/image.php/olan/mod_workshop/1757783192/userplan/task-done)
}

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

.path-mod-workshop .userplan dd.phasetasks li.info {
    background-image: url(/theme/image.php/olan/mod_workshop/1757783192/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 .workshop-risk-dataloss {
    vertical-align: text-bottom
}

#registration-tab-content .input-group button.btn {
    border: solid 1px #8f959e
}

form#auto_submit {
    display: none
}

#registration-tab-content .input-group button.btn span.pix {
    padding-left: .5rem
}

.block_accessreview_success,.block_accessreview.block_accessreview_success.hasinfo {
    color: #1e451e;
    background: #eff5ef;
    box-shadow: 0 0 2px 2px #619a61
}

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

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

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

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

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

.block_accessreview_analysisbutton {
    text-align: center
}

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

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

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

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

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

.block_blog_tags .s20 {
    font-size: 1.5em;
    font-weight: 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_myoverview .whitebutton .btn-secondary {
    background: #fff;
    border-color: var(--bs-primary);
    color: var(--bs-primary)
}

.page-mycourses .block_myoverview .block-controls {
    display: none
}

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

.block_myprofile .myprofileitem.fullname {
    font-size: 1.5em;
    font-weight: 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/olan/core/1757783192/t/expanded)
}

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

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

.block_navigation .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/olan/core/1757783192/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 {
    background-image: url(/theme/image.php/olan/core/1757783192/t/collapsed);
    background-size: 16px 16px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-left: 22px
}

.block_private_files [role="treeitem"][aria-expanded="true"]>p {
    background-image: url(/theme/image.php/olan/core/1757783192/t/expanded);
    background-size: 16px 16px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-left: 22px
}

.block_private_files [role="treeitem"]:not([aria-expanded]) {
    background-image: repeating-linear-gradient(to right,rgb(0 0 0 / .5) 0,rgb(0 0 0 / .5) 1px,#fff0 1px,#fff0 2px),repeating-linear-gradient(to top,rgb(0 0 0 / .5) 0,rgb(0 0 0 / .5) 1px,#fff0 1px,#fff0 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,rgb(0 0 0 / .5) 0,rgb(0 0 0 / .5) 1px,#fff0 1px,#fff0 2px);
    background-repeat: no-repeat;
    background-position: left 8px top 100%;
    background-size: 1px 100%;
    padding-left: 22px;
    margin-left: 0
}

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

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

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

.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/olan/core/1757783192/t/expanded)
}

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

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

.block_settings .block_tree [aria-expanded="false"] p.loading {
    background-image: url(/theme/image.php/olan/core/1757783192/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 .activity-item .activity-grid {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-rows: 1fr repeat(4,min-content);
    grid-template-areas: "icon          name          actions" "visibility    visibility    visibility" "dates         dates         dates" "completion    completion    completion" "altcontent    altcontent    altcontent" "afterlink     afterlink     afterlink" "availability  availability  availability"
}

.block_site_main_menu .activity-item .activity-grid.noname-grid {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "actions" "visibility" "altcontent" "groupmode" "afterlink" "completion" "availability"
}

.block_site_main_menu .activity-item .activity-grid.noname-grid .activity-actions {
    justify-self: end
}

.block_site_main_menu .activity-groupmode-info {
    display: none
}

.block_social_activities .activity-item .activity-grid {
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-rows: 1fr repeat(4,min-content);
    grid-template-areas: "icon          name          actions" "visibility    visibility    visibility" "dates         dates         dates" "completion    completion    completion" "altcontent    altcontent    altcontent" "afterlink     afterlink     afterlink" "availability  availability  availability"
}

.block_social_activities .activity-item .activity-grid.noname-grid {
    grid-template-columns: 1fr min-content;
    grid-template-areas: "actions" "visibility" "altcontent" "groupmode" "afterlink" "completion" "availability"
}

.block_social_activities .activity-item .activity-grid.noname-grid .activity-actions {
    justify-self: end
}

.block_social_activities .activity-groupmode-info {
    display: none
}

.block_social_activities .inplaceeditable.inplaceeditingon input {
    width: 100%
}

.block_tag_flickr .flickr-photos {
    padding: 3px
}

.block_tag_youtube .youtube-thumb {
    padding: 3px;
    padding-bottom: .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
    }
}

.vjs-svg-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    fill: currentColor;
    height: 1.8em;
    width: 1.8em
}

.vjs-svg-icon:before {
    content: none!important
}

.vjs-svg-icon:hover,.vjs-control:focus .vjs-svg-icon {
    filter: drop-shadow(0 0 .25em #fff)
}

.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
    font-weight: 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-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10a"
}

.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 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: "\f10b"
}

.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 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: "\f10c"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f10d"
}

.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"
}

.vjs-icon-downloading {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-downloading:before {
    content: "\f10f"
}

.vjs-icon-file-download {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download:before {
    content: "\f110"
}

.vjs-icon-file-download-done {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download-done:before {
    content: "\f111"
}

.vjs-icon-file-download-off {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-file-download-off:before {
    content: "\f112"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f113"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f114"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f115"
}

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

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f117"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f118"
}

.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f119"
}

.vjs-icon-repeat {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-repeat:before {
    content: "\f11a"
}

.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f11b"
}

.vjs-icon-replay-5,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-5:before,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
    content: "\f11c"
}

.vjs-icon-replay-10,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-10:before,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
    content: "\f11d"
}

.vjs-icon-replay-30,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay-30:before,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
    content: "\f11e"
}

.vjs-icon-forward-5,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-5:before,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
    content: "\f11f"
}

.vjs-icon-forward-10,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-10:before,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
    content: "\f120"
}

.vjs-icon-forward-30,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-forward-30:before,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
    content: "\f121"
}

.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f122"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f123"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f124"
}

.vjs-icon-shuffle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-shuffle:before {
    content: "\f125"
}

.vjs-icon-cast {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cast:before {
    content: "\f126"
}

.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f127"
}

.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 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: "\f128"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f129"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f12a"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f12b"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f12c"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f12d"
}

.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f12e"
}

.video-js {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 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,body.vjs-pip-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important;
    display: block
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-pip-container .vjs-pip-text {
    position: absolute;
    bottom: 10%;
    font-size: 2em;
    background-color: rgb(0 0 0 / .7);
    padding: .5em;
    text-align: center;
    width: 100%
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text {
    bottom: 0;
    font-size: 1.4em
}

.vjs-hidden {
    display: none!important
}

.vjs-disabled {
    opacity: .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: 50%;
    left: 50%;
    padding: 0;
    margin-top: -.81666em;
    margin-left: -1.5em;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2B333F;
    background-color: rgb(43 51 63 / .7);
    border-radius: .3em;
    transition: all 0.4s
}

.vjs-big-play-button .vjs-svg-icon {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
    transform: translate(-50%,-50%)
}

.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgb(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:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
    outline: .0625em solid #fff;
    box-shadow: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgb(0 0 0 / .8);
    background: linear-gradient(180deg,rgb(0 0 0 / .8),#fff0);
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: .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: rgb(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
}

.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon,.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
    fill: #000
}

.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: rgb(43 51 63 / .7)
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
    left: unset;
    right: 1em
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgb(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 {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s
}

.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2B333F;
    background-color: rgb(43 51 63 / .7)
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
    gap: 1px
}

.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing {
    display: flex!important
}

.vjs-has-started .vjs-control-bar,.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s,opacity 0.1s
}

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

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

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

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

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

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

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

.vjs-button>.vjs-svg-icon {
    display: inline-block
}

.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em #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
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    line-height: .35em;
    z-index: 1
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
    content: none!important
}

.vjs-play-progress .vjs-svg-icon {
    position: absolute;
    top: -.35em;
    right: -.4em;
    width: .9em;
    height: .9em;
    pointer-events: none;
    line-height: .15em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgb(115 133 159 / .5)
}

.video-js .vjs-load-progress div {
    background: rgb(115 133 159 / .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgb(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,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .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
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgb(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;
    user-select: none;
    background-color: #73859f;
    background-color: rgb(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-spatial-navigation-enabled .vjs-slider:focus {
    outline: .0625em solid #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-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-svg-icons-enabled .vjs-volume-level:before {
    content: none
}

.vjs-volume-level .vjs-svg-icon {
    position: absolute;
    width: .9em;
    height: .9em;
    pointer-events: none;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    line-height: .35em;
    right: -.5em
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
    right: -.3em;
    transform: translateY(-50%)
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
    top: -.55em;
    transform: translateX(-50%)
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgb(43 51 63 / .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgb(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%
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgb(0 0 0 / .8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

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

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

.vjs-poster img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
    line-height: 0
}

.vjs-seek-to-live-control .vjs-svg-icon {
    width: 1em;
    height: 1em;
    pointer-events: none;
    fill: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
    fill: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
    display: flex
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.vjs-error .vjs-text-track-display {
    display: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

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

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

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

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

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
    text-align: center!important;
    width: 80%!important
}

@supports not (inset: 10px) {
    .video-js .vjs-text-track-display>div {
        top:0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

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

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control {
    display: none
}

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

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

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

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

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .85;
    text-align: left;
    border: .6em solid rgb(43 51 63 / .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 5em;
    height: 5em;
    border-radius: 50%;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: vjs-spinner-show 0s linear 0.3s forwards
}

.vjs-error .vjs-loading-spinner {
    display: none
}

.vjs-loading-spinner:before,.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff0;
    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 {
    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;
    animation-delay: 0.44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #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
}

.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
    width: 1.5em;
    height: 1.5em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10c";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f12e";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgb(43 51 63 / .75);
    color: #fff;
    height: 70%
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
    height: 80%
}

.vjs-error .vjs-text-track-settings {
    display: none
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 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-text-track-settings select {
    font-size: inherit
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 10px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
    padding: 0 .6em .8em
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    font-weight: 700;
    font-size: 1.2em
}

.vjs-text-track-settings .vjs-label {
    margin: 0 .5em .5em 0
}

.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg,#fff 88%,#73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgb(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
}

.vjs-title-bar {
    background: rgb(0 0 0 / .9);
    background: linear-gradient(180deg,rgb(0 0 0 / .9) 0%,rgb(0 0 0 / .7) 60%,#fff0 100%);
    font-size: 1.2em;
    line-height: 1.5;
    transition: opacity 0.1s;
    padding: .666em 1.333em 4em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vjs-error .vjs-title-bar {
    display: none
}

.vjs-title-bar-title,.vjs-title-bar-description {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vjs-title-bar-title {
    font-weight: 700;
    margin-bottom: .333em
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
    opacity: 0;
    transition: opacity 1s
}

.video-js .vjs-skip-forward-5 {
    cursor: pointer
}

.video-js .vjs-skip-forward-10 {
    cursor: pointer
}

.video-js .vjs-skip-forward-30 {
    cursor: pointer
}

.video-js .vjs-skip-backward-5 {
    cursor: pointer
}

.video-js .vjs-skip-backward-10 {
    cursor: pointer
}

.video-js .vjs-skip-backward-30 {
    cursor: pointer
}

.video-js .vjs-transient-button {
    position: absolute;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(50 50 50 / .5);
    cursor: pointer;
    opacity: 1;
    transition: opacity 1s
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
    display: none
}

.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
    opacity: 0
}

.video-js .vjs-transient-button span {
    padding: 0 .5em
}

.video-js .vjs-transient-button.vjs-left {
    left: 1em
}

.video-js .vjs-transient-button.vjs-right {
    right: 1em
}

.video-js .vjs-transient-button.vjs-top {
    top: 1em
}

.video-js .vjs-transient-button.vjs-near-top {
    top: 4em
}

.video-js .vjs-transient-button.vjs-bottom {
    bottom: 4em
}

.video-js .vjs-transient-button:hover {
    background-color: rgb(50 50 50 / .9)
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none
}

.video-js *:focus:not(:focus-visible) {
    outline: none
}

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

pre[class*="language-"] {
    color: #000;
    background: none;
    text-shadow: 0 1px #fff;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class*="language-"]::selection,pre[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    pre[class*="language-"] {
        text-shadow: none
    }
}

pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

pre[class*="language-"] {
    background: #f5f2f0
}

.token.comment,.token.prolog,.token.doctype,.token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.token.namespace {
    opacity: .7
}

.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted {
    color: #905
}

.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted {
    color: #690
}

.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string {
    color: #9a6e3a;
    background: hsl(0 0% 100% / .5)
}

.token.atrule,.token.attr-value,.token.keyword {
    color: #07a
}

.token.function,.token.class-name {
    color: #dd4a68
}

.token.regex,.token.important,.token.variable {
    color: #e90
}

.token.important,.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

#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
}

.modal-dialog .mediaplugin {
    width: 100vw
}

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

.format-singleactivity .tree_item.orphaned a {
    color: red
}

#page-report-completion-index table#completion-progress {
    margin-top: 20px;
    margin-bottom: 30px
}

#page-report-completion-index .export-actions {
    text-align: center;
    list-style: none
}

#page-report-completion-index .criterianame,#page-report-completion-index .criteriaicon,#page-report-completion-index .completion-progresscell {
    text-align: center
}

#page-report-completion-index .rotated-text-container {
    display: inline-block;
    width: 16px
}

#page-report-completion-index .rotated-text {
    display: inline-block;
    white-space: nowrap;
    transform: translate(0,100%) rotate(-90deg);
    transform-origin: 0 0;
    vertical-align: middle
}

#page-report-completion-index .rotated-text:after {
    content: "";
    float: left;
    margin-top: 100%
}

.report-eventlist-name {
    color: #888;
    font-size: .75em
}

.report-eventlist-datatable-table>div>table {
    width: 100%
}

#page-admin-report-eventlist-index dt {
    float: left;
    text-align: right;
    width: 20em
}

#page-admin-report-eventlist-index dd {
    display: block;
    text-align: left;
    margin-left: 21em
}

#page-admin-report-eventlist-index dd+dd {
    clear: left
}

@media (max-width: 767px) {
    #page-admin-report-eventlist-index dt {
        width:100%;
        text-align: left
    }

    #page-admin-report-eventlist-index dd {
        margin-left: 0
    }

    #page-admin-report-eventlist-index dd+dd {
        margin-left: 0
    }
}

#page-report-log-index .info {
    margin: 10px
}

#page-report-log-index .logselectform {
    margin: 10px auto
}

#page-report-log-user .info {
    margin: 10px;
    text-align: center
}

#page-report-loglive-index .info {
    margin: 10px
}

table.flexible>tbody>tr:nth-child(n).newrow>td {
    background: #d4d4d4
}

#page-report-outline-user table tr td {
    padding: 10px 3px;
    min-width: 20px
}

#page-report-outline-user .subsection .icon {
    padding-left: 10px
}

#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 table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-spacing: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    margin-bottom: 2em;
    height: 100%
}

.path-grade-report-grader .gradeparent .cell {
    border: 1px solid #ccc;
    border-top-width: 0;
    border-left-width: 0;
    padding: .5rem 1rem;
    vertical-align: top;
    height: 100%
}

.path-grade-report-grader .overriddengrade {
    color: #495057;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.path-grade-report-grader .gradepass {
    color: #357a32
}

.path-grade-report-grader .gradefail {
    color: #ca3120
}

.path-grade-report-grader .grade_icons,.path-grade-report-grader .category_grade_icons {
    white-space: nowrap;
    margin-top: .5rem
}

.path-grade-report-grader .grade_type_value .grade_icons {
    margin-left: auto
}

.path-grade-report-grader .grade_icons .icon {
    margin-right: 1rem;
    font-size: 14px;
    width: 24px
}

.path-grade-report-grader .grade_icons .icon:last-child {
    margin-right: 0
}

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

.path-grade-report-grader .gradeparent .heading .header,.path-grade-report-grader .gradeparent .heading .userfield {
    white-space: nowrap
}

.path-grade-report-grader .heading .gradeitemheader {
    text-indent: -2rem;
    padding-left: 2rem;
    padding-top: 6px
}

.path-grade-report-grader .dropdown-item {
    text-align: left
}

.path-grade-report-grader .heading .gradeitemheader .itemicon {
    text-align: right
}

.path-grade-report-grader .gradeparent .user.cell {
    white-space: nowrap
}

.path-grade-report-grader .gradeparent .highlightable.cell {
    min-width: 200px
}

.path-grade-report-grader .gradeparent .highlightable.cell.collapsed {
    min-width: unset
}

.path-grade-report-grader .gradeparent .user.cell .userpicture {
    border: none;
    vertical-align: middle
}

.path-grade-report-grader .gradeitemheader {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    vertical-align: middle
}

.path-grade-report-grader .gradeparent .range .header,.path-grade-report-grader .gradeparent .avg .header,.path-grade-report-grader .gradeparent .groupavg .header {
    font-weight: 700;
    text-align: right
}

.path-grade-report-grader .gradeparent .avg.floating .cell {
    border-top-width: 1px
}

.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
    padding-top: 0;
    padding-bottom: 0
}

.path-grade-report-grader .gradeparent .sorticon {
    vertical-align: middle;
    margin: 0
}

.path-grade-report-grader .gradeparent td.grade_type_value,.path-grade-report-grader .gradeparent td.grade_type_value input,.path-grade-report-grader .gradeparent td.grade_type_value div {
    text-align: right;
    margin-left: auto
}

.path-grade-report-grader .gradeparent .gradevalue {
    display: inline-block
}

.path-grade-report-grader .header,.path-grade-report-grader td.userfield div {
    padding-top: 6px
}

.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
    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
}

.path-grade-report-grader .gradeparent .text {
    border: 1px solid #666;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center
}

.path-grade-report-grader .gradeparent table .action-menu {
    display: inline-block;
    margin-right: -.5rem;
    padding-left: .5rem
}

.path-grade-report-grader .gradeparent table .heading .action-menu {
    padding-left: 0
}

.path-grade-report-grader .dropdown-menu {
    width: max-content
}

.path-grade-report-grader .initialsdropdown {
    width: 460px
}

.path-grade-report-grader .initialsdropdown::after {
    content: ''
}

.path-grade-report-grader .usersearchwidget::after {
    content: ''
}

.path-grade-report-grader .usersearchwidget {
    pointer-events: none
}

.path-grade-report-grader .usersearchwidget input {
    pointer-events: initial;
    z-index: 1
}

.path-grade-report-grader .usersearchwidget button,.path-grade-report-grader .usersearchwidget a {
    pointer-events: initial
}

.path-grade-report-grader .usersearchdropdown {
    max-height: 400px;
    width: 300px;
    pointer-events: all;
    padding: 0
}

.path-grade-report-grader .usersearchdropdown .unsearchablecontentcontainer {
    position: sticky;
    bottom: 0;
    background-color: #fff
}

.path-grade-report-grader .usersearchdropdown .footer {
    border-top: 1px solid #dee2e6;
    font-size: 90%
}

.collapsecolumndropdown.show {
    width: 300px;
    max-height: 300px
}

@media only screen and (min-width: 768px) {
    .path-grade-report-grader .gradeparent table {
        padding-right:6em
    }
}

.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.selectitems {
    display: block;
    text-align: right;
    clear: both
}

.path-grade-report-singleview div.singleselect+div.singleselect select,.path-grade-report-singleview div.groupselector select {
    margin-right: 0
}

.path-grade-report-singleview div.reporttable div.singleselect form div {
    text-align: center
}

.path-grade-report-singleview div.reporttable table.reporttable {
    margin: 0 auto 15px auto
}

.path-grade-report-singleview div.reporttable form div {
    text-align: left
}

.path-grade-report-singleview div.reporttable h2 {
    text-align: left
}

.path-grade-report-singleview .overrideexcludecheck {
    width: 14.75px;
    height: 12px;
    color: #2ca14f
}

.path-grade-report-singleview .report-navigation .container {
    max-width: 1060px;
    margin-left: 0
}

.path-grade-report-singleview .zero-state img {
    width: 185px
}

.path-grade-report-singleview .reporttable thead th,.path-grade-report-singleview .reporttable thead td {
    white-space: nowrap;
    border: none
}

.path-grade-report-singleview .reporttable tbody tr,.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd),.path-grade-report-singleview .reporttable tbody tr:hover {
    color: inherit;
    background-color: #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: #f8f9fa
}

.path-grade-report-user .user-grade td,.grade-report-user .user-grade td {
    min-width: 4.5em;
    background-color: #f8f9fa;
    border: none;
    vertical-align: middle
}

.path-grade-report-user .user-grade .b1l,.grade-report-user .user-grade .b1l {
    padding: 0;
    width: 24px;
    min-width: 24px
}

.path-grade-report-user .user-grade tbody .column-itemname,.grade-report-user .user-grade tbody .column-itemname {
    padding-left: 24px;
    padding-right: 8px
}

.path-grade-report-user .user-grade .column-itemname.baggt,.path-grade-report-user .user-grade .column-itemname.baggb,.grade-report-user .user-grade .column-itemname.baggt,.grade-report-user .user-grade .column-itemname.baggb {
    padding-left: 0
}

.path-grade-report-user .user-grade .baggt,.path-grade-report-user .user-grade .baggb,.grade-report-user .user-grade .baggt,.grade-report-user .user-grade .baggb {
    font-weight: 700;
    background-color: #f8f9fa;
    border: none
}

.path-grade-report-user .user-report-container,.grade-report-user .user-report-container {
    margin: 20px 0 30px 0;
    padding: 10px 10px;
    background-color: #f8f9fa
}

.path-grade-report-user .user-grade tbody tr,.grade-report-user .user-grade tbody tr {
    background-color: #f8f9fa
}

.path-grade-report-user .user-grade tbody tr:hover,.grade-report-user .user-grade tbody tr:hover {
    color: inherit;
    background-color: #f8f9fa
}

.path-grade-report-user .user-grade tbody tr.spacer,.grade-report-user .user-grade tbody tr.spacer {
    height: .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,.path-grade-report-user .user-grade td.column-grade .action-menu {
        display: none
    }
}

.gradingform_guide-fac {
    position: absolute;
    right: -5px;
    top: 5px
}

.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: #fff0 url(/theme/image.php/olan/core/1757783192/t/delete) no-repeat center;
    margin: .3em .3em 0 .3em
}

.gradingform_rubric.editor .criterion .controls .duplicate input {
    width: 24px;
    height: 24px;
    background: #fff0 url(/theme/image.php/olan/core/1757783192/t/copy) no-repeat center;
    margin: .3em .3em 0 .3em
}

.gradingform_rubric.editor .levels .level .delete input {
    width: 24px;
    height: 24px;
    background: #fff0 url(/theme/image.php/olan/core/1757783192/t/delete) no-repeat center
}

.gradingform_rubric.editor .moveup input {
    width: 24px;
    height: 24px;
    background: #fff0 url(/theme/image.php/olan/core/1757783192/t/up) no-repeat center;
    margin: .3em .3em 0 .3em
}

.gradingform_rubric.editor .movedown input {
    width: 24px;
    height: 24px;
    background: #fff0 url(/theme/image.php/olan/core/1757783192/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/olan/core/1757783192/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: #fff0;
    border: 0 solid;
    height: 1px;
    width: 1px;
    color: #fff0;
    padding: 0;
    margin: 0;
    position: relative;
    float: right
}

.gradingpanel-gradingform_rubric [aria-checked="true"] {
    border: 1px solid #000
}

#page-admin-question-bank-columnsortorder-sortcolumns .addcolumn {
    display: inline-block
}

.qbank-sortable-column {
    background-color: #fff;
    position: relative
}

.jsenabled .qbank-column-list button.savewidths {
    display: none
}

.qbank-sortable-column .qbank_columnsortorder-action-handle {
    display: none
}

.qbank-sortable-column.show-handles .qbank_columnsortorder-action-handle {
    display: block
}

.qbank-sortable-column .handle-container {
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 40%;
    z-index: 1
}

.qbank_columnsortorder-action-handle {
    pointer-events: auto
}

.qbank_columnsortorder-action-handle.move {
    margin-left: -21px;
    width: 16px
}

.qbank_columnsortorder-action-handle.resize {
    cursor: col-resize;
    position: absolute;
    top: 0;
    right: 5px
}

.qbank_columnsortorder-action-handle.resize img {
    pointer-events: none
}

.qbank_columnsortorder-action-handle .icon {
    margin-right: 0
}

.question-comment-view .comment-ctrl .comment-area {
    max-width: none;
    width: 100%
}

.qbank_managecategories-categorylist {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 1rem
}

.qbank_managecategories-handlecontainer {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.qbank_managecategories-item .container {
    padding: .75rem
}

.qbank_managecategories-item {
    width: 100%;
    list-style: none;
    border-top: 1px solid #dee2e6
}

.qbank_managecategories-item:first-child {
    border-top-color: #fff0
}

.qbank_managecategories-item:last-child {
    border-bottom: 1px solid #fff0
}

.qbank_managecategories-item .qbank_managecategories-item:first-child {
    border-top-color: #dee2e6
}

.qbank_managecategories-details p:last-child {
    margin-bottom: 0
}

.qbank_managecategories-childlistcontainer:empty {
    display: none
}

.qbank_managecategories-draghandle {
    display: none;
    opacity: .45
}

.qbank_managecategories-item.draghandle .qbank_managecategories-draghandle {
    display: inline
}

.qbank_managecategories-item.draghandle>.container {
    border: 2px solid #fff0;
    border-radius: 1rem
}

.qbank_managecategories-item.draghandle>.container:hover {
    cursor: move;
    border-color: #0f6cbf;
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075)
}

.dropdown-item.show-when-movable {
    display: none
}

.qbank_managecategories-item.draghandle .dropdown-item.show-when-movable {
    display: block
}

.qbank_managecategories-categorylist .qbank_managecategories-categorylist {
    padding: 0 0 .5rem 0;
    border: 0;
    border-radius: 0
}

.editing .qbank_managecategories-item .container:hover:has(.container:hover) {
    border-color: #fff0
}

.qbank_managecategories-newchild {
    display: none;
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: .25rem 1rem;
    color: #dee2e6;
    font-weight: 700
}

.qbank_managecategories-newchild.qbank_managecategories-droptarget,.qbank_managecategories-droptarget-before>.container>.row>.qbank_managecategories-contentcontainer>:not(.qbank_managecategories-childlistcontainer) .qbank_managecategories-newchild {
    display: unset
}

.qbank_managecategories-description {
    display: none
}

.showdescriptions .qbank_managecategories-description {
    display: unset
}

.question-bank-table td.questionlastused span.date {
    font-weight: 400;
    font-size: .8em
}

.jsenabled .question-text-format .input-group button {
    display: none
}

.qbehaviour_deferredcbm_slightlyunderconfident,.qbehaviour_deferredcbm_slightlyoverconfident {
    font-weight: 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 [data-search="capability"] {
    min-width: 675px
}

.path-admin-tool-capability .comparisontable {
    margin-top: 150px
}

.path-admin-tool-capability .comparisontable th,.path-admin-tool-capability .comparisontable td {
    vertical-align: middle;
    padding: .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 rgb(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
}

ul.competency-tree img {
    width: 16px;
    height: 16px
}

[data-region="managecompetencies"] a .icon,[data-region="plan-page"] a .icon {
    color: initial
}

[data-region="managecompetencies"] h2 a .icon,[data-region="plan-page"] h2 a .icon {
    font-size: smaller
}

#page-admin-tool-messageinbound-index .handler-function {
    display: block;
    padding: 0 .5em;
    color: #888;
    font-size: .75em
}

#page-admin-tool-messageinbound-index .state,#page-admin-tool-messageinbound-index .edit {
    text-align: center
}

input.tool-mfa-verification-code,.tool-mfa-verification-code input {
    font-size: 1.5em!important;
    font-family: monospace;
    text-align: center;
    letter-spacing: 1em;
    font-weight: 700
}

.tool-mfa-factor-choose,.tool-mfa-factor-choose:hover {
    background-color: #fff;
    border-color: #3584c9;
    border-width: 1px;
    width: 100%;
    border-radius: .5rem
}

.tool-mfa-factor-choose:hover,.tool-mfa-factor-choose:hover .tool-mfa-factor-choose-text {
    text-decoration: underline;
    color: #094478;
    background-color: #cfe2f2
}

.mfa-verify-form input[type="submit"] {
    height: 50px;
    font-size: 1.05rem
}

.mfa-verify-form .invalid-feedback {
    font-weight: 700
}

.mfa-verify-form .form-group.fitem,.mfa-verify-form .form-group.fitem>span,.mfa-verify-form .form-group.fitem>span>input {
    width: 100%
}

#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: rgb(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: absolute
}

.eupopup-container-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.eupopup-closebutton {
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
    color: #a2a2a2;
    opacity: .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
}

.path-admin .task-output {
    color: #fff;
    background: #333;
    padding: 1em;
    a {
        color: #fff;
        text-decoration: underline
    }
}

[data-region="displaytemplateexample"] {
    border-radius: 4px;
    border: 1px inset #e3e3e3;
    padding: 1em
}

div[data-flexitour="backdrop"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

span[data-flexitour="container"] .modal-dialog {
    max-width: 400px
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header {
    border-bottom: 0
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal,span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal {
    padding-top: 0;
    padding-bottom: 0
}

span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer {
    justify-content: flex-start;
    border-top: 0
}

span[data-flexitour="container"].orphan {
    position: absolute
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
    display: none
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
    display: none
}

.path-admin-local-usertours .stepcreator .input-append {
    font-size: inherit
}

.tour-actions>ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.tour-actions>ul>li {
    background-color: #f5f5f5
}

.tour-actions>ul {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.tour-actions>ul>li {
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: .5em;
    text-align: center;
    width: 13em
}

.tour-actions>ul>li>a {
    height: 100%;
    display: block;
    padding: 1em
}

@media (max-width: 575.98px) {
    span[data-flexitour="container"] {
        margin-left:10px
    }

    span[data-flexitour="container"] .modal-content {
        overflow-y: initial
    }

    span[data-flexitour="container"].orphan {
        margin-left: 5px;
        margin-right: 5px
    }
}

.path-admin-tool-xmldb a[name="lastused"] {
    padding-top: 50px
}

.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 rgb(255 255 255 / .2),0 1px 20px rgb(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 button {
    margin: 0;
    background: none
}

.assignfeedback_editpdf_widget .pageheader button:hover {
    background-color: #ebebeb;
    background-image: radial-gradient(ellipse at center,#fff 60%,#dfdfdf 100%)
}

.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
    background-color: #dfdfdf;
    background-image: radial-gradient(ellipse at center,#fff 40%,#dfdfdf 100%)
}

.assignfeedback_editpdf_widget .commentdrawable img {
    margin: 0 5px
}

.assignfeedback_editpdf_widget .commentdrawable a {
    float: right;
    position: relative;
    left: -17px;
    top: 2px;
    height: 16px;
    width: 16px
}

.assignfeedback_editpdf_widget .commentdrawable textarea {
    padding: 4px;
    padding-right: 20px;
    resize: none;
    overflow: hidden;
    color: #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
}

.warning-desc {
    word-wrap: break-word
}

.warning-desc li {
    margin-bottom: 10px
}

.tiny-aiplacement-overlay {
    position: absolute;
    background: rgb(255 255 255);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2
}

.tiny-aiplacement-blur {
    filter: blur(4px)
}

.tiny-aiplacement-loading-spinner-container {
    min-height: 300px
}

.tiny-aiplacement-loading-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.tiny-aiplacement-spinner-style {
    width: 3rem!important;
    height: 3rem!important;
    color: #0f6cbf;
    z-index: 1000
}

.tiny-aiplacement-spinner-text-style {
    font-size: 1.5rem;
    font-weight: 700;
    z-index: 1000
}

.tiny-aiplacement-generate-image,.tiny-aiplacement-generate-text {
    border-radius: 15px;
    border: 2px dashed #bbb;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 150px;
    margin-left: 0;
    margin-top: 0
}

.tiny-aiplacement-generate-text textarea:disabled {
    background-color: unset
}

.tiny_aiplacement_modal {
    min-height: 30em
}

.tiny-aiplacement-fa-image {
    height: 100%;
    width: 100%;
    background-image: url(/theme/image.php/olan/tiny_aiplacement/1757783192/sparkles-image);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(255 255 255 / .5);
    background-blend-mode: lighten;
    background-size: 100px 100px
}

.tiny-aiplacement-toggle-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.tiny-aiplacement-toggle-switch {
    display: none
}

.tiny-aiplacement-toggle-slider {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 34px;
    padding: 2px;
    border: 1px solid #aaa
}

.tiny-aiplacement-toggle-slider span {
    width: 50%;
    text-align: center;
    padding: 5px 0;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s,color 0.3s
}

.tiny-aiplacement-toggle-switch:checked+.tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-right {
    background-color: #007bff;
    color: #fff
}

.tiny-aiplacement-toggle-switch:not(:checked)+.tiny-aiplacement-toggle-slider .tiny-aiplacement-slider-left {
    background-color: #007bff;
    color: #fff
}

.tiny-aiplacement-aspect-ratio-container {
    display: flex
}

.tiny-aiplacement-aspect-ratio-btn {
    position: relative;
    width: 100px;
    height: 75px;
    background-color: #f8f9fa;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s,border-color 0.3s
}

.tiny-aiplacement-aspect-ratio-btn i {
    font-size: 30px;
    margin-bottom: 5px
}

.tiny-aiplacement-aspect-ratio-btn span {
    font-size: 14px
}

.tiny-aiplacement-aspect-ratio-btn input[type="radio"] {
    display: none
}

.tiny-aiplacement-aspect-ratio-btn input[type="radio"]:checked+.tiny-aiplacement-aspect-ratio-label {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff
}

.tiny-aiplacement-aspect-ratio-label {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    transition: background-color 0.3s,border-color 0.3s;
    border: 1px solid #aaa
}

.tiny-aiplacement-fa-text {
    height: 100%;
    width: 100%;
    background-image: url(/theme/image.php/olan/tiny_aiplacement/1757783192/sparkles-text);
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(255 255 255 / .5);
    background-blend-mode: lighten;
    background-size: 100px 100px
}

.tiny-aiplacement-generate-footer button img {
    width: 1.5em;
    margin-right: .2em
}

.tiny-aiplacement-error-display {
    margin: 0 auto
}

.ai-policy-heading {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0f6cbf
}

.ai-policy-display {
    font-size: 1.1rem;
    margin-left: 20px;
    margin-right: 20px
}

.ai-policy-display br {
    line-height: 2.5rem
}

@media (max-width: 767px) {
    .tiny_aiplacement_textresponse_placeholder {
        min-height:12em;
        margin-top: 20px
    }
}

.tiny_equation_library button {
    margin: .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_image_form .tiny_image_dropzone_container,.tiny_media_form .tiny_media_dropzone_container {
    height: 200px
}

.tiny_image_form .tiny_image_dropzone_container .dropzone-label,.tiny_media_form .tiny_media_dropzone_container .dropzone-label {
    font-size: 1.25rem
}

.tiny_image_form .tiny_image_loader_container,.tiny_media_form .tiny_media_loader_container {
    height: 200px
}

.tiny_image_form .tiny_image_preview_box {
    height: 300px
}

.tiny_media_form .tiny_media_preview_box {
    height: 100%
}

.tiny_image_form .tiny_image_preview_box,.tiny_media_form .tiny_media_preview_box {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.tiny_media_form .tiny_media_preview_box {
    position: relative
}

.tiny_media_form .tiny_media_preview_box img {
    max-height: 300px
}

.tiny_image_form .tiny_image_deleteicon,.tiny_media_form .tiny_media_delete_icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1;
    background: rgb(255 255 255);
    padding: 5px 10px
}

.tiny_image_form .tiny_image_deleteicon .fa-trash,.tiny_media_form .tiny_media_delete_icon .fa-trash {
    color: #1d2125
}

@media (max-width: 767px) {
    .tiny_image_form .tiny_image_properties_col,.tiny_media_form .tiny_media_properties_col {
        padding:0
    }
}

.subtitle-caption {
    text-decoration: underline
}

.upload-custom-thumbnail,.delete-custom-thumbnail {
    width: 100%
}

.cs-link {
    margin-left: -23px
}

.dropzone-container .dropzone-icon img.icon {
    height: .83em;
    opacity: .4
}

.tiny_media_preview_tag {
    max-height: 500px
}

.link_as_audio i,.link_as_video i {
    font-size: 5em;
    color: #bdc6cd
}

.link_as_audio:hover i,.link_as_video:hover i {
    color: #616161
}

#media-filter-preview-container>video {
    width: 100%
}

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

@charset "UTF-8";:root {
    --main-color: #1C43FE;
    --secondary-color: #FE3F10;
    --tertiary-color: #42B9A8;
    --footerBG: #FFF7F5;
    --footerBG2: #F7F8FF;
    --footerBG3: #F6F9FF;
    --dashboardBG: #5e72e4;
    --dashboardBG2: #825ee4;
    --dashboardGradient: linear-gradient(135deg, var(--dashboardBG) 0%, var(--dashboardBG2) 100%);
    --black-color: #131F34
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,:host {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/theme/font.php/olan/core/1757783192/fa-brands-400.woff2) format("woff2"),url(/theme/font.php/olan/core/1757783192/fa-brands-400.ttf) format("truetype")
}

.fab,.fa-brands {
    font-weight: 400
}

.fa-monero {
    --fa: ""
}

.fa-hooli {
    --fa: ""
}

.fa-yelp {
    --fa: ""
}

.fa-cc-visa {
    --fa: ""
}

.fa-lastfm {
    --fa: ""
}

.fa-shopware {
    --fa: ""
}

.fa-creative-commons-nc {
    --fa: ""
}

.fa-aws {
    --fa: ""
}

.fa-redhat {
    --fa: ""
}

.fa-yoast {
    --fa: ""
}

.fa-cloudflare {
    --fa: ""
}

.fa-ups {
    --fa: ""
}

.fa-pixiv {
    --fa: ""
}

.fa-wpexplorer {
    --fa: ""
}

.fa-dyalog {
    --fa: ""
}

.fa-bity {
    --fa: ""
}

.fa-stackpath {
    --fa: ""
}

.fa-buysellads {
    --fa: ""
}

.fa-first-order {
    --fa: ""
}

.fa-modx {
    --fa: ""
}

.fa-guilded {
    --fa: ""
}

.fa-vnv {
    --fa: ""
}

.fa-square-js {
    --fa: ""
}

.fa-js-square {
    --fa: ""
}

.fa-microsoft {
    --fa: ""
}

.fa-qq {
    --fa: ""
}

.fa-orcid {
    --fa: ""
}

.fa-java {
    --fa: ""
}

.fa-invision {
    --fa: ""
}

.fa-creative-commons-pd-alt {
    --fa: ""
}

.fa-centercode {
    --fa: ""
}

.fa-glide-g {
    --fa: ""
}

.fa-drupal {
    --fa: ""
}

.fa-jxl {
    --fa: ""
}

.fa-dart-lang {
    --fa: ""
}

.fa-hire-a-helper {
    --fa: ""
}

.fa-creative-commons-by {
    --fa: ""
}

.fa-unity {
    --fa: ""
}

.fa-whmcs {
    --fa: ""
}

.fa-rocketchat {
    --fa: ""
}

.fa-vk {
    --fa: ""
}

.fa-untappd {
    --fa: ""
}

.fa-mailchimp {
    --fa: ""
}

.fa-css3-alt {
    --fa: ""
}

.fa-square-reddit {
    --fa: ""
}

.fa-reddit-square {
    --fa: ""
}

.fa-vimeo-v {
    --fa: ""
}

.fa-contao {
    --fa: ""
}

.fa-square-font-awesome {
    --fa: ""
}

.fa-deskpro {
    --fa: ""
}

.fa-brave {
    --fa: ""
}

.fa-sistrix {
    --fa: ""
}

.fa-square-instagram {
    --fa: ""
}

.fa-instagram-square {
    --fa: ""
}

.fa-battle-net {
    --fa: ""
}

.fa-the-red-yeti {
    --fa: ""
}

.fa-square-hacker-news {
    --fa: ""
}

.fa-hacker-news-square {
    --fa: ""
}

.fa-edge {
    --fa: ""
}

.fa-threads {
    --fa: ""
}

.fa-napster {
    --fa: ""
}

.fa-square-snapchat {
    --fa: ""
}

.fa-snapchat-square {
    --fa: ""
}

.fa-google-plus-g {
    --fa: ""
}

.fa-artstation {
    --fa: ""
}

.fa-markdown {
    --fa: ""
}

.fa-sourcetree {
    --fa: ""
}

.fa-google-plus {
    --fa: ""
}

.fa-diaspora {
    --fa: ""
}

.fa-foursquare {
    --fa: ""
}

.fa-stack-overflow {
    --fa: ""
}

.fa-github-alt {
    --fa: ""
}

.fa-phoenix-squadron {
    --fa: ""
}

.fa-pagelines {
    --fa: ""
}

.fa-algolia {
    --fa: ""
}

.fa-red-river {
    --fa: ""
}

.fa-creative-commons-sa {
    --fa: ""
}

.fa-safari {
    --fa: ""
}

.fa-google {
    --fa: ""
}

.fa-square-font-awesome-stroke {
    --fa: ""
}

.fa-font-awesome-alt {
    --fa: ""
}

.fa-atlassian {
    --fa: ""
}

.fa-linkedin-in {
    --fa: ""
}

.fa-digital-ocean {
    --fa: ""
}

.fa-nimblr {
    --fa: ""
}

.fa-chromecast {
    --fa: ""
}

.fa-evernote {
    --fa: ""
}

.fa-hacker-news {
    --fa: ""
}

.fa-creative-commons-sampling {
    --fa: ""
}

.fa-adversal {
    --fa: ""
}

.fa-creative-commons {
    --fa: ""
}

.fa-watchman-monitoring {
    --fa: ""
}

.fa-fonticons {
    --fa: ""
}

.fa-weixin {
    --fa: ""
}

.fa-shirtsinbulk {
    --fa: ""
}

.fa-codepen {
    --fa: ""
}

.fa-git-alt {
    --fa: ""
}

.fa-lyft {
    --fa: ""
}

.fa-rev {
    --fa: ""
}

.fa-windows {
    --fa: ""
}

.fa-wizards-of-the-coast {
    --fa: ""
}

.fa-square-viadeo {
    --fa: ""
}

.fa-viadeo-square {
    --fa: ""
}

.fa-meetup {
    --fa: ""
}

.fa-centos {
    --fa: ""
}

.fa-adn {
    --fa: ""
}

.fa-cloudsmith {
    --fa: ""
}

.fa-opensuse {
    --fa: ""
}

.fa-pied-piper-alt {
    --fa: ""
}

.fa-square-dribbble {
    --fa: ""
}

.fa-dribbble-square {
    --fa: ""
}

.fa-codiepie {
    --fa: ""
}

.fa-node {
    --fa: ""
}

.fa-mix {
    --fa: ""
}

.fa-steam {
    --fa: ""
}

.fa-cc-apple-pay {
    --fa: ""
}

.fa-scribd {
    --fa: ""
}

.fa-debian {
    --fa: ""
}

.fa-openid {
    --fa: ""
}

.fa-instalod {
    --fa: ""
}

.fa-files-pinwheel {
    --fa: ""
}

.fa-expeditedssl {
    --fa: ""
}

.fa-sellcast {
    --fa: ""
}

.fa-square-twitter {
    --fa: ""
}

.fa-twitter-square {
    --fa: ""
}

.fa-r-project {
    --fa: ""
}

.fa-delicious {
    --fa: ""
}

.fa-freebsd {
    --fa: ""
}

.fa-vuejs {
    --fa: ""
}

.fa-accusoft {
    --fa: ""
}

.fa-ioxhost {
    --fa: ""
}

.fa-fonticons-fi {
    --fa: ""
}

.fa-app-store {
    --fa: ""
}

.fa-cc-mastercard {
    --fa: ""
}

.fa-itunes-note {
    --fa: ""
}

.fa-golang {
    --fa: ""
}

.fa-kickstarter {
    --fa: ""
}

.fa-square-kickstarter {
    --fa: ""
}

.fa-grav {
    --fa: ""
}

.fa-weibo {
    --fa: ""
}

.fa-uncharted {
    --fa: ""
}

.fa-firstdraft {
    --fa: ""
}

.fa-square-youtube {
    --fa: ""
}

.fa-youtube-square {
    --fa: ""
}

.fa-wikipedia-w {
    --fa: ""
}

.fa-wpressr {
    --fa: ""
}

.fa-rendact {
    --fa: ""
}

.fa-angellist {
    --fa: ""
}

.fa-galactic-republic {
    --fa: ""
}

.fa-nfc-directional {
    --fa: ""
}

.fa-skype {
    --fa: ""
}

.fa-joget {
    --fa: ""
}

.fa-fedora {
    --fa: ""
}

.fa-stripe-s {
    --fa: ""
}

.fa-meta {
    --fa: ""
}

.fa-laravel {
    --fa: ""
}

.fa-hotjar {
    --fa: ""
}

.fa-bluetooth-b {
    --fa: ""
}

.fa-square-letterboxd {
    --fa: ""
}

.fa-sticker-mule {
    --fa: ""
}

.fa-creative-commons-zero {
    --fa: ""
}

.fa-hips {
    --fa: ""
}

.fa-css {
    --fa: ""
}

.fa-behance {
    --fa: ""
}

.fa-reddit {
    --fa: ""
}

.fa-discord {
    --fa: ""
}

.fa-chrome {
    --fa: ""
}

.fa-app-store-ios {
    --fa: ""
}

.fa-cc-discover {
    --fa: ""
}

.fa-wpbeginner {
    --fa: ""
}

.fa-confluence {
    --fa: ""
}

.fa-shoelace {
    --fa: ""
}

.fa-mdb {
    --fa: ""
}

.fa-dochub {
    --fa: ""
}

.fa-accessible-icon {
    --fa: ""
}

.fa-ebay {
    --fa: ""
}

.fa-amazon {
    --fa: ""
}

.fa-unsplash {
    --fa: ""
}

.fa-yarn {
    --fa: ""
}

.fa-square-steam {
    --fa: ""
}

.fa-steam-square {
    --fa: ""
}

.fa-500px {
    --fa: ""
}

.fa-square-vimeo {
    --fa: ""
}

.fa-vimeo-square {
    --fa: ""
}

.fa-asymmetrik {
    --fa: ""
}

.fa-font-awesome {
    --fa: ""
}

.fa-font-awesome-flag {
    --fa: ""
}

.fa-font-awesome-logo-full {
    --fa: ""
}

.fa-gratipay {
    --fa: ""
}

.fa-apple {
    --fa: ""
}

.fa-hive {
    --fa: ""
}

.fa-gitkraken {
    --fa: ""
}

.fa-keybase {
    --fa: ""
}

.fa-apple-pay {
    --fa: ""
}

.fa-padlet {
    --fa: ""
}

.fa-amazon-pay {
    --fa: ""
}

.fa-square-github {
    --fa: ""
}

.fa-github-square {
    --fa: ""
}

.fa-stumbleupon {
    --fa: ""
}

.fa-fedex {
    --fa: ""
}

.fa-phoenix-framework {
    --fa: ""
}

.fa-shopify {
    --fa: ""
}

.fa-neos {
    --fa: ""
}

.fa-square-threads {
    --fa: ""
}

.fa-hackerrank {
    --fa: ""
}

.fa-researchgate {
    --fa: ""
}

.fa-swift {
    --fa: ""
}

.fa-angular {
    --fa: ""
}

.fa-speakap {
    --fa: ""
}

.fa-angrycreative {
    --fa: ""
}

.fa-y-combinator {
    --fa: ""
}

.fa-empire {
    --fa: ""
}

.fa-envira {
    --fa: ""
}

.fa-google-scholar {
    --fa: ""
}

.fa-square-gitlab {
    --fa: ""
}

.fa-gitlab-square {
    --fa: ""
}

.fa-studiovinari {
    --fa: ""
}

.fa-pied-piper {
    --fa: ""
}

.fa-wordpress {
    --fa: ""
}

.fa-product-hunt {
    --fa: ""
}

.fa-firefox {
    --fa: ""
}

.fa-linode {
    --fa: ""
}

.fa-goodreads {
    --fa: ""
}

.fa-square-odnoklassniki {
    --fa: ""
}

.fa-odnoklassniki-square {
    --fa: ""
}

.fa-jsfiddle {
    --fa: ""
}

.fa-sith {
    --fa: ""
}

.fa-themeisle {
    --fa: ""
}

.fa-page4 {
    --fa: ""
}

.fa-hashnode {
    --fa: ""
}

.fa-react {
    --fa: ""
}

.fa-cc-paypal {
    --fa: ""
}

.fa-squarespace {
    --fa: ""
}

.fa-cc-stripe {
    --fa: ""
}

.fa-creative-commons-share {
    --fa: ""
}

.fa-bitcoin {
    --fa: ""
}

.fa-keycdn {
    --fa: ""
}

.fa-opera {
    --fa: ""
}

.fa-itch-io {
    --fa: ""
}

.fa-umbraco {
    --fa: ""
}

.fa-galactic-senate {
    --fa: ""
}

.fa-ubuntu {
    --fa: ""
}

.fa-draft2digital {
    --fa: ""
}

.fa-stripe {
    --fa: ""
}

.fa-houzz {
    --fa: ""
}

.fa-gg {
    --fa: ""
}

.fa-dhl {
    --fa: ""
}

.fa-square-pinterest {
    --fa: ""
}

.fa-pinterest-square {
    --fa: ""
}

.fa-xing {
    --fa: ""
}

.fa-blackberry {
    --fa: ""
}

.fa-creative-commons-pd {
    --fa: ""
}

.fa-playstation {
    --fa: ""
}

.fa-quinscape {
    --fa: ""
}

.fa-less {
    --fa: ""
}

.fa-blogger-b {
    --fa: ""
}

.fa-opencart {
    --fa: ""
}

.fa-vine {
    --fa: ""
}

.fa-signal-messenger {
    --fa: ""
}

.fa-paypal {
    --fa: ""
}

.fa-gitlab {
    --fa: ""
}

.fa-typo3 {
    --fa: ""
}

.fa-reddit-alien {
    --fa: ""
}

.fa-yahoo {
    --fa: ""
}

.fa-dailymotion {
    --fa: ""
}

.fa-affiliatetheme {
    --fa: ""
}

.fa-pied-piper-pp {
    --fa: ""
}

.fa-bootstrap {
    --fa: ""
}

.fa-odnoklassniki {
    --fa: ""
}

.fa-nfc-symbol {
    --fa: ""
}

.fa-mintbit {
    --fa: ""
}

.fa-ethereum {
    --fa: ""
}

.fa-speaker-deck {
    --fa: ""
}

.fa-creative-commons-nc-eu {
    --fa: ""
}

.fa-patreon {
    --fa: ""
}

.fa-avianex {
    --fa: ""
}

.fa-ello {
    --fa: ""
}

.fa-gofore {
    --fa: ""
}

.fa-bimobject {
    --fa: ""
}

.fa-brave-reverse {
    --fa: ""
}

.fa-facebook-f {
    --fa: ""
}

.fa-square-google-plus {
    --fa: ""
}

.fa-google-plus-square {
    --fa: ""
}

.fa-web-awesome {
    --fa: ""
}

.fa-mandalorian {
    --fa: ""
}

.fa-first-order-alt {
    --fa: ""
}

.fa-osi {
    --fa: ""
}

.fa-google-wallet {
    --fa: ""
}

.fa-d-and-d-beyond {
    --fa: ""
}

.fa-periscope {
    --fa: ""
}

.fa-fulcrum {
    --fa: ""
}

.fa-cloudscale {
    --fa: ""
}

.fa-forumbee {
    --fa: ""
}

.fa-mizuni {
    --fa: ""
}

.fa-schlix {
    --fa: ""
}

.fa-square-xing {
    --fa: ""
}

.fa-xing-square {
    --fa: ""
}

.fa-bandcamp {
    --fa: ""
}

.fa-wpforms {
    --fa: ""
}

.fa-cloudversify {
    --fa: ""
}

.fa-usps {
    --fa: ""
}

.fa-megaport {
    --fa: ""
}

.fa-magento {
    --fa: ""
}

.fa-spotify {
    --fa: ""
}

.fa-optin-monster {
    --fa: ""
}

.fa-fly {
    --fa: ""
}

.fa-square-bluesky {
    --fa: ""
}

.fa-aviato {
    --fa: ""
}

.fa-itunes {
    --fa: ""
}

.fa-cuttlefish {
    --fa: ""
}

.fa-blogger {
    --fa: ""
}

.fa-flickr {
    --fa: ""
}

.fa-viber {
    --fa: ""
}

.fa-soundcloud {
    --fa: ""
}

.fa-digg {
    --fa: ""
}

.fa-tencent-weibo {
    --fa: ""
}

.fa-letterboxd {
    --fa: ""
}

.fa-symfony {
    --fa: ""
}

.fa-maxcdn {
    --fa: ""
}

.fa-etsy {
    --fa: ""
}

.fa-facebook-messenger {
    --fa: ""
}

.fa-audible {
    --fa: ""
}

.fa-think-peaks {
    --fa: ""
}

.fa-bilibili {
    --fa: ""
}

.fa-erlang {
    --fa: ""
}

.fa-x-twitter {
    --fa: ""
}

.fa-cotton-bureau {
    --fa: ""
}

.fa-dashcube {
    --fa: ""
}

.fa-42-group {
    --fa: ""
}

.fa-innosoft {
    --fa: ""
}

.fa-stack-exchange {
    --fa: ""
}

.fa-elementor {
    --fa: ""
}

.fa-square-pied-piper {
    --fa: ""
}

.fa-pied-piper-square {
    --fa: ""
}

.fa-creative-commons-nd {
    --fa: ""
}

.fa-palfed {
    --fa: ""
}

.fa-superpowers {
    --fa: ""
}

.fa-resolving {
    --fa: ""
}

.fa-xbox {
    --fa: ""
}

.fa-square-web-awesome-stroke {
    --fa: ""
}

.fa-searchengin {
    --fa: ""
}

.fa-tiktok {
    --fa: ""
}

.fa-square-facebook {
    --fa: ""
}

.fa-facebook-square {
    --fa: ""
}

.fa-renren {
    --fa: ""
}

.fa-linux {
    --fa: ""
}

.fa-glide {
    --fa: ""
}

.fa-linkedin {
    --fa: ""
}

.fa-hubspot {
    --fa: ""
}

.fa-deploydog {
    --fa: ""
}

.fa-twitch {
    --fa: ""
}

.fa-flutter {
    --fa: ""
}

.fa-ravelry {
    --fa: ""
}

.fa-mixer {
    --fa: ""
}

.fa-square-lastfm {
    --fa: ""
}

.fa-lastfm-square {
    --fa: ""
}

.fa-vimeo {
    --fa: ""
}

.fa-mendeley {
    --fa: ""
}

.fa-uniregistry {
    --fa: ""
}

.fa-figma {
    --fa: ""
}

.fa-creative-commons-remix {
    --fa: ""
}

.fa-cc-amazon-pay {
    --fa: ""
}

.fa-dropbox {
    --fa: ""
}

.fa-instagram {
    --fa: ""
}

.fa-cmplid {
    --fa: ""
}

.fa-upwork {
    --fa: ""
}

.fa-facebook {
    --fa: ""
}

.fa-gripfire {
    --fa: ""
}

.fa-jedi-order {
    --fa: ""
}

.fa-uikit {
    --fa: ""
}

.fa-fort-awesome-alt {
    --fa: ""
}

.fa-phabricator {
    --fa: ""
}

.fa-ussunnah {
    --fa: ""
}

.fa-earlybirds {
    --fa: ""
}

.fa-trade-federation {
    --fa: ""
}

.fa-autoprefixer {
    --fa: ""
}

.fa-whatsapp {
    --fa: ""
}

.fa-square-upwork {
    --fa: ""
}

.fa-slideshare {
    --fa: ""
}

.fa-google-play {
    --fa: ""
}

.fa-viadeo {
    --fa: ""
}

.fa-line {
    --fa: ""
}

.fa-google-drive {
    --fa: ""
}

.fa-servicestack {
    --fa: ""
}

.fa-simplybuilt {
    --fa: ""
}

.fa-bitbucket {
    --fa: ""
}

.fa-imdb {
    --fa: ""
}

.fa-deezer {
    --fa: ""
}

.fa-raspberry-pi {
    --fa: ""
}

.fa-jira {
    --fa: ""
}

.fa-docker {
    --fa: ""
}

.fa-screenpal {
    --fa: ""
}

.fa-bluetooth {
    --fa: ""
}

.fa-gitter {
    --fa: ""
}

.fa-d-and-d {
    --fa: ""
}

.fa-microblog {
    --fa: ""
}

.fa-cc-diners-club {
    --fa: ""
}

.fa-gg-circle {
    --fa: ""
}

.fa-pied-piper-hat {
    --fa: ""
}

.fa-kickstarter-k {
    --fa: ""
}

.fa-yandex {
    --fa: ""
}

.fa-readme {
    --fa: ""
}

.fa-html5 {
    --fa: ""
}

.fa-sellsy {
    --fa: ""
}

.fa-square-web-awesome {
    --fa: ""
}

.fa-sass {
    --fa: ""
}

.fa-wirsindhandwerk {
    --fa: ""
}

.fa-wsh {
    --fa: ""
}

.fa-buromobelexperte {
    --fa: ""
}

.fa-salesforce {
    --fa: ""
}

.fa-octopus-deploy {
    --fa: ""
}

.fa-medapps {
    --fa: ""
}

.fa-ns8 {
    --fa: ""
}

.fa-pinterest-p {
    --fa: ""
}

.fa-apper {
    --fa: ""
}

.fa-fort-awesome {
    --fa: ""
}

.fa-waze {
    --fa: ""
}

.fa-bluesky {
    --fa: ""
}

.fa-cc-jcb {
    --fa: ""
}

.fa-snapchat {
    --fa: ""
}

.fa-snapchat-ghost {
    --fa: ""
}

.fa-fantasy-flight-games {
    --fa: ""
}

.fa-rust {
    --fa: ""
}

.fa-wix {
    --fa: ""
}

.fa-square-behance {
    --fa: ""
}

.fa-behance-square {
    --fa: ""
}

.fa-supple {
    --fa: ""
}

.fa-webflow {
    --fa: ""
}

.fa-rebel {
    --fa: ""
}

.fa-css3 {
    --fa: ""
}

.fa-staylinked {
    --fa: ""
}

.fa-kaggle {
    --fa: ""
}

.fa-space-awesome {
    --fa: ""
}

.fa-deviantart {
    --fa: ""
}

.fa-cpanel {
    --fa: ""
}

.fa-goodreads-g {
    --fa: ""
}

.fa-square-git {
    --fa: ""
}

.fa-git-square {
    --fa: ""
}

.fa-square-tumblr {
    --fa: ""
}

.fa-tumblr-square {
    --fa: ""
}

.fa-trello {
    --fa: ""
}

.fa-creative-commons-nc-jp {
    --fa: ""
}

.fa-get-pocket {
    --fa: ""
}

.fa-perbyte {
    --fa: ""
}

.fa-grunt {
    --fa: ""
}

.fa-weebly {
    --fa: ""
}

.fa-connectdevelop {
    --fa: ""
}

.fa-leanpub {
    --fa: ""
}

.fa-black-tie {
    --fa: ""
}

.fa-themeco {
    --fa: ""
}

.fa-python {
    --fa: ""
}

.fa-android {
    --fa: ""
}

.fa-bots {
    --fa: ""
}

.fa-free-code-camp {
    --fa: ""
}

.fa-hornbill {
    --fa: ""
}

.fa-js {
    --fa: ""
}

.fa-ideal {
    --fa: ""
}

.fa-git {
    --fa: ""
}

.fa-dev {
    --fa: ""
}

.fa-sketch {
    --fa: ""
}

.fa-yandex-international {
    --fa: ""
}

.fa-cc-amex {
    --fa: ""
}

.fa-uber {
    --fa: ""
}

.fa-github {
    --fa: ""
}

.fa-php {
    --fa: ""
}

.fa-alipay {
    --fa: ""
}

.fa-youtube {
    --fa: ""
}

.fa-skyatlas {
    --fa: ""
}

.fa-firefox-browser {
    --fa: ""
}

.fa-replyd {
    --fa: ""
}

.fa-suse {
    --fa: ""
}

.fa-jenkins {
    --fa: ""
}

.fa-twitter {
    --fa: ""
}

.fa-rockrms {
    --fa: ""
}

.fa-pinterest {
    --fa: ""
}

.fa-buffer {
    --fa: ""
}

.fa-npm {
    --fa: ""
}

.fa-yammer {
    --fa: ""
}

.fa-btc {
    --fa: ""
}

.fa-dribbble {
    --fa: ""
}

.fa-stumbleupon-circle {
    --fa: ""
}

.fa-internet-explorer {
    --fa: ""
}

.fa-stubber {
    --fa: ""
}

.fa-telegram {
    --fa: ""
}

.fa-telegram-plane {
    --fa: ""
}

.fa-old-republic {
    --fa: ""
}

.fa-odysee {
    --fa: ""
}

.fa-square-whatsapp {
    --fa: ""
}

.fa-whatsapp-square {
    --fa: ""
}

.fa-node-js {
    --fa: ""
}

.fa-edge-legacy {
    --fa: ""
}

.fa-slack {
    --fa: ""
}

.fa-slack-hash {
    --fa: ""
}

.fa-medrt {
    --fa: ""
}

.fa-usb {
    --fa: ""
}

.fa-tumblr {
    --fa: ""
}

.fa-vaadin {
    --fa: ""
}

.fa-quora {
    --fa: ""
}

.fa-square-x-twitter {
    --fa: ""
}

.fa-reacteurope {
    --fa: ""
}

.fa-medium {
    --fa: ""
}

.fa-medium-m {
    --fa: ""
}

.fa-amilia {
    --fa: ""
}

.fa-mixcloud {
    --fa: ""
}

.fa-flipboard {
    --fa: ""
}

.fa-viacoin {
    --fa: ""
}

.fa-critical-role {
    --fa: ""
}

.fa-sitrox {
    --fa: ""
}

.fa-discourse {
    --fa: ""
}

.fa-joomla {
    --fa: ""
}

.fa-mastodon {
    --fa: ""
}

.fa-airbnb {
    --fa: ""
}

.fa-wolf-pack-battalion {
    --fa: ""
}

.fa-buy-n-large {
    --fa: ""
}

.fa-gulp {
    --fa: ""
}

.fa-creative-commons-sampling-plus {
    --fa: ""
}

.fa-strava {
    --fa: ""
}

.fa-ember {
    --fa: ""
}

.fa-canadian-maple-leaf {
    --fa: ""
}

.fa-teamspeak {
    --fa: ""
}

.fa-pushed {
    --fa: ""
}

.fa-wordpress-simple {
    --fa: ""
}

.fa-nutritionix {
    --fa: ""
}

.fa-wodu {
    --fa: ""
}

.fa-google-pay {
    --fa: ""
}

.fa-intercom {
    --fa: ""
}

.fa-zhihu {
    --fa: ""
}

.fa-korvue {
    --fa: ""
}

.fa-pix {
    --fa: ""
}

.fa-steam-symbol {
    --fa: ""
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,:host {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/theme/font.php/olan/core/1757783192/fa-regular-400.woff2) format("woff2"),url(/theme/font.php/olan/core/1757783192/fa-regular-400.ttf) format("truetype")
}

.far,.fa-regular {
    font-weight: 400
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,:host {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(/theme/font.php/olan/core/1757783192/fa-solid-900.woff2) format("woff2"),url(/theme/font.php/olan/core/1757783192/fa-solid-900.ttf) format("truetype")
}

.fas,.fa-solid {
    font-weight: 900
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa.fa-glass {
    --fa: ""
}

.fa.fa-envelope-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-o {
    --fa: ""
}

.fa.fa-star-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-o {
    --fa: ""
}

.fa.fa-remove {
    --fa: ""
}

.fa.fa-close {
    --fa: ""
}

.fa.fa-gear {
    --fa: ""
}

.fa.fa-trash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-trash-o {
    --fa: ""
}

.fa.fa-home {
    --fa: ""
}

.fa.fa-file-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-o {
    --fa: ""
}

.fa.fa-clock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-clock-o {
    --fa: ""
}

.fa.fa-arrow-circle-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-down {
    --fa: ""
}

.fa.fa-arrow-circle-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-up {
    --fa: ""
}

.fa.fa-play-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-play-circle-o {
    --fa: ""
}

.fa.fa-repeat {
    --fa: ""
}

.fa.fa-rotate-right {
    --fa: ""
}

.fa.fa-refresh {
    --fa: ""
}

.fa.fa-list-alt {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-list-alt {
    --fa: ""
}

.fa.fa-dedent {
    --fa: ""
}

.fa.fa-video-camera {
    --fa: ""
}

.fa.fa-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-picture-o {
    --fa: ""
}

.fa.fa-photo {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-photo {
    --fa: ""
}

.fa.fa-image {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-image {
    --fa: ""
}

.fa.fa-map-marker {
    --fa: ""
}

.fa.fa-pencil-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pencil-square-o {
    --fa: ""
}

.fa.fa-edit {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-edit {
    --fa: ""
}

.fa.fa-share-square-o {
    --fa: ""
}

.fa.fa-check-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-square-o {
    --fa: ""
}

.fa.fa-arrows {
    --fa: ""
}

.fa.fa-times-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-circle-o {
    --fa: ""
}

.fa.fa-check-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-circle-o {
    --fa: ""
}

.fa.fa-mail-forward {
    --fa: ""
}

.fa.fa-expand {
    --fa: ""
}

.fa.fa-compress {
    --fa: ""
}

.fa.fa-eye {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eye-slash {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-warning {
    --fa: ""
}

.fa.fa-calendar {
    --fa: ""
}

.fa.fa-arrows-v {
    --fa: ""
}

.fa.fa-arrows-h {
    --fa: ""
}

.fa.fa-bar-chart {
    --fa: ""
}

.fa.fa-bar-chart-o {
    --fa: ""
}

.fa.fa-twitter-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-twitter-square {
    --fa: ""
}

.fa.fa-facebook-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-square {
    --fa: ""
}

.fa.fa-gears {
    --fa: ""
}

.fa.fa-thumbs-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-up {
    --fa: ""
}

.fa.fa-thumbs-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-down {
    --fa: ""
}

.fa.fa-heart-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-heart-o {
    --fa: ""
}

.fa.fa-sign-out {
    --fa: ""
}

.fa.fa-linkedin-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin-square {
    --fa: ""
}

.fa.fa-thumb-tack {
    --fa: ""
}

.fa.fa-external-link {
    --fa: ""
}

.fa.fa-sign-in {
    --fa: ""
}

.fa.fa-github-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-github-square {
    --fa: ""
}

.fa.fa-lemon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lemon-o {
    --fa: ""
}

.fa.fa-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-square-o {
    --fa: ""
}

.fa.fa-bookmark-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bookmark-o {
    --fa: ""
}

.fa.fa-twitter {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook {
    --fa: ""
}

.fa.fa-facebook-f {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-f {
    --fa: ""
}

.fa.fa-github {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-feed {
    --fa: ""
}

.fa.fa-hdd-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hdd-o {
    --fa: ""
}

.fa.fa-hand-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-right {
    --fa: ""
}

.fa.fa-hand-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-left {
    --fa: ""
}

.fa.fa-hand-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-up {
    --fa: ""
}

.fa.fa-hand-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-down {
    --fa: ""
}

.fa.fa-globe {
    --fa: ""
}

.fa.fa-tasks {
    --fa: ""
}

.fa.fa-arrows-alt {
    --fa: ""
}

.fa.fa-group {
    --fa: ""
}

.fa.fa-chain {
    --fa: ""
}

.fa.fa-cut {
    --fa: ""
}

.fa.fa-files-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-files-o {
    --fa: ""
}

.fa.fa-floppy-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-floppy-o {
    --fa: ""
}

.fa.fa-save {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-save {
    --fa: ""
}

.fa.fa-navicon {
    --fa: ""
}

.fa.fa-reorder {
    --fa: ""
}

.fa.fa-magic {
    --fa: ""
}

.fa.fa-pinterest {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pinterest-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pinterest-square {
    --fa: ""
}

.fa.fa-google-plus-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-square {
    --fa: ""
}

.fa.fa-google-plus {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus {
    --fa: ""
}

.fa.fa-money {
    --fa: ""
}

.fa.fa-unsorted {
    --fa: ""
}

.fa.fa-sort-desc {
    --fa: ""
}

.fa.fa-sort-asc {
    --fa: ""
}

.fa.fa-linkedin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin {
    --fa: ""
}

.fa.fa-rotate-left {
    --fa: ""
}

.fa.fa-legal {
    --fa: ""
}

.fa.fa-tachometer {
    --fa: ""
}

.fa.fa-dashboard {
    --fa: ""
}

.fa.fa-comment-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comment-o {
    --fa: ""
}

.fa.fa-comments-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comments-o {
    --fa: ""
}

.fa.fa-flash {
    --fa: ""
}

.fa.fa-clipboard {
    --fa: ""
}

.fa.fa-lightbulb-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lightbulb-o {
    --fa: ""
}

.fa.fa-exchange {
    --fa: ""
}

.fa.fa-cloud-download {
    --fa: ""
}

.fa.fa-cloud-upload {
    --fa: ""
}

.fa.fa-bell-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-o {
    --fa: ""
}

.fa.fa-cutlery {
    --fa: ""
}

.fa.fa-file-text-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-text-o {
    --fa: ""
}

.fa.fa-building-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-building-o {
    --fa: ""
}

.fa.fa-hospital-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hospital-o {
    --fa: ""
}

.fa.fa-tablet {
    --fa: ""
}

.fa.fa-mobile {
    --fa: ""
}

.fa.fa-mobile-phone {
    --fa: ""
}

.fa.fa-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-o {
    --fa: ""
}

.fa.fa-mail-reply {
    --fa: ""
}

.fa.fa-github-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-folder-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-o {
    --fa: ""
}

.fa.fa-folder-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-open-o {
    --fa: ""
}

.fa.fa-smile-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-smile-o {
    --fa: ""
}

.fa.fa-frown-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-frown-o {
    --fa: ""
}

.fa.fa-meh-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-meh-o {
    --fa: ""
}

.fa.fa-keyboard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-keyboard-o {
    --fa: ""
}

.fa.fa-flag-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-flag-o {
    --fa: ""
}

.fa.fa-mail-reply-all {
    --fa: ""
}

.fa.fa-star-half-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-o {
    --fa: ""
}

.fa.fa-star-half-empty {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-empty {
    --fa: ""
}

.fa.fa-star-half-full {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-full {
    --fa: ""
}

.fa.fa-code-fork {
    --fa: ""
}

.fa.fa-chain-broken {
    --fa: ""
}

.fa.fa-unlink {
    --fa: ""
}

.fa.fa-calendar-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-o {
    --fa: ""
}

.fa.fa-maxcdn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-html5 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-css3 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-unlock-alt {
    --fa: ""
}

.fa.fa-minus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-minus-square-o {
    --fa: ""
}

.fa.fa-level-up {
    --fa: ""
}

.fa.fa-level-down {
    --fa: ""
}

.fa.fa-pencil-square {
    --fa: ""
}

.fa.fa-external-link-square {
    --fa: ""
}

.fa.fa-compass {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down {
    --fa: ""
}

.fa.fa-toggle-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-down {
    --fa: ""
}

.fa.fa-caret-square-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-up {
    --fa: ""
}

.fa.fa-toggle-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-up {
    --fa: ""
}

.fa.fa-caret-square-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-right {
    --fa: ""
}

.fa.fa-toggle-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-right {
    --fa: ""
}

.fa.fa-eur {
    --fa: ""
}

.fa.fa-euro {
    --fa: ""
}

.fa.fa-gbp {
    --fa: ""
}

.fa.fa-usd {
    --fa: "$"
}

.fa.fa-dollar {
    --fa: "$"
}

.fa.fa-inr {
    --fa: ""
}

.fa.fa-rupee {
    --fa: ""
}

.fa.fa-jpy {
    --fa: ""
}

.fa.fa-cny {
    --fa: ""
}

.fa.fa-rmb {
    --fa: ""
}

.fa.fa-yen {
    --fa: ""
}

.fa.fa-rub {
    --fa: ""
}

.fa.fa-ruble {
    --fa: ""
}

.fa.fa-rouble {
    --fa: ""
}

.fa.fa-krw {
    --fa: ""
}

.fa.fa-won {
    --fa: ""
}

.fa.fa-btc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin {
    --fa: ""
}

.fa.fa-file-text {
    --fa: ""
}

.fa.fa-sort-alpha-asc {
    --fa: ""
}

.fa.fa-sort-alpha-desc {
    --fa: ""
}

.fa.fa-sort-amount-asc {
    --fa: ""
}

.fa.fa-sort-amount-desc {
    --fa: ""
}

.fa.fa-sort-numeric-asc {
    --fa: ""
}

.fa.fa-sort-numeric-desc {
    --fa: ""
}

.fa.fa-youtube-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-square {
    --fa: ""
}

.fa.fa-youtube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing-square {
    --fa: ""
}

.fa.fa-youtube-play {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-play {
    --fa: ""
}

.fa.fa-dropbox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-overflow {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-instagram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-flickr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-adn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square {
    --fa: ""
}

.fa.fa-tumblr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-tumblr-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-tumblr-square {
    --fa: ""
}

.fa.fa-long-arrow-down {
    --fa: ""
}

.fa.fa-long-arrow-up {
    --fa: ""
}

.fa.fa-long-arrow-left {
    --fa: ""
}

.fa.fa-long-arrow-right {
    --fa: ""
}

.fa.fa-apple {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-windows {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-android {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linux {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dribbble {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skype {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-foursquare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-trello {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gratipay {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip {
    --fa: ""
}

.fa.fa-sun-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sun-o {
    --fa: ""
}

.fa.fa-moon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-moon-o {
    --fa: ""
}

.fa.fa-vk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-renren {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pagelines {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-exchange {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right {
    --fa: ""
}

.fa.fa-arrow-circle-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-left {
    --fa: ""
}

.fa.fa-caret-square-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-left {
    --fa: ""
}

.fa.fa-toggle-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-left {
    --fa: ""
}

.fa.fa-dot-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-dot-circle-o {
    --fa: ""
}

.fa.fa-vimeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo-square {
    --fa: ""
}

.fa.fa-try {
    --fa: ""
}

.fa.fa-turkish-lira {
    --fa: ""
}

.fa.fa-plus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-plus-square-o {
    --fa: ""
}

.fa.fa-slack {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wordpress {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-openid {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-institution {
    --fa: ""
}

.fa.fa-bank {
    --fa: ""
}

.fa.fa-mortar-board {
    --fa: ""
}

.fa.fa-yahoo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-square {
    --fa: ""
}

.fa.fa-stumbleupon-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stumbleupon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-delicious {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-digg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-pp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-drupal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-joomla {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance-square {
    --fa: ""
}

.fa.fa-steam {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam-square {
    --fa: ""
}

.fa.fa-automobile {
    --fa: ""
}

.fa.fa-cab {
    --fa: ""
}

.fa.fa-spotify {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-deviantart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-soundcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-file-pdf-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-pdf-o {
    --fa: ""
}

.fa.fa-file-word-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-word-o {
    --fa: ""
}

.fa.fa-file-excel-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-excel-o {
    --fa: ""
}

.fa.fa-file-powerpoint-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-powerpoint-o {
    --fa: ""
}

.fa.fa-file-image-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-image-o {
    --fa: ""
}

.fa.fa-file-photo-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-photo-o {
    --fa: ""
}

.fa.fa-file-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-picture-o {
    --fa: ""
}

.fa.fa-file-archive-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-archive-o {
    --fa: ""
}

.fa.fa-file-zip-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-zip-o {
    --fa: ""
}

.fa.fa-file-audio-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-audio-o {
    --fa: ""
}

.fa.fa-file-sound-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-sound-o {
    --fa: ""
}

.fa.fa-file-video-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-video-o {
    --fa: ""
}

.fa.fa-file-movie-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-movie-o {
    --fa: ""
}

.fa.fa-file-code-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-code-o {
    --fa: ""
}

.fa.fa-vine {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-codepen {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-jsfiddle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-life-bouy {
    --fa: ""
}

.fa.fa-life-buoy {
    --fa: ""
}

.fa.fa-life-saver {
    --fa: ""
}

.fa.fa-support {
    --fa: ""
}

.fa.fa-circle-o-notch {
    --fa: ""
}

.fa.fa-rebel {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra {
    --fa: ""
}

.fa.fa-resistance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-resistance {
    --fa: ""
}

.fa.fa-empire {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge {
    --fa: ""
}

.fa.fa-git-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-git-square {
    --fa: ""
}

.fa.fa-git {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hacker-news {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square {
    --fa: ""
}

.fa.fa-yc-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc-square {
    --fa: ""
}

.fa.fa-tencent-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-qq {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weixin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat {
    --fa: ""
}

.fa.fa-send {
    --fa: ""
}

.fa.fa-paper-plane-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-paper-plane-o {
    --fa: ""
}

.fa.fa-send-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-send-o {
    --fa: ""
}

.fa.fa-circle-thin {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-thin {
    --fa: ""
}

.fa.fa-header {
    --fa: ""
}

.fa.fa-futbol-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-futbol-o {
    --fa: ""
}

.fa.fa-soccer-ball-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-soccer-ball-o {
    --fa: ""
}

.fa.fa-slideshare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-twitch {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yelp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-newspaper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-newspaper-o {
    --fa: ""
}

.fa.fa-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-wallet {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-visa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-mastercard {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-discover {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-amex {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-stripe {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bell-slash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-slash-o {
    --fa: ""
}

.fa.fa-trash {
    --fa: ""
}

.fa.fa-copyright {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eyedropper {
    --fa: ""
}

.fa.fa-area-chart {
    --fa: ""
}

.fa.fa-pie-chart {
    --fa: ""
}

.fa.fa-line-chart {
    --fa: ""
}

.fa.fa-lastfm {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lastfm-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lastfm-square {
    --fa: ""
}

.fa.fa-ioxhost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-angellist {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-cc {
    --fa: ""
}

.fa.fa-ils {
    --fa: ""
}

.fa.fa-shekel {
    --fa: ""
}

.fa.fa-sheqel {
    --fa: ""
}

.fa.fa-buysellads {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-connectdevelop {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dashcube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-forumbee {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-leanpub {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-sellsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-shirtsinbulk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-simplybuilt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skyatlas {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-diamond {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-diamond {
    --fa: ""
}

.fa.fa-transgender {
    --fa: ""
}

.fa.fa-intersex {
    --fa: ""
}

.fa.fa-transgender-alt {
    --fa: ""
}

.fa.fa-facebook-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-official {
    --fa: ""
}

.fa.fa-pinterest-p {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-whatsapp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hotel {
    --fa: ""
}

.fa.fa-viacoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-medium {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc {
    --fa: ""
}

.fa.fa-optin-monster {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opencart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-expeditedssl {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-battery-4 {
    --fa: ""
}

.fa.fa-battery {
    --fa: ""
}

.fa.fa-battery-3 {
    --fa: ""
}

.fa.fa-battery-2 {
    --fa: ""
}

.fa.fa-battery-1 {
    --fa: ""
}

.fa.fa-battery-0 {
    --fa: ""
}

.fa.fa-object-group {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-object-ungroup {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o {
    --fa: ""
}

.fa.fa-cc-jcb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-diners-club {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-clone {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hourglass-o {
    --fa: ""
}

.fa.fa-hourglass-1 {
    --fa: ""
}

.fa.fa-hourglass-2 {
    --fa: ""
}

.fa.fa-hourglass-3 {
    --fa: ""
}

.fa.fa-hand-rock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-rock-o {
    --fa: ""
}

.fa.fa-hand-grab-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-grab-o {
    --fa: ""
}

.fa.fa-hand-paper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-paper-o {
    --fa: ""
}

.fa.fa-hand-stop-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-stop-o {
    --fa: ""
}

.fa.fa-hand-scissors-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-scissors-o {
    --fa: ""
}

.fa.fa-hand-lizard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-lizard-o {
    --fa: ""
}

.fa.fa-hand-spock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-spock-o {
    --fa: ""
}

.fa.fa-hand-pointer-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-pointer-o {
    --fa: ""
}

.fa.fa-hand-peace-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-peace-o {
    --fa: ""
}

.fa.fa-registered {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-creative-commons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki-square {
    --fa: ""
}

.fa.fa-get-pocket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wikipedia-w {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-safari {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-chrome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-firefox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opera {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-internet-explorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-television {
    --fa: ""
}

.fa.fa-contao {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-500px {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-amazon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-calendar-plus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-plus-o {
    --fa: ""
}

.fa.fa-calendar-minus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-minus-o {
    --fa: ""
}

.fa.fa-calendar-times-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-times-o {
    --fa: ""
}

.fa.fa-calendar-check-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-check-o {
    --fa: ""
}

.fa.fa-map-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-map-o {
    --fa: ""
}

.fa.fa-commenting {
    --fa: ""
}

.fa.fa-commenting-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-commenting-o {
    --fa: ""
}

.fa.fa-houzz {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo {
    --fa: ""
}

.fa.fa-black-tie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fonticons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-alien {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-edge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card-alt {
    --fa: ""
}

.fa.fa-codiepie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-modx {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fort-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-usb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-product-hunt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-mixcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-scribd {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pause-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pause-circle-o {
    --fa: ""
}

.fa.fa-stop-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-stop-circle-o {
    --fa: ""
}

.fa.fa-bluetooth {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bluetooth-b {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gitlab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpbeginner {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpforms {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-envira {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt {
    --fa: ""
}

.fa.fa-question-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-question-circle-o {
    --fa: ""
}

.fa.fa-volume-control-phone {
    --fa: ""
}

.fa.fa-asl-interpreting {
    --fa: ""
}

.fa.fa-deafness {
    --fa: ""
}

.fa.fa-hard-of-hearing {
    --fa: ""
}

.fa.fa-glide {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-glide-g {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-signing {
    --fa: ""
}

.fa.fa-viadeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-viadeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-viadeo-square {
    --fa: ""
}

.fa.fa-snapchat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost {
    --fa: ""
}

.fa.fa-snapchat-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-square {
    --fa: ""
}

.fa.fa-pied-piper {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-first-order {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yoast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-themeisle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official {
    --fa: ""
}

.fa.fa-google-plus-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-circle {
    --fa: ""
}

.fa.fa-font-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa {
    --fa: ""
}

.fa.fa-handshake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-handshake-o {
    --fa: ""
}

.fa.fa-envelope-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-open-o {
    --fa: ""
}

.fa.fa-linode {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-address-book-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-book-o {
    --fa: ""
}

.fa.fa-vcard {
    --fa: ""
}

.fa.fa-address-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-card-o {
    --fa: ""
}

.fa.fa-vcard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-vcard-o {
    --fa: ""
}

.fa.fa-user-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-circle-o {
    --fa: ""
}

.fa.fa-user-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-o {
    --fa: ""
}

.fa.fa-id-badge {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license {
    --fa: ""
}

.fa.fa-id-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-id-card-o {
    --fa: ""
}

.fa.fa-drivers-license-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license-o {
    --fa: ""
}

.fa.fa-quora {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-free-code-camp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-telegram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-thermometer-4 {
    --fa: ""
}

.fa.fa-thermometer {
    --fa: ""
}

.fa.fa-thermometer-3 {
    --fa: ""
}

.fa.fa-thermometer-2 {
    --fa: ""
}

.fa.fa-thermometer-1 {
    --fa: ""
}

.fa.fa-thermometer-0 {
    --fa: ""
}

.fa.fa-bathtub {
    --fa: ""
}

.fa.fa-s15 {
    --fa: ""
}

.fa.fa-window-maximize {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-restore {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle {
    --fa: ""
}

.fa.fa-window-close-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-close-o {
    --fa: ""
}

.fa.fa-times-rectangle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle-o {
    --fa: ""
}

.fa.fa-bandcamp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-grav {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-etsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-imdb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ravelry {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast {
    --fa: ""
}

.fa.fa-snowflake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-snowflake-o {
    --fa: ""
}

.fa.fa-superpowers {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpexplorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-meetup {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fas::before,.far::before,.fab::before,.fa-solid::before,.fa-regular::before,.fa-brands::before,.fa::before {
    content: var(--fa)
}

.fa-classic,.fas,.fa-solid,.far,.fa-regular {
    font-family: "Font Awesome 6 Free"
}

.fa-brands,.fab {
    font-family: "Font Awesome 6 Brands"
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .0833333337em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .0714285718em;
    vertical-align: .0535714295em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .0416666682em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(-1 * var(--fa-li-width, 2em));
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color,#eee);
    border-radius: var(--fa-border-radius,.1em);
    border-style: var(--fa-border-style,solid);
    border-width: var(--fa-border-width,.08em);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,2s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1,1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1,1) translateY(0)
    }

    100% {
        transform: scale(1,1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-beat-fade {
    0%,100% {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    8%,24% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,100% {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scale(-1,1)
}

.fa-flip-vertical {
    transform: scale(1,-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1,-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle,0))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index,auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-0 {
    --fa: "0"
}

.fa-1 {
    --fa: "1"
}

.fa-2 {
    --fa: "2"
}

.fa-3 {
    --fa: "3"
}

.fa-4 {
    --fa: "4"
}

.fa-5 {
    --fa: "5"
}

.fa-6 {
    --fa: "6"
}

.fa-7 {
    --fa: "7"
}

.fa-8 {
    --fa: "8"
}

.fa-9 {
    --fa: "9"
}

.fa-fill-drip {
    --fa: ""
}

.fa-arrows-to-circle {
    --fa: ""
}

.fa-circle-chevron-right {
    --fa: ""
}

.fa-chevron-circle-right {
    --fa: ""
}

.fa-at {
    --fa: "@"
}

.fa-trash-can {
    --fa: ""
}

.fa-trash-alt {
    --fa: ""
}

.fa-text-height {
    --fa: ""
}

.fa-user-xmark {
    --fa: ""
}

.fa-user-times {
    --fa: ""
}

.fa-stethoscope {
    --fa: ""
}

.fa-message {
    --fa: ""
}

.fa-comment-alt {
    --fa: ""
}

.fa-info {
    --fa: ""
}

.fa-down-left-and-up-right-to-center {
    --fa: ""
}

.fa-compress-alt {
    --fa: ""
}

.fa-explosion {
    --fa: ""
}

.fa-file-lines {
    --fa: ""
}

.fa-file-alt {
    --fa: ""
}

.fa-file-text {
    --fa: ""
}

.fa-wave-square {
    --fa: ""
}

.fa-ring {
    --fa: ""
}

.fa-building-un {
    --fa: ""
}

.fa-dice-three {
    --fa: ""
}

.fa-calendar-days {
    --fa: ""
}

.fa-calendar-alt {
    --fa: ""
}

.fa-anchor-circle-check {
    --fa: ""
}

.fa-building-circle-arrow-right {
    --fa: ""
}

.fa-volleyball {
    --fa: ""
}

.fa-volleyball-ball {
    --fa: ""
}

.fa-arrows-up-to-line {
    --fa: ""
}

.fa-sort-down {
    --fa: ""
}

.fa-sort-desc {
    --fa: ""
}

.fa-circle-minus {
    --fa: ""
}

.fa-minus-circle {
    --fa: ""
}

.fa-door-open {
    --fa: ""
}

.fa-right-from-bracket {
    --fa: ""
}

.fa-sign-out-alt {
    --fa: ""
}

.fa-atom {
    --fa: ""
}

.fa-soap {
    --fa: ""
}

.fa-icons {
    --fa: ""
}

.fa-heart-music-camera-bolt {
    --fa: ""
}

.fa-microphone-lines-slash {
    --fa: ""
}

.fa-microphone-alt-slash {
    --fa: ""
}

.fa-bridge-circle-check {
    --fa: ""
}

.fa-pump-medical {
    --fa: ""
}

.fa-fingerprint {
    --fa: ""
}

.fa-hand-point-right {
    --fa: ""
}

.fa-magnifying-glass-location {
    --fa: ""
}

.fa-search-location {
    --fa: ""
}

.fa-forward-step {
    --fa: ""
}

.fa-step-forward {
    --fa: ""
}

.fa-face-smile-beam {
    --fa: ""
}

.fa-smile-beam {
    --fa: ""
}

.fa-flag-checkered {
    --fa: ""
}

.fa-football {
    --fa: ""
}

.fa-football-ball {
    --fa: ""
}

.fa-school-circle-exclamation {
    --fa: ""
}

.fa-crop {
    --fa: ""
}

.fa-angles-down {
    --fa: ""
}

.fa-angle-double-down {
    --fa: ""
}

.fa-users-rectangle {
    --fa: ""
}

.fa-people-roof {
    --fa: ""
}

.fa-people-line {
    --fa: ""
}

.fa-beer-mug-empty {
    --fa: ""
}

.fa-beer {
    --fa: ""
}

.fa-diagram-predecessor {
    --fa: ""
}

.fa-arrow-up-long {
    --fa: ""
}

.fa-long-arrow-up {
    --fa: ""
}

.fa-fire-flame-simple {
    --fa: ""
}

.fa-burn {
    --fa: ""
}

.fa-person {
    --fa: ""
}

.fa-male {
    --fa: ""
}

.fa-laptop {
    --fa: ""
}

.fa-file-csv {
    --fa: ""
}

.fa-menorah {
    --fa: ""
}

.fa-truck-plane {
    --fa: ""
}

.fa-record-vinyl {
    --fa: ""
}

.fa-face-grin-stars {
    --fa: ""
}

.fa-grin-stars {
    --fa: ""
}

.fa-bong {
    --fa: ""
}

.fa-spaghetti-monster-flying {
    --fa: ""
}

.fa-pastafarianism {
    --fa: ""
}

.fa-arrow-down-up-across-line {
    --fa: ""
}

.fa-spoon {
    --fa: ""
}

.fa-utensil-spoon {
    --fa: ""
}

.fa-jar-wheat {
    --fa: ""
}

.fa-envelopes-bulk {
    --fa: ""
}

.fa-mail-bulk {
    --fa: ""
}

.fa-file-circle-exclamation {
    --fa: ""
}

.fa-circle-h {
    --fa: ""
}

.fa-hospital-symbol {
    --fa: ""
}

.fa-pager {
    --fa: ""
}

.fa-address-book {
    --fa: ""
}

.fa-contact-book {
    --fa: ""
}

.fa-strikethrough {
    --fa: ""
}

.fa-k {
    --fa: "K"
}

.fa-landmark-flag {
    --fa: ""
}

.fa-pencil {
    --fa: ""
}

.fa-pencil-alt {
    --fa: ""
}

.fa-backward {
    --fa: ""
}

.fa-caret-right {
    --fa: ""
}

.fa-comments {
    --fa: ""
}

.fa-paste {
    --fa: ""
}

.fa-file-clipboard {
    --fa: ""
}

.fa-code-pull-request {
    --fa: ""
}

.fa-clipboard-list {
    --fa: ""
}

.fa-truck-ramp-box {
    --fa: ""
}

.fa-truck-loading {
    --fa: ""
}

.fa-user-check {
    --fa: ""
}

.fa-vial-virus {
    --fa: ""
}

.fa-sheet-plastic {
    --fa: ""
}

.fa-blog {
    --fa: ""
}

.fa-user-ninja {
    --fa: ""
}

.fa-person-arrow-up-from-line {
    --fa: ""
}

.fa-scroll-torah {
    --fa: ""
}

.fa-torah {
    --fa: ""
}

.fa-broom-ball {
    --fa: ""
}

.fa-quidditch {
    --fa: ""
}

.fa-quidditch-broom-ball {
    --fa: ""
}

.fa-toggle-off {
    --fa: ""
}

.fa-box-archive {
    --fa: ""
}

.fa-archive {
    --fa: ""
}

.fa-person-drowning {
    --fa: ""
}

.fa-arrow-down-9-1 {
    --fa: ""
}

.fa-sort-numeric-desc {
    --fa: ""
}

.fa-sort-numeric-down-alt {
    --fa: ""
}

.fa-face-grin-tongue-squint {
    --fa: ""
}

.fa-grin-tongue-squint {
    --fa: ""
}

.fa-spray-can {
    --fa: ""
}

.fa-truck-monster {
    --fa: ""
}

.fa-w {
    --fa: "W"
}

.fa-earth-africa {
    --fa: ""
}

.fa-globe-africa {
    --fa: ""
}

.fa-rainbow {
    --fa: ""
}

.fa-circle-notch {
    --fa: ""
}

.fa-tablet-screen-button {
    --fa: ""
}

.fa-tablet-alt {
    --fa: ""
}

.fa-paw {
    --fa: ""
}

.fa-cloud {
    --fa: ""
}

.fa-trowel-bricks {
    --fa: ""
}

.fa-face-flushed {
    --fa: ""
}

.fa-flushed {
    --fa: ""
}

.fa-hospital-user {
    --fa: ""
}

.fa-tent-arrow-left-right {
    --fa: ""
}

.fa-gavel {
    --fa: ""
}

.fa-legal {
    --fa: ""
}

.fa-binoculars {
    --fa: ""
}

.fa-microphone-slash {
    --fa: ""
}

.fa-box-tissue {
    --fa: ""
}

.fa-motorcycle {
    --fa: ""
}

.fa-bell-concierge {
    --fa: ""
}

.fa-concierge-bell {
    --fa: ""
}

.fa-pen-ruler {
    --fa: ""
}

.fa-pencil-ruler {
    --fa: ""
}

.fa-people-arrows {
    --fa: ""
}

.fa-people-arrows-left-right {
    --fa: ""
}

.fa-mars-and-venus-burst {
    --fa: ""
}

.fa-square-caret-right {
    --fa: ""
}

.fa-caret-square-right {
    --fa: ""
}

.fa-scissors {
    --fa: ""
}

.fa-cut {
    --fa: ""
}

.fa-sun-plant-wilt {
    --fa: ""
}

.fa-toilets-portable {
    --fa: ""
}

.fa-hockey-puck {
    --fa: ""
}

.fa-table {
    --fa: ""
}

.fa-magnifying-glass-arrow-right {
    --fa: ""
}

.fa-tachograph-digital {
    --fa: ""
}

.fa-digital-tachograph {
    --fa: ""
}

.fa-users-slash {
    --fa: ""
}

.fa-clover {
    --fa: ""
}

.fa-reply {
    --fa: ""
}

.fa-mail-reply {
    --fa: ""
}

.fa-star-and-crescent {
    --fa: ""
}

.fa-house-fire {
    --fa: ""
}

.fa-square-minus {
    --fa: ""
}

.fa-minus-square {
    --fa: ""
}

.fa-helicopter {
    --fa: ""
}

.fa-compass {
    --fa: ""
}

.fa-square-caret-down {
    --fa: ""
}

.fa-caret-square-down {
    --fa: ""
}

.fa-file-circle-question {
    --fa: ""
}

.fa-laptop-code {
    --fa: ""
}

.fa-swatchbook {
    --fa: ""
}

.fa-prescription-bottle {
    --fa: ""
}

.fa-bars {
    --fa: ""
}

.fa-navicon {
    --fa: ""
}

.fa-people-group {
    --fa: ""
}

.fa-hourglass-end {
    --fa: ""
}

.fa-hourglass-3 {
    --fa: ""
}

.fa-heart-crack {
    --fa: ""
}

.fa-heart-broken {
    --fa: ""
}

.fa-square-up-right {
    --fa: ""
}

.fa-external-link-square-alt {
    --fa: ""
}

.fa-face-kiss-beam {
    --fa: ""
}

.fa-kiss-beam {
    --fa: ""
}

.fa-film {
    --fa: ""
}

.fa-ruler-horizontal {
    --fa: ""
}

.fa-people-robbery {
    --fa: ""
}

.fa-lightbulb {
    --fa: ""
}

.fa-caret-left {
    --fa: ""
}

.fa-circle-exclamation {
    --fa: ""
}

.fa-exclamation-circle {
    --fa: ""
}

.fa-school-circle-xmark {
    --fa: ""
}

.fa-arrow-right-from-bracket {
    --fa: ""
}

.fa-sign-out {
    --fa: ""
}

.fa-circle-chevron-down {
    --fa: ""
}

.fa-chevron-circle-down {
    --fa: ""
}

.fa-unlock-keyhole {
    --fa: ""
}

.fa-unlock-alt {
    --fa: ""
}

.fa-cloud-showers-heavy {
    --fa: ""
}

.fa-headphones-simple {
    --fa: ""
}

.fa-headphones-alt {
    --fa: ""
}

.fa-sitemap {
    --fa: ""
}

.fa-circle-dollar-to-slot {
    --fa: ""
}

.fa-donate {
    --fa: ""
}

.fa-memory {
    --fa: ""
}

.fa-road-spikes {
    --fa: ""
}

.fa-fire-burner {
    --fa: ""
}

.fa-flag {
    --fa: ""
}

.fa-hanukiah {
    --fa: ""
}

.fa-feather {
    --fa: ""
}

.fa-volume-low {
    --fa: ""
}

.fa-volume-down {
    --fa: ""
}

.fa-comment-slash {
    --fa: ""
}

.fa-cloud-sun-rain {
    --fa: ""
}

.fa-compress {
    --fa: ""
}

.fa-wheat-awn {
    --fa: ""
}

.fa-wheat-alt {
    --fa: ""
}

.fa-ankh {
    --fa: ""
}

.fa-hands-holding-child {
    --fa: ""
}

.fa-asterisk {
    --fa: "*"
}

.fa-square-check {
    --fa: ""
}

.fa-check-square {
    --fa: ""
}

.fa-peseta-sign {
    --fa: ""
}

.fa-heading {
    --fa: ""
}

.fa-header {
    --fa: ""
}

.fa-ghost {
    --fa: ""
}

.fa-list {
    --fa: ""
}

.fa-list-squares {
    --fa: ""
}

.fa-square-phone-flip {
    --fa: ""
}

.fa-phone-square-alt {
    --fa: ""
}

.fa-cart-plus {
    --fa: ""
}

.fa-gamepad {
    --fa: ""
}

.fa-circle-dot {
    --fa: ""
}

.fa-dot-circle {
    --fa: ""
}

.fa-face-dizzy {
    --fa: ""
}

.fa-dizzy {
    --fa: ""
}

.fa-egg {
    --fa: ""
}

.fa-house-medical-circle-xmark {
    --fa: ""
}

.fa-campground {
    --fa: ""
}

.fa-folder-plus {
    --fa: ""
}

.fa-futbol {
    --fa: ""
}

.fa-futbol-ball {
    --fa: ""
}

.fa-soccer-ball {
    --fa: ""
}

.fa-paintbrush {
    --fa: ""
}

.fa-paint-brush {
    --fa: ""
}

.fa-lock {
    --fa: ""
}

.fa-gas-pump {
    --fa: ""
}

.fa-hot-tub-person {
    --fa: ""
}

.fa-hot-tub {
    --fa: ""
}

.fa-map-location {
    --fa: ""
}

.fa-map-marked {
    --fa: ""
}

.fa-house-flood-water {
    --fa: ""
}

.fa-tree {
    --fa: ""
}

.fa-bridge-lock {
    --fa: ""
}

.fa-sack-dollar {
    --fa: ""
}

.fa-pen-to-square {
    --fa: ""
}

.fa-edit {
    --fa: ""
}

.fa-car-side {
    --fa: ""
}

.fa-share-nodes {
    --fa: ""
}

.fa-share-alt {
    --fa: ""
}

.fa-heart-circle-minus {
    --fa: ""
}

.fa-hourglass-half {
    --fa: ""
}

.fa-hourglass-2 {
    --fa: ""
}

.fa-microscope {
    --fa: ""
}

.fa-sink {
    --fa: ""
}

.fa-bag-shopping {
    --fa: ""
}

.fa-shopping-bag {
    --fa: ""
}

.fa-arrow-down-z-a {
    --fa: ""
}

.fa-sort-alpha-desc {
    --fa: ""
}

.fa-sort-alpha-down-alt {
    --fa: ""
}

.fa-mitten {
    --fa: ""
}

.fa-person-rays {
    --fa: ""
}

.fa-users {
    --fa: ""
}

.fa-eye-slash {
    --fa: ""
}

.fa-flask-vial {
    --fa: ""
}

.fa-hand {
    --fa: ""
}

.fa-hand-paper {
    --fa: ""
}

.fa-om {
    --fa: ""
}

.fa-worm {
    --fa: ""
}

.fa-house-circle-xmark {
    --fa: ""
}

.fa-plug {
    --fa: ""
}

.fa-chevron-up {
    --fa: ""
}

.fa-hand-spock {
    --fa: ""
}

.fa-stopwatch {
    --fa: ""
}

.fa-face-kiss {
    --fa: ""
}

.fa-kiss {
    --fa: ""
}

.fa-bridge-circle-xmark {
    --fa: ""
}

.fa-face-grin-tongue {
    --fa: ""
}

.fa-grin-tongue {
    --fa: ""
}

.fa-chess-bishop {
    --fa: ""
}

.fa-face-grin-wink {
    --fa: ""
}

.fa-grin-wink {
    --fa: ""
}

.fa-ear-deaf {
    --fa: ""
}

.fa-deaf {
    --fa: ""
}

.fa-deafness {
    --fa: ""
}

.fa-hard-of-hearing {
    --fa: ""
}

.fa-road-circle-check {
    --fa: ""
}

.fa-dice-five {
    --fa: ""
}

.fa-square-rss {
    --fa: ""
}

.fa-rss-square {
    --fa: ""
}

.fa-land-mine-on {
    --fa: ""
}

.fa-i-cursor {
    --fa: ""
}

.fa-stamp {
    --fa: ""
}

.fa-stairs {
    --fa: ""
}

.fa-i {
    --fa: "I"
}

.fa-hryvnia-sign {
    --fa: ""
}

.fa-hryvnia {
    --fa: ""
}

.fa-pills {
    --fa: ""
}

.fa-face-grin-wide {
    --fa: ""
}

.fa-grin-alt {
    --fa: ""
}

.fa-tooth {
    --fa: ""
}

.fa-v {
    --fa: "V"
}

.fa-bangladeshi-taka-sign {
    --fa: ""
}

.fa-bicycle {
    --fa: ""
}

.fa-staff-snake {
    --fa: ""
}

.fa-rod-asclepius {
    --fa: ""
}

.fa-rod-snake {
    --fa: ""
}

.fa-staff-aesculapius {
    --fa: ""
}

.fa-head-side-cough-slash {
    --fa: ""
}

.fa-truck-medical {
    --fa: ""
}

.fa-ambulance {
    --fa: ""
}

.fa-wheat-awn-circle-exclamation {
    --fa: ""
}

.fa-snowman {
    --fa: ""
}

.fa-mortar-pestle {
    --fa: ""
}

.fa-road-barrier {
    --fa: ""
}

.fa-school {
    --fa: ""
}

.fa-igloo {
    --fa: ""
}

.fa-joint {
    --fa: ""
}

.fa-angle-right {
    --fa: ""
}

.fa-horse {
    --fa: ""
}

.fa-q {
    --fa: "Q"
}

.fa-g {
    --fa: "G"
}

.fa-notes-medical {
    --fa: ""
}

.fa-temperature-half {
    --fa: ""
}

.fa-temperature-2 {
    --fa: ""
}

.fa-thermometer-2 {
    --fa: ""
}

.fa-thermometer-half {
    --fa: ""
}

.fa-dong-sign {
    --fa: ""
}

.fa-capsules {
    --fa: ""
}

.fa-poo-storm {
    --fa: ""
}

.fa-poo-bolt {
    --fa: ""
}

.fa-face-frown-open {
    --fa: ""
}

.fa-frown-open {
    --fa: ""
}

.fa-hand-point-up {
    --fa: ""
}

.fa-money-bill {
    --fa: ""
}

.fa-bookmark {
    --fa: ""
}

.fa-align-justify {
    --fa: ""
}

.fa-umbrella-beach {
    --fa: ""
}

.fa-helmet-un {
    --fa: ""
}

.fa-bullseye {
    --fa: ""
}

.fa-bacon {
    --fa: ""
}

.fa-hand-point-down {
    --fa: ""
}

.fa-arrow-up-from-bracket {
    --fa: ""
}

.fa-folder {
    --fa: ""
}

.fa-folder-blank {
    --fa: ""
}

.fa-file-waveform {
    --fa: ""
}

.fa-file-medical-alt {
    --fa: ""
}

.fa-radiation {
    --fa: ""
}

.fa-chart-simple {
    --fa: ""
}

.fa-mars-stroke {
    --fa: ""
}

.fa-vial {
    --fa: ""
}

.fa-gauge {
    --fa: ""
}

.fa-dashboard {
    --fa: ""
}

.fa-gauge-med {
    --fa: ""
}

.fa-tachometer-alt-average {
    --fa: ""
}

.fa-wand-magic-sparkles {
    --fa: ""
}

.fa-magic-wand-sparkles {
    --fa: ""
}

.fa-e {
    --fa: "E"
}

.fa-pen-clip {
    --fa: ""
}

.fa-pen-alt {
    --fa: ""
}

.fa-bridge-circle-exclamation {
    --fa: ""
}

.fa-user {
    --fa: ""
}

.fa-school-circle-check {
    --fa: ""
}

.fa-dumpster {
    --fa: ""
}

.fa-van-shuttle {
    --fa: ""
}

.fa-shuttle-van {
    --fa: ""
}

.fa-building-user {
    --fa: ""
}

.fa-square-caret-left {
    --fa: ""
}

.fa-caret-square-left {
    --fa: ""
}

.fa-highlighter {
    --fa: ""
}

.fa-key {
    --fa: ""
}

.fa-bullhorn {
    --fa: ""
}

.fa-globe {
    --fa: ""
}

.fa-synagogue {
    --fa: ""
}

.fa-person-half-dress {
    --fa: ""
}

.fa-road-bridge {
    --fa: ""
}

.fa-location-arrow {
    --fa: ""
}

.fa-c {
    --fa: "C"
}

.fa-tablet-button {
    --fa: ""
}

.fa-building-lock {
    --fa: ""
}

.fa-pizza-slice {
    --fa: ""
}

.fa-money-bill-wave {
    --fa: ""
}

.fa-chart-area {
    --fa: ""
}

.fa-area-chart {
    --fa: ""
}

.fa-house-flag {
    --fa: ""
}

.fa-person-circle-minus {
    --fa: ""
}

.fa-ban {
    --fa: ""
}

.fa-cancel {
    --fa: ""
}

.fa-camera-rotate {
    --fa: ""
}

.fa-spray-can-sparkles {
    --fa: ""
}

.fa-air-freshener {
    --fa: ""
}

.fa-star {
    --fa: ""
}

.fa-repeat {
    --fa: ""
}

.fa-cross {
    --fa: ""
}

.fa-box {
    --fa: ""
}

.fa-venus-mars {
    --fa: ""
}

.fa-arrow-pointer {
    --fa: ""
}

.fa-mouse-pointer {
    --fa: ""
}

.fa-maximize {
    --fa: ""
}

.fa-expand-arrows-alt {
    --fa: ""
}

.fa-charging-station {
    --fa: ""
}

.fa-shapes {
    --fa: ""
}

.fa-triangle-circle-square {
    --fa: ""
}

.fa-shuffle {
    --fa: ""
}

.fa-random {
    --fa: ""
}

.fa-person-running {
    --fa: ""
}

.fa-running {
    --fa: ""
}

.fa-mobile-retro {
    --fa: ""
}

.fa-grip-lines-vertical {
    --fa: ""
}

.fa-spider {
    --fa: ""
}

.fa-hands-bound {
    --fa: ""
}

.fa-file-invoice-dollar {
    --fa: ""
}

.fa-plane-circle-exclamation {
    --fa: ""
}

.fa-x-ray {
    --fa: ""
}

.fa-spell-check {
    --fa: ""
}

.fa-slash {
    --fa: ""
}

.fa-computer-mouse {
    --fa: ""
}

.fa-mouse {
    --fa: ""
}

.fa-arrow-right-to-bracket {
    --fa: ""
}

.fa-sign-in {
    --fa: ""
}

.fa-shop-slash {
    --fa: ""
}

.fa-store-alt-slash {
    --fa: ""
}

.fa-server {
    --fa: ""
}

.fa-virus-covid-slash {
    --fa: ""
}

.fa-shop-lock {
    --fa: ""
}

.fa-hourglass-start {
    --fa: ""
}

.fa-hourglass-1 {
    --fa: ""
}

.fa-blender-phone {
    --fa: ""
}

.fa-building-wheat {
    --fa: ""
}

.fa-person-breastfeeding {
    --fa: ""
}

.fa-right-to-bracket {
    --fa: ""
}

.fa-sign-in-alt {
    --fa: ""
}

.fa-venus {
    --fa: ""
}

.fa-passport {
    --fa: ""
}

.fa-thumbtack-slash {
    --fa: ""
}

.fa-thumb-tack-slash {
    --fa: ""
}

.fa-heart-pulse {
    --fa: ""
}

.fa-heartbeat {
    --fa: ""
}

.fa-people-carry-box {
    --fa: ""
}

.fa-people-carry {
    --fa: ""
}

.fa-temperature-high {
    --fa: ""
}

.fa-microchip {
    --fa: ""
}

.fa-crown {
    --fa: ""
}

.fa-weight-hanging {
    --fa: ""
}

.fa-xmarks-lines {
    --fa: ""
}

.fa-file-prescription {
    --fa: ""
}

.fa-weight-scale {
    --fa: ""
}

.fa-weight {
    --fa: ""
}

.fa-user-group {
    --fa: ""
}

.fa-user-friends {
    --fa: ""
}

.fa-arrow-up-a-z {
    --fa: ""
}

.fa-sort-alpha-up {
    --fa: ""
}

.fa-chess-knight {
    --fa: ""
}

.fa-face-laugh-squint {
    --fa: ""
}

.fa-laugh-squint {
    --fa: ""
}

.fa-wheelchair {
    --fa: ""
}

.fa-circle-arrow-up {
    --fa: ""
}

.fa-arrow-circle-up {
    --fa: ""
}

.fa-toggle-on {
    --fa: ""
}

.fa-person-walking {
    --fa: ""
}

.fa-walking {
    --fa: ""
}

.fa-l {
    --fa: "L"
}

.fa-fire {
    --fa: ""
}

.fa-bed-pulse {
    --fa: ""
}

.fa-procedures {
    --fa: ""
}

.fa-shuttle-space {
    --fa: ""
}

.fa-space-shuttle {
    --fa: ""
}

.fa-face-laugh {
    --fa: ""
}

.fa-laugh {
    --fa: ""
}

.fa-folder-open {
    --fa: ""
}

.fa-heart-circle-plus {
    --fa: ""
}

.fa-code-fork {
    --fa: ""
}

.fa-city {
    --fa: ""
}

.fa-microphone-lines {
    --fa: ""
}

.fa-microphone-alt {
    --fa: ""
}

.fa-pepper-hot {
    --fa: ""
}

.fa-unlock {
    --fa: ""
}

.fa-colon-sign {
    --fa: ""
}

.fa-headset {
    --fa: ""
}

.fa-store-slash {
    --fa: ""
}

.fa-road-circle-xmark {
    --fa: ""
}

.fa-user-minus {
    --fa: ""
}

.fa-mars-stroke-up {
    --fa: ""
}

.fa-mars-stroke-v {
    --fa: ""
}

.fa-champagne-glasses {
    --fa: ""
}

.fa-glass-cheers {
    --fa: ""
}

.fa-clipboard {
    --fa: ""
}

.fa-house-circle-exclamation {
    --fa: ""
}

.fa-file-arrow-up {
    --fa: ""
}

.fa-file-upload {
    --fa: ""
}

.fa-wifi {
    --fa: ""
}

.fa-wifi-3 {
    --fa: ""
}

.fa-wifi-strong {
    --fa: ""
}

.fa-bath {
    --fa: ""
}

.fa-bathtub {
    --fa: ""
}

.fa-underline {
    --fa: ""
}

.fa-user-pen {
    --fa: ""
}

.fa-user-edit {
    --fa: ""
}

.fa-signature {
    --fa: ""
}

.fa-stroopwafel {
    --fa: ""
}

.fa-bold {
    --fa: ""
}

.fa-anchor-lock {
    --fa: ""
}

.fa-building-ngo {
    --fa: ""
}

.fa-manat-sign {
    --fa: ""
}

.fa-not-equal {
    --fa: ""
}

.fa-border-top-left {
    --fa: ""
}

.fa-border-style {
    --fa: ""
}

.fa-map-location-dot {
    --fa: ""
}

.fa-map-marked-alt {
    --fa: ""
}

.fa-jedi {
    --fa: ""
}

.fa-square-poll-vertical {
    --fa: ""
}

.fa-poll {
    --fa: ""
}

.fa-mug-hot {
    --fa: ""
}

.fa-car-battery {
    --fa: ""
}

.fa-battery-car {
    --fa: ""
}

.fa-gift {
    --fa: ""
}

.fa-dice-two {
    --fa: ""
}

.fa-chess-queen {
    --fa: ""
}

.fa-glasses {
    --fa: ""
}

.fa-chess-board {
    --fa: ""
}

.fa-building-circle-check {
    --fa: ""
}

.fa-person-chalkboard {
    --fa: ""
}

.fa-mars-stroke-right {
    --fa: ""
}

.fa-mars-stroke-h {
    --fa: ""
}

.fa-hand-back-fist {
    --fa: ""
}

.fa-hand-rock {
    --fa: ""
}

.fa-square-caret-up {
    --fa: ""
}

.fa-caret-square-up {
    --fa: ""
}

.fa-cloud-showers-water {
    --fa: ""
}

.fa-chart-bar {
    --fa: ""
}

.fa-bar-chart {
    --fa: ""
}

.fa-hands-bubbles {
    --fa: ""
}

.fa-hands-wash {
    --fa: ""
}

.fa-less-than-equal {
    --fa: ""
}

.fa-train {
    --fa: ""
}

.fa-eye-low-vision {
    --fa: ""
}

.fa-low-vision {
    --fa: ""
}

.fa-crow {
    --fa: ""
}

.fa-sailboat {
    --fa: ""
}

.fa-window-restore {
    --fa: ""
}

.fa-square-plus {
    --fa: ""
}

.fa-plus-square {
    --fa: ""
}

.fa-torii-gate {
    --fa: ""
}

.fa-frog {
    --fa: ""
}

.fa-bucket {
    --fa: ""
}

.fa-image {
    --fa: ""
}

.fa-microphone {
    --fa: ""
}

.fa-cow {
    --fa: ""
}

.fa-caret-up {
    --fa: ""
}

.fa-screwdriver {
    --fa: ""
}

.fa-folder-closed {
    --fa: ""
}

.fa-house-tsunami {
    --fa: ""
}

.fa-square-nfi {
    --fa: ""
}

.fa-arrow-up-from-ground-water {
    --fa: ""
}

.fa-martini-glass {
    --fa: ""
}

.fa-glass-martini-alt {
    --fa: ""
}

.fa-square-binary {
    --fa: ""
}

.fa-rotate-left {
    --fa: ""
}

.fa-rotate-back {
    --fa: ""
}

.fa-rotate-backward {
    --fa: ""
}

.fa-undo-alt {
    --fa: ""
}

.fa-table-columns {
    --fa: ""
}

.fa-columns {
    --fa: ""
}

.fa-lemon {
    --fa: ""
}

.fa-head-side-mask {
    --fa: ""
}

.fa-handshake {
    --fa: ""
}

.fa-gem {
    --fa: ""
}

.fa-dolly {
    --fa: ""
}

.fa-dolly-box {
    --fa: ""
}

.fa-smoking {
    --fa: ""
}

.fa-minimize {
    --fa: ""
}

.fa-compress-arrows-alt {
    --fa: ""
}

.fa-monument {
    --fa: ""
}

.fa-snowplow {
    --fa: ""
}

.fa-angles-right {
    --fa: ""
}

.fa-angle-double-right {
    --fa: ""
}

.fa-cannabis {
    --fa: ""
}

.fa-circle-play {
    --fa: ""
}

.fa-play-circle {
    --fa: ""
}

.fa-tablets {
    --fa: ""
}

.fa-ethernet {
    --fa: ""
}

.fa-euro-sign {
    --fa: ""
}

.fa-eur {
    --fa: ""
}

.fa-euro {
    --fa: ""
}

.fa-chair {
    --fa: ""
}

.fa-circle-check {
    --fa: ""
}

.fa-check-circle {
    --fa: ""
}

.fa-circle-stop {
    --fa: ""
}

.fa-stop-circle {
    --fa: ""
}

.fa-compass-drafting {
    --fa: ""
}

.fa-drafting-compass {
    --fa: ""
}

.fa-plate-wheat {
    --fa: ""
}

.fa-icicles {
    --fa: ""
}

.fa-person-shelter {
    --fa: ""
}

.fa-neuter {
    --fa: ""
}

.fa-id-badge {
    --fa: ""
}

.fa-marker {
    --fa: ""
}

.fa-face-laugh-beam {
    --fa: ""
}

.fa-laugh-beam {
    --fa: ""
}

.fa-helicopter-symbol {
    --fa: ""
}

.fa-universal-access {
    --fa: ""
}

.fa-circle-chevron-up {
    --fa: ""
}

.fa-chevron-circle-up {
    --fa: ""
}

.fa-lari-sign {
    --fa: ""
}

.fa-volcano {
    --fa: ""
}

.fa-person-walking-dashed-line-arrow-right {
    --fa: ""
}

.fa-sterling-sign {
    --fa: ""
}

.fa-gbp {
    --fa: ""
}

.fa-pound-sign {
    --fa: ""
}

.fa-viruses {
    --fa: ""
}

.fa-square-person-confined {
    --fa: ""
}

.fa-user-tie {
    --fa: ""
}

.fa-arrow-down-long {
    --fa: ""
}

.fa-long-arrow-down {
    --fa: ""
}

.fa-tent-arrow-down-to-line {
    --fa: ""
}

.fa-certificate {
    --fa: ""
}

.fa-reply-all {
    --fa: ""
}

.fa-mail-reply-all {
    --fa: ""
}

.fa-suitcase {
    --fa: ""
}

.fa-person-skating {
    --fa: ""
}

.fa-skating {
    --fa: ""
}

.fa-filter-circle-dollar {
    --fa: ""
}

.fa-funnel-dollar {
    --fa: ""
}

.fa-camera-retro {
    --fa: ""
}

.fa-circle-arrow-down {
    --fa: ""
}

.fa-arrow-circle-down {
    --fa: ""
}

.fa-file-import {
    --fa: ""
}

.fa-arrow-right-to-file {
    --fa: ""
}

.fa-square-arrow-up-right {
    --fa: ""
}

.fa-external-link-square {
    --fa: ""
}

.fa-box-open {
    --fa: ""
}

.fa-scroll {
    --fa: ""
}

.fa-spa {
    --fa: ""
}

.fa-location-pin-lock {
    --fa: ""
}

.fa-pause {
    --fa: ""
}

.fa-hill-avalanche {
    --fa: ""
}

.fa-temperature-empty {
    --fa: ""
}

.fa-temperature-0 {
    --fa: ""
}

.fa-thermometer-0 {
    --fa: ""
}

.fa-thermometer-empty {
    --fa: ""
}

.fa-bomb {
    --fa: ""
}

.fa-registered {
    --fa: ""
}

.fa-address-card {
    --fa: ""
}

.fa-contact-card {
    --fa: ""
}

.fa-vcard {
    --fa: ""
}

.fa-scale-unbalanced-flip {
    --fa: ""
}

.fa-balance-scale-right {
    --fa: ""
}

.fa-subscript {
    --fa: ""
}

.fa-diamond-turn-right {
    --fa: ""
}

.fa-directions {
    --fa: ""
}

.fa-burst {
    --fa: ""
}

.fa-house-laptop {
    --fa: ""
}

.fa-laptop-house {
    --fa: ""
}

.fa-face-tired {
    --fa: ""
}

.fa-tired {
    --fa: ""
}

.fa-money-bills {
    --fa: ""
}

.fa-smog {
    --fa: ""
}

.fa-crutch {
    --fa: ""
}

.fa-cloud-arrow-up {
    --fa: ""
}

.fa-cloud-upload {
    --fa: ""
}

.fa-cloud-upload-alt {
    --fa: ""
}

.fa-palette {
    --fa: ""
}

.fa-arrows-turn-right {
    --fa: ""
}

.fa-vest {
    --fa: ""
}

.fa-ferry {
    --fa: ""
}

.fa-arrows-down-to-people {
    --fa: ""
}

.fa-seedling {
    --fa: ""
}

.fa-sprout {
    --fa: ""
}

.fa-left-right {
    --fa: ""
}

.fa-arrows-alt-h {
    --fa: ""
}

.fa-boxes-packing {
    --fa: ""
}

.fa-circle-arrow-left {
    --fa: ""
}

.fa-arrow-circle-left {
    --fa: ""
}

.fa-group-arrows-rotate {
    --fa: ""
}

.fa-bowl-food {
    --fa: ""
}

.fa-candy-cane {
    --fa: ""
}

.fa-arrow-down-wide-short {
    --fa: ""
}

.fa-sort-amount-asc {
    --fa: ""
}

.fa-sort-amount-down {
    --fa: ""
}

.fa-cloud-bolt {
    --fa: ""
}

.fa-thunderstorm {
    --fa: ""
}

.fa-text-slash {
    --fa: ""
}

.fa-remove-format {
    --fa: ""
}

.fa-face-smile-wink {
    --fa: ""
}

.fa-smile-wink {
    --fa: ""
}

.fa-file-word {
    --fa: ""
}

.fa-file-powerpoint {
    --fa: ""
}

.fa-arrows-left-right {
    --fa: ""
}

.fa-arrows-h {
    --fa: ""
}

.fa-house-lock {
    --fa: ""
}

.fa-cloud-arrow-down {
    --fa: ""
}

.fa-cloud-download {
    --fa: ""
}

.fa-cloud-download-alt {
    --fa: ""
}

.fa-children {
    --fa: ""
}

.fa-chalkboard {
    --fa: ""
}

.fa-blackboard {
    --fa: ""
}

.fa-user-large-slash {
    --fa: ""
}

.fa-user-alt-slash {
    --fa: ""
}

.fa-envelope-open {
    --fa: ""
}

.fa-handshake-simple-slash {
    --fa: ""
}

.fa-handshake-alt-slash {
    --fa: ""
}

.fa-mattress-pillow {
    --fa: ""
}

.fa-guarani-sign {
    --fa: ""
}

.fa-arrows-rotate {
    --fa: ""
}

.fa-refresh {
    --fa: ""
}

.fa-sync {
    --fa: ""
}

.fa-fire-extinguisher {
    --fa: ""
}

.fa-cruzeiro-sign {
    --fa: ""
}

.fa-greater-than-equal {
    --fa: ""
}

.fa-shield-halved {
    --fa: ""
}

.fa-shield-alt {
    --fa: ""
}

.fa-book-atlas {
    --fa: ""
}

.fa-atlas {
    --fa: ""
}

.fa-virus {
    --fa: ""
}

.fa-envelope-circle-check {
    --fa: ""
}

.fa-layer-group {
    --fa: ""
}

.fa-arrows-to-dot {
    --fa: ""
}

.fa-archway {
    --fa: ""
}

.fa-heart-circle-check {
    --fa: ""
}

.fa-house-chimney-crack {
    --fa: ""
}

.fa-house-damage {
    --fa: ""
}

.fa-file-zipper {
    --fa: ""
}

.fa-file-archive {
    --fa: ""
}

.fa-square {
    --fa: ""
}

.fa-martini-glass-empty {
    --fa: ""
}

.fa-glass-martini {
    --fa: ""
}

.fa-couch {
    --fa: ""
}

.fa-cedi-sign {
    --fa: ""
}

.fa-italic {
    --fa: ""
}

.fa-table-cells-column-lock {
    --fa: ""
}

.fa-church {
    --fa: ""
}

.fa-comments-dollar {
    --fa: ""
}

.fa-democrat {
    --fa: ""
}

.fa-z {
    --fa: "Z"
}

.fa-person-skiing {
    --fa: ""
}

.fa-skiing {
    --fa: ""
}

.fa-road-lock {
    --fa: ""
}

.fa-a {
    --fa: "A"
}

.fa-temperature-arrow-down {
    --fa: ""
}

.fa-temperature-down {
    --fa: ""
}

.fa-feather-pointed {
    --fa: ""
}

.fa-feather-alt {
    --fa: ""
}

.fa-p {
    --fa: "P"
}

.fa-snowflake {
    --fa: ""
}

.fa-newspaper {
    --fa: ""
}

.fa-rectangle-ad {
    --fa: ""
}

.fa-ad {
    --fa: ""
}

.fa-circle-arrow-right {
    --fa: ""
}

.fa-arrow-circle-right {
    --fa: ""
}

.fa-filter-circle-xmark {
    --fa: ""
}

.fa-locust {
    --fa: ""
}

.fa-sort {
    --fa: ""
}

.fa-unsorted {
    --fa: ""
}

.fa-list-ol {
    --fa: ""
}

.fa-list-1-2 {
    --fa: ""
}

.fa-list-numeric {
    --fa: ""
}

.fa-person-dress-burst {
    --fa: ""
}

.fa-money-check-dollar {
    --fa: ""
}

.fa-money-check-alt {
    --fa: ""
}

.fa-vector-square {
    --fa: ""
}

.fa-bread-slice {
    --fa: ""
}

.fa-language {
    --fa: ""
}

.fa-face-kiss-wink-heart {
    --fa: ""
}

.fa-kiss-wink-heart {
    --fa: ""
}

.fa-filter {
    --fa: ""
}

.fa-question {
    --fa: "?"
}

.fa-file-signature {
    --fa: ""
}

.fa-up-down-left-right {
    --fa: ""
}

.fa-arrows-alt {
    --fa: ""
}

.fa-house-chimney-user {
    --fa: ""
}

.fa-hand-holding-heart {
    --fa: ""
}

.fa-puzzle-piece {
    --fa: ""
}

.fa-money-check {
    --fa: ""
}

.fa-star-half-stroke {
    --fa: ""
}

.fa-star-half-alt {
    --fa: ""
}

.fa-code {
    --fa: ""
}

.fa-whiskey-glass {
    --fa: ""
}

.fa-glass-whiskey {
    --fa: ""
}

.fa-building-circle-exclamation {
    --fa: ""
}

.fa-magnifying-glass-chart {
    --fa: ""
}

.fa-arrow-up-right-from-square {
    --fa: ""
}

.fa-external-link {
    --fa: ""
}

.fa-cubes-stacked {
    --fa: ""
}

.fa-won-sign {
    --fa: ""
}

.fa-krw {
    --fa: ""
}

.fa-won {
    --fa: ""
}

.fa-virus-covid {
    --fa: ""
}

.fa-austral-sign {
    --fa: ""
}

.fa-f {
    --fa: "F"
}

.fa-leaf {
    --fa: ""
}

.fa-road {
    --fa: ""
}

.fa-taxi {
    --fa: ""
}

.fa-cab {
    --fa: ""
}

.fa-person-circle-plus {
    --fa: ""
}

.fa-chart-pie {
    --fa: ""
}

.fa-pie-chart {
    --fa: ""
}

.fa-bolt-lightning {
    --fa: ""
}

.fa-sack-xmark {
    --fa: ""
}

.fa-file-excel {
    --fa: ""
}

.fa-file-contract {
    --fa: ""
}

.fa-fish-fins {
    --fa: ""
}

.fa-building-flag {
    --fa: ""
}

.fa-face-grin-beam {
    --fa: ""
}

.fa-grin-beam {
    --fa: ""
}

.fa-object-ungroup {
    --fa: ""
}

.fa-poop {
    --fa: ""
}

.fa-location-pin {
    --fa: ""
}

.fa-map-marker {
    --fa: ""
}

.fa-kaaba {
    --fa: ""
}

.fa-toilet-paper {
    --fa: ""
}

.fa-helmet-safety {
    --fa: ""
}

.fa-hard-hat {
    --fa: ""
}

.fa-hat-hard {
    --fa: ""
}

.fa-eject {
    --fa: ""
}

.fa-circle-right {
    --fa: ""
}

.fa-arrow-alt-circle-right {
    --fa: ""
}

.fa-plane-circle-check {
    --fa: ""
}

.fa-face-rolling-eyes {
    --fa: ""
}

.fa-meh-rolling-eyes {
    --fa: ""
}

.fa-object-group {
    --fa: ""
}

.fa-chart-line {
    --fa: ""
}

.fa-line-chart {
    --fa: ""
}

.fa-mask-ventilator {
    --fa: ""
}

.fa-arrow-right {
    --fa: ""
}

.fa-signs-post {
    --fa: ""
}

.fa-map-signs {
    --fa: ""
}

.fa-cash-register {
    --fa: ""
}

.fa-person-circle-question {
    --fa: ""
}

.fa-h {
    --fa: "H"
}

.fa-tarp {
    --fa: ""
}

.fa-screwdriver-wrench {
    --fa: ""
}

.fa-tools {
    --fa: ""
}

.fa-arrows-to-eye {
    --fa: ""
}

.fa-plug-circle-bolt {
    --fa: ""
}

.fa-heart {
    --fa: ""
}

.fa-mars-and-venus {
    --fa: ""
}

.fa-house-user {
    --fa: ""
}

.fa-home-user {
    --fa: ""
}

.fa-dumpster-fire {
    --fa: ""
}

.fa-house-crack {
    --fa: ""
}

.fa-martini-glass-citrus {
    --fa: ""
}

.fa-cocktail {
    --fa: ""
}

.fa-face-surprise {
    --fa: ""
}

.fa-surprise {
    --fa: ""
}

.fa-bottle-water {
    --fa: ""
}

.fa-circle-pause {
    --fa: ""
}

.fa-pause-circle {
    --fa: ""
}

.fa-toilet-paper-slash {
    --fa: ""
}

.fa-apple-whole {
    --fa: ""
}

.fa-apple-alt {
    --fa: ""
}

.fa-kitchen-set {
    --fa: ""
}

.fa-r {
    --fa: "R"
}

.fa-temperature-quarter {
    --fa: ""
}

.fa-temperature-1 {
    --fa: ""
}

.fa-thermometer-1 {
    --fa: ""
}

.fa-thermometer-quarter {
    --fa: ""
}

.fa-cube {
    --fa: ""
}

.fa-bitcoin-sign {
    --fa: ""
}

.fa-shield-dog {
    --fa: ""
}

.fa-solar-panel {
    --fa: ""
}

.fa-lock-open {
    --fa: ""
}

.fa-elevator {
    --fa: ""
}

.fa-money-bill-transfer {
    --fa: ""
}

.fa-money-bill-trend-up {
    --fa: ""
}

.fa-house-flood-water-circle-arrow-right {
    --fa: ""
}

.fa-square-poll-horizontal {
    --fa: ""
}

.fa-poll-h {
    --fa: ""
}

.fa-circle {
    --fa: ""
}

.fa-backward-fast {
    --fa: ""
}

.fa-fast-backward {
    --fa: ""
}

.fa-recycle {
    --fa: ""
}

.fa-user-astronaut {
    --fa: ""
}

.fa-plane-slash {
    --fa: ""
}

.fa-trademark {
    --fa: ""
}

.fa-basketball {
    --fa: ""
}

.fa-basketball-ball {
    --fa: ""
}

.fa-satellite-dish {
    --fa: ""
}

.fa-circle-up {
    --fa: ""
}

.fa-arrow-alt-circle-up {
    --fa: ""
}

.fa-mobile-screen-button {
    --fa: ""
}

.fa-mobile-alt {
    --fa: ""
}

.fa-volume-high {
    --fa: ""
}

.fa-volume-up {
    --fa: ""
}

.fa-users-rays {
    --fa: ""
}

.fa-wallet {
    --fa: ""
}

.fa-clipboard-check {
    --fa: ""
}

.fa-file-audio {
    --fa: ""
}

.fa-burger {
    --fa: ""
}

.fa-hamburger {
    --fa: ""
}

.fa-wrench {
    --fa: ""
}

.fa-bugs {
    --fa: ""
}

.fa-rupee-sign {
    --fa: ""
}

.fa-rupee {
    --fa: ""
}

.fa-file-image {
    --fa: ""
}

.fa-circle-question {
    --fa: ""
}

.fa-question-circle {
    --fa: ""
}

.fa-plane-departure {
    --fa: ""
}

.fa-handshake-slash {
    --fa: ""
}

.fa-book-bookmark {
    --fa: ""
}

.fa-code-branch {
    --fa: ""
}

.fa-hat-cowboy {
    --fa: ""
}

.fa-bridge {
    --fa: ""
}

.fa-phone-flip {
    --fa: ""
}

.fa-phone-alt {
    --fa: ""
}

.fa-truck-front {
    --fa: ""
}

.fa-cat {
    --fa: ""
}

.fa-anchor-circle-exclamation {
    --fa: ""
}

.fa-truck-field {
    --fa: ""
}

.fa-route {
    --fa: ""
}

.fa-clipboard-question {
    --fa: ""
}

.fa-panorama {
    --fa: ""
}

.fa-comment-medical {
    --fa: ""
}

.fa-teeth-open {
    --fa: ""
}

.fa-file-circle-minus {
    --fa: ""
}

.fa-tags {
    --fa: ""
}

.fa-wine-glass {
    --fa: ""
}

.fa-forward-fast {
    --fa: ""
}

.fa-fast-forward {
    --fa: ""
}

.fa-face-meh-blank {
    --fa: ""
}

.fa-meh-blank {
    --fa: ""
}

.fa-square-parking {
    --fa: ""
}

.fa-parking {
    --fa: ""
}

.fa-house-signal {
    --fa: ""
}

.fa-bars-progress {
    --fa: ""
}

.fa-tasks-alt {
    --fa: ""
}

.fa-faucet-drip {
    --fa: ""
}

.fa-cart-flatbed {
    --fa: ""
}

.fa-dolly-flatbed {
    --fa: ""
}

.fa-ban-smoking {
    --fa: ""
}

.fa-smoking-ban {
    --fa: ""
}

.fa-terminal {
    --fa: ""
}

.fa-mobile-button {
    --fa: ""
}

.fa-house-medical-flag {
    --fa: ""
}

.fa-basket-shopping {
    --fa: ""
}

.fa-shopping-basket {
    --fa: ""
}

.fa-tape {
    --fa: ""
}

.fa-bus-simple {
    --fa: ""
}

.fa-bus-alt {
    --fa: ""
}

.fa-eye {
    --fa: ""
}

.fa-face-sad-cry {
    --fa: ""
}

.fa-sad-cry {
    --fa: ""
}

.fa-audio-description {
    --fa: ""
}

.fa-person-military-to-person {
    --fa: ""
}

.fa-file-shield {
    --fa: ""
}

.fa-user-slash {
    --fa: ""
}

.fa-pen {
    --fa: ""
}

.fa-tower-observation {
    --fa: ""
}

.fa-file-code {
    --fa: ""
}

.fa-signal {
    --fa: ""
}

.fa-signal-5 {
    --fa: ""
}

.fa-signal-perfect {
    --fa: ""
}

.fa-bus {
    --fa: ""
}

.fa-heart-circle-xmark {
    --fa: ""
}

.fa-house-chimney {
    --fa: ""
}

.fa-home-lg {
    --fa: ""
}

.fa-window-maximize {
    --fa: ""
}

.fa-face-frown {
    --fa: ""
}

.fa-frown {
    --fa: ""
}

.fa-prescription {
    --fa: ""
}

.fa-shop {
    --fa: ""
}

.fa-store-alt {
    --fa: ""
}

.fa-floppy-disk {
    --fa: ""
}

.fa-save {
    --fa: ""
}

.fa-vihara {
    --fa: ""
}

.fa-scale-unbalanced {
    --fa: ""
}

.fa-balance-scale-left {
    --fa: ""
}

.fa-sort-up {
    --fa: ""
}

.fa-sort-asc {
    --fa: ""
}

.fa-comment-dots {
    --fa: ""
}

.fa-commenting {
    --fa: ""
}

.fa-plant-wilt {
    --fa: ""
}

.fa-diamond {
    --fa: ""
}

.fa-face-grin-squint {
    --fa: ""
}

.fa-grin-squint {
    --fa: ""
}

.fa-hand-holding-dollar {
    --fa: ""
}

.fa-hand-holding-usd {
    --fa: ""
}

.fa-chart-diagram {
    --fa: ""
}

.fa-bacterium {
    --fa: ""
}

.fa-hand-pointer {
    --fa: ""
}

.fa-drum-steelpan {
    --fa: ""
}

.fa-hand-scissors {
    --fa: ""
}

.fa-hands-praying {
    --fa: ""
}

.fa-praying-hands {
    --fa: ""
}

.fa-arrow-rotate-right {
    --fa: ""
}

.fa-arrow-right-rotate {
    --fa: ""
}

.fa-arrow-rotate-forward {
    --fa: ""
}

.fa-redo {
    --fa: ""
}

.fa-biohazard {
    --fa: ""
}

.fa-location-crosshairs {
    --fa: ""
}

.fa-location {
    --fa: ""
}

.fa-mars-double {
    --fa: ""
}

.fa-child-dress {
    --fa: ""
}

.fa-users-between-lines {
    --fa: ""
}

.fa-lungs-virus {
    --fa: ""
}

.fa-face-grin-tears {
    --fa: ""
}

.fa-grin-tears {
    --fa: ""
}

.fa-phone {
    --fa: ""
}

.fa-calendar-xmark {
    --fa: ""
}

.fa-calendar-times {
    --fa: ""
}

.fa-child-reaching {
    --fa: ""
}

.fa-head-side-virus {
    --fa: ""
}

.fa-user-gear {
    --fa: ""
}

.fa-user-cog {
    --fa: ""
}

.fa-arrow-up-1-9 {
    --fa: ""
}

.fa-sort-numeric-up {
    --fa: ""
}

.fa-door-closed {
    --fa: ""
}

.fa-shield-virus {
    --fa: ""
}

.fa-dice-six {
    --fa: ""
}

.fa-mosquito-net {
    --fa: ""
}

.fa-file-fragment {
    --fa: ""
}

.fa-bridge-water {
    --fa: ""
}

.fa-person-booth {
    --fa: ""
}

.fa-text-width {
    --fa: ""
}

.fa-hat-wizard {
    --fa: ""
}

.fa-pen-fancy {
    --fa: ""
}

.fa-person-digging {
    --fa: ""
}

.fa-digging {
    --fa: ""
}

.fa-trash {
    --fa: ""
}

.fa-gauge-simple {
    --fa: ""
}

.fa-gauge-simple-med {
    --fa: ""
}

.fa-tachometer-average {
    --fa: ""
}

.fa-book-medical {
    --fa: ""
}

.fa-poo {
    --fa: ""
}

.fa-quote-right {
    --fa: ""
}

.fa-quote-right-alt {
    --fa: ""
}

.fa-shirt {
    --fa: ""
}

.fa-t-shirt {
    --fa: ""
}

.fa-tshirt {
    --fa: ""
}

.fa-cubes {
    --fa: ""
}

.fa-divide {
    --fa: ""
}

.fa-tenge-sign {
    --fa: ""
}

.fa-tenge {
    --fa: ""
}

.fa-headphones {
    --fa: ""
}

.fa-hands-holding {
    --fa: ""
}

.fa-hands-clapping {
    --fa: ""
}

.fa-republican {
    --fa: ""
}

.fa-arrow-left {
    --fa: ""
}

.fa-person-circle-xmark {
    --fa: ""
}

.fa-ruler {
    --fa: ""
}

.fa-align-left {
    --fa: ""
}

.fa-dice-d6 {
    --fa: ""
}

.fa-restroom {
    --fa: ""
}

.fa-j {
    --fa: "J"
}

.fa-users-viewfinder {
    --fa: ""
}

.fa-file-video {
    --fa: ""
}

.fa-up-right-from-square {
    --fa: ""
}

.fa-external-link-alt {
    --fa: ""
}

.fa-table-cells {
    --fa: ""
}

.fa-th {
    --fa: ""
}

.fa-file-pdf {
    --fa: ""
}

.fa-book-bible {
    --fa: ""
}

.fa-bible {
    --fa: ""
}

.fa-o {
    --fa: "O"
}

.fa-suitcase-medical {
    --fa: ""
}

.fa-medkit {
    --fa: ""
}

.fa-user-secret {
    --fa: ""
}

.fa-otter {
    --fa: ""
}

.fa-person-dress {
    --fa: ""
}

.fa-female {
    --fa: ""
}

.fa-comment-dollar {
    --fa: ""
}

.fa-business-time {
    --fa: ""
}

.fa-briefcase-clock {
    --fa: ""
}

.fa-table-cells-large {
    --fa: ""
}

.fa-th-large {
    --fa: ""
}

.fa-book-tanakh {
    --fa: ""
}

.fa-tanakh {
    --fa: ""
}

.fa-phone-volume {
    --fa: ""
}

.fa-volume-control-phone {
    --fa: ""
}

.fa-hat-cowboy-side {
    --fa: ""
}

.fa-clipboard-user {
    --fa: ""
}

.fa-child {
    --fa: ""
}

.fa-lira-sign {
    --fa: ""
}

.fa-satellite {
    --fa: ""
}

.fa-plane-lock {
    --fa: ""
}

.fa-tag {
    --fa: ""
}

.fa-comment {
    --fa: ""
}

.fa-cake-candles {
    --fa: ""
}

.fa-birthday-cake {
    --fa: ""
}

.fa-cake {
    --fa: ""
}

.fa-envelope {
    --fa: ""
}

.fa-angles-up {
    --fa: ""
}

.fa-angle-double-up {
    --fa: ""
}

.fa-paperclip {
    --fa: ""
}

.fa-arrow-right-to-city {
    --fa: ""
}

.fa-ribbon {
    --fa: ""
}

.fa-lungs {
    --fa: ""
}

.fa-arrow-up-9-1 {
    --fa: ""
}

.fa-sort-numeric-up-alt {
    --fa: ""
}

.fa-litecoin-sign {
    --fa: ""
}

.fa-border-none {
    --fa: ""
}

.fa-circle-nodes {
    --fa: ""
}

.fa-parachute-box {
    --fa: ""
}

.fa-indent {
    --fa: ""
}

.fa-truck-field-un {
    --fa: ""
}

.fa-hourglass {
    --fa: ""
}

.fa-hourglass-empty {
    --fa: ""
}

.fa-mountain {
    --fa: ""
}

.fa-user-doctor {
    --fa: ""
}

.fa-user-md {
    --fa: ""
}

.fa-circle-info {
    --fa: ""
}

.fa-info-circle {
    --fa: ""
}

.fa-cloud-meatball {
    --fa: ""
}

.fa-camera {
    --fa: ""
}

.fa-camera-alt {
    --fa: ""
}

.fa-square-virus {
    --fa: ""
}

.fa-meteor {
    --fa: ""
}

.fa-car-on {
    --fa: ""
}

.fa-sleigh {
    --fa: ""
}

.fa-arrow-down-1-9 {
    --fa: ""
}

.fa-sort-numeric-asc {
    --fa: ""
}

.fa-sort-numeric-down {
    --fa: ""
}

.fa-hand-holding-droplet {
    --fa: ""
}

.fa-hand-holding-water {
    --fa: ""
}

.fa-water {
    --fa: ""
}

.fa-calendar-check {
    --fa: ""
}

.fa-braille {
    --fa: ""
}

.fa-prescription-bottle-medical {
    --fa: ""
}

.fa-prescription-bottle-alt {
    --fa: ""
}

.fa-landmark {
    --fa: ""
}

.fa-truck {
    --fa: ""
}

.fa-crosshairs {
    --fa: ""
}

.fa-person-cane {
    --fa: ""
}

.fa-tent {
    --fa: ""
}

.fa-vest-patches {
    --fa: ""
}

.fa-check-double {
    --fa: ""
}

.fa-arrow-down-a-z {
    --fa: ""
}

.fa-sort-alpha-asc {
    --fa: ""
}

.fa-sort-alpha-down {
    --fa: ""
}

.fa-money-bill-wheat {
    --fa: ""
}

.fa-cookie {
    --fa: ""
}

.fa-arrow-rotate-left {
    --fa: ""
}

.fa-arrow-left-rotate {
    --fa: ""
}

.fa-arrow-rotate-back {
    --fa: ""
}

.fa-arrow-rotate-backward {
    --fa: ""
}

.fa-undo {
    --fa: ""
}

.fa-hard-drive {
    --fa: ""
}

.fa-hdd {
    --fa: ""
}

.fa-face-grin-squint-tears {
    --fa: ""
}

.fa-grin-squint-tears {
    --fa: ""
}

.fa-dumbbell {
    --fa: ""
}

.fa-rectangle-list {
    --fa: ""
}

.fa-list-alt {
    --fa: ""
}

.fa-tarp-droplet {
    --fa: ""
}

.fa-house-medical-circle-check {
    --fa: ""
}

.fa-person-skiing-nordic {
    --fa: ""
}

.fa-skiing-nordic {
    --fa: ""
}

.fa-calendar-plus {
    --fa: ""
}

.fa-plane-arrival {
    --fa: ""
}

.fa-circle-left {
    --fa: ""
}

.fa-arrow-alt-circle-left {
    --fa: ""
}

.fa-train-subway {
    --fa: ""
}

.fa-subway {
    --fa: ""
}

.fa-chart-gantt {
    --fa: ""
}

.fa-indian-rupee-sign {
    --fa: ""
}

.fa-indian-rupee {
    --fa: ""
}

.fa-inr {
    --fa: ""
}

.fa-crop-simple {
    --fa: ""
}

.fa-crop-alt {
    --fa: ""
}

.fa-money-bill-1 {
    --fa: ""
}

.fa-money-bill-alt {
    --fa: ""
}

.fa-left-long {
    --fa: ""
}

.fa-long-arrow-alt-left {
    --fa: ""
}

.fa-dna {
    --fa: ""
}

.fa-virus-slash {
    --fa: ""
}

.fa-minus {
    --fa: ""
}

.fa-subtract {
    --fa: ""
}

.fa-chess {
    --fa: ""
}

.fa-arrow-left-long {
    --fa: ""
}

.fa-long-arrow-left {
    --fa: ""
}

.fa-plug-circle-check {
    --fa: ""
}

.fa-street-view {
    --fa: ""
}

.fa-franc-sign {
    --fa: ""
}

.fa-volume-off {
    --fa: ""
}

.fa-hands-asl-interpreting {
    --fa: ""
}

.fa-american-sign-language-interpreting {
    --fa: ""
}

.fa-asl-interpreting {
    --fa: ""
}

.fa-hands-american-sign-language-interpreting {
    --fa: ""
}

.fa-gear {
    --fa: ""
}

.fa-cog {
    --fa: ""
}

.fa-droplet-slash {
    --fa: ""
}

.fa-tint-slash {
    --fa: ""
}

.fa-mosque {
    --fa: ""
}

.fa-mosquito {
    --fa: ""
}

.fa-star-of-david {
    --fa: ""
}

.fa-person-military-rifle {
    --fa: ""
}

.fa-cart-shopping {
    --fa: ""
}

.fa-shopping-cart {
    --fa: ""
}

.fa-vials {
    --fa: ""
}

.fa-plug-circle-plus {
    --fa: ""
}

.fa-place-of-worship {
    --fa: ""
}

.fa-grip-vertical {
    --fa: ""
}

.fa-hexagon-nodes {
    --fa: ""
}

.fa-arrow-turn-up {
    --fa: ""
}

.fa-level-up {
    --fa: ""
}

.fa-u {
    --fa: "U"
}

.fa-square-root-variable {
    --fa: ""
}

.fa-square-root-alt {
    --fa: ""
}

.fa-clock {
    --fa: ""
}

.fa-clock-four {
    --fa: ""
}

.fa-backward-step {
    --fa: ""
}

.fa-step-backward {
    --fa: ""
}

.fa-pallet {
    --fa: ""
}

.fa-faucet {
    --fa: ""
}

.fa-baseball-bat-ball {
    --fa: ""
}

.fa-s {
    --fa: "S"
}

.fa-timeline {
    --fa: ""
}

.fa-keyboard {
    --fa: ""
}

.fa-caret-down {
    --fa: ""
}

.fa-house-chimney-medical {
    --fa: ""
}

.fa-clinic-medical {
    --fa: ""
}

.fa-temperature-three-quarters {
    --fa: ""
}

.fa-temperature-3 {
    --fa: ""
}

.fa-thermometer-3 {
    --fa: ""
}

.fa-thermometer-three-quarters {
    --fa: ""
}

.fa-mobile-screen {
    --fa: ""
}

.fa-mobile-android-alt {
    --fa: ""
}

.fa-plane-up {
    --fa: ""
}

.fa-piggy-bank {
    --fa: ""
}

.fa-battery-half {
    --fa: ""
}

.fa-battery-3 {
    --fa: ""
}

.fa-mountain-city {
    --fa: ""
}

.fa-coins {
    --fa: ""
}

.fa-khanda {
    --fa: ""
}

.fa-sliders {
    --fa: ""
}

.fa-sliders-h {
    --fa: ""
}

.fa-folder-tree {
    --fa: ""
}

.fa-network-wired {
    --fa: ""
}

.fa-map-pin {
    --fa: ""
}

.fa-hamsa {
    --fa: ""
}

.fa-cent-sign {
    --fa: ""
}

.fa-flask {
    --fa: ""
}

.fa-person-pregnant {
    --fa: ""
}

.fa-wand-sparkles {
    --fa: ""
}

.fa-ellipsis-vertical {
    --fa: ""
}

.fa-ellipsis-v {
    --fa: ""
}

.fa-ticket {
    --fa: ""
}

.fa-power-off {
    --fa: ""
}

.fa-right-long {
    --fa: ""
}

.fa-long-arrow-alt-right {
    --fa: ""
}

.fa-flag-usa {
    --fa: ""
}

.fa-laptop-file {
    --fa: ""
}

.fa-tty {
    --fa: ""
}

.fa-teletype {
    --fa: ""
}

.fa-diagram-next {
    --fa: ""
}

.fa-person-rifle {
    --fa: ""
}

.fa-house-medical-circle-exclamation {
    --fa: ""
}

.fa-closed-captioning {
    --fa: ""
}

.fa-person-hiking {
    --fa: ""
}

.fa-hiking {
    --fa: ""
}

.fa-venus-double {
    --fa: ""
}

.fa-images {
    --fa: ""
}

.fa-calculator {
    --fa: ""
}

.fa-people-pulling {
    --fa: ""
}

.fa-n {
    --fa: "N"
}

.fa-cable-car {
    --fa: ""
}

.fa-tram {
    --fa: ""
}

.fa-cloud-rain {
    --fa: ""
}

.fa-building-circle-xmark {
    --fa: ""
}

.fa-ship {
    --fa: ""
}

.fa-arrows-down-to-line {
    --fa: ""
}

.fa-download {
    --fa: ""
}

.fa-face-grin {
    --fa: ""
}

.fa-grin {
    --fa: ""
}

.fa-delete-left {
    --fa: ""
}

.fa-backspace {
    --fa: ""
}

.fa-eye-dropper {
    --fa: ""
}

.fa-eye-dropper-empty {
    --fa: ""
}

.fa-eyedropper {
    --fa: ""
}

.fa-file-circle-check {
    --fa: ""
}

.fa-forward {
    --fa: ""
}

.fa-mobile {
    --fa: ""
}

.fa-mobile-android {
    --fa: ""
}

.fa-mobile-phone {
    --fa: ""
}

.fa-face-meh {
    --fa: ""
}

.fa-meh {
    --fa: ""
}

.fa-align-center {
    --fa: ""
}

.fa-book-skull {
    --fa: ""
}

.fa-book-dead {
    --fa: ""
}

.fa-id-card {
    --fa: ""
}

.fa-drivers-license {
    --fa: ""
}

.fa-outdent {
    --fa: ""
}

.fa-dedent {
    --fa: ""
}

.fa-heart-circle-exclamation {
    --fa: ""
}

.fa-house {
    --fa: ""
}

.fa-home {
    --fa: ""
}

.fa-home-alt {
    --fa: ""
}

.fa-home-lg-alt {
    --fa: ""
}

.fa-calendar-week {
    --fa: ""
}

.fa-laptop-medical {
    --fa: ""
}

.fa-b {
    --fa: "B"
}

.fa-file-medical {
    --fa: ""
}

.fa-dice-one {
    --fa: ""
}

.fa-kiwi-bird {
    --fa: ""
}

.fa-arrow-right-arrow-left {
    --fa: ""
}

.fa-exchange {
    --fa: ""
}

.fa-rotate-right {
    --fa: ""
}

.fa-redo-alt {
    --fa: ""
}

.fa-rotate-forward {
    --fa: ""
}

.fa-utensils {
    --fa: ""
}

.fa-cutlery {
    --fa: ""
}

.fa-arrow-up-wide-short {
    --fa: ""
}

.fa-sort-amount-up {
    --fa: ""
}

.fa-mill-sign {
    --fa: ""
}

.fa-bowl-rice {
    --fa: ""
}

.fa-skull {
    --fa: ""
}

.fa-tower-broadcast {
    --fa: ""
}

.fa-broadcast-tower {
    --fa: ""
}

.fa-truck-pickup {
    --fa: ""
}

.fa-up-long {
    --fa: ""
}

.fa-long-arrow-alt-up {
    --fa: ""
}

.fa-stop {
    --fa: ""
}

.fa-code-merge {
    --fa: ""
}

.fa-upload {
    --fa: ""
}

.fa-hurricane {
    --fa: ""
}

.fa-mound {
    --fa: ""
}

.fa-toilet-portable {
    --fa: ""
}

.fa-compact-disc {
    --fa: ""
}

.fa-file-arrow-down {
    --fa: ""
}

.fa-file-download {
    --fa: ""
}

.fa-caravan {
    --fa: ""
}

.fa-shield-cat {
    --fa: ""
}

.fa-bolt {
    --fa: ""
}

.fa-zap {
    --fa: ""
}

.fa-glass-water {
    --fa: ""
}

.fa-oil-well {
    --fa: ""
}

.fa-vault {
    --fa: ""
}

.fa-mars {
    --fa: ""
}

.fa-toilet {
    --fa: ""
}

.fa-plane-circle-xmark {
    --fa: ""
}

.fa-yen-sign {
    --fa: ""
}

.fa-cny {
    --fa: ""
}

.fa-jpy {
    --fa: ""
}

.fa-rmb {
    --fa: ""
}

.fa-yen {
    --fa: ""
}

.fa-ruble-sign {
    --fa: ""
}

.fa-rouble {
    --fa: ""
}

.fa-rub {
    --fa: ""
}

.fa-ruble {
    --fa: ""
}

.fa-sun {
    --fa: ""
}

.fa-guitar {
    --fa: ""
}

.fa-face-laugh-wink {
    --fa: ""
}

.fa-laugh-wink {
    --fa: ""
}

.fa-horse-head {
    --fa: ""
}

.fa-bore-hole {
    --fa: ""
}

.fa-industry {
    --fa: ""
}

.fa-circle-down {
    --fa: ""
}

.fa-arrow-alt-circle-down {
    --fa: ""
}

.fa-arrows-turn-to-dots {
    --fa: ""
}

.fa-florin-sign {
    --fa: ""
}

.fa-arrow-down-short-wide {
    --fa: ""
}

.fa-sort-amount-desc {
    --fa: ""
}

.fa-sort-amount-down-alt {
    --fa: ""
}

.fa-less-than {
    --fa: "<"
}

.fa-angle-down {
    --fa: ""
}

.fa-car-tunnel {
    --fa: ""
}

.fa-head-side-cough {
    --fa: ""
}

.fa-grip-lines {
    --fa: ""
}

.fa-thumbs-down {
    --fa: ""
}

.fa-user-lock {
    --fa: ""
}

.fa-arrow-right-long {
    --fa: ""
}

.fa-long-arrow-right {
    --fa: ""
}

.fa-anchor-circle-xmark {
    --fa: ""
}

.fa-ellipsis {
    --fa: ""
}

.fa-ellipsis-h {
    --fa: ""
}

.fa-chess-pawn {
    --fa: ""
}

.fa-kit-medical {
    --fa: ""
}

.fa-first-aid {
    --fa: ""
}

.fa-person-through-window {
    --fa: ""
}

.fa-toolbox {
    --fa: ""
}

.fa-hands-holding-circle {
    --fa: ""
}

.fa-bug {
    --fa: ""
}

.fa-credit-card {
    --fa: ""
}

.fa-credit-card-alt {
    --fa: ""
}

.fa-car {
    --fa: ""
}

.fa-automobile {
    --fa: ""
}

.fa-hand-holding-hand {
    --fa: ""
}

.fa-book-open-reader {
    --fa: ""
}

.fa-book-reader {
    --fa: ""
}

.fa-mountain-sun {
    --fa: ""
}

.fa-arrows-left-right-to-line {
    --fa: ""
}

.fa-dice-d20 {
    --fa: ""
}

.fa-truck-droplet {
    --fa: ""
}

.fa-file-circle-xmark {
    --fa: ""
}

.fa-temperature-arrow-up {
    --fa: ""
}

.fa-temperature-up {
    --fa: ""
}

.fa-medal {
    --fa: ""
}

.fa-bed {
    --fa: ""
}

.fa-square-h {
    --fa: ""
}

.fa-h-square {
    --fa: ""
}

.fa-podcast {
    --fa: ""
}

.fa-temperature-full {
    --fa: ""
}

.fa-temperature-4 {
    --fa: ""
}

.fa-thermometer-4 {
    --fa: ""
}

.fa-thermometer-full {
    --fa: ""
}

.fa-bell {
    --fa: ""
}

.fa-superscript {
    --fa: ""
}

.fa-plug-circle-xmark {
    --fa: ""
}

.fa-star-of-life {
    --fa: ""
}

.fa-phone-slash {
    --fa: ""
}

.fa-paint-roller {
    --fa: ""
}

.fa-handshake-angle {
    --fa: ""
}

.fa-hands-helping {
    --fa: ""
}

.fa-location-dot {
    --fa: ""
}

.fa-map-marker-alt {
    --fa: ""
}

.fa-file {
    --fa: ""
}

.fa-greater-than {
    --fa: ">"
}

.fa-person-swimming {
    --fa: ""
}

.fa-swimmer {
    --fa: ""
}

.fa-arrow-down {
    --fa: ""
}

.fa-droplet {
    --fa: ""
}

.fa-tint {
    --fa: ""
}

.fa-eraser {
    --fa: ""
}

.fa-earth-americas {
    --fa: ""
}

.fa-earth {
    --fa: ""
}

.fa-earth-america {
    --fa: ""
}

.fa-globe-americas {
    --fa: ""
}

.fa-person-burst {
    --fa: ""
}

.fa-dove {
    --fa: ""
}

.fa-battery-empty {
    --fa: ""
}

.fa-battery-0 {
    --fa: ""
}

.fa-socks {
    --fa: ""
}

.fa-inbox {
    --fa: ""
}

.fa-section {
    --fa: ""
}

.fa-gauge-high {
    --fa: ""
}

.fa-tachometer-alt {
    --fa: ""
}

.fa-tachometer-alt-fast {
    --fa: ""
}

.fa-envelope-open-text {
    --fa: ""
}

.fa-hospital {
    --fa: ""
}

.fa-hospital-alt {
    --fa: ""
}

.fa-hospital-wide {
    --fa: ""
}

.fa-wine-bottle {
    --fa: ""
}

.fa-chess-rook {
    --fa: ""
}

.fa-bars-staggered {
    --fa: ""
}

.fa-reorder {
    --fa: ""
}

.fa-stream {
    --fa: ""
}

.fa-dharmachakra {
    --fa: ""
}

.fa-hotdog {
    --fa: ""
}

.fa-person-walking-with-cane {
    --fa: ""
}

.fa-blind {
    --fa: ""
}

.fa-drum {
    --fa: ""
}

.fa-ice-cream {
    --fa: ""
}

.fa-heart-circle-bolt {
    --fa: ""
}

.fa-fax {
    --fa: ""
}

.fa-paragraph {
    --fa: ""
}

.fa-check-to-slot {
    --fa: ""
}

.fa-vote-yea {
    --fa: ""
}

.fa-star-half {
    --fa: ""
}

.fa-boxes-stacked {
    --fa: ""
}

.fa-boxes {
    --fa: ""
}

.fa-boxes-alt {
    --fa: ""
}

.fa-link {
    --fa: ""
}

.fa-chain {
    --fa: ""
}

.fa-ear-listen {
    --fa: ""
}

.fa-assistive-listening-systems {
    --fa: ""
}

.fa-tree-city {
    --fa: ""
}

.fa-play {
    --fa: ""
}

.fa-font {
    --fa: ""
}

.fa-table-cells-row-lock {
    --fa: ""
}

.fa-rupiah-sign {
    --fa: ""
}

.fa-magnifying-glass {
    --fa: ""
}

.fa-search {
    --fa: ""
}

.fa-table-tennis-paddle-ball {
    --fa: ""
}

.fa-ping-pong-paddle-ball {
    --fa: ""
}

.fa-table-tennis {
    --fa: ""
}

.fa-person-dots-from-line {
    --fa: ""
}

.fa-diagnoses {
    --fa: ""
}

.fa-trash-can-arrow-up {
    --fa: ""
}

.fa-trash-restore-alt {
    --fa: ""
}

.fa-naira-sign {
    --fa: ""
}

.fa-cart-arrow-down {
    --fa: ""
}

.fa-walkie-talkie {
    --fa: ""
}

.fa-file-pen {
    --fa: ""
}

.fa-file-edit {
    --fa: ""
}

.fa-receipt {
    --fa: ""
}

.fa-square-pen {
    --fa: ""
}

.fa-pen-square {
    --fa: ""
}

.fa-pencil-square {
    --fa: ""
}

.fa-suitcase-rolling {
    --fa: ""
}

.fa-person-circle-exclamation {
    --fa: ""
}

.fa-chevron-down {
    --fa: ""
}

.fa-battery-full {
    --fa: ""
}

.fa-battery {
    --fa: ""
}

.fa-battery-5 {
    --fa: ""
}

.fa-skull-crossbones {
    --fa: ""
}

.fa-code-compare {
    --fa: ""
}

.fa-list-ul {
    --fa: ""
}

.fa-list-dots {
    --fa: ""
}

.fa-school-lock {
    --fa: ""
}

.fa-tower-cell {
    --fa: ""
}

.fa-down-long {
    --fa: ""
}

.fa-long-arrow-alt-down {
    --fa: ""
}

.fa-ranking-star {
    --fa: ""
}

.fa-chess-king {
    --fa: ""
}

.fa-person-harassing {
    --fa: ""
}

.fa-brazilian-real-sign {
    --fa: ""
}

.fa-landmark-dome {
    --fa: ""
}

.fa-landmark-alt {
    --fa: ""
}

.fa-arrow-up {
    --fa: ""
}

.fa-tv {
    --fa: ""
}

.fa-television {
    --fa: ""
}

.fa-tv-alt {
    --fa: ""
}

.fa-shrimp {
    --fa: ""
}

.fa-list-check {
    --fa: ""
}

.fa-tasks {
    --fa: ""
}

.fa-jug-detergent {
    --fa: ""
}

.fa-circle-user {
    --fa: ""
}

.fa-user-circle {
    --fa: ""
}

.fa-user-shield {
    --fa: ""
}

.fa-wind {
    --fa: ""
}

.fa-car-burst {
    --fa: ""
}

.fa-car-crash {
    --fa: ""
}

.fa-y {
    --fa: "Y"
}

.fa-person-snowboarding {
    --fa: ""
}

.fa-snowboarding {
    --fa: ""
}

.fa-truck-fast {
    --fa: ""
}

.fa-shipping-fast {
    --fa: ""
}

.fa-fish {
    --fa: ""
}

.fa-user-graduate {
    --fa: ""
}

.fa-circle-half-stroke {
    --fa: ""
}

.fa-adjust {
    --fa: ""
}

.fa-clapperboard {
    --fa: ""
}

.fa-circle-radiation {
    --fa: ""
}

.fa-radiation-alt {
    --fa: ""
}

.fa-baseball {
    --fa: ""
}

.fa-baseball-ball {
    --fa: ""
}

.fa-jet-fighter-up {
    --fa: ""
}

.fa-diagram-project {
    --fa: ""
}

.fa-project-diagram {
    --fa: ""
}

.fa-copy {
    --fa: ""
}

.fa-volume-xmark {
    --fa: ""
}

.fa-volume-mute {
    --fa: ""
}

.fa-volume-times {
    --fa: ""
}

.fa-hand-sparkles {
    --fa: ""
}

.fa-grip {
    --fa: ""
}

.fa-grip-horizontal {
    --fa: ""
}

.fa-share-from-square {
    --fa: ""
}

.fa-share-square {
    --fa: ""
}

.fa-child-combatant {
    --fa: ""
}

.fa-child-rifle {
    --fa: ""
}

.fa-gun {
    --fa: ""
}

.fa-square-phone {
    --fa: ""
}

.fa-phone-square {
    --fa: ""
}

.fa-plus {
    --fa: "+"
}

.fa-add {
    --fa: "+"
}

.fa-expand {
    --fa: ""
}

.fa-computer {
    --fa: ""
}

.fa-xmark {
    --fa: ""
}

.fa-close {
    --fa: ""
}

.fa-multiply {
    --fa: ""
}

.fa-remove {
    --fa: ""
}

.fa-times {
    --fa: ""
}

.fa-arrows-up-down-left-right {
    --fa: ""
}

.fa-arrows {
    --fa: ""
}

.fa-chalkboard-user {
    --fa: ""
}

.fa-chalkboard-teacher {
    --fa: ""
}

.fa-peso-sign {
    --fa: ""
}

.fa-building-shield {
    --fa: ""
}

.fa-baby {
    --fa: ""
}

.fa-users-line {
    --fa: ""
}

.fa-quote-left {
    --fa: ""
}

.fa-quote-left-alt {
    --fa: ""
}

.fa-tractor {
    --fa: ""
}

.fa-trash-arrow-up {
    --fa: ""
}

.fa-trash-restore {
    --fa: ""
}

.fa-arrow-down-up-lock {
    --fa: ""
}

.fa-lines-leaning {
    --fa: ""
}

.fa-ruler-combined {
    --fa: ""
}

.fa-copyright {
    --fa: ""
}

.fa-equals {
    --fa: "="
}

.fa-blender {
    --fa: ""
}

.fa-teeth {
    --fa: ""
}

.fa-shekel-sign {
    --fa: ""
}

.fa-ils {
    --fa: ""
}

.fa-shekel {
    --fa: ""
}

.fa-sheqel {
    --fa: ""
}

.fa-sheqel-sign {
    --fa: ""
}

.fa-map {
    --fa: ""
}

.fa-rocket {
    --fa: ""
}

.fa-photo-film {
    --fa: ""
}

.fa-photo-video {
    --fa: ""
}

.fa-folder-minus {
    --fa: ""
}

.fa-hexagon-nodes-bolt {
    --fa: ""
}

.fa-store {
    --fa: ""
}

.fa-arrow-trend-up {
    --fa: ""
}

.fa-plug-circle-minus {
    --fa: ""
}

.fa-sign-hanging {
    --fa: ""
}

.fa-sign {
    --fa: ""
}

.fa-bezier-curve {
    --fa: ""
}

.fa-bell-slash {
    --fa: ""
}

.fa-tablet {
    --fa: ""
}

.fa-tablet-android {
    --fa: ""
}

.fa-school-flag {
    --fa: ""
}

.fa-fill {
    --fa: ""
}

.fa-angle-up {
    --fa: ""
}

.fa-drumstick-bite {
    --fa: ""
}

.fa-holly-berry {
    --fa: ""
}

.fa-chevron-left {
    --fa: ""
}

.fa-bacteria {
    --fa: ""
}

.fa-hand-lizard {
    --fa: ""
}

.fa-notdef {
    --fa: ""
}

.fa-disease {
    --fa: ""
}

.fa-briefcase-medical {
    --fa: ""
}

.fa-genderless {
    --fa: ""
}

.fa-chevron-right {
    --fa: ""
}

.fa-retweet {
    --fa: ""
}

.fa-car-rear {
    --fa: ""
}

.fa-car-alt {
    --fa: ""
}

.fa-pump-soap {
    --fa: ""
}

.fa-video-slash {
    --fa: ""
}

.fa-battery-quarter {
    --fa: ""
}

.fa-battery-2 {
    --fa: ""
}

.fa-radio {
    --fa: ""
}

.fa-baby-carriage {
    --fa: ""
}

.fa-carriage-baby {
    --fa: ""
}

.fa-traffic-light {
    --fa: ""
}

.fa-thermometer {
    --fa: ""
}

.fa-vr-cardboard {
    --fa: ""
}

.fa-hand-middle-finger {
    --fa: ""
}

.fa-percent {
    --fa: "%"
}

.fa-percentage {
    --fa: "%"
}

.fa-truck-moving {
    --fa: ""
}

.fa-glass-water-droplet {
    --fa: ""
}

.fa-display {
    --fa: ""
}

.fa-face-smile {
    --fa: ""
}

.fa-smile {
    --fa: ""
}

.fa-thumbtack {
    --fa: ""
}

.fa-thumb-tack {
    --fa: ""
}

.fa-trophy {
    --fa: ""
}

.fa-person-praying {
    --fa: ""
}

.fa-pray {
    --fa: ""
}

.fa-hammer {
    --fa: ""
}

.fa-hand-peace {
    --fa: ""
}

.fa-rotate {
    --fa: ""
}

.fa-sync-alt {
    --fa: ""
}

.fa-spinner {
    --fa: ""
}

.fa-robot {
    --fa: ""
}

.fa-peace {
    --fa: ""
}

.fa-gears {
    --fa: ""
}

.fa-cogs {
    --fa: ""
}

.fa-warehouse {
    --fa: ""
}

.fa-arrow-up-right-dots {
    --fa: ""
}

.fa-splotch {
    --fa: ""
}

.fa-face-grin-hearts {
    --fa: ""
}

.fa-grin-hearts {
    --fa: ""
}

.fa-dice-four {
    --fa: ""
}

.fa-sim-card {
    --fa: ""
}

.fa-transgender {
    --fa: ""
}

.fa-transgender-alt {
    --fa: ""
}

.fa-mercury {
    --fa: ""
}

.fa-arrow-turn-down {
    --fa: ""
}

.fa-level-down {
    --fa: ""
}

.fa-person-falling-burst {
    --fa: ""
}

.fa-award {
    --fa: ""
}

.fa-ticket-simple {
    --fa: ""
}

.fa-ticket-alt {
    --fa: ""
}

.fa-building {
    --fa: ""
}

.fa-angles-left {
    --fa: ""
}

.fa-angle-double-left {
    --fa: ""
}

.fa-qrcode {
    --fa: ""
}

.fa-clock-rotate-left {
    --fa: ""
}

.fa-history {
    --fa: ""
}

.fa-face-grin-beam-sweat {
    --fa: ""
}

.fa-grin-beam-sweat {
    --fa: ""
}

.fa-file-export {
    --fa: ""
}

.fa-arrow-right-from-file {
    --fa: ""
}

.fa-shield {
    --fa: ""
}

.fa-shield-blank {
    --fa: ""
}

.fa-arrow-up-short-wide {
    --fa: ""
}

.fa-sort-amount-up-alt {
    --fa: ""
}

.fa-comment-nodes {
    --fa: ""
}

.fa-house-medical {
    --fa: ""
}

.fa-golf-ball-tee {
    --fa: ""
}

.fa-golf-ball {
    --fa: ""
}

.fa-circle-chevron-left {
    --fa: ""
}

.fa-chevron-circle-left {
    --fa: ""
}

.fa-house-chimney-window {
    --fa: ""
}

.fa-pen-nib {
    --fa: ""
}

.fa-tent-arrow-turn-left {
    --fa: ""
}

.fa-tents {
    --fa: ""
}

.fa-wand-magic {
    --fa: ""
}

.fa-magic {
    --fa: ""
}

.fa-dog {
    --fa: ""
}

.fa-carrot {
    --fa: ""
}

.fa-moon {
    --fa: ""
}

.fa-wine-glass-empty {
    --fa: ""
}

.fa-wine-glass-alt {
    --fa: ""
}

.fa-cheese {
    --fa: ""
}

.fa-yin-yang {
    --fa: ""
}

.fa-music {
    --fa: ""
}

.fa-code-commit {
    --fa: ""
}

.fa-temperature-low {
    --fa: ""
}

.fa-person-biking {
    --fa: ""
}

.fa-biking {
    --fa: ""
}

.fa-broom {
    --fa: ""
}

.fa-shield-heart {
    --fa: ""
}

.fa-gopuram {
    --fa: ""
}

.fa-earth-oceania {
    --fa: ""
}

.fa-globe-oceania {
    --fa: ""
}

.fa-square-xmark {
    --fa: ""
}

.fa-times-square {
    --fa: ""
}

.fa-xmark-square {
    --fa: ""
}

.fa-hashtag {
    --fa: "#"
}

.fa-up-right-and-down-left-from-center {
    --fa: ""
}

.fa-expand-alt {
    --fa: ""
}

.fa-oil-can {
    --fa: ""
}

.fa-t {
    --fa: "T"
}

.fa-hippo {
    --fa: ""
}

.fa-chart-column {
    --fa: ""
}

.fa-infinity {
    --fa: ""
}

.fa-vial-circle-check {
    --fa: ""
}

.fa-person-arrow-down-to-line {
    --fa: ""
}

.fa-voicemail {
    --fa: ""
}

.fa-fan {
    --fa: ""
}

.fa-person-walking-luggage {
    --fa: ""
}

.fa-up-down {
    --fa: ""
}

.fa-arrows-alt-v {
    --fa: ""
}

.fa-cloud-moon-rain {
    --fa: ""
}

.fa-calendar {
    --fa: ""
}

.fa-trailer {
    --fa: ""
}

.fa-bahai {
    --fa: ""
}

.fa-haykal {
    --fa: ""
}

.fa-sd-card {
    --fa: ""
}

.fa-dragon {
    --fa: ""
}

.fa-shoe-prints {
    --fa: ""
}

.fa-circle-plus {
    --fa: ""
}

.fa-plus-circle {
    --fa: ""
}

.fa-face-grin-tongue-wink {
    --fa: ""
}

.fa-grin-tongue-wink {
    --fa: ""
}

.fa-hand-holding {
    --fa: ""
}

.fa-plug-circle-exclamation {
    --fa: ""
}

.fa-link-slash {
    --fa: ""
}

.fa-chain-broken {
    --fa: ""
}

.fa-chain-slash {
    --fa: ""
}

.fa-unlink {
    --fa: ""
}

.fa-clone {
    --fa: ""
}

.fa-person-walking-arrow-loop-left {
    --fa: ""
}

.fa-arrow-up-z-a {
    --fa: ""
}

.fa-sort-alpha-up-alt {
    --fa: ""
}

.fa-fire-flame-curved {
    --fa: ""
}

.fa-fire-alt {
    --fa: ""
}

.fa-tornado {
    --fa: ""
}

.fa-file-circle-plus {
    --fa: ""
}

.fa-book-quran {
    --fa: ""
}

.fa-quran {
    --fa: ""
}

.fa-anchor {
    --fa: ""
}

.fa-border-all {
    --fa: ""
}

.fa-face-angry {
    --fa: ""
}

.fa-angry {
    --fa: ""
}

.fa-cookie-bite {
    --fa: ""
}

.fa-arrow-trend-down {
    --fa: ""
}

.fa-rss {
    --fa: ""
}

.fa-feed {
    --fa: ""
}

.fa-draw-polygon {
    --fa: ""
}

.fa-scale-balanced {
    --fa: ""
}

.fa-balance-scale {
    --fa: ""
}

.fa-gauge-simple-high {
    --fa: ""
}

.fa-tachometer {
    --fa: ""
}

.fa-tachometer-fast {
    --fa: ""
}

.fa-shower {
    --fa: ""
}

.fa-desktop {
    --fa: ""
}

.fa-desktop-alt {
    --fa: ""
}

.fa-m {
    --fa: "M"
}

.fa-table-list {
    --fa: ""
}

.fa-th-list {
    --fa: ""
}

.fa-comment-sms {
    --fa: ""
}

.fa-sms {
    --fa: ""
}

.fa-book {
    --fa: ""
}

.fa-user-plus {
    --fa: ""
}

.fa-check {
    --fa: ""
}

.fa-battery-three-quarters {
    --fa: ""
}

.fa-battery-4 {
    --fa: ""
}

.fa-house-circle-check {
    --fa: ""
}

.fa-angle-left {
    --fa: ""
}

.fa-diagram-successor {
    --fa: ""
}

.fa-truck-arrow-right {
    --fa: ""
}

.fa-arrows-split-up-and-left {
    --fa: ""
}

.fa-hand-fist {
    --fa: ""
}

.fa-fist-raised {
    --fa: ""
}

.fa-cloud-moon {
    --fa: ""
}

.fa-briefcase {
    --fa: ""
}

.fa-person-falling {
    --fa: ""
}

.fa-image-portrait {
    --fa: ""
}

.fa-portrait {
    --fa: ""
}

.fa-user-tag {
    --fa: ""
}

.fa-rug {
    --fa: ""
}

.fa-earth-europe {
    --fa: ""
}

.fa-globe-europe {
    --fa: ""
}

.fa-cart-flatbed-suitcase {
    --fa: ""
}

.fa-luggage-cart {
    --fa: ""
}

.fa-rectangle-xmark {
    --fa: ""
}

.fa-rectangle-times {
    --fa: ""
}

.fa-times-rectangle {
    --fa: ""
}

.fa-window-close {
    --fa: ""
}

.fa-baht-sign {
    --fa: ""
}

.fa-book-open {
    --fa: ""
}

.fa-book-journal-whills {
    --fa: ""
}

.fa-journal-whills {
    --fa: ""
}

.fa-handcuffs {
    --fa: ""
}

.fa-triangle-exclamation {
    --fa: ""
}

.fa-exclamation-triangle {
    --fa: ""
}

.fa-warning {
    --fa: ""
}

.fa-database {
    --fa: ""
}

.fa-share {
    --fa: ""
}

.fa-mail-forward {
    --fa: ""
}

.fa-bottle-droplet {
    --fa: ""
}

.fa-mask-face {
    --fa: ""
}

.fa-hill-rockslide {
    --fa: ""
}

.fa-right-left {
    --fa: ""
}

.fa-exchange-alt {
    --fa: ""
}

.fa-paper-plane {
    --fa: ""
}

.fa-road-circle-exclamation {
    --fa: ""
}

.fa-dungeon {
    --fa: ""
}

.fa-align-right {
    --fa: ""
}

.fa-money-bill-1-wave {
    --fa: ""
}

.fa-money-bill-wave-alt {
    --fa: ""
}

.fa-life-ring {
    --fa: ""
}

.fa-hands {
    --fa: ""
}

.fa-sign-language {
    --fa: ""
}

.fa-signing {
    --fa: ""
}

.fa-calendar-day {
    --fa: ""
}

.fa-water-ladder {
    --fa: ""
}

.fa-ladder-water {
    --fa: ""
}

.fa-swimming-pool {
    --fa: ""
}

.fa-arrows-up-down {
    --fa: ""
}

.fa-arrows-v {
    --fa: ""
}

.fa-face-grimace {
    --fa: ""
}

.fa-grimace {
    --fa: ""
}

.fa-wheelchair-move {
    --fa: ""
}

.fa-wheelchair-alt {
    --fa: ""
}

.fa-turn-down {
    --fa: ""
}

.fa-level-down-alt {
    --fa: ""
}

.fa-person-walking-arrow-right {
    --fa: ""
}

.fa-square-envelope {
    --fa: ""
}

.fa-envelope-square {
    --fa: ""
}

.fa-dice {
    --fa: ""
}

.fa-bowling-ball {
    --fa: ""
}

.fa-brain {
    --fa: ""
}

.fa-bandage {
    --fa: ""
}

.fa-band-aid {
    --fa: ""
}

.fa-calendar-minus {
    --fa: ""
}

.fa-circle-xmark {
    --fa: ""
}

.fa-times-circle {
    --fa: ""
}

.fa-xmark-circle {
    --fa: ""
}

.fa-gifts {
    --fa: ""
}

.fa-hotel {
    --fa: ""
}

.fa-earth-asia {
    --fa: ""
}

.fa-globe-asia {
    --fa: ""
}

.fa-id-card-clip {
    --fa: ""
}

.fa-id-card-alt {
    --fa: ""
}

.fa-magnifying-glass-plus {
    --fa: ""
}

.fa-search-plus {
    --fa: ""
}

.fa-thumbs-up {
    --fa: ""
}

.fa-user-clock {
    --fa: ""
}

.fa-hand-dots {
    --fa: ""
}

.fa-allergies {
    --fa: ""
}

.fa-file-invoice {
    --fa: ""
}

.fa-window-minimize {
    --fa: ""
}

.fa-mug-saucer {
    --fa: ""
}

.fa-coffee {
    --fa: ""
}

.fa-brush {
    --fa: ""
}

.fa-file-half-dashed {
    --fa: ""
}

.fa-mask {
    --fa: ""
}

.fa-magnifying-glass-minus {
    --fa: ""
}

.fa-search-minus {
    --fa: ""
}

.fa-ruler-vertical {
    --fa: ""
}

.fa-user-large {
    --fa: ""
}

.fa-user-alt {
    --fa: ""
}

.fa-train-tram {
    --fa: ""
}

.fa-user-nurse {
    --fa: ""
}

.fa-syringe {
    --fa: ""
}

.fa-cloud-sun {
    --fa: ""
}

.fa-stopwatch-20 {
    --fa: ""
}

.fa-square-full {
    --fa: ""
}

.fa-magnet {
    --fa: ""
}

.fa-jar {
    --fa: ""
}

.fa-note-sticky {
    --fa: ""
}

.fa-sticky-note {
    --fa: ""
}

.fa-bug-slash {
    --fa: ""
}

.fa-arrow-up-from-water-pump {
    --fa: ""
}

.fa-bone {
    --fa: ""
}

.fa-table-cells-row-unlock {
    --fa: ""
}

.fa-user-injured {
    --fa: ""
}

.fa-face-sad-tear {
    --fa: ""
}

.fa-sad-tear {
    --fa: ""
}

.fa-plane {
    --fa: ""
}

.fa-tent-arrows-down {
    --fa: ""
}

.fa-exclamation {
    --fa: "!"
}

.fa-arrows-spin {
    --fa: ""
}

.fa-print {
    --fa: ""
}

.fa-turkish-lira-sign {
    --fa: ""
}

.fa-try {
    --fa: ""
}

.fa-turkish-lira {
    --fa: ""
}

.fa-dollar-sign {
    --fa: "$"
}

.fa-dollar {
    --fa: "$"
}

.fa-usd {
    --fa: "$"
}

.fa-x {
    --fa: "X"
}

.fa-magnifying-glass-dollar {
    --fa: ""
}

.fa-search-dollar {
    --fa: ""
}

.fa-users-gear {
    --fa: ""
}

.fa-users-cog {
    --fa: ""
}

.fa-person-military-pointing {
    --fa: ""
}

.fa-building-columns {
    --fa: ""
}

.fa-bank {
    --fa: ""
}

.fa-institution {
    --fa: ""
}

.fa-museum {
    --fa: ""
}

.fa-university {
    --fa: ""
}

.fa-umbrella {
    --fa: ""
}

.fa-trowel {
    --fa: ""
}

.fa-d {
    --fa: "D"
}

.fa-stapler {
    --fa: ""
}

.fa-masks-theater {
    --fa: ""
}

.fa-theater-masks {
    --fa: ""
}

.fa-kip-sign {
    --fa: ""
}

.fa-hand-point-left {
    --fa: ""
}

.fa-handshake-simple {
    --fa: ""
}

.fa-handshake-alt {
    --fa: ""
}

.fa-jet-fighter {
    --fa: ""
}

.fa-fighter-jet {
    --fa: ""
}

.fa-square-share-nodes {
    --fa: ""
}

.fa-share-alt-square {
    --fa: ""
}

.fa-barcode {
    --fa: ""
}

.fa-plus-minus {
    --fa: ""
}

.fa-video {
    --fa: ""
}

.fa-video-camera {
    --fa: ""
}

.fa-graduation-cap {
    --fa: ""
}

.fa-mortar-board {
    --fa: ""
}

.fa-hand-holding-medical {
    --fa: ""
}

.fa-person-circle-check {
    --fa: ""
}

.fa-turn-up {
    --fa: ""
}

.fa-level-up-alt {
    --fa: ""
}

.sr-only,.fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

/*!
   * Bootstrap  v5.3.3 (https://getbootstrap.com/)
   * Copyright 2011-2024 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
:root,[data-bs-theme="light"] {
    --bs-blue: #0f6cbf;
    --bs-indigo: #6610f2;
    --bs-purple: #613d7c;
    --bs-pink: #db1a74;
    --bs-red: #ca3120;
    --bs-orange: #f0ad4e;
    --bs-yellow: #ff7518;
    --bs-green: #357a32;
    --bs-teal: #20c997;
    --bs-cyan: #008196;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6a737b;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #8f959e;
    --bs-gray-600: #6a737b;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #1d2125;
    --bs-primary: #1C43FE;
    --bs-secondary: #ced4da;
    --bs-success: #357a32;
    --bs-info: #008196;
    --bs-warning: #f0ad4e;
    --bs-danger: #ca3120;
    --bs-light: #f8f9fa;
    --bs-dark: #1d2125;
    --bs-primary-rgb: 28, 67, 254;
    --bs-secondary-rgb: 206, 212, 218;
    --bs-success-rgb: 53, 122, 50;
    --bs-info-rgb: 0, 129, 150;
    --bs-warning-rgb: 240, 173, 78;
    --bs-danger-rgb: 202, 49, 32;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 29, 33, 37;
    --bs-primary-text-emphasis: #0b1b66;
    --bs-secondary-text-emphasis: #525557;
    --bs-success-text-emphasis: #153114;
    --bs-info-text-emphasis: #00343c;
    --bs-warning-text-emphasis: #60451f;
    --bs-danger-text-emphasis: #51140d;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #d2d9ff;
    --bs-secondary-bg-subtle: #f5f6f8;
    --bs-success-bg-subtle: #d7e4d6;
    --bs-info-bg-subtle: #cce6ea;
    --bs-warning-bg-subtle: #fcefdc;
    --bs-danger-bg-subtle: #f4d6d2;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #a4b4ff;
    --bs-secondary-border-subtle: #ebeef0;
    --bs-success-border-subtle: #aecaad;
    --bs-info-border-subtle: #99cdd5;
    --bs-warning-border-subtle: #f9deb8;
    --bs-danger-border-subtle: #eaada6;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #8f959e;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9375rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #1d2125;
    --bs-body-color-rgb: 29, 33, 37;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(29, 33, 37, 0.75);
    --bs-secondary-color-rgb: 29, 33, 37;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(29, 33, 37, 0.5);
    --bs-tertiary-color-rgb: 29, 33, 37;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #1C43FE;
    --bs-link-color-rgb: 28, 67, 254;
    --bs-link-decoration: none;
    --bs-link-hover-color: #1636cb;
    --bs-link-hover-color-rgb: 22, 54, 203;
    --bs-link-hover-decoration: underline;
    --bs-code-color: #db1a74;
    --bs-highlight-color: #1d2125;
    --bs-highlight-bg: #ffe3d1;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.6rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.75;
    --bs-focus-ring-color: rgba(28, 67, 254, 0.75);
    --bs-form-valid-color: #357a32;
    --bs-form-valid-border-color: #357a32;
    --bs-form-invalid-color: #ca3120;
    --bs-form-invalid-border-color: #ca3120
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #1d2125;
    --bs-body-bg-rgb: 29, 33, 37;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #292e33;
    --bs-tertiary-bg-rgb: 41, 46, 51;
    --bs-primary-text-emphasis: #778efe;
    --bs-secondary-text-emphasis: #e2e5e9;
    --bs-success-text-emphasis: #86af84;
    --bs-info-text-emphasis: #66b3c0;
    --bs-warning-text-emphasis: #f6ce95;
    --bs-danger-text-emphasis: #df8379;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #060d33;
    --bs-secondary-bg-subtle: #292a2c;
    --bs-success-bg-subtle: #0b180a;
    --bs-info-bg-subtle: #001a1e;
    --bs-warning-bg-subtle: #302310;
    --bs-danger-bg-subtle: #280a06;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #112898;
    --bs-secondary-border-subtle: #7c7f83;
    --bs-success-border-subtle: #20491e;
    --bs-info-border-subtle: #004d5a;
    --bs-warning-border-subtle: #90682f;
    --bs-danger-border-subtle: #791d13;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #778efe;
    --bs-link-hover-color: #92a5fe;
    --bs-link-color-rgb: 119, 142, 254;
    --bs-link-hover-color-rgb: 146, 165, 254;
    --bs-code-color: #e976ac;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #662f0a;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #86af84;
    --bs-form-valid-border-color: #86af84;
    --bs-form-invalid-color: #df8379;
    --bs-form-invalid-border-color: #df8379
}

*,*::before,*::after {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #fff0
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .15
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

h1,.h1 {
    font-size: calc(1.359375rem + 1.3125vw)
}

@media (min-width: 1200px) {
    h1,.h1 {
        font-size:2.34375rem
    }
}

h2,.h2 {
    font-size: calc(1.3125rem + 0.75vw)
}

@media (min-width: 1200px) {
    h2,.h2 {
        font-size:1.875rem
    }
}

h3,.h3 {
    font-size: calc(1.2890625rem + 0.46875vw)
}

@media (min-width: 1200px) {
    h3,.h3 {
        font-size:1.640625rem
    }
}

h4,.h4 {
    font-size: calc(1.265625rem + 0.1875vw)
}

@media (min-width: 1200px) {
    h4,.h4 {
        font-size:1.40625rem
    }
}

h5,.h5 {
    font-size: 1.171875rem
}

h6,.h6 {
    font-size: .9375rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small,.small {
    font-size: .875em
}

mark,.mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

sub,sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: none
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
    text-decoration: underline
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,code,kbd,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,tbody,tfoot,tr,td,th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none!important
}

button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.171875rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.171875rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6a737b
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-sm,.container-md {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-sm,.container-md,.container-lg {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl {
        max-width:1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 2rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 2rem
}

.g-6,.gx-6 {
    --bs-gutter-x: 3rem
}

.g-6,.gy-6 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 2rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 2rem
    }

    .g-sm-6,.gx-sm-6 {
        --bs-gutter-x: 3rem
    }

    .g-sm-6,.gy-sm-6 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 2rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 2rem
    }

    .g-md-6,.gx-md-6 {
        --bs-gutter-x: 3rem
    }

    .g-md-6,.gy-md-6 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 2rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 2rem
    }

    .g-lg-6,.gx-lg-6 {
        --bs-gutter-x: 3rem
    }

    .g-lg-6,.gy-lg-6 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 2rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 2rem
    }

    .g-xl-6,.gx-xl-6 {
        --bs-gutter-x: 3rem
    }

    .g-xl-6,.gy-xl-6 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 2rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 2rem
    }

    .g-xxl-6,.gx-xxl-6 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-6,.gy-xxl-6 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.03);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #d2d9ff;
    --bs-table-border-color: #a8aecc;
    --bs-table-striped-bg: #ccd2f7;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bdc3e6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c2c9ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #f5f6f8;
    --bs-table-border-color: #c4c5c6;
    --bs-table-striped-bg: #eeeff1;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dddddf;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e3e4e5;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d7e4d6;
    --bs-table-border-color: #acb6ab;
    --bs-table-striped-bg: #d1ddd0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #c2cdc1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c7d3c6;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cce6ea;
    --bs-table-border-color: #a3b8bb;
    --bs-table-striped-bg: #c6dfe3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b8cfd3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bdd5d8;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fcefdc;
    --bs-table-border-color: #cabfb0;
    --bs-table-striped-bg: #f4e8d5;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e3d7c6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e9ddcc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f4d6d2;
    --bs-table-border-color: #c3aba8;
    --bs-table-striped-bg: #edd0cc;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dcc1bd;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e2c6c2;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #f1f2f3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #1d2125;
    --bs-table-border-color: #4a4d51;
    --bs-table-striped-bg: #24282c;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #34373b;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #2e3235;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(0.375rem + var(--bs-border-width));
    padding-bottom: calc(0.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + var(--bs-border-width));
    padding-bottom: calc(0.5rem + var(--bs-border-width));
    font-size: 1.171875rem
}

.col-form-label-sm {
    padding-top: calc(0.25rem + var(--bs-border-width));
    padding-bottom: calc(0.25rem + var(--bs-border-width));
    font-size: .8203125rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-gray-500);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type="file"] {
    overflow: hidden
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #8ea1ff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:var(--bs-border-width);border-radius: 0;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: #fff0;
    border: solid #fff0;
    border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .8203125rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.171875rem;
    border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-gray-500);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #8ea1ff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: #fff0;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .8203125rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.171875rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme="dark"] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.40625rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-gray-500);
    print-color-adjust: exact;
    transition: all 0.2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-check-input {
        transition: none
    }
}

.form-check-input[type="checkbox"] {
    border-radius: .25em
}

.form-check-input[type="radio"] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #8ea1ff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.form-check-input:checked {
    background-color: #1C43FE;
    border-color: #1C43FE
}

.form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #1C43FE;
    border-color: #1C43FE;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238ea1ff'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check[disabled]+.btn,.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    appearance: none;
    background-color: #fff0
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgb(28 67 254 / .75)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgb(28 67 254 / .75)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    appearance: none;
    background-color: #1C43FE;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #bbc7ff
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: #fff0;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: #fff0;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    appearance: none;
    background-color: #1C43FE;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #bbc7ff
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: #fff0;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: #fff0;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid #fff0;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out,transform 0.1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder {
    color: #fff0
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-control-plaintext~label::after,.form-floating>.form-select~label::after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--bs-border-width) 0
}

.form-floating>:disabled~label,.form-floating>.form-control:disabled~label {
    color: #6a737b
}

.form-floating>:disabled~label::after,.form-floating>.form-control:disabled~label::after {
    background-color: var(--bs-secondary-bg)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-gray-500);
    border-radius: var(--bs-border-radius)
}

.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.171875rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .8203125rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color)
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .8203125rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.75)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .form-select:valid,.form-select.is-valid {
    border-color: var(--bs-form-valid-border-color)
}

.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-select:valid:focus,.form-select.is-valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.75)
}

.was-validated .form-control-color:valid,.form-control-color.is-valid {
    width: calc(3rem + calc(1.5em + 0.75rem))
}

.was-validated .form-check-input:valid,.form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color)
}

.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked {
    background-color: var(--bs-form-valid-color)
}

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.75)
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .8203125rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%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: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.75)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .form-select:invalid,.form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%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");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.75)
}

.was-validated .form-control-color:invalid,.form-control-color.is-invalid {
    width: calc(3rem + calc(1.5em + 0.75rem))
}

.was-validated .form-check-input:invalid,.form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.75)
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.9375rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    text-decoration: none;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled,.btn.disabled,fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1C43FE;
    --bs-btn-border-color: #1C43FE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1839d8;
    --bs-btn-hover-border-color: #1636cb;
    --bs-btn-focus-shadow-rgb: 62, 95, 254;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1636cb;
    --bs-btn-active-border-color: #1532bf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1C43FE;
    --bs-btn-disabled-border-color: #1C43FE
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #ced4da;
    --bs-btn-border-color: #ced4da;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d5dae0;
    --bs-btn-hover-border-color: #d3d8de;
    --bs-btn-focus-shadow-rgb: 175, 180, 185;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d8dde1;
    --bs-btn-active-border-color: #d3d8de;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ced4da;
    --bs-btn-disabled-border-color: #ced4da
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #357a32;
    --bs-btn-border-color: #357a32;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2d682b;
    --bs-btn-hover-border-color: #2a6228;
    --bs-btn-focus-shadow-rgb: 83, 142, 81;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2a6228;
    --bs-btn-active-border-color: #285c26;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #357a32;
    --bs-btn-disabled-border-color: #357a32
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #008196;
    --bs-btn-border-color: #008196;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #006e80;
    --bs-btn-hover-border-color: #006778;
    --bs-btn-focus-shadow-rgb: 38, 148, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #006778;
    --bs-btn-active-border-color: #006171;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #008196;
    --bs-btn-disabled-border-color: #008196
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #f0ad4e;
    --bs-btn-border-color: #f0ad4e;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f2b969;
    --bs-btn-hover-border-color: #f2b560;
    --bs-btn-focus-shadow-rgb: 204, 147, 66;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f3bd71;
    --bs-btn-active-border-color: #f2b560;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f0ad4e;
    --bs-btn-disabled-border-color: #f0ad4e
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ca3120;
    --bs-btn-border-color: #ca3120;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ac2a1b;
    --bs-btn-hover-border-color: #a2271a;
    --bs-btn-focus-shadow-rgb: 210, 80, 65;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a2271a;
    --bs-btn-active-border-color: #982518;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ca3120;
    --bs-btn-disabled-border-color: #ca3120
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1d2125;
    --bs-btn-border-color: #1d2125;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3f4246;
    --bs-btn-hover-border-color: #34373b;
    --bs-btn-focus-shadow-rgb: 63, 66, 70;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a4d51;
    --bs-btn-active-border-color: #34373b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1d2125;
    --bs-btn-disabled-border-color: #1d2125
}

.btn-outline-primary {
    --bs-btn-color: #1C43FE;
    --bs-btn-border-color: #1C43FE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1C43FE;
    --bs-btn-hover-border-color: #1C43FE;
    --bs-btn-focus-shadow-rgb: 28, 67, 254;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1C43FE;
    --bs-btn-active-border-color: #1C43FE;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1C43FE;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1C43FE;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #ced4da;
    --bs-btn-border-color: #ced4da;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ced4da;
    --bs-btn-hover-border-color: #ced4da;
    --bs-btn-focus-shadow-rgb: 206, 212, 218;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ced4da;
    --bs-btn-active-border-color: #ced4da;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ced4da;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ced4da;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #357a32;
    --bs-btn-border-color: #357a32;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #357a32;
    --bs-btn-hover-border-color: #357a32;
    --bs-btn-focus-shadow-rgb: 53, 122, 50;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #357a32;
    --bs-btn-active-border-color: #357a32;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #357a32;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #357a32;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #008196;
    --bs-btn-border-color: #008196;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008196;
    --bs-btn-hover-border-color: #008196;
    --bs-btn-focus-shadow-rgb: 0, 129, 150;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #008196;
    --bs-btn-active-border-color: #008196;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #008196;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #008196;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #f0ad4e;
    --bs-btn-border-color: #f0ad4e;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f0ad4e;
    --bs-btn-hover-border-color: #f0ad4e;
    --bs-btn-focus-shadow-rgb: 240, 173, 78;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f0ad4e;
    --bs-btn-active-border-color: #f0ad4e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f0ad4e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f0ad4e;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #ca3120;
    --bs-btn-border-color: #ca3120;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ca3120;
    --bs-btn-hover-border-color: #ca3120;
    --bs-btn-focus-shadow-rgb: 202, 49, 32;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ca3120;
    --bs-btn-active-border-color: #ca3120;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ca3120;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ca3120;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #1d2125;
    --bs-btn-border-color: #1d2125;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1d2125;
    --bs-btn-hover-border-color: #1d2125;
    --bs-btn-focus-shadow-rgb: 29, 33, 37;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1d2125;
    --bs-btn-active-border-color: #1d2125;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1d2125;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1d2125;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6a737b;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 62, 95, 254;
    text-decoration: none
}

.btn-link:hover,.btn-link:focus-visible {
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-lg,.btn-group-lg>.btn {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.171875rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-sm,.btn-group-sm>.btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.8203125rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid #fff0;
    border-bottom: 0;
    border-left: .3em solid #fff0
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.9375rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: #1C43FE;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #1C43FE;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6a737b;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid #fff0;
    border-bottom: .3em solid;
    border-left: .3em solid #fff0
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid #fff0;
    border-right: 0;
    border-bottom: .3em solid #fff0;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid #fff0;
    border-right: .3em solid;
    border-bottom: .3em solid #fff0
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: #fff0;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0)
}

.dropdown-item:hover,.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: #fff0
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .8203125rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #1C43FE;
    --bs-dropdown-link-disabled-color: #8f959e;
    --bs-dropdown-header-color: #8f959e
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.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 {
    border-radius: var(--bs-border-radius)
}

.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child) {
    margin-left: calc(var(--bs-border-width) * -1)
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.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,.dropend .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split {
    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: calc(var(--bs-border-width) * -1)
}

.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~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover,.nav-link:focus {
    color: var(--bs-nav-link-hover-color);
    text-decoration: none
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.nav-link.disabled,.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid #fff0;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #1C43FE
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid #fff0
}

.nav-underline .nav-link:hover,.nav-underline .nav-link:focus {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill>.nav-link,.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,.nav-justified .nav-item {
    flex-basis: 0%;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.32421875rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.171875rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.171875rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2829, 33, 37, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    white-space: nowrap
}

.navbar-brand:hover,.navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color);
    text-decoration: none
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,.navbar-text a:hover,.navbar-text a:focus {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: #fff0;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto!important;
    height: auto!important;
    visibility: visible!important;
    background-color: transparent!important;
    border: 0!important;
    transform: none!important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark,.navbar[data-bs-theme="dark"] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme="dark"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.25rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color)
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-top,.card-img-bottom {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231d2125' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230b1b66' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(28, 67, 254, 0.75);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: .9375rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush>.accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0
}

.accordion-flush>.accordion-item>.accordion-collapse {
    border-radius: 0
}

[data-bs-theme="dark"] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23778efe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23778efe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0.5rem;
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider,"/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.9375rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(28, 67, 254, 0.75);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #1C43FE;
    --bs-pagination-active-border-color: #1C43FE;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    text-decoration: none;
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active,.active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled,.disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.171875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.8203125rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress,.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.703125rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #1C43FE;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #1C43FE;
    --bs-list-group-active-border-color: #1C43FE;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item::before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:hover,.list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(28, 67, 254, 0.75);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: #fff0 var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .5rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close:disabled,.btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white {
    filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme="dark"] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.8203125rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: #fff0;
    border-style: solid
}

.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 300px;
    --bs-popover-font-size: 0.8203125rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 0.9375rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::before,.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: #fff0;
    border-style: solid;
    border-width: 0
}

.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end {
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev,.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .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: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid #fff0;
    border-bottom: 10px solid #fff0;
    opacity: .5;
    transition: opacity 0.6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme="dark"] .carousel .carousel-control-prev-icon,[data-bs-theme="dark"] .carousel .carousel-control-next-icon,[data-bs-theme="dark"].carousel .carousel-control-prev-icon,[data-bs-theme="dark"].carousel .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target],[data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme="dark"] .carousel .carousel-caption,[data-bs-theme="dark"].carousel .carousel-caption {
    color: #000
}

.spinner-grow,.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: #fff0
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas-sm,.offcanvas-md,.offcanvas-lg,.offcanvas-xl,.offcanvas-xxl,.offcanvas {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding) {
        transform: none
    }

    .offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show {
        visibility: visible
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition:none
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.showing,.offcanvas-md.show:not(.hiding) {
        transform: none
    }

    .offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show {
        visibility: visible
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition:none
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding) {
        transform: none
    }

    .offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show {
        visibility: visible
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition:none
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show {
        visibility: visible
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition:none
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show {
        visibility: visible
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition:none
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing,.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,.offcanvas.hiding,.offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    mask-image: linear-gradient(130deg,#000 55%,rgb(0 0 0 / .8) 75%,#000 95%);
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff!important;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #000!important;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-success {
    color: #fff!important;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-info {
    color: #fff!important;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-danger {
    color: #fff!important;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important
}

.link-primary {
    color: rgba(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-primary:hover,.link-primary:focus {
    color: rgba(22,54,203,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(22,54,203,var(--bs-link-underline-opacity,1))!important
}

.link-secondary {
    color: rgba(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-secondary:hover,.link-secondary:focus {
    color: rgba(216,221,225,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(216,221,225,var(--bs-link-underline-opacity,1))!important
}

.link-success {
    color: rgba(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-success:hover,.link-success:focus {
    color: rgba(42,98,40,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(42,98,40,var(--bs-link-underline-opacity,1))!important
}

.link-info {
    color: rgba(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-info:hover,.link-info:focus {
    color: rgba(0,103,120,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(0,103,120,var(--bs-link-underline-opacity,1))!important
}

.link-warning {
    color: rgba(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-warning:hover,.link-warning:focus {
    color: rgba(243,189,113,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(243,189,113,var(--bs-link-underline-opacity,1))!important
}

.link-danger {
    color: rgba(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-danger:hover,.link-danger:focus {
    color: rgba(162,39,26,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(162,39,26,var(--bs-link-underline-opacity,1))!important
}

.link-light {
    color: rgba(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-light:hover,.link-light:focus {
    color: rgba(249,250,251,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.link-dark {
    color: rgba(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-dark:hover,.link-dark:focus {
    color: rgba(23,26,30,var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(23,26,30,var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis {
    color: rgba(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis:hover,.link-body-emphasis:focus {
    color: rgba(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
    text-decoration-color: rgba(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: 0.2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi {
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute!important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .15
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top,[data-filterregion="value"] div:first-of-type {
    vertical-align: top!important
}

.align-middle,.reportbuilder-table td {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.object-fit-contain {
    object-fit: contain!important
}

.object-fit-cover {
    object-fit: cover!important
}

.object-fit-fill {
    object-fit: fill!important
}

.object-fit-scale {
    object-fit: scale-down!important
}

.object-fit-none {
    object-fit: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: 0.25!important
}

.opacity-50 {
    opacity: 0.5!important
}

.opacity-75 {
    opacity: 0.75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.overflow-x-auto {
    overflow-x: auto!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-auto {
    overflow-y: auto!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-y-scroll {
    overflow-y: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: var(--bs-box-shadow)!important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm)!important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg)!important
}

.shadow-none {
    box-shadow: none!important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle)!important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle)!important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle)!important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle)!important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle)!important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle)!important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle)!important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle)!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill,.reportbuilder-report-container {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: 0.25rem!important
}

.m-2 {
    margin: 0.5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 2rem!important
}

.m-6 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important
}

.mx-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 2rem!important;
    margin-left: 2rem!important
}

.mx-6 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important
}

.my-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important
}

.my-6 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: 0.25rem!important
}

.mt-2 {
    margin-top: 0.5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 2rem!important
}

.mt-6 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: 0.25rem!important
}

.me-2 {
    margin-right: 0.5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 2rem!important
}

.me-6 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: 0.25rem!important
}

.mb-2 {
    margin-bottom: 0.5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 2rem!important
}

.mb-6 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: 0.25rem!important
}

.ms-2 {
    margin-left: 0.5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 2rem!important
}

.ms-6 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: 0.25rem!important
}

.p-2 {
    padding: 0.5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 2rem!important
}

.p-6 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important
}

.px-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 2rem!important;
    padding-left: 2rem!important
}

.px-6 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important
}

.py-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important
}

.py-6 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: 0.25rem!important
}

.pt-2 {
    padding-top: 0.5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 2rem!important
}

.pt-6 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: 0.25rem!important
}

.pe-2 {
    padding-right: 0.5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 2rem!important
}

.pe-6 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: 0.25rem!important
}

.pb-2 {
    padding-bottom: 0.5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 2rem!important
}

.pb-6 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: 0.25rem!important
}

.ps-2 {
    padding-left: 0.5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 2rem!important
}

.ps-6 {
    padding-left: 3rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: 0.25rem!important
}

.gap-2 {
    gap: 0.5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 2rem!important
}

.gap-6 {
    gap: 3rem!important
}

.row-gap-0 {
    row-gap: 0!important
}

.row-gap-1 {
    row-gap: 0.25rem!important
}

.row-gap-2 {
    row-gap: 0.5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 2rem!important
}

.row-gap-6 {
    row-gap: 3rem!important
}

.column-gap-0 {
    column-gap: 0!important
}

.column-gap-1 {
    column-gap: 0.25rem!important
}

.column-gap-2 {
    column-gap: 0.5rem!important
}

.column-gap-3 {
    column-gap: 1rem!important
}

.column-gap-4 {
    column-gap: 1.5rem!important
}

.column-gap-5 {
    column-gap: 2rem!important
}

.column-gap-6 {
    column-gap: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.359375rem + 1.3125vw)!important
}

.fs-2 {
    font-size: calc(1.3125rem + 0.75vw)!important
}

.fs-3 {
    font-size: calc(1.2890625rem + 0.46875vw)!important
}

.fs-4 {
    font-size: calc(1.265625rem + 0.1875vw)!important
}

.fs-5 {
    font-size: 1.171875rem!important
}

.fs-6 {
    font-size: 0.9375rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgb(0 0 0 / .5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgb(255 255 255 / .5)!important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color)!important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis)!important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis)!important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis)!important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis)!important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis)!important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis)!important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis)!important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis)!important
}

.link-opacity-10 {
    --bs-link-opacity: 0.1
}

.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25 {
    --bs-link-opacity: 0.25
}

.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50 {
    --bs-link-opacity: 0.5
}

.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75 {
    --bs-link-opacity: 0.75
}

.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100 {
    --bs-link-opacity: 1
}

.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1 {
    text-underline-offset: 0.125em!important
}

.link-offset-1-hover:hover {
    text-underline-offset: 0.125em!important
}

.link-offset-2 {
    text-underline-offset: 0.25em!important
}

.link-offset-2-hover:hover {
    text-underline-offset: 0.25em!important
}

.link-offset-3 {
    text-underline-offset: 0.375em!important
}

.link-offset-3-hover:hover {
    text-underline-offset: 0.375em!important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-underline-opacity-0 {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10 {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25 {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50 {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75 {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100 {
    --bs-link-underline-opacity: 1
}

.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    user-select: all!important
}

.user-select-auto {
    user-select: auto!important
}

.user-select-none {
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-left-radius: var(--bs-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .object-fit-sm-contain {
        object-fit: contain!important
    }

    .object-fit-sm-cover {
        object-fit: cover!important
    }

    .object-fit-sm-fill {
        object-fit: fill!important
    }

    .object-fit-sm-scale {
        object-fit: scale-down!important
    }

    .object-fit-sm-none {
        object-fit: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-inline-grid {
        display: inline-grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: 0.25rem!important
    }

    .m-sm-2 {
        margin: 0.5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 2rem!important
    }

    .m-sm-6 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-sm-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 2rem!important;
        margin-left: 2rem!important
    }

    .mx-sm-6 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-sm-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .my-sm-6 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: 0.25rem!important
    }

    .mt-sm-2 {
        margin-top: 0.5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 2rem!important
    }

    .mt-sm-6 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: 0.25rem!important
    }

    .me-sm-2 {
        margin-right: 0.5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 2rem!important
    }

    .me-sm-6 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 2rem!important
    }

    .mb-sm-6 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: 0.25rem!important
    }

    .ms-sm-2 {
        margin-left: 0.5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 2rem!important
    }

    .ms-sm-6 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: 0.25rem!important
    }

    .p-sm-2 {
        padding: 0.5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 2rem!important
    }

    .p-sm-6 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-sm-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 2rem!important;
        padding-left: 2rem!important
    }

    .px-sm-6 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-sm-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .py-sm-6 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: 0.25rem!important
    }

    .pt-sm-2 {
        padding-top: 0.5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 2rem!important
    }

    .pt-sm-6 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: 0.25rem!important
    }

    .pe-sm-2 {
        padding-right: 0.5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 2rem!important
    }

    .pe-sm-6 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 2rem!important
    }

    .pb-sm-6 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: 0.25rem!important
    }

    .ps-sm-2 {
        padding-left: 0.5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 2rem!important
    }

    .ps-sm-6 {
        padding-left: 3rem!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: 0.25rem!important
    }

    .gap-sm-2 {
        gap: 0.5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 2rem!important
    }

    .gap-sm-6 {
        gap: 3rem!important
    }

    .row-gap-sm-0 {
        row-gap: 0!important
    }

    .row-gap-sm-1 {
        row-gap: 0.25rem!important
    }

    .row-gap-sm-2 {
        row-gap: 0.5rem!important
    }

    .row-gap-sm-3 {
        row-gap: 1rem!important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-sm-5 {
        row-gap: 2rem!important
    }

    .row-gap-sm-6 {
        row-gap: 3rem!important
    }

    .column-gap-sm-0 {
        column-gap: 0!important
    }

    .column-gap-sm-1 {
        column-gap: 0.25rem!important
    }

    .column-gap-sm-2 {
        column-gap: 0.5rem!important
    }

    .column-gap-sm-3 {
        column-gap: 1rem!important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-sm-5 {
        column-gap: 2rem!important
    }

    .column-gap-sm-6 {
        column-gap: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .object-fit-md-contain {
        object-fit: contain!important
    }

    .object-fit-md-cover {
        object-fit: cover!important
    }

    .object-fit-md-fill {
        object-fit: fill!important
    }

    .object-fit-md-scale {
        object-fit: scale-down!important
    }

    .object-fit-md-none {
        object-fit: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-inline-grid {
        display: inline-grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: 0.25rem!important
    }

    .m-md-2 {
        margin: 0.5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 2rem!important
    }

    .m-md-6 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-md-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 2rem!important;
        margin-left: 2rem!important
    }

    .mx-md-6 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-md-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .my-md-6 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: 0.25rem!important
    }

    .mt-md-2 {
        margin-top: 0.5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 2rem!important
    }

    .mt-md-6 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: 0.25rem!important
    }

    .me-md-2 {
        margin-right: 0.5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 2rem!important
    }

    .me-md-6 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-md-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 2rem!important
    }

    .mb-md-6 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: 0.25rem!important
    }

    .ms-md-2 {
        margin-left: 0.5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 2rem!important
    }

    .ms-md-6 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: 0.25rem!important
    }

    .p-md-2 {
        padding: 0.5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 2rem!important
    }

    .p-md-6 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-md-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 2rem!important;
        padding-left: 2rem!important
    }

    .px-md-6 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-md-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .py-md-6 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: 0.25rem!important
    }

    .pt-md-2 {
        padding-top: 0.5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 2rem!important
    }

    .pt-md-6 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: 0.25rem!important
    }

    .pe-md-2 {
        padding-right: 0.5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 2rem!important
    }

    .pe-md-6 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-md-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 2rem!important
    }

    .pb-md-6 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: 0.25rem!important
    }

    .ps-md-2 {
        padding-left: 0.5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 2rem!important
    }

    .ps-md-6 {
        padding-left: 3rem!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: 0.25rem!important
    }

    .gap-md-2 {
        gap: 0.5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 2rem!important
    }

    .gap-md-6 {
        gap: 3rem!important
    }

    .row-gap-md-0 {
        row-gap: 0!important
    }

    .row-gap-md-1 {
        row-gap: 0.25rem!important
    }

    .row-gap-md-2 {
        row-gap: 0.5rem!important
    }

    .row-gap-md-3 {
        row-gap: 1rem!important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-md-5 {
        row-gap: 2rem!important
    }

    .row-gap-md-6 {
        row-gap: 3rem!important
    }

    .column-gap-md-0 {
        column-gap: 0!important
    }

    .column-gap-md-1 {
        column-gap: 0.25rem!important
    }

    .column-gap-md-2 {
        column-gap: 0.5rem!important
    }

    .column-gap-md-3 {
        column-gap: 1rem!important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-md-5 {
        column-gap: 2rem!important
    }

    .column-gap-md-6 {
        column-gap: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .object-fit-lg-contain {
        object-fit: contain!important
    }

    .object-fit-lg-cover {
        object-fit: cover!important
    }

    .object-fit-lg-fill {
        object-fit: fill!important
    }

    .object-fit-lg-scale {
        object-fit: scale-down!important
    }

    .object-fit-lg-none {
        object-fit: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-inline-grid {
        display: inline-grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: 0.25rem!important
    }

    .m-lg-2 {
        margin: 0.5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 2rem!important
    }

    .m-lg-6 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-lg-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 2rem!important;
        margin-left: 2rem!important
    }

    .mx-lg-6 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-lg-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .my-lg-6 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: 0.25rem!important
    }

    .mt-lg-2 {
        margin-top: 0.5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 2rem!important
    }

    .mt-lg-6 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: 0.25rem!important
    }

    .me-lg-2 {
        margin-right: 0.5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 2rem!important
    }

    .me-lg-6 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 2rem!important
    }

    .mb-lg-6 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: 0.25rem!important
    }

    .ms-lg-2 {
        margin-left: 0.5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 2rem!important
    }

    .ms-lg-6 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: 0.25rem!important
    }

    .p-lg-2 {
        padding: 0.5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 2rem!important
    }

    .p-lg-6 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-lg-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 2rem!important;
        padding-left: 2rem!important
    }

    .px-lg-6 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-lg-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .py-lg-6 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: 0.25rem!important
    }

    .pt-lg-2 {
        padding-top: 0.5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 2rem!important
    }

    .pt-lg-6 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: 0.25rem!important
    }

    .pe-lg-2 {
        padding-right: 0.5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 2rem!important
    }

    .pe-lg-6 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 2rem!important
    }

    .pb-lg-6 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: 0.25rem!important
    }

    .ps-lg-2 {
        padding-left: 0.5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 2rem!important
    }

    .ps-lg-6 {
        padding-left: 3rem!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: 0.25rem!important
    }

    .gap-lg-2 {
        gap: 0.5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 2rem!important
    }

    .gap-lg-6 {
        gap: 3rem!important
    }

    .row-gap-lg-0 {
        row-gap: 0!important
    }

    .row-gap-lg-1 {
        row-gap: 0.25rem!important
    }

    .row-gap-lg-2 {
        row-gap: 0.5rem!important
    }

    .row-gap-lg-3 {
        row-gap: 1rem!important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-lg-5 {
        row-gap: 2rem!important
    }

    .row-gap-lg-6 {
        row-gap: 3rem!important
    }

    .column-gap-lg-0 {
        column-gap: 0!important
    }

    .column-gap-lg-1 {
        column-gap: 0.25rem!important
    }

    .column-gap-lg-2 {
        column-gap: 0.5rem!important
    }

    .column-gap-lg-3 {
        column-gap: 1rem!important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-lg-5 {
        column-gap: 2rem!important
    }

    .column-gap-lg-6 {
        column-gap: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .object-fit-xl-contain {
        object-fit: contain!important
    }

    .object-fit-xl-cover {
        object-fit: cover!important
    }

    .object-fit-xl-fill {
        object-fit: fill!important
    }

    .object-fit-xl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xl-none {
        object-fit: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-inline-grid {
        display: inline-grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: 0.25rem!important
    }

    .m-xl-2 {
        margin: 0.5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 2rem!important
    }

    .m-xl-6 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-xl-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 2rem!important;
        margin-left: 2rem!important
    }

    .mx-xl-6 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-xl-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .my-xl-6 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: 0.25rem!important
    }

    .mt-xl-2 {
        margin-top: 0.5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 2rem!important
    }

    .mt-xl-6 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: 0.25rem!important
    }

    .me-xl-2 {
        margin-right: 0.5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 2rem!important
    }

    .me-xl-6 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 2rem!important
    }

    .mb-xl-6 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: 0.25rem!important
    }

    .ms-xl-2 {
        margin-left: 0.5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 2rem!important
    }

    .ms-xl-6 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: 0.25rem!important
    }

    .p-xl-2 {
        padding: 0.5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 2rem!important
    }

    .p-xl-6 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-xl-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 2rem!important;
        padding-left: 2rem!important
    }

    .px-xl-6 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-xl-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .py-xl-6 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: 0.25rem!important
    }

    .pt-xl-2 {
        padding-top: 0.5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 2rem!important
    }

    .pt-xl-6 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: 0.25rem!important
    }

    .pe-xl-2 {
        padding-right: 0.5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 2rem!important
    }

    .pe-xl-6 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 2rem!important
    }

    .pb-xl-6 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: 0.25rem!important
    }

    .ps-xl-2 {
        padding-left: 0.5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 2rem!important
    }

    .ps-xl-6 {
        padding-left: 3rem!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: 0.25rem!important
    }

    .gap-xl-2 {
        gap: 0.5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 2rem!important
    }

    .gap-xl-6 {
        gap: 3rem!important
    }

    .row-gap-xl-0 {
        row-gap: 0!important
    }

    .row-gap-xl-1 {
        row-gap: 0.25rem!important
    }

    .row-gap-xl-2 {
        row-gap: 0.5rem!important
    }

    .row-gap-xl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xl-5 {
        row-gap: 2rem!important
    }

    .row-gap-xl-6 {
        row-gap: 3rem!important
    }

    .column-gap-xl-0 {
        column-gap: 0!important
    }

    .column-gap-xl-1 {
        column-gap: 0.25rem!important
    }

    .column-gap-xl-2 {
        column-gap: 0.5rem!important
    }

    .column-gap-xl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xl-5 {
        column-gap: 2rem!important
    }

    .column-gap-xl-6 {
        column-gap: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .object-fit-xxl-contain {
        object-fit: contain!important
    }

    .object-fit-xxl-cover {
        object-fit: cover!important
    }

    .object-fit-xxl-fill {
        object-fit: fill!important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xxl-none {
        object-fit: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-inline-grid {
        display: inline-grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: 0.25rem!important
    }

    .m-xxl-2 {
        margin: 0.5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 2rem!important
    }

    .m-xxl-6 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: 0.25rem!important;
        margin-left: 0.25rem!important
    }

    .mx-xxl-2 {
        margin-right: 0.5rem!important;
        margin-left: 0.5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 2rem!important;
        margin-left: 2rem!important
    }

    .mx-xxl-6 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: 0.25rem!important;
        margin-bottom: 0.25rem!important
    }

    .my-xxl-2 {
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important
    }

    .my-xxl-6 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: 0.25rem!important
    }

    .mt-xxl-2 {
        margin-top: 0.5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 2rem!important
    }

    .mt-xxl-6 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: 0.25rem!important
    }

    .me-xxl-2 {
        margin-right: 0.5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 2rem!important
    }

    .me-xxl-6 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 2rem!important
    }

    .mb-xxl-6 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: 0.25rem!important
    }

    .ms-xxl-2 {
        margin-left: 0.5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 2rem!important
    }

    .ms-xxl-6 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: 0.25rem!important
    }

    .p-xxl-2 {
        padding: 0.5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 2rem!important
    }

    .p-xxl-6 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: 0.25rem!important;
        padding-left: 0.25rem!important
    }

    .px-xxl-2 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 2rem!important;
        padding-left: 2rem!important
    }

    .px-xxl-6 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important
    }

    .py-xxl-2 {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important
    }

    .py-xxl-6 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: 0.25rem!important
    }

    .pt-xxl-2 {
        padding-top: 0.5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 2rem!important
    }

    .pt-xxl-6 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: 0.25rem!important
    }

    .pe-xxl-2 {
        padding-right: 0.5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 2rem!important
    }

    .pe-xxl-6 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 2rem!important
    }

    .pb-xxl-6 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: 0.25rem!important
    }

    .ps-xxl-2 {
        padding-left: 0.5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 2rem!important
    }

    .ps-xxl-6 {
        padding-left: 3rem!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: 0.25rem!important
    }

    .gap-xxl-2 {
        gap: 0.5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 2rem!important
    }

    .gap-xxl-6 {
        gap: 3rem!important
    }

    .row-gap-xxl-0 {
        row-gap: 0!important
    }

    .row-gap-xxl-1 {
        row-gap: 0.25rem!important
    }

    .row-gap-xxl-2 {
        row-gap: 0.5rem!important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xxl-5 {
        row-gap: 2rem!important
    }

    .row-gap-xxl-6 {
        row-gap: 3rem!important
    }

    .column-gap-xxl-0 {
        column-gap: 0!important
    }

    .column-gap-xxl-1 {
        column-gap: 0.25rem!important
    }

    .column-gap-xxl-2 {
        column-gap: 0.5rem!important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xxl-5 {
        column-gap: 2rem!important
    }

    .column-gap-xxl-6 {
        column-gap: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.34375rem!important
    }

    .fs-2 {
        font-size: 1.875rem!important
    }

    .fs-3 {
        font-size: 1.640625rem!important
    }

    .fs-4 {
        font-size: 1.40625rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-inline-grid {
        display: inline-grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

#region-main {
    overflow-y: visible;
    background-color: #fff
}

@media (min-width: 576px) {
    .context-header-settings-menu,.region-main-settings-menu {
        float:right;
        width: auto;
        max-width: 4em;
        height: 2em;
        display: block;
        margin-top: 4px
    }
}

@media (max-width: 767.98px) {
    .context-header-settings-menu,.region-main-settings-menu {
        display:flex;
        justify-content: flex-end
    }
}

.context-header-settings-menu .dropdown-toggle>.icon,#region-main-settings-menu .dropdown-toggle>.icon {
    height: 24px;
    font-size: 24px;
    width: auto
}

#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: var(--bs-secondary-color)
}

.aalink.focus,a.focus.autolink,.aalink:focus,a.autolink:focus,#page-footer a:not([class]).focus,#page-footer a:not([class]):focus,.arrow_link.focus,.arrow_link:focus,a:not([class]).focus,a:not([class]):focus,.activityinstance>a.focus,.activityinstance>a:focus {
    outline: .25rem solid #fff0;
    color: #1d2125;
    background-color: #fff;
    box-shadow: 0 -.25rem white,0 .25rem #343a40
}

.aalink:focus:hover,a.autolink:focus:hover,#page-footer a:not([class]):focus:hover,.arrow_link:focus:hover,a:not([class]):focus:hover,.activityinstance>a:focus:hover {
    text-decoration: none
}

.aabtn.focus,.aabtn:focus,.btn-link.focus,.btn-link:focus,.nav-link.focus,.nav-link:focus,.editor_atto_toolbar button.focus,.editor_atto_toolbar button:focus,.editor_atto_toolbar .atto_toolbar_row.focus,.editor_atto_toolbar .atto_toolbar_row:focus,[role="button"].focus,[role="button"]:focus,.list-group-item-action.focus,.list-group-item-action:focus,input[type="checkbox"].focus,input[type="checkbox"]:focus,input[type="radio"].focus,input[type="radio"]:focus,input[type="file"].focus,input[type="file"]:focus,input[type="image"].focus,input[type="image"]:focus,.visually-hidden-focusable.focus,.visually-hidden-focusable:focus,a.dropdown-toggle.focus,a.dropdown-toggle:focus,.moodle-dialogue-base .closebutton.focus,.moodle-dialogue-base .closebutton:focus,button.btn-close.focus,button.btn-close:focus,.form-autocomplete-selection.focus,.form-autocomplete-selection:focus,[role="treeitem"]:not([aria-expanded="true"]).focus,[role="treeitem"]:not([aria-expanded="true"]):focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.aabtn:focus:hover,.btn-link:focus:hover,.nav-link:focus:hover,.editor_atto_toolbar button:focus:hover,.editor_atto_toolbar .atto_toolbar_row:focus:hover,[role="button"]:focus:hover,.list-group-item-action:focus:hover,input[type="checkbox"]:focus:hover,input[type="radio"]:focus:hover,input[type="file"]:focus:hover,input[type="image"]:focus:hover,.visually-hidden-focusable:focus:hover,a.dropdown-toggle:focus:hover,.moodle-dialogue-base .closebutton:focus:hover,button.btn-close:focus:hover,.form-autocomplete-selection:focus:hover,[role="treeitem"]:not([aria-expanded="true"]):focus:hover {
    text-decoration: none
}

.modal-dialog[tabindex="0"].focus,.modal-dialog[tabindex="0"]:focus {
    outline: 0
}

.modal-dialog[tabindex="0"].focus .modal-content,.modal-dialog[tabindex="0"]:focus .modal-content {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75);
    border-radius: var(--bs-border-radius-lg)
}

[role="treeitem"][aria-expanded="true"] {
    outline: 0
}

[role="treeitem"][aria-expanded="true"].focus>*:first-child,[role="treeitem"][aria-expanded="true"]:focus>*:first-child {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .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 .25rem rgb(28 67 254 / .75)
}

.safari input[type="checkbox"].focus,.safari input[type="checkbox"]:focus,.safari input[type="radio"].focus,.safari input[type="radio"]:focus {
    outline: auto
}

.unlist,.unlist li,.inline-list,.inline-list li,.block .list,.block .list li,.section li.movehere,.tabtree li {
    list-style: none;
    margin: 0;
    padding: 0
}

.inline,.inline-list li {
    display: inline
}

.notifytiny {
    font-size: .703125rem
}

.notifytiny li,.notifytiny td {
    font-size: 100%
}

.red,.notifyproblem {
    color: #f0ad4e
}

.green,.notifysuccess {
    color: #357a32
}

.highlight {
    color: #008196
}

.bg-primary-light {
    background-color: #e8ecff
}

.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: #fff0;
    margin-top: -1px
}

@media (max-width: 767.98px) {
    .pagelayout-mydashboard #region-main-box,.pagelayout-login #region-main-box {
        padding-left:0;
        padding-right: 0
    }
}

.collapsibleregioncaption img {
    vertical-align: middle
}

.jsenabled .hiddenifjs {
    display: none
}

body:not(.jsenabled) .visibleifjs {
    display: none
}

.jsenabled .collapsibleregion {
    overflow: hidden;
    box-sizing: content-box
}

.jsenabled .collapsed .collapsibleregioninner {
    visibility: hidden
}

.collapsible-actions {
    display: none;
    text-align: right
}

.jsenabled .collapsible-actions {
    display: block
}

.yui-overlay .yui-widget-bd {
    background-color: #ffee69;
    border: 1px solid #a6982b;
    border-top-color: #d4c237;
    color: #000;
    left: 0;
    padding: 2px 5px;
    position: relative;
    top: 0;
    z-index: 1
}

.clearer {
    background: #fff0;
    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
}

.block img.resize {
    height: .9em;
    width: .8em
}

img.activityicon {
    height: 32px;
    width: 32px;
    vertical-align: middle
}

.headermain {
    font-weight: 700
}

#maincontent {
    display: block;
    height: 1px;
    overflow: clip
}

img.uihint {
    cursor: help
}

#addmembersform table {
    margin-left: auto;
    margin-right: auto
}

table.flexible .emptyrow {
    display: none
}

form.popupform,form.popupform div {
    display: inline
}

.arrow_button input {
    overflow: hidden
}

.no-overflow {
    overflow: auto
}

.accesshide {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.accesshide:not(caption) {
    position: absolute!important
}

span.hide,div.hide,.hidden {
    display: none
}

a.skip-block,a.skip {
    position: absolute;
    top: -1000em;
    font-size: .85em;
    text-decoration: none
}

a.skip-block:focus,a.skip-block:active,a.skip:focus,a.skip:active {
    position: static;
    display: block
}

.skip-block-to {
    display: block;
    height: 1px;
    overflow: hidden
}

.addbloglink {
    text-align: center
}

.blog_entry .audience {
    text-align: right;
    padding-right: 4px
}

.blog_entry .tags {
    margin-top: 15px
}

.blog_entry .content {
    margin-left: 43px
}

#doc-contents h1,#doc-contents .h1 {
    margin: 1em 0 0 0
}

#doc-contents ul {
    margin: 0;
    padding: 0;
    width: 90%
}

#doc-contents ul li {
    list-style-type: none
}

.groupmanagementtable td {
    vertical-align: top
}

.groupmanagementtable #existingcell,.groupmanagementtable #potentialcell {
    width: 42%
}

.groupmanagementtable #buttonscell {
    width: 16%
}

.groupmanagementtable #buttonscell p.arrow_button input {
    width: auto;
    min-width: 80%;
    margin: 0 auto;
    display: block
}

.groupmanagementtable #removeselect_wrapper,.groupmanagementtable #addselect_wrapper {
    width: 100%
}

.groupmanagementtable #removeselect_wrapper label,.groupmanagementtable #addselect_wrapper label {
    font-weight: 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,.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
}

#tag-search-box {
    text-align: center;
    margin: 10px auto
}

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 {
    margin-left: 5px;
    margin-right: 5px
}

.path-tag .tag-management-box li {
    margin-left: 5px;
    margin-right: 5px
}

.path-tag .tag-management-box li a {
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 17px
}

.path-tag .tag-management-box li a.edittag {
    background-image: url(/theme/image.php/olan/core/1757783192/i/settings)
}

.path-tag .tag-management-box li a.flagasinappropriate {
    background-image: url(/theme/image.php/olan/core/1757783192/i/flagged)
}

.path-tag .tag-management-box li a.removefrommyinterests {
    background-image: url(/theme/image.php/olan/core/1757783192/t/delete)
}

.path-tag .tag-management-box li a.addtomyinterests {
    background-image: url(/theme/image.php/olan/core/1757783192/t/add)
}

.path-tag .tag-backtoallitems {
    text-align: center
}

.path-tag .tag-index-items .tagarea {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px
}

.path-tag .tag-index-items .tagarea h3,.path-tag .tag-index-items .tagarea .h3 {
    display: block;
    padding: 3px 0 10px 0;
    margin: 0;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgb(255 255 255 / .5);
    text-transform: uppercase;
    word-wrap: break-word;
    border-bottom: solid 1px #e3e3e3;
    margin-bottom: 10px
}

.path-tag .tag-index-items .tagarea .taggeditems::after {
    display: block;
    clear: both;
    content: ""
}

.path-tag .tag-index-items .tagarea .controls {
    text-align: center
}

.path-tag .tag-index-items .tagarea .controls::after {
    display: block;
    clear: both;
    content: ""
}

.path-tag .tag-index-items .tagarea .controls.controls-bottom {
    margin-top: 5px
}

.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage {
    float: right
}

.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage {
    float: left
}

.path-tag .tag-index-items .tagarea .controls .exclusivemode {
    display: inline-block
}

.path-tag .tag-index-items .tagarea .controls .gotopage.prevpage::before {
    padding-right: 5px;
    padding-left: 5px;
    content: "«"
}

.path-tag .tag-index-items .tagarea .controls .gotopage.nextpage::after {
    padding-right: 5px;
    padding-left: 5px;
    content: "»"
}

.tag_feed img {
    max-height: 35px;
    max-width: 35px
}

.tag_feed .muted a {
    color: var(--bs-secondary-color)
}

.tag_cloud {
    text-align: center
}

.tag_cloud .inline-list li {
    padding: 0 .2em
}

.tag_cloud .tag_overflow {
    margin-top: 1em;
    font-style: italic
}

.tag_cloud .s0 {
    font-size: .7em
}

.tag_cloud .s1 {
    font-size: .8em
}

.tag_cloud .s2 {
    font-size: .9em
}

.tag_cloud .s3 {
    font-size: 1em
}

.tag_cloud .s4 {
    font-size: 1.1em
}

.tag_cloud .s5 {
    font-size: 1.2em
}

.tag_cloud .s6 {
    font-size: 1.3em
}

.tag_cloud .s7 {
    font-size: 1.4em
}

.tag_cloud .s8 {
    font-size: 1.5em
}

.tag_cloud .s9 {
    font-size: 1.6em
}

.tag_cloud .s10 {
    font-size: 1.7em
}

.tag_cloud .s11 {
    font-size: 1.8em
}

.tag_cloud .s12 {
    font-size: 1.9em
}

.tag_cloud .s13 {
    font-size: 2em
}

.tag_cloud .s14 {
    font-size: 2.1em
}

.tag_cloud .s15 {
    font-size: 2.2em
}

.tag_cloud .s16 {
    font-size: 2.3em
}

.tag_cloud .s17 {
    font-size: 2.4em
}

.tag_cloud .s18 {
    font-size: 2.5em
}

.tag_cloud .s19 {
    font-size: 2.6em
}

.tag_cloud .s20 {
    font-size: 2.7em
}

.tag_list ul {
    display: inline
}

.tag_list .tagmorelink {
    display: none
}

.tag_list.hideoverlimit .overlimit {
    display: none
}

.tag_list.hideoverlimit .tagmorelink {
    display: inline
}

.tag_list.hideoverlimit .taglesslink {
    display: none
}

#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%
}

.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 #maincontent {
    height: 0
}

.path-rating .ratingtable {
    width: 100%;
    margin-bottom: 1em
}

.path-rating .ratingtable th.rating {
    width: 100%
}

.path-rating .ratingtable td.rating,.path-rating .ratingtable td.time {
    white-space: nowrap;
    text-align: center
}

.moodle-dialogue-base .moodle-dialogue-lightbox {
    background-color: #495057
}

.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
    background-color: #fff0
}

.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
    box-shadow: var(--bs-box-shadow)
}

.moodle-dialogue-base .hidden,.moodle-dialogue-base .moodle-dialogue-hidden {
    display: none
}

.no-scrolling {
    overflow: hidden
}

.moodle-dialogue-base .moodle-dialogue-fullscreen {
    left: 0;
    top: 0;
    right: 0;
    bottom: -50px;
    position: fixed
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
    overflow: auto
}

.moodle-dialogue-base .moodle-dialogue-wrap {
    background-color: #fff;
    border: 1px solid #ccc
}

.modal.show {
    display: block
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
    display: flex;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
    min-height: 3rem;
    color: initial;
    background: initial;
    font-size: 1.5rem;
    line-height: 1.5
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h5,.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .h5 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
    padding: 0;
    position: relative;
    margin-left: auto
}

.moodle-dialogue-base .closebutton {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
    position: relative;
    background-color: #fff0;
    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;
    max-height: 3em;
    max-width: 3em
}

.modchooser .modal-body .carousel-item .loading-icon .icon {
    margin: 1em auto
}

.modchooser .modal-body .searchbar {
    width: 100%
}

.modchooser .modal-footer {
    height: 70px;
    background: var(--bs-body-bg)
}

.modchooser .modal-footer .moodlenet-logo .icon {
    height: 2.5rem;
    width: 6rem;
    max-height: 2.5rem;
    max-width: 6rem;
    margin-bottom: .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/olan/core/1757783192/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: #fff0;
    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/olan/core/1757783192/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-index #page .badges-heading {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#page-badges-index #page h2,#page-badges-index #page .h2 {
    margin: 0
}

#page-badges-index #page #action_bar {
    margin: 0
}

#page-badges-index #page .tertiary-navigation.container-fluid,#page-badges-index #page .tertiary-navigation.container-sm,#page-badges-index #page .tertiary-navigation.container-md,#page-badges-index #page .tertiary-navigation.container-lg,#page-badges-index #page .tertiary-navigation.container-xl,#page-badges-index #page .tertiary-navigation.container-xxl {
    width: auto;
    height: 50px;
    padding-top: 0
}

#page-badges-award .recipienttable tr td {
    vertical-align: top
}

#page-badges-award .recipienttable tr td.actions .actionbutton {
    margin: .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,#page-header .h2.h1 {
    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
}

.page-context-header .page-header-image>a {
    display: inline-block
}

.page-context-header .page-header-image .userinitials,.page-context-header .page-header-image .userpicture {
    margin-right: 1rem
}

ul.dragdrop-keyboard-drag li {
    list-style-type: none
}

a.disabled:hover,a.disabled {
    text-decoration: none;
    cursor: default;
    font-style: italic;
    color: var(--bs-secondary-color)
}

a.btn.disabled {
    opacity: 1
}

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;
    position: absolute;
    top: 0;
    font-size: .8203125rem;
    padding: .1em .4em;
    text-decoration: none;
    z-index: 9999;
    border: var(--bs-border-width) solid #fff0;
    width: fit-content;
    color: #004d5a;
    border-color: #b3d9e0;
    background-color: #cce6ea
}

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

@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 rgb(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 #fff0;
    border-right: 8px solid #fff0;
    border-top: 8px solid rgb(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 #fff0;
    border-right: 7px solid #fff0;
    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: .75rem;
    background-color: var(--bs-body-bg)
}

@media (max-width: 767.98px) {
    #region-flat-nav .nav {
        margin-top:1.5rem;
        margin-right: 0
    }
}

.footer-dark a {
    color: #fff;
    text-decoration: underline;
    padding-top: .25rem;
    padding-bottom: .25rem
}

.footer-dark a .icon {
    color: #fff
}

.footer-dark a:focus .icon {
    color: #1d2125
}

.footer-popover .btn-footer-popover {
    display: none;
    position: fixed;
    bottom: 2rem;
    right: 2rem
}

.btn-footer-communication {
    display: none;
    position: fixed;
    bottom: 5rem;
    right: 2rem
}

.hasstickyfooter .btn-footer-popover {
    bottom: calc(1rem + calc(max(80px, calc(0.9375rem * 3))))
}

.hasstickyfooter .btn-footer-communication {
    bottom: calc(4rem + calc(max(80px, calc(0.9375rem * 3))))
}

.hasstickyfooter .maintenancewarning {
    bottom: calc(max(80px, calc(0.9375rem * 3)))
}

.popover.footer .popover-body {
    padding: 0
}

.popover.footer .popover-body .footer-section a {
    color: #1d2125;
    text-decoration: underline
}

.popover.footer .popover-body .footer-section a .icon {
    color: #1d2125
}

.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,.jsenabled .btn-footer-communication {
        display: block;
        z-index: 1000
    }

    .jsenabled .maintenancewarning,.jsenabled.hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
        right: 5rem
    }
}

.bg-inverse a {
    color: #fff;
    text-decoration: underline
}

.bg-inverse a .icon {
    color: #fff
}

.sitelink img {
    width: 112px
}

.competency-tree ul {
    padding-left: 1.5rem
}

.visually-hidden-focusable:active,.visually-hidden-focusable:focus {
    z-index: 1031;
    position: fixed;
    background: #fff;
    padding: 7px;
    left: 0;
    top: 0
}

[data-drag-type="move"] {
    cursor: move;
    touch-action: none
}

.clickable {
    cursor: pointer
}

.overlay-icon-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(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 {
    max-height: 2em;
    max-width: 2em;
    font-size: 2em
}

.w-auto {
    width: auto
}

.bg-pulse-grey {
    animation: bg-pulse-grey 2s infinite linear
}

@keyframes bg-pulse-grey {
    0% {
        background-color: #f8f9fa
    }

    50% {
        background-color: #e9ecef
    }

    100% {
        background-color: #f8f9fa
    }
}

.line-height-0 {
    line-height: 0!important
}

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

#page-contentbank-edit fieldset {
    margin-top: 1em
}

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

.img-responsive {
    max-width: 100%;
    height: auto
}

input[disabled] {
    cursor: not-allowed
}

.fade.in {
    opacity: 1
}

.clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.word-break-all {
    word-break: break-all
}

.matchtext {
    background-color: #e7ebff;
    color: #1d2125;
    height: 1.5rem
}

.border-radius {
    border-radius: var(--bs-border-radius)
}

.v-hidden {
    visibility: hidden
}

.dialog-big {
    max-width: 500px
}

.dialog-small {
    max-width: 300px
}

@media (min-width: 576px) {
    .dialog-big {
        width:500px
    }

    .dialog-small {
        width: 300px
    }
}

.v-parent-focus {
    opacity: 0;
    visibility: hidden
}

.focus-control:focus-within .v-parent-focus,.focus-control:hover .v-parent-focus {
    opacity: 1;
    visibility: visible
}

.emoji-picker {
    width: 350px;
    height: 400px
}

.emoji-picker .category-button {
    padding: .375rem 0;
    height: 100%;
    width: 38.8888888889px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #fff0
}

.emoji-picker .category-button.selected {
    border-bottom: 2px solid #1C43FE
}

.emoji-picker .emojis-container,.emoji-picker .search-results-container {
    min-width: 280px
}

.emoji-picker .picker-row {
    height: 40px
}

.emoji-picker .picker-row .category-name {
    line-height: 40px
}

.emoji-picker .picker-row .emoji-button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 24px;
    overflow: hidden
}

.emoji-picker .emoji-preview {
    height: 40px;
    font-size: 40px;
    line-height: 40px
}

.emoji-picker .emoji-short-name {
    line-height: 20px
}

@media (max-width: 575.98px) {
    .emoji-picker {
        width:320px
    }
}

.emoji-auto-complete {
    height: 40px
}

.emoji-auto-complete .btn.btn-icon.emoji-button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 24px
}

.emoji-auto-complete .btn.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: #0c1c6a
}

.alert-primary .btn-close {
    color: #07103c;
    opacity: .6
}

.alert-secondary a {
    color: #636669
}

.alert-secondary .btn-close {
    color: #4a4c4f;
    opacity: .6
}

.alert-success a {
    color: #10250f
}

.alert-success .btn-close {
    color: #000100;
    opacity: .6
}

.alert-info a {
    color: #002127
}

.alert-info .btn-close {
    color: #000;
    opacity: .6
}

.alert-warning a {
    color: #6a4c22
}

.alert-warning .btn-close {
    color: #433016;
    opacity: .6
}

.alert-danger a {
    color: #4d120c
}

.alert-danger .btn-close {
    color: #210805;
    opacity: .6
}

.alert-light a {
    color: #7b7b7d
}

.alert-light .btn-close {
    color: #626263;
    opacity: .6
}

.alert-dark a {
    color: #000
}

.alert-dark .btn-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
    }

    .card .card-body {
        padding: .5rem
    }

    #page-header .card {
        border: 0
    }

    #page-header .card .card-body {
        padding: 0
    }

    .nav-tabs:not(.more-nav),.nav-pills {
        --bs-nav-tabs-link-active-color: #fff;
        --bs-nav-tabs-link-active-bg: #1C43FE;
        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 {
        border: 0;
        margin: .125rem
    }

    .nav-tabs:not(.more-nav) .nav-link:not(.active),.nav-pills .nav-link:not(.active) {
        background-color: var(--bs-body-bg)
    }
}

@media (max-width: 576px) and (max-height:320px) {
    div#page {
        margin-top:0
    }

    .navbar.fixed-top {
        position: relative;
        z-index: inherit
    }
}

.link-underline {
    text-decoration: underline
}

.link-underline:focus {
    text-decoration: none
}

.alert.cta .cta-icon .icon {
    padding: .3rem
}

.alert.cta .cta-icon .icon.fa {
    border-radius: 50%;
    border-style: solid;
    border-width: .125rem
}

.core_payment_gateways_modal .form-check-label::before,.core_payment_gateways_modal .form-check-label::after {
    top: 45%
}

.visual-scroll-x {
    scrollbar-width: thin;
    scrollbar-color: #1C43FE #e7ebff;
    -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: #1C43FE;
    border-right: 1px solid #fff
}

.visual-scroll-x::-webkit-scrollbar-track {
    background-color: #e7ebff;
    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
}

.dropzone-container {
    cursor: pointer
}

.dropzone-container .dropzone {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed #bbb;
    border-radius: .5rem
}

.dropzone-container .dropzone.dragover {
    border: 2px dashed #6c8cd3
}

.dropzone-container .dropzone-icon {
    color: #8f959e
}

.dropzone-container .dropzone-icon .icon {
    font-size: 6em;
    width: auto;
    height: auto;
    max-width: initial;
    max-height: initial;
    margin-right: 0
}

.dropzone-container .dropzone-visually-hidden-focusable:active,.dropzone-container .dropzone-visually-hidden-focusable:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75);
    z-index: 1070;
    position: relative;
    background: #fff;
    padding: 7px
}

.overlay-preview {
    background-color: rgb(255 255 255 / .8);
    border: 2px dashed #1C43FE;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.overlay-preview .overlay-preview-wrapper {
    position: absolute;
    top: 0;
    padding: 2rem;
    width: 100%
}

.overlay-preview .overlay-preview-content {
    position: relative;
    top: 0;
    padding: 1rem;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    background-color: #1C43FE;
    color: #fff;
    text-align: center;
    font-size: 1.171875rem;
    border-radius: .5rem
}

.overlay-preview-borders {
    outline: 2px dashed #1C43FE
}

.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: #e6f2f5;
    border-color: #b3d9e0
}

.collapse-list .collapse-list-item-content .collapse-list-item {
    padding-left: calc(1rem * 3)
}

.page-mycourses .block_myoverview .block-cards {
    border-top: 1px solid #dee2e6;
    padding-top: .5rem
}

.page-mycourses .drawers .block_myoverview {
    border: 0
}

.page-mycourses .drawers .block_myoverview>.card-body {
    padding-top: 0!important;
    padding-left: 0!important;
    padding-right: 0!important
}

#page-my-index .my-action-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.dropdown-toggle::after {
    font: var(--fa-font-solid);
    content: "";
    margin-right: 0;
    margin-left: 4px;
    font-size: 9px;
    width: 9px;
    border: 0
}

.listitem-category .dropdown-toggle::after {
    content: none
}

.dropleft .dropdown-toggle::before {
    border: 0;
    font: var(--fa-font-solid);
    content: "";
    font-size: 9px;
    margin-left: 0;
    margin-right: 4px;
    width: 9px
}

.dir-rtl .dropleft .dropdown-toggle::before {
    content: ""
}

.dropright .dropdown-toggle::after {
    border: 0;
    font: var(--fa-font-solid);
    content: ""
}

.dir-rtl .dropright .dropdown-toggle::after {
    content: ""
}

.dropup .dropdown-toggle::after {
    border: 0;
    font: var(--fa-font-solid);
    content: ""
}

.select-menu li:first-child ul[role="group"] {
    padding: 0
}

.select-menu ul[role="group"] {
    padding: .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 {
    padding: .25rem 1.5rem
}

.select-menu .dropdown-item [aria-selected="true"] {
    font-weight: 700
}

[role="listbox"] [role="option"] {
    cursor: pointer
}

[role="listbox"] [role="option"][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: var(--bs-border-radius-lg);
    border-bottom-left-radius: var(--bs-border-radius-lg)
}

.initialbargroups .pagination-sm:first-child .page-item:first-child .page-link {
    border-top-left-radius: var(--bs-border-radius-sm);
    border-bottom-left-radius: var(--bs-border-radius-sm)
}

.initialbargroups .page-item:last-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.initialbargroups .pagination-lg:last-child .page-item:last-child .page-link {
    border-top-right-radius: var(--bs-border-radius-lg);
    border-bottom-right-radius: var(--bs-border-radius-lg)
}

.initialbargroups .pagination-sm:last-child .page-item:last-child .page-link {
    border-top-right-radius: var(--bs-border-radius-sm);
    border-bottom-right-radius: var(--bs-border-radius-sm)
}

blockquote {
    margin: 0 .5rem 1rem;
    padding-left: 1rem;
    color: #495057;
    border-left: 5px solid #8f959e
}

.pagelayout-maintenance .page-header-headings,.pagelayout-secure .page-header-headings {
    background-color: #fff
}

.page-header-headings:not(.text-truncate),.coursename:not(.text-truncate),.categoryname:not(.text-truncate),.breadcrumb-item:not(.text-truncate) {
    word-break: normal;
    overflow-wrap: anywhere;
    white-space: normal
}

.showmore-container.collapsed .expanded-content {
    display: none
}

.showmore-container:not(.collapsed) .collapsed-content {
    display: none
}

.showmore-container .showmore-button {
    float: right;
    text-decoration: none
}

.showmore-container .showmore-button .icon {
    font-size: .8203125rem;
    margin: 0
}

.usersearchdropdown.dropdown-menu,.gradesearchdropdown.dropdown-menu,.groupsearchdropdown.dropdown-menu {
    top: 100%;
    width: 350px
}

.usersearchdropdown.dropdown-menu .searchresultitemscontainer,.gradesearchdropdown.dropdown-menu .searchresultitemscontainer,.groupsearchdropdown.dropdown-menu .searchresultitemscontainer {
    max-height: 170px;
    overflow: auto
}

.usersearchdropdown.dropdown-menu .searchresultitemscontainer img,.gradesearchdropdown.dropdown-menu .searchresultitemscontainer img,.groupsearchdropdown.dropdown-menu .searchresultitemscontainer img {
    height: 48px!important;
    width: 48px!important
}

#sticky-footer [data-type="bulkactions"] {
    display: flex;
    flex: 0 0 100%;
    align-items: center
}

.choicelist {
    min-width: calc(300px - 25px)
}

.choicelist i.icon {
    vertical-align: middle
}

.card.active {
    border-color: #8f959e
}

.action-menu .dropdown-toggle {
    text-decoration: none;
    display: inline-block
}

.action-menu {
    white-space: nowrap;
    display: inline
}

.action-menu .dropdown-toggle.no-caret::after {
    display: none
}

.action-menu .dropdown-toggle.no-caret::before {
    display: none
}

.action-menu .dropdown.downleft .dropdown-subpanel-content {
    right: 0;
    left: auto
}

.action-menu .dropdown-subpanel.content-displayed {
    background-color: #e9ecef
}

.action-menu .dropdown-subpanel-content {
    max-width: 300px;
    box-shadow: 0 0 1rem rgb(0 0 0 / .15)
}

.action-menu .dropdown-subpanel-content.show {
    animation: 0.15s animate-pop
}

@media (prefers-reduced-motion:reduce) {
    .action-menu .dropdown-subpanel-content.show {
        animation: none
    }
}

body.behat-site .action-menu .dropdown-subpanel-content.show {
    animation: none
}

.action-menu .dropdown-subpanel .dropdown-item::after {
    border: 0;
    font: var(--fa-font-solid);
    content: ""
}

.action-menu .dropdown-subpanel .dropdown-item::before {
    display: none
}

@keyframes animate-pop {
    0% {
        transform: scale(.9,.9)
    }

    100% {
        transform: scale(1,1)
    }
}

.dir-rtl .action-menu .dropdown-subpanel .dropdown-item::after {
    border: 0;
    font: var(--fa-font-solid);
    content: ""
}

.dir-rtl .action-menu .dropdown-subpanel .dropdown-item::before {
    display: none
}

.dropdown-item a {
    display: block;
    width: 100%;
    color: #1d2125
}

.dropdown-item.active a,.dropdown-item:active a,.dropdown-item:hover a,.dropdown-item:focus a,.dropdown-item:focus-within a {
    color: #fff
}

.dropdown-item[aria-current="true"],.dropdown-item[aria-selected="true"] {
    position: relative;
    display: flex;
    align-items: center
}

.dropdown-item[aria-current="true"]:before,.dropdown-item[aria-selected="true"]:before {
    font: var(--fa-font-solid);
    content: "";
    position: absolute;
    left: .4rem;
    font-size: .7rem
}

.dropdown-item-outline:focus,.dropdown-item-outline:focus-within {
    outline: solid #1C43FE
}

.dropdown-item-outline a:focus,.dropdown-item-outline a:focus-visible {
    outline: 0
}

.icon {
    max-width: 30px;
    max-height: 24px;
    margin: 0 .5rem 0 0;
    padding: 0;
    box-sizing: content-box
}

.icon.spacer {
    margin-right: 0
}

.icon.iconsize-medium {
    font-size: 32px;
    width: 40px;
    height: 32px;
    max-width: 40px;
    max-height: 32px
}

.icon.iconsize-big {
    width: 80px;
    height: 64px;
    max-width: 80px;
    max-height: 64px;
    font-size: 64px
}

.icon.emoticon {
    width: 16px;
    height: 16px
}

img.icon {
    width: 20px;
    height: 16px
}

.navbar-dark a .icon {
    color: rgb(255 255 255 / .55)!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: 40px;
    height: 32px
}

.icon-size-0 .icon {
    height: 0!important;
    width: 0!important;
    max-height: 0!important;
    max-width: 0!important;
    font-size: 0!important
}

.icon-size-1 .icon {
    height: 4px!important;
    width: 5px!important;
    max-height: 4px!important;
    max-width: 5px!important;
    font-size: 4px!important
}

.icon-size-2 .icon {
    height: 8px!important;
    width: 10px!important;
    max-height: 8px!important;
    max-width: 10px!important;
    font-size: 8px!important
}

.icon-size-3 .icon {
    height: 16px!important;
    width: 20px!important;
    max-height: 16px!important;
    max-width: 20px!important;
    font-size: 16px!important
}

.icon-size-4 .icon {
    height: 24px!important;
    width: 30px!important;
    max-height: 24px!important;
    max-width: 30px!important;
    font-size: 24px!important
}

.icon-size-5 .icon {
    height: 32px!important;
    width: 40px!important;
    max-height: 32px!important;
    max-width: 40px!important;
    font-size: 32px!important
}

.icon-size-6 .icon {
    height: 40px!important;
    width: 50px!important;
    max-height: 40px!important;
    max-width: 50px!important;
    font-size: 40px!important
}

.icon-size-7 .icon {
    height: 48px!important;
    width: 60px!important;
    max-height: 48px!important;
    max-width: 60px!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 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.activityiconcontainer .activityicon,.activityiconcontainer .icon {
    margin: 0;
    font-size: 32px;
    height: 32px;
    width: 40px;
    max-height: 32px;
    max-width: 40px
}

.activityiconcontainer.small {
    width: 42px;
    height: 42px;
    max-width: 42px;
    max-height: 42px
}

.activityiconcontainer.smaller {
    width: 32px;
    height: 32px;
    max-width: 32px;
    max-height: 32px
}

.activityiconcontainer.smaller .activityicon {
    width: 40px;
    height: 32px;
    max-width: 40px;
    max-height: 32px
}

.activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),.activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.8549019608 0 0 0 0 0.3450980392 0 0 0 0 0.937254902 0 0 0 1 0 "/></filter></svg>#recolor')
}

.activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),.activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.9764705882 0 0 0 0 0 0 0 0 0 0.5254901961 0 0 0 1 0 "/></filter></svg>#recolor')
}

.activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),.activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.3568627451 0 0 0 0 0.2509803922 0 0 0 0 1 0 0 0 1 0 "/></filter></svg>#recolor')
}

.activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),.activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.9215686275 0 0 0 0 0.3843137255 0 0 0 0 0 0 0 0 1 0 "/></filter></svg>#recolor')
}

.activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),.activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.6 0 0 0 0 0.6784313725 0 0 0 1 0 "/></filter></svg>#recolor')
}

.activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),.activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
    filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="recolor" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 0.5529411765 0 0 0 0 0.2392156863 0 0 0 0 0.1058823529 0 0 0 1 0 "/></filter></svg>#recolor')
}

.icon-box {
    width: 60px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f9fa;
    border-radius: 12px;
    padding: .7rem
}

.icon-box .icon {
    margin: 0;
    height: 40px;
    width: 32px
}

.icon-circle {
    display: inline-block;
    background-color: #c2cad1;
    border-radius: 50%;
    padding: 1.3rem
}

.icon-circle .icon {
    margin: 0;
    text-align: center;
    max-width: unset;
    max-height: unset;
    color: #000
}

.icon-circle.reversed {
    background-color: #b7c0c8
}

.icon-circle.reversed .icon {
    color: #fff
}

:root {
    --activityadministration: #da58ef;
    --activityassessment: #f90086;
    --activitycollaboration: #5b40ff;
    --activitycommunication: #eb6200;
    --activitycontent: #0099ad;
    --activityinteractivecontent: #8d3d1b
}

.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-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(var(--bs-emphasis-color-rgb),.075)
}

#page-filter-manage .backlink,.path-admin-roles .backlink {
    margin-top: 1em
}

#page-admin-roles-explain #chooseuser h3,#page-admin-roles-explain #chooseuser .h3,#page-admin-roles-usersroles .contextname {
    margin-top: 0
}

#page-admin-roles-explain #chooseusersubmit {
    margin-top: 0;
    text-align: center
}

#page-admin-roles-usersroles p {
    margin: 0
}

#page-admin-roles-override .cell.c1,#page-admin-roles-assign .cell.c3,#page-admin-roles-assign .cell.c1 {
    padding-top: .75em
}

#page-admin-roles-override .overridenotice,#page-admin-roles-define .definenotice {
    margin: 1em 10% 2em 10%;
    text-align: left
}

#page-admin-index .upgradekeyreq {
    min-width: 220px
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
    display: block
}

#page-admin-index .updateplugin div {
    margin-bottom: .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: 830px
}

.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 {
    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-block
}

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

.admin_colourpicker,.admin_colourpicker_preview {
    display: none
}

.jsenabled .admin_colourpicker_preview {
    display: inline
}

@media (min-width: 768px) {
    .jsenabled .admin_colourpicker {
        display:block;
        height: 102px;
        width: 410px;
        margin-bottom: 10px;
        box-sizing: content-box
    }

    .admin_colourpicker .colourdialogue {
        float: left;
        border: 1px solid var(--bs-gray-500)
    }

    .admin_colourpicker .previewcolour {
        border: 1px solid var(--bs-gray-500);
        margin-left: 301px
    }

    .admin_colourpicker .currentcolour {
        border: 1px solid var(--bs-gray-500);
        margin-left: 301px;
        border-top-width: 0
    }
}

@media (max-width: 767.98px) {
    .jsenabled .admin_colourpicker {
        height:150px;
        margin-bottom: 10px;
        display: block;
        position: relative
    }

    .admin_colourpicker .previewcolour {
        display: none
    }

    .admin_colourpicker .currentcolour {
        position: absolute;
        border: 1px solid #dee2e6;
        top: 100px;
        left: 0
    }
}

.admin_colourpicker .loadingicon {
    vertical-align: middle;
    margin-left: auto
}

#page-admin-index #notice .checkforupdates {
    text-align: center
}

#page-admin-index #page-content .alert a {
    font-weight: 400;
    text-decoration: underline
}

#page-admin-plugins #plugins-overview-panel .info {
    display: inline-block;
    margin-right: 1em
}

#page-admin-plugins #plugins-overview-panel .info [data-filterby].active {
    font-weight: 700
}

#page-admin-plugins #plugins-overview-panel .updateavailableinstallall {
    margin-right: 1em
}

#page-admin-plugins .checkforupdates {
    margin: 10px 0
}

#page-admin-plugins .checkforupdates .singlebutton {
    margin: 5px 0;
    padding: 0
}

#page-admin-plugins .checkforupdates .singlebutton div,#page-admin-plugins .checkforupdates .singlebutton input {
    margin: 0 3px 0 0
}

#page-admin-plugins .updateavailableinstallall {
    margin: 5px 0;
    padding: 0
}

#page-admin-plugins .updateavailableinstallall div,#page-admin-plugins .updateavailableinstallall input {
    margin: 0 3px 5px 0
}

#page-admin-plugins #plugins-control-panel .status-missing td,#page-admin-plugins #plugins-control-panel .deprecatedtype td {
    background-color: #fcefdc
}

#page-admin-plugins #plugins-control-panel .pluginname .componentname {
    font-size: .8203125rem;
    color: var(--bs-secondary-color);
    margin-left: 22px
}

#page-admin-plugins #plugins-control-panel .version .versionnumber {
    font-size: .8203125rem;
    color: var(--bs-secondary-color)
}

#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: var(--bs-secondary-color)
}

#plugins-check-page #plugins-check .status-missing td,#plugins-check-page #plugins-check .deprecatedtype td,#plugins-check-page #plugins-check .status-downgrade td {
    background-color: #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;
    margin: 1rem;
    overflow: hidden;
    z-index: 1000
}

.jsenabled .maintenancewarning {
    transition: 0.2s
}

@media (prefers-reduced-motion:reduce) {
    .jsenabled .maintenancewarning {
        transition: none
    }
}

.modal.modal-in-page {
    z-index: 0
}

#page-admin-search .adminpagetitle {
    margin-bottom: 0;
    border-bottom: none
}

#page-admin-search .adminpagepath {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0
}

#page-admin-search .adminpagepath li+li:before {
    padding-right: .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
}

.block .block-controls .dropdown-toggle::after {
    display: none
}

.block .block-controls .dropdown-menu {
    max-width: 500px
}

.block .block-controls .dropdown-menu .dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[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: .5rem;
        margin-bottom: .5rem;
        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% - calc(360px + (1.5rem * 0.5)))
}

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

.card-grid {
    display: flex
}

.card-grid .card {
    flex: 1
}

.drawercontent .card-grid .col,.blockcolumn .card-grid .col {
    flex: 0 0 auto;
    max-width: 100%
}

.card-carousel {
    display: flex
}

.card-carousel .card {
    flex: 1
}

@media (min-width: 576px) {
    .card-carousel .card {
        flex:0 1 auto;
        width: 240px;
        max-width: 100%
    }
}

.course-card .card-img-top,.theme-card .card-img-top {
    height: 7rem;
    background-position: center;
    background-size: cover
}

.block_recentlyaccessedcourses .paging-bar-container {
    margin-top: -2.4rem;
    padding-right: .5rem;
    justify-content: flex-end
}

@media (max-width: 575.98px) {
    .block_recentlyaccessedcourses .paging-bar-container {
        margin-top:0
    }
}

#block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container {
    margin-top: 0
}

.block_recentlyaccesseditems .activityiconcontainer {
    width: 40px;
    height: 40px
}

aside[id^="block-region-side-"] .block_recentlyaccesseditems .card:nth-of-type(n+4) {
    display: none
}

#block-region-content .block_recentlyaccesseditems [data-region="more-items-button-container"] {
    display: none
}

.block_recentlyaccesseditems a.card:hover,.block_recentlyaccesseditems a.card:focus {
    text-decoration: none
}

.block_recentlyaccesseditems a.card:hover h6,.block_recentlyaccesseditems a.card:hover .h6,.block_recentlyaccesseditems a.card:focus h6,.block_recentlyaccesseditems a.card:focus .h6 {
    text-decoration: underline
}

.block_recentlyaccesseditems a.card small,.block_recentlyaccesseditems a.card .small {
    color: #1d2125
}

.block_myoverview .content {
    min-height: 19.35rem
}

.block_myoverview .paged-content-page-container {
    min-height: 13rem
}

.block_myoverview .summary-image {
    height: 5rem;
    width: 5rem;
    background-position: center;
    background-size: cover
}

.block_myoverview .list-image {
    height: 5rem;
    width: 20rem;
    background-position: center;
    background-size: cover
}

@media (max-width: 1199.98px) {
    .block_myoverview .list-image {
        width:100%
    }
}

.block_myoverview .dropdown-item {
    padding-left: 1.5rem
}

.block_timeline .paged-content-page-container {
    background-color: var(--bs-body-bg)
}

.block_timeline .event-action {
    padding-left: 5.55em
}

.block_timeline .dropdown-menu .dropdown-item {
    padding-left: 1.5rem
}

.block_settings .block_tree [aria-expanded="true"],.block_settings .block_tree [aria-expanded="true"].emptybranch,.block_settings .block_tree [aria-expanded="false"],.block_navigation .block_tree [aria-expanded="true"],.block_navigation .block_tree [aria-expanded="true"].emptybranch,.block_navigation .block_tree [aria-expanded="false"] {
    background-image: none
}

.block_settings .block_tree [aria-expanded="true"]>p:before,.block_navigation .block_tree [aria-expanded="true"]>p:before {
    font: var(--fa-font-solid);
    content: "";
    margin-right: 0;
    font-size: 16px;
    width: 16px
}

.block_settings .block_tree [aria-expanded="false"]>p:before,.block_navigation .block_tree [aria-expanded="false"]>p:before {
    font: var(--fa-font-solid);
    content: "";
    margin-right: 0;
    font-size: 16px;
    width: 16px
}

.dir-rtl .block_settings .block_tree [aria-expanded="false"]>p:before,.dir-rtl .block_navigation .block_tree [aria-expanded="false"]>p:before {
    font: var(--fa-font-solid);
    content: ""
}

.block_navigation .block_tree p.hasicon,.block_settings .block_tree p.hasicon {
    text-indent: -3px
}

.block_navigation .block_tree p.hasicon .icon,.block_settings .block_tree p.hasicon .icon {
    margin-right: 2px
}

.block.invisibleblock .card-title {
    color: var(--bs-secondary-color)
}

.block_tree .tree_item.branch {
    margin-left: 8px
}

.pagelayout-embedded .has-fake-blocks {
    padding: 1rem;
    display: flex
}

.pagelayout-embedded .has-fake-blocks .embedded-main {
    order: 0;
    width: calc(100% - 360px);
    margin-right: 1rem
}

.pagelayout-embedded .embedded-blocks {
    order: 1;
    width: 360px
}

@media (max-width: 767.98px) {
    .pagelayout-embedded .has-fake-blocks {
        display:block
    }

    .pagelayout-embedded .has-fake-blocks .embedded-main {
        width: 100%
    }

    .pagelayout-embedded .embedded-blocks {
        width: 100%
    }
}

.block-add {
    color: #1C43FE;
    border-color: #4969fe;
    background-color: #e8ecff;
    border-radius: .5rem;
    width: 100%;
    border-width: 1px
}

.block-add .pluscontainer {
    border: 1px solid #4969fe;
    border-radius: 50%;
    width: 40px;
    height: 32px
}

.block-add:hover {
    cursor: pointer;
    background-color: #e8ecff
}

.block-add:hover .activity-add-text {
    text-decoration: underline
}

.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 #fff0;
    width: 25%
}

.calendar-controls .current {
    text-align: center;
    width: 50%
}

.calendar-controls .next {
    text-align: right;
    border: 1px solid #fff0;
    width: 25%
}

.calendar-controls .drop-target {
    box-sizing: border-box;
    border: 1px dashed #1C43FE
}

.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: #1C43FE
}

.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 .25rem rgb(28 67 254 / .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: #1C43FE
}

.maincalendar .calendarmonth .clickable:hover {
    background-color: #ededed
}

.maincalendar .controls {
    width: 98%;
    margin: 10px auto
}

.maincalendar .calendar_event_category a:has(>.icon):hover,.maincalendar .calendar_event_course a:has(>.icon):hover,.maincalendar .calendar_event_site a:has(>.icon):hover,.maincalendar .calendar_event_group a:has(>.icon):hover,.maincalendar .calendar_event_user a:has(>.icon):hover {
    color: #07345a;
    text-decoration: none
}

.maincalendar .calendar_event_category {
    border-color: #e0cbe0
}

.maincalendar .calendar_event_course {
    border-color: #ffd3bd
}

.maincalendar .calendar_event_site {
    border-color: #d6f8cd
}

.maincalendar .calendar_event_group {
    border-color: #fee7ae
}

.maincalendar .calendar_event_user {
    border-color: #dce7ec
}

.maincalendar .calendar_event_other {
    border-color: #ced4da
}

.maincalendar .calendartable td,.maincalendar .calendartable li {
    padding: 4px
}

.maincalendar .calendartable li {
    text-align: left
}

.maincalendar .header {
    overflow: hidden
}

.maincalendar .header .buttons {
    float: right
}

.maincalendar .event .card-header img {
    vertical-align: baseline
}

.maincalendar .event .location {
    word-break: break-all;
    overflow-wrap: break-word
}

.maincalendar table#subscription_details_table td {
    vertical-align: middle
}

.maincalendar table#subscription_details_table td>.btn-group button {
    padding-left: 0
}

#page-calendar-export .indent {
    padding-left: 20px
}

.block .bottom {
    width: 98%;
    margin: 10px auto
}

.block .bottom span.footer-link:after {
    content: "•";
    color: #1C43FE
}

.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: var(--bs-secondary-color)
}

.block .minicalendar td a {
    width: 100%;
    height: 100%;
    display: block;
    color: #0d5ca1
}

.block .minicalendar td.duration_global {
    border-top: 1px solid #d6f8cd;
    border-bottom: 1px solid #d6f8cd
}

.block .minicalendar td.duration_global.duration_finish {
    background-color: #d6f8cd
}

.block .minicalendar td.duration_category {
    border-top: 1px solid #e0cbe0;
    border-bottom: 1px solid #e0cbe0
}

.block .minicalendar td.duration_category.duration_finish {
    background-color: #e0cbe0
}

.block .minicalendar td.duration_course {
    border-top: 1px solid #ffd3bd;
    border-bottom: 1px solid #ffd3bd
}

.block .minicalendar td.duration_course.duration_finish {
    background-color: #ffd3bd
}

.block .minicalendar td.duration_group {
    border-top: 1px solid #fee7ae;
    border-bottom: 1px solid #fee7ae
}

.block .minicalendar td.duration_group.duration_finish {
    background-color: #fee7ae
}

.block .minicalendar td.duration_user {
    border-top: 1px solid #dce7ec;
    border-bottom: 1px solid #dce7ec
}

.block .minicalendar td.duration_user.duration_finish {
    background-color: #dce7ec
}

.block .minicalendar td.duration_other {
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da
}

.block .minicalendar td.duration_other.duration_finish {
    background-color: #ced4da
}

.block .minicalendar caption {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: center
}

.block .calendar_filters ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.block .calendar_filters li {
    margin-bottom: .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,.block .content .eventskey.h3 {
    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 {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.path-course-view .block.block_calendar_month .maincalendar .calendarwrapper .arrow_text:not(caption) {
    position: absolute!important
}

.path-course-view .block.block_calendar_month .footer .bottom .footer-link {
    display: block
}

.path-course-view .block.block_calendar_month .footer .bottom .footer-link:after {
    content: none
}

table.calendartable caption {
    caption-side: top
}

@media (min-width: 768px) {
    #page-calender-view .container-fluid,#page-calender-view .container-sm,#page-calender-view .container-md,#page-calender-view .container-lg,#page-calender-view .container-xl,#page-calender-view .container-xxl {
        min-width:1024px
    }
}

@media (min-width: 768px) {
    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar div.header {
        visibility:hidden;
        height: 0
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .current {
        width: 40%;
        font-size: inherit;
        line-height: inherit
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .previous,[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .next {
        width: 30%
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
        display: none
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,[data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
        border: none;
        text-align: center!important;
        padding: 0
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
        height: auto;
        font-size: .8em
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region="day-content"] {
        display: none
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
        display: inline-block;
        position: relative
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
        content: ".";
        display: inline-block;
        position: absolute;
        bottom: .4em;
        left: 0;
        text-align: center;
        width: 100%;
        font-size: 3em;
        color: inherit
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
        content: "";
        display: block;
        margin-top: calc(100% - 26px)
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
        background-color: inherit
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
        border-radius: 50%;
        background-color: #ededed
    }

    [data-blockregion]:not([data-blockregion="content"]) .block.block_calendar_month .bottom {
        border-top: 1px solid var(--bs-border-color-translucent);
        padding-top: .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 {
    font: var(--fa-font-solid);
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    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: var(--bs-secondary-color)
}

@media (max-width: 767.98px) {
    .content-bank-container.view-list .cb-column {
        flex:0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 576px) {
    .content-bank-container.view-list .cb-heading {
        position:sticky;
        top: 0;
        z-index: 1
    }

    .content-bank-container.view-list .cb-file {
        flex: 0 0 40%;
        max-width: 40%
    }

    .content-bank-container.view-list .cb-uses,.content-bank-container.view-list .cb-date,.content-bank-container.view-list .cb-size,.content-bank-container.view-list .cb-type,.content-bank-container.view-list .cb-author {
        flex: 0 0 12%;
        max-width: 12%
    }

    .content-bank-container.view-list .cb-column.last {
        border-right: 0
    }
}

.content-bank-container.view-list .cb-btnsort span {
    display: none
}

.content-bank-container.view-list .cb-btnsort .title {
    display: inline
}

.content-bank-container.view-list .cb-btnsort.dir-none .default,.content-bank-container.view-list .cb-btnsort.dir-asc .asc,.content-bank-container.view-list .cb-btnsort.dir-desc .desc {
    display: inline
}

.cb-toolbar-container .dropdown-scrollable {
    max-height: 190px;
    overflow-y: auto
}

.cb-navigation-container .singleselect,.cb-navigation-container .singleselect .form-select {
    width: 100%
}

.course-content ul.section-list {
    padding: 0;
    margin: 0
}

.course-content .section-item ul,.course-content .section-item .activity-item ul {
    list-style: disc
}

.course-content .section-item ul ul,.course-content .section-item .activity-item ul ul {
    list-style: circle
}

.course-content .section-item ul ul ul,.course-content .section-item .activity-item ul ul ul {
    list-style: square
}

.section-collapsemenu .collapseall {
    display: block
}

.section-collapsemenu .expandall {
    display: none
}

.section-collapsemenu.collapsed .collapseall {
    display: none
}

.section-collapsemenu.collapsed .expandall {
    display: block
}

.btn.add-section {
    border-radius: 1rem;
    border: 2px dashed #dee2e6;
    color: #1C43FE;
    font-size: .8203125rem;
    font-weight: 700
}

.btn.add-section:hover,.btn.add-section:focus {
    background-color: #e8ecff;
    border: 2px solid #1C43FE;
    color: #1C43FE
}

.max-section-alert {
    border-top: 2px dashed #dee2e6;
    font-size: .8203125rem;
    font-weight: 400;
    color: #6a737b
}

.course-section {
    list-style: none;
    margin-top: 1rem
}

.editing .course-section {
    margin-top: .5rem
}

.course-section .section-item {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 1rem
}

.course-section.hidden .section-item,.course-section.orphaned .section-item {
    background-color: #f8f9fa
}

.course-section.current>.section-item {
    position: relative
}

.course-section.current>.section-item::before {
    border-left: #1C43FE 3px solid;
    bottom: 0;
    content: "";
    left: -8px;
    position: absolute;
    top: 0
}

.course-section .sectionname>a {
    color: #1d2125
}

.course-section .sectionname>a:hover {
    text-decoration: none
}

.course-section .sectionbadges .badge {
    margin-left: .5rem;
    font-weight: 400
}

.course-section .sectionbadges .badge .icon {
    font-size: 12px;
    width: 12px;
    height: 12px
}

.course-section .course-section-header.draggable {
    cursor: move
}

.course-section .section_action_menu .dropdown-toggle::after {
    display: none
}

.course-section .summarytext img {
    border-radius: 1rem
}

.course-section .availabilityinfo {
    margin-top: .5rem;
    padding: .25rem 1rem;
    background-color: #e9ecef;
    font-size: .875em;
    border-radius: 1rem
}

.course-section .availabilityinfo .editavailability a {
    border-radius: .5rem;
    font-weight: 700
}

.course-section .availabilityinfo .editavailability a:hover {
    background-color: #ced4da
}

.course-section .availabilityinfo .editavailability a .icon {
    font-size: inherit;
    margin-right: .25rem
}

.course-section .section_action_menu>.action-menu .btn-icon {
    font-size: 1.171875rem
}

.course-section .section-summary-activities .icon {
    width: inherit;
    color: #1C43FE
}

.course-section .section-summary-activities+.section {
    border-top: 1px solid #dee2e6;
    margin-top: 1rem!important;
    padding-top: 1rem!important
}

.course-section .section_goto .icon {
    font-size: 1.171875rem;
    color: #1C43FE
}

.course-section .overlay-preview {
    z-index: 5
}

.section li.movehere a {
    display: block;
    width: 100%;
    height: 2rem;
    border: 2px dashed #343a40
}

.activity {
    list-style: none;
    padding-top: .25rem;
    margin-top: .25rem;
    border-top: 1px solid #dee2e6
}

.activity.indented .activity-item {
    margin-left: 1rem
}

.editing .activity,.section .activity:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.activity-item {
    padding: .75rem;
    border-radius: 1rem
}

.activity-item.activityinline {
    padding: .75rem 0
}

.activity-item.hiddenactivity {
    background-color: #f8f9fa
}

.activity-item.hiddenactivity .activityiconcontainer,.activity-item.hiddenactivity .badge {
    mix-blend-mode: multiply
}

.editing .activity-item {
    cursor: move
}

.editing .activity-item .a {
    cursor: pointer
}

.editing .activity-item:hover:not(:has(.activity:hover)),.editing .activity-item.selected {
    outline: 2px solid #1C43FE;
    box-shadow: 0 .125rem .25rem rgb(0 0 0 / .075)
}

.editing .activity-item:hover:not(:has(.activity:hover)) .activityiconcontainer,.editing .activity-item:hover:not(:has(.activity:hover)) .badge,.editing .activity-item.selected .activityiconcontainer,.editing .activity-item.selected .badge {
    mix-blend-mode: multiply
}

.activity.dragging .activity-item {
    border: 2px solid #1C43FE
}

.editing .activity.dragging .activity-item:hover {
    outline: none
}

.activity-item .activity-grid {
    display: grid;
    align-items: center;
    grid-template-columns: min-content 1fr min-content min-content min-content;
    grid-template-rows: 1fr repeat(5,min-content);
    grid-template-areas: "icon   name          groupmode      completion    actions" "icon   visibility    groupmode      completion    actions" "icon   dates         groupmode      completion    actions" "icon   altcontent    altcontent     altcontent    altcontent" "icon   afterlink     afterlink      afterlink     afterlink" "icon   availability  availability   availability  availability"
}

@media (max-width: 575.98px) {
    .activity-item .activity-grid {
        grid-template-columns:min-content 1fr min-content min-content min-content;
        grid-template-rows: 1fr repeat(4,min-content);
        grid-template-areas: "icon          name          actions" "icon          visibility    actions" "dates         dates         dates" "groupmode     groupmode     groupmode" "completion    completion    completion" "altcontent    altcontent    altcontent" "afterlink     afterlink     afterlink" "availability  availability  availability"
    }
}

.activity-item .activity-grid.noname-grid {
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-areas: "visibility    groupmode        completion    actions" "altcontent    altcontent       altcontent    altcontent" "afterlink     afterlink        afterlink     afterlink" "availability  availability     availability  availability"
}

@media (max-width: 575.98px) {
    .activity-item .activity-grid.noname-grid {
        grid-template-columns:1fr min-content;
        grid-template-areas: "visibility    actions" "altcontent    altcontent" "groupmode     groupmode" "afterlink     afterlink" "completion    completion" "availability  availability"
    }
}

.activity-item .activity-actions {
    grid-area: actions
}

.activity-item .activity-actions .actions {
    position: relative
}

.activity-item .activity-icon {
    grid-area: icon
}

.activity-item .activity-dates {
    grid-area: dates;
    font-size: .875em;
    color: #495057;
    display: flex;
    flex-wrap: wrap;
    column-gap: .75rem
}

@media (max-width: 575.98px) {
    .activity-item .activity-dates {
        margin-top:.5rem
    }
}

.activity-item .activity-name-area {
    grid-area: name
}

.activity-item .activity-name-area .activityname .afterlink {
    margin-left: .5rem
}

.activity-item .activity-name-area .activityname .inplaceeditable .quickeditlink {
    position: relative;
    z-index: 2;
    margin-left: .5rem
}

.activity-item .activity-name-area .activitybadge.badge-none {
    font-weight: 400;
    --bs-badge-color: #1d2125;
    font-size: .875em;
    padding: 0
}

.activity-item .activity-completion {
    grid-area: completion;
    justify-self: end
}

.activity-item .activity-completion button,.activity-item .activity-completion a[role="button"] {
    min-height: 32px
}

@media (max-width: 575.98px) {
    .activity-item .activity-completion {
        width:100%;
        margin-top: .5rem
    }

    .activity-item .activity-completion button {
        width: 100%
    }
}

.activity-item .activity-completion .completion-dialog {
    color: #495057;
    font-size: .8203125rem;
    min-width: 12rem
}

.activity-item .activity-completion .completion-dialog .icon {
    font-size: .8203125rem;
    width: .8203125rem;
    height: .8203125rem;
    margin-right: .25rem
}

.activity-item .activity-completion .completion-dialog .editcompletion a {
    border-radius: .5rem;
    color: #495057;
    font-weight: 700;
    text-decoration: none
}

.activity-item .activity-completion .completion-dialog .editcompletion a:hover {
    background-color: #e9ecef
}

.activity-item .activity-groupmode-info {
    grid-area: groupmode;
    justify-self: end
}

.activity-item .activity-groupmode-info .groupmode-information {
    height: 32px;
    width: 32px;
    border-radius: .5rem
}

.activity-item .activity-groupmode-info .groupmode-information .icon {
    width: 16px;
    height: 16px
}

.activity-item .activity-groupmode-info .groupmode-icon-info {
    display: none
}

@media (max-width: 575.98px) {
    .activity-item .activity-groupmode-info {
        width:100%;
        margin-top: .5rem;
        padding-top: .5rem;
        border-top: 1px solid #dee2e6
    }

    .activity-item .activity-groupmode-info .groupmode-information {
        width: auto;
        font-size: inherit;
        padding: 0 .5rem
    }

    .activity-item .activity-groupmode-info .groupmode-icon-info {
        display: inline
    }

    .activity-item .activity-groupmode-info .v-parent-focus {
        opacity: 1;
        visibility: visible
    }
}

.activity-item .activity-badges {
    grid-area: visibility
}

.activity-item .activity-badges .badge {
    font-weight: 400
}

.activity-item .activity-badges .badge .icon {
    font-size: 12px;
    width: 12px;
    height: 12px
}

.activity-item .activity-altcontent {
    grid-area: altcontent;
    margin-top: .25rem
}

.activity-item .activity-altcontent.activity-description {
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #dee2e6;
    font-size: .875em
}

.activity-item .activity-altcontent.activity-description ul:not(.activity-description ul ul) {
    margin-bottom: 1rem
}

.activity-item .activity-altcontent img {
    border-radius: 1rem
}

.activity-item .activity-availability {
    grid-area: availability
}

.activity-item .activity-afterlink {
    grid-area: afterlink;
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #dee2e6
}

.activity-item .no-overflow {
    width: 100%
}

.section .draggable .activity-item .dragicon {
    display: none
}

.course-content .divider {
    position: relative
}

.course-content .divider hr {
    width: 100%;
    margin: .5rem .25rem;
    border-top: 2px dashed #dee2e6;
    opacity: 1
}

.changenumsections.disabled .course-content .divider hr {
    border-top: 2px dashed #dee2e6
}

.course-content .divider .divider-content {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.1s;
    position: absolute;
    background: linear-gradient(transparent 40%,#fff 40%,#fff 60%,transparent 60%)
}

.section.hidden .course-content .divider .divider-content {
    background: linear-gradient(transparent 40%,#f8f9fa 40%,#f8f9fa 60%,transparent 60%)
}

.course-content .divider.always-visible .divider-content {
    opacity: 1;
    visibility: visible
}

.course-content .divider.always-hidden hr {
    opacity: 0;
    visibility: hidden
}

.course-content .divider:hover .divider-content,.course-content .divider:focus .divider-content,.course-content .divider:focus-within .divider-content {
    opacity: 1;
    visibility: visible
}

.course-content .divider:hover hr,.course-content .divider:focus hr,.course-content .divider:focus-within hr {
    opacity: 1;
    visibility: visible
}

.course-content .divider:has(.btn.add-content:hover) hr {
    border-color: #1C43FE
}

.changenumsections.disabled .course-content .divider:has(.btn.add-content:hover) hr {
    border-color: #e9ecef
}

.activity:focus-within+.activity .divider .divider-content,.course-section-header:focus-within+.content .section .activity:first-child .divider .divider-content,.content .section .activity:focus-within .divider .divider-content,.course-content:focus-within .changenumsections .divider .divider-content {
    visibility: visible
}

.course-content ul.topics>li:last-child .changenumsections {
    display: none
}

.course-content .divider .btn.add-content {
    position: relative;
    z-index: 1;
    border-radius: .5rem;
    font-size: .8203125rem;
    font-weight: 700;
    color: #112898;
    background-color: #d2d9ff
}

.course-content .divider .btn.add-content:hover,.course-content .divider .btn.add-content:focus {
    color: #fff;
    background-color: #1C43FE
}

.course-content .divider .btn.add-content .icon {
    width: 14px;
    height: 14px;
    font-size: 14px
}

.changenumsections.disabled .course-content .divider .btn.add-content {
    color: #8f959e;
    background-color: #e9ecef;
    outline: none;
    box-shadow: none;
    pointer-events: auto
}

.changenumsections.disabled .course-content .divider .btn.add-content:hover,.changenumsections.disabled .course-content .divider .btn.add-content:focus {
    color: #8f959e;
    background-color: #e9ecef;
    outline: none;
    box-shadow: none
}

.bulkenabled .bulk-hidden {
    display: none!important
}

.bulkenabled .section {
    margin-left: 1rem
}

.bulkenabled .section:not(:first-child) {
    margin-top: 1.5rem
}

.bulkenabled .activity {
    margin-top: .5rem;
    margin-left: 2rem;
    padding-top: .5rem;
    border-top: 2px dashed #dee2e6
}

.bulkenabled .activity:first-child {
    margin-top: 1.5rem
}

.bulkenabled .activity-item .bulkselect {
    float: left;
    margin-left: -2rem
}

.bulkenabled .activity-item:has(.delegated-section):hover {
    outline: none!important;
    box-shadow: none!important
}

.bulkenabled .course-section-header .bulkselect {
    left: -2.75rem;
    position: relative;
    width: 0
}

@media (max-width: 767.98px) {
    .bulkenabled .course-content {
        margin-left:2rem
    }
}

.bulkenabled .sticky-footer-content.bulkactions .btn {
    --bs-btn-disabled-border-color: transparent
}

.bulkenabled .sticky-footer-content.bulkactions .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

@media (max-width: 767.98px) {
    .sticky-footer-content.bulkactions {
        position:relative
    }

    .sticky-footer-content.bulkactions .form-check,.sticky-footer-content.bulkactions .bulkaction-name,.sticky-footer-content.bulkactions .bulkcount {
        display: none
    }

    .sticky-footer-content.bulkactions .actions button {
        padding: 0 .5rem
    }

    .sticky-footer-content.bulkactions .bulkcancel {
        position: absolute;
        top: 0;
        right: 0
    }
}

.single-section>ul>.course-section.hidden .section-item {
    background-color: inherit
}

.single-section>ul>.course-section .section-item {
    padding: 0;
    border: none
}

.single-section-page .header-action {
    display: inline-block
}

.defaultactivitycompletion-item a {
    color: #000;
    text-decoration: none
}

.defaultactivitycompletion-item .activityicon {
    width: 32px;
    height: 32px
}

.sitetopic .section-item {
    margin-bottom: 1.5rem;
    border-radius: .5rem
}

.move-activity-tree .collapse-list-item {
    border-radius: .5rem
}

.move-activity-tree .collapse-list-item:hover,.move-activity-tree .collapse-list-item:focus {
    background-color: #d2d9ff
}

.move-activity-tree .collapse-list-item:hover a,.move-activity-tree .collapse-list-item:focus a {
    color: #112898
}

.move-activity-tree .collapse-list-item a {
    color: var(--bs-body-color)
}

.move-activity-tree .collapse-list-item a:hover,.move-activity-tree .collapse-list-item a:focus {
    text-decoration: none
}

.move-activity-tree .collapse-list-item a.disabled {
    color: var(--bs-secondary-color)
}

.move-activity-tree .collapse-list-item-content .collapse-list-item {
    padding: .5rem 1rem
}

.move-activity-tree ul {
    margin-left: 1.5rem
}

.move-activity-tree .collapse-list-link {
    font-weight: 700
}

.activity.subsection {
    border-top: none
}

.activity.subsection>.activity-item {
    border: 1px solid #dee2e6;
    padding: 0;
    margin: .5rem 0
}

.activity.subsection>.activity-item>.activity-grid>.activity-altcontent {
    margin-top: 0
}

.activity.subsection .section {
    margin-top: 0
}

.activity.subsection .section .section-item {
    border: none;
    padding: .75rem
}

.activity.subsection .section .icons-collapse-expand:has(+h4),.activity.subsection .section .icons-collapse-expand:has(+.h4) {
    height: 24px;
    width: 24px;
    font-size: .8203125rem
}

.activity.subsection .section h4,.activity.subsection .section .h4 {
    font-size: 1.171875rem
}

.activity.subsection .section .section_action_menu>.action-menu .btn-icon {
    font-size: inherit
}

.activity.subsection+.activity {
    border-top: none
}

.activity.subsection .focus-control:not(:has(.focus-control)):focus-within .v-parent-focus,.activity.subsection .focus-control:not(:has(.focus-control)):hover .v-parent-focus {
    opacity: 1!important;
    visibility: visible!important
}

.activity.subsection .focus-control:focus-within .focus-control .v-parent-focus,.activity.subsection .focus-control:hover .focus-control .v-parent-focus {
    opacity: 0;
    visibility: hidden
}

@keyframes editinprogress-rotation {
    0% {
        opacity: 0;
        transform: rotate(0deg)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: rotate(359deg)
    }
}

.editing .editinprogress {
    position: relative
}

.editing .editinprogress>* {
    opacity: .4
}

.editing .editinprogress .corelightbox,.editing .editinprogress .lightbox {
    display: none
}

.editing .editinprogress:after {
    font: var(--fa-font-solid);
    position: absolute;
    font-size: 20px;
    color: #6a737b;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    animation: editinprogress-rotation 2s infinite linear
}

.editing .editinprogress .editinprogress:after {
    display: none
}

.course-content .section.dropready.main.drop-down {
    border-bottom: 1px solid #1d2125
}

.course-content .section.dropready .course-section-header.dropready.drop-zone {
    margin-top: -2px
}

.course-content .section.dropready li.activity.dropready.drop-down {
    border-bottom: 1px solid #1d2125;
    margin-bottom: -1px
}

.course-content .section.dropready li.activity.dropready.drop-up {
    border-top: 1px solid #1d2125;
    margin-top: -1px
}

.course-content .section.dropready [data-for="sectioninfo"] {
    min-height: 1px
}

.course-content .section.dropready [data-for="sectioninfo"].drop-down {
    margin-top: -1px
}

.mod-indent-outer {
    display: table
}

.mod-indent {
    display: table-cell
}

.label .mod-indent {
    float: left;
    padding-top: 20px
}

.activity.label.modtype_label .mod-indent {
    float: none
}

@media (min-width: 576px) {
    .badge-primary {
    }

    .mod-indent-1 {
        width: 30px
    }

    .mod-indent-2 {
        width: 60px
    }

    .mod-indent-3 {
        width: 90px
    }

    .mod-indent-4 {
        width: 120px
    }

    .mod-indent-5 {
        width: 150px
    }

    .mod-indent-6 {
        width: 180px
    }

    .mod-indent-7 {
        width: 210px
    }

    .mod-indent-8 {
        width: 240px
    }

    .mod-indent-9 {
        width: 270px
    }

    .mod-indent-10 {
        width: 300px
    }

    .mod-indent-11 {
        width: 330px
    }

    .mod-indent-12 {
        width: 360px
    }

    .mod-indent-13 {
        width: 390px
    }

    .mod-indent-14 {
        width: 420px
    }

    .mod-indent-15 {
        width: 450px
    }

    .mod-indent-16 {
        width: 480px
    }

    .mod-indent-huge {
        width: 480px
    }
}

#course-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,#course-category-listings .h3 {
    margin: 0;
    padding: .4rem .6rem .3rem
}

#course-category-listings h4,#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(var(--bs-border-width) + 5px) solid #1C43FE;
    padding-left: calc(1rem - 5px)
}

#course-category-listings .listitem:hover {
    z-index: 2
}

#course-category-listings .item-actions {
    margin-right: 1em;
    display: inline-block
}

#course-category-listings .item-actions.show .menu img {
    width: 12px;
    max-width: none
}

#course-category-listings .item-actions .menu-action-text {
    vertical-align: inherit
}

#course-category-listings .listitem>div>.float-start {
    float: left
}

#course-category-listings .listitem>div>.float-end {
    float: right;
    text-align: right
}

#course-category-listings .listitem>div .item-actions .action-show {
    display: none
}

#course-category-listings .listitem>div .item-actions .action-hide {
    display: inline
}

#course-category-listings .listitem>div .without-actions {
    color: #333
}

#course-category-listings .listitem>div .idnumber {
    margin-right: 2em
}

#course-category-listings .listitem[data-visible="0"] {
    color: var(--bs-secondary-color)
}

#course-category-listings .listitem[data-visible="0"]>div>a {
    color: var(--bs-secondary-color)
}

#course-category-listings .listitem[data-visible="0"]>div .item-actions .action-show {
    display: inline
}

#course-category-listings .listitem[data-visible="0"]>div .item-actions .action-hide {
    display: none
}

#course-category-listings .listitem.highlight {
    background-color: #fff
}

#course-category-listings .listitem.highlight>div,#course-category-listings .listitem.highlight>div:hover,#course-category-listings .listitem.highlight[data-selected="1"]>div {
    background-color: rgba(var(--bs-emphasis-color-rgb),.075)
}

#course-category-listings #course-listing .listitem .categoryname {
    display: inline-block;
    margin-left: 1em;
    color: #a1a1a8
}

#course-category-listings #course-listing .listitem .coursename {
    display: inline-block;
    flex-basis: 10rem
}

#course-category-listings #course-listing>.firstpage .listitem:first-child>div .item-actions .action-moveup,#course-category-listings #course-listing>.lastpage .listitem:last-child>div .item-actions .action-movedown {
    display: none
}

#course-category-listings #category-listing .listitem.collapsed>ul.ml {
    display: none
}

#course-category-listings #category-listing .listitem:first-child>div .item-actions .action-moveup,#course-category-listings #category-listing .listitem:last-child>div .item-actions .action-movedown {
    display: none
}

#course-category-listings #category-listing .course-count {
    color: #a1a1a8;
    margin-right: 2rem;
    min-width: 3.5em;
    display: inline-block
}

#course-category-listings #category-listing .category-listing>ul>.listitem:first-child {
    position: relative
}

#course-category-listings #category-listing .category-bulk-actions {
    margin: 0 .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 .listing-pagination {
    text-align: center
}

#course-category-listings .listing-pagination .yui3-button {
    --bs-btn-color: #fff;
    --bs-btn-bg: #008196;
    --bs-btn-border-color: #008196;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #006e80;
    --bs-btn-hover-border-color: #006778;
    --bs-btn-focus-shadow-rgb: 38, 148, 166;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #006778;
    --bs-btn-active-border-color: #006171;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #008196;
    --bs-btn-disabled-border-color: #008196;
    border: 0;
    margin: .4rem .2rem .45rem;
    font-size: 10.4px
}

#course-category-listings .listing-pagination .yui3-button.active-page {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1C43FE;
    --bs-btn-border-color: #1C43FE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1839d8;
    --bs-btn-hover-border-color: #1636cb;
    --bs-btn-focus-shadow-rgb: 62, 95, 254;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1636cb;
    --bs-btn-active-border-color: #1532bf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1C43FE;
    --bs-btn-disabled-border-color: #1C43FE
}

#course-category-listings .listing-pagination-totals {
    text-align: center
}

#course-category-listings .listing-pagination-totals.dimmed {
    color: var(--bs-secondary-color);
    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
}

.course-being-dragged-proxy {
    border: 0;
    color: #1C43FE;
    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-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
}

#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
}

.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/olan/core/1757783192/t/expanded);
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: center left
}

.course_category_tree .category.with_children.collapsed>.info>.categoryname {
    background-image: url(/theme/image.php/olan/core/1757783192/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
}

:target,:focus {
    scroll-margin-top: 70px
}

.pagelayout-embedded :target {
    padding-top: initial;
    margin-top: initial
}

#nav-drawer.closed {
    left: -305px
}

#nav-drawer[aria-hidden=true] .list-group-item {
    display: none
}

[data-region="drawer"] {
    position: fixed;
    width: 285px;
    top: 60px;
    height: calc(100% - 60px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 999;
    background-color: #f2f2f2;
    transition: right 0.5s ease,left 0.5s ease
}

@media (prefers-reduced-motion:reduce) {
    [data-region="drawer"] {
        transition: none
    }
}

@media (min-width: 576px) {
    [data-region="drawer"] {
        padding:20px 20px
    }

    .jsenabled .popover-process-monitor,.jsenabled .btn-footer-popover,.jsenabled .btn-footer-communication {
        transition: 0.2s
    }
}

@media (min-width: 576px) and (prefers-reduced-motion:reduce) {
    .jsenabled .popover-process-monitor,.jsenabled .btn-footer-popover,.jsenabled .btn-footer-communication {
        transition:none
    }
}

#nav-drawer {
    right: auto;
    left: 0
}

#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 rgb(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 rgb(0 0 0 / .25)
}

.drawer {
    background-color: #f8f9fa;
    z-index: 1015;
    position: fixed;
    height: 100vh;
    top: 0
}

@media (max-width: 991.98px) {
    .drawer {
        z-index:1035
    }
}

.drawer.not-initialized {
    display: none
}

.drawer.drawer-right {
    transition: right 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease,transform 0.5s ease;
    width: 315px;
    max-width: 315px;
    right: calc(-315px + -10px);
    visibility: hidden
}

@media (prefers-reduced-motion:reduce) {
    .drawer.drawer-right {
        transition: none
    }
}

.drawer.drawer-right.show {
    right: 0;
    visibility: visible
}

.drawer.drawer-right .drawertoggle {
    margin-left: auto;
    margin-right: 5px
}

.drawer.drawer-left {
    transition: left 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease;
    width: 285px;
    max-width: 285px;
    left: calc(-285px + -10px);
    visibility: hidden
}

@media (prefers-reduced-motion:reduce) {
    .drawer.drawer-left {
        transition: none
    }
}

.drawer.drawer-left.show {
    left: 0;
    visibility: visible
}

.drawer.drawer-left .drawertoggle {
    margin-right: auto;
    margin-left: 5px
}

.drawer.drawer-bottom {
    bottom: -110%
}

.drawer.drawer-bottom.show {
    bottom: 0
}

.drawer.drawer-primary .drawertoggle {
    margin-right: 16px;
    margin-left: 5px
}

@media (min-width: 992px) {
    .drawer#theme_boost-drawers-blocks:focus-within {
        z-index:1031
    }

    .drawer.not-initialized {
        display: block
    }
}

.drawer-md,.drawer-sm {
    display: none
}

.drawerheader {
    padding: 0;
    height: 60px;
    display: flex;
    align-items: center
}

.drawerheader .sitename {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 16px
}

.drawer.scrolled .drawerheader {
    box-shadow: 0 8px 11px -7px rgb(0 0 0 / .25)
}

@media (max-width: 991.98px) {
    .drawer-md {
        display:block;
        background-color: #f8f9fa;
        z-index: 1015;
        position: fixed;
        height: 100vh;
        top: 0
    }

    .drawer-md.not-initialized {
        display: none
    }

    .drawer-md.drawer-right {
        transition: right 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease,transform 0.5s ease;
        width: 315px;
        max-width: 315px;
        right: calc(-315px + -10px);
        visibility: hidden
    }

    .drawer-md.drawer-right.show {
        right: 0;
        visibility: visible
    }

    .drawer-md.drawer-right .drawertoggle {
        margin-left: auto;
        margin-right: 5px
    }

    .drawer-md.drawer-left {
        transition: left 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease;
        width: 285px;
        max-width: 285px;
        left: calc(-285px + -10px);
        visibility: hidden
    }

    .drawer-md.drawer-left.show {
        left: 0;
        visibility: visible
    }

    .drawer-md.drawer-left .drawertoggle {
        margin-right: auto;
        margin-left: 5px
    }

    .drawer-md.drawer-bottom {
        bottom: -110%
    }

    .drawer-md.drawer-bottom.show {
        bottom: 0
    }

    .drawer-md.drawer-primary .drawertoggle {
        margin-right: 16px;
        margin-left: 5px
    }
}

@media (max-width: 991.98px) and (max-width:991.98px) {
    .drawer-md {
        z-index:1035
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
    .drawer-md.drawer-right {
        transition:none
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
    .drawer-md.drawer-left {
        transition:none
    }
}

@media (max-width: 767.98px) {
    .drawer-sm {
        display:block;
        background-color: #f8f9fa;
        z-index: 1015;
        position: fixed;
        height: 100vh;
        top: 0
    }

    .drawer-sm.not-initialized {
        display: none
    }

    .drawer-sm.drawer-right {
        transition: right 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease,transform 0.5s ease;
        width: 315px;
        max-width: 315px;
        right: calc(-315px + -10px);
        visibility: hidden
    }

    .drawer-sm.drawer-right.show {
        right: 0;
        visibility: visible
    }

    .drawer-sm.drawer-right .drawertoggle {
        margin-left: auto;
        margin-right: 5px
    }

    .drawer-sm.drawer-left {
        transition: left 0.2s ease,top 0.2s ease,bottom 0.2s ease,visibility 0.2s ease;
        width: 285px;
        max-width: 285px;
        left: calc(-285px + -10px);
        visibility: hidden
    }

    .drawer-sm.drawer-left.show {
        left: 0;
        visibility: visible
    }

    .drawer-sm.drawer-left .drawertoggle {
        margin-right: auto;
        margin-left: 5px
    }

    .drawer-sm.drawer-bottom {
        bottom: -110%
    }

    .drawer-sm.drawer-bottom.show {
        bottom: 0
    }

    .drawer-sm.drawer-primary .drawertoggle {
        margin-right: 16px;
        margin-left: 5px
    }
}

@media (max-width: 767.98px) and (max-width:991.98px) {
    .drawer-sm {
        z-index:1035
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
    .drawer-sm.drawer-right {
        transition:none
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
    .drawer-sm.drawer-left {
        transition:none
    }
}

.drawercontent {
    position: relative;
    z-index: -1;
    height: calc(100% - 60px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: auto;
    padding: .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
}

.fp-navbar {
    border-color: var(--bs-gray-500);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.file-picker .fp-content {
    border-top: 0;
    background: #fff;
    clear: none;
    overflow: auto;
    height: 452px
}

.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
    width: 100%
}

.file-picker .fp-content-loading {
    height: 100%;
    width: 100%;
    display: table;
    text-align: center
}

.file-picker .fp-content .fp-object-container {
    width: 98%;
    height: 98%
}

.file-picker .fp-def-search {
    margin-top: 0
}

.file-picker .fp-list {
    list-style-type: none;
    padding: 0;
    float: left;
    width: 100%;
    margin: 0
}

.file-picker .fp-list .fp-repo a {
    display: block;
    padding: .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: #000;
    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/olan/theme/1757783192/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: #fff;
    padding-top: 5px;
    padding-bottom: 12px;
    min-width: 112px
}

.file-picker .yui3-datatable table {
    border: 0 solid #bbb;
    width: 100%
}

.file-picker .ygtvtn,.filemanager .ygtvtn {
    background: url(/theme/image.php/olan/core/1757783192/y/tn) 0 0 no-repeat;
    width: 19px;
    height: 32px
}

.file-picker .ygtvtm,.filemanager .ygtvtm {
    background: url(/theme/image.php/olan/core/1757783192/y/tm) 0 10px no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer
}

.file-picker .ygtvtmh,.filemanager .ygtvtmh {
    background: url(/theme/image.php/olan/core/1757783192/y/tm) 0 10px no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer
}

.file-picker .ygtvtp,.filemanager .ygtvtp {
    background: url(/theme/image.php/olan/core/1757783192/y/tp) 0 10px no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer
}

.file-picker .ygtvtph,.filemanager .ygtvtph {
    background: url(/theme/image.php/olan/core/1757783192/y/tp) 0 10px no-repeat;
    width: 13px;
    height: 22px;
    cursor: pointer
}

.file-picker .ygtvln,.filemanager .ygtvln {
    background: url(/theme/image.php/olan/core/1757783192/y/ln) 0 0 no-repeat;
    width: 19px;
    height: 32px
}

.file-picker .ygtvlm,.filemanager .ygtvlm {
    background: url(/theme/image.php/olan/core/1757783192/y/lm) 0 10px no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer
}

.file-picker .ygtvlmh,.filemanager .ygtvlmh {
    background: url(/theme/image.php/olan/core/1757783192/y/lm) 0 10px no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer
}

.file-picker .ygtvlp,.filemanager .ygtvlp {
    background: url(/theme/image.php/olan/core/1757783192/y/lp) 0 10px no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer
}

.file-picker .ygtvlph,.filemanager .ygtvlph {
    background: url(/theme/image.php/olan/core/1757783192/y/lp) 0 10px no-repeat;
    width: 13px;
    height: 12px;
    cursor: pointer
}

.file-picker .ygtvloading,.filemanager .ygtvloading {
    background: #fff0 url(/theme/image.php/olan/core/1757783192/y/loading) 0 0 no-repeat;
    width: 16px;
    height: 22px
}

.file-picker .ygtvdepthcell,.filemanager .ygtvdepthcell {
    background: url(/theme/image.php/olan/core/1757783192/y/vline) 0 0 no-repeat;
    width: 17px;
    height: 32px
}

.file-picker .ygtvblankdepthcell,.filemanager .ygtvblankdepthcell {
    width: 17px;
    height: 22px
}

a.ygtvspacer:hover {
    color: #fff0;
    text-decoration: none
}

.ygtvlabel,.ygtvlabel:link,.ygtvlabel:visited,.ygtvlabel:hover {
    background-color: #fff0;
    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 var(--bs-gray-500);
    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: var(--bs-secondary-color)
}

.fitem.disabled .filepicker-filelist .filepicker-filename {
    display: none
}

.fp-iconview .fp-reficons1 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.fp-iconview .fp-reficons2 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
    background: url(/theme/image.php/olan/theme/1757783192/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/olan/theme/1757783192/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/olan/core/1757783192/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/olan/theme/1757783192/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/olan/theme/1757783192/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,.preferences-container .container-xxl {
    padding: 0
}

.preferences-container .container-fluid .col-md-6,.preferences-container .container-sm .col-md-6,.preferences-container .container-md .col-md-6,.preferences-container .container-lg .col-md-6,.preferences-container .container-xl .col-md-6,.preferences-container .container-xxl .col-md-6 {
    min-height: 20px
}

.preferences-container .align-bottom {
    vertical-align: bottom
}

.preferences-container .preference-table {
    border: 1px solid #ddd
}

.preferences-container .preference-table thead th {
    text-align: center
}

.preferences-container .preference-table thead th .config-warning {
    display: none
}

.preferences-container .preference-table thead th.unconfigured .config-warning {
    display: inline-block
}

.preferences-container .preference-table tr th {
    border-left: 1px solid #dee2e6
}

.preferences-container .preference-table tr td:not(:first-child) {
    width: 150px;
    text-align: center
}

.preferences-container .preference-table tr td:nth-child(even) {
    border: 1px solid #dee2e6
}

.preferences-container .preference-table .preference-row .hover-tooltip-container {
    display: inline-block
}

.preferences-container .preference-table .preference-row .preference-name {
    vertical-align: middle
}

.preferences-container .preference-table .preference-row .disabled-message {
    text-align: center;
    height: 30px;
    line-height: 30px
}

.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
    display: block
}

.disabled-message {
    display: none
}

.disabled .disabled-message {
    display: block
}

.disabled .disabled-message+form {
    display: none
}

.general-settings-container .loading-icon {
    display: none
}

.general-settings-container .loading .loading-icon {
    display: inline-block
}

.general-settings-container label {
    display: inline-block
}

.processor-container {
    position: relative
}

.processor-container .loading-container {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgb(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: #eff1f3
}

.message-app .icon-back-in-drawer {
    display: none
}

.message-app.main {
    min-height: 400px
}

.message-app .header-container {
    flex-shrink: 0
}

.message-app .overflow-y {
    overflow-y: auto
}

@media (max-height: 320px) {
    .message-app .header-container [data-region="view-overview"]:not(.hidden) {
        display:flex;
        align-items: center
    }

    .message-app .overflow-y {
        overflow-y: unset
    }
}

.message-app .body-container {
    flex: 1;
    overflow: hidden
}

.message-app .body-container>* {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: auto
}

.message-app .footer-container {
    flex-shrink: 0
}

.message-app .footer-container textarea {
    direction: ltr
}

.message-app .contact-status {
    position: absolute;
    left: 39px;
    top: 34px
}

.message-app .contact-status.online .icon {
    color: #357a32
}

.message-app .message p {
    margin: 0
}

.message-app .clickable {
    cursor: pointer
}

.message-app .clickable:hover {
    filter: drop-shadow(2px 2px 2px rgb(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: rgb(0 0 0 / .035);
    text-decoration: none
}

.message-app .icon {
    margin-right: 0
}

.message-app .overview-section-toggle .collapsed-icon-container {
    display: none
}

.message-app .overview-section-toggle .expanded-icon-container {
    display: inline-block
}

.message-app .overview-section-toggle.collapsed .collapsed-icon-container {
    display: inline-block
}

.message-app .overview-section-toggle.collapsed .expanded-icon-container {
    display: none
}

.message-app .view-overview-body .section {
    display: block
}

.message-app .view-overview-body .section.expanded {
    display: flex
}

.message-app .view-overview-body .section div[data-region="toggle"] {
    padding: .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: #1C43FE
}

.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: #000
}

.message-app .message.send .time {
    color: #000
}

.message-app .message.send .tail {
    right: 0;
    margin-right: -.5rem;
    border-bottom-color: #dee2e6
}

.message-app .message.received {
    background-color: #fff;
    color: #000
}

.message-app .message.received .time {
    color: #4d4d4d
}

.message-app .message.received .tail {
    left: 0;
    margin-left: -.5rem;
    border-bottom-color: #fff
}

.message-app .message .tail {
    content: "";
    bottom: 0;
    width: 0;
    height: 0;
    border: .5rem solid #fff0;
    position: relative
}

.message-app .day {
    color: #000
}

.message-app .lazy-load-list {
    overflow-y: inherit
}

#page-message-index #page-header {
    display: none
}

#page-message-index #region-main {
    height: 100%;
    margin-top: 0
}

#page-message-index #region-main .conversationcontainer .section {
    max-height: calc(100vh - 50px)
}

#page-message-index #region-main div[role="main"] {
    height: 100%
}

#page-message-index #region-main div[role="main"] #maincontent {
    margin-top: -1px
}

#page-message-index #region-main div[role="main"] .message-app.main {
    height: 100%
}

.dir-rtl .message-drawer {
    box-shadow: 2px 2px 4px rgb(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,.questionbank .h2 {
    margin-top: 0
}

.questioncategories h3,.questioncategories .h3 {
    margin-top: 0
}

#chooseqtypebox {
    margin-top: 1em
}

#chooseqtype h3,#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,#ccc)
}

#qtypechoicecontainer {
    font-size: 12px;
    color: #333;
    background: #f2f2f2;
    border-radius: 10px;
    border: 1px solid #ccc;
    border-top: 0 none
}

#qtypechoicecontainer #chooseqtype {
    width: 40em
}

#chooseqtypehead h3,#chooseqtypehead .h3 {
    margin: 0;
    font-weight: 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
}

.chooserdialogue-questionchooser .modicon img.icon,#categoryquestions .qtype img.icon {
    width: 16px
}

table.question-bank-table {
    margin: 0;
    background-color: #fff;
    table-layout: fixed;
    overflow-x: scroll;
    width: min-content;
    max-width: 100%
}

table.question-bank-table th {
    text-align: left
}

table.question-bank-table>tbody>tr.r1 {
    background-color: #fff0
}

table.question-bank-table>tbody>tr.highlight {
    border: 1px solid #008196
}

table.question-bank-table .checkbox input[type="checkbox"] {
    margin-left: 0;
    float: none
}

table.question-bank-table .iconcol {
    padding: 3px;
    box-sizing: content-box
}

table.question-bank-table .iconcol .icon {
    margin: 0;
    width: 12px;
    height: 12px
}

table.question-bank-table label {
    margin: 0;
    display: block
}

table.question-bank-table .header {
    text-align: left
}

table.question-bank-table .header.sortable-list-current-position {
    background-color: #e7ebff
}

table.question-bank-table .header.sortable-list-is-dragged {
    background-color: #fff;
    opacity: .85
}

table.question-bank-table .header .header-text>div {
    display: inline-block
}

table.question-bank-table .header .dropdown-toggle::after {
    margin-left: 0
}

table.question-bank-table .header.checkbox .form-check {
    padding-left: 0
}

#page-mod-quiz-edit div.questionbankwindow div.header {
    margin: 0
}

#page-mod-quiz-edit div.questionbankwindow.block {
    padding: 0
}

.questionbank .singleselect {
    margin: 0
}

#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 .fitem .col-form-label.visually-hidden:not(legend):not([for="id_category"],[for="id_filetypeslist"]) {
    position: static!important;
    width: auto!important;
    overflow: visible!important
}

.que {
    text-align: left;
    margin: 0 auto 1.8em auto;
    display: flex;
    align-items: start;
    gap: 1rem
}

@media (max-width: 767.98px) {
    .que {
        flex-direction:column
    }
}

.que .info {
    flex-shrink: 0;
    width: 7em;
    padding: .5em;
    background-color: #f8f9fa;
    border: 1px solid #cad0d7;
    border-radius: 2px
}

@media (max-width: 767.98px) {
    .que .info {
        width:100%
    }
}

.que h3.no,.que .no.h3 {
    margin: 0;
    font-size: .8em;
    line-height: 1
}

.que span.qno {
    font-size: 1.5em;
    font-weight: 700;
    word-break: break-word
}

.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 {
    flex-grow: 1
}

@media (max-width: 767.98px) {
    .que .content {
        width:100%
    }
}

.que .formulation,.que .outcome,.que .comment {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: var(--bs-border-width) solid #fff0;
    border-radius: var(--bs-border-radius)
}

.que .outcome,.que .comment {
    color: #a67736;
    border-color: #fbe6ca;
    background-color: #fcefdc
}

.que .outcome a,.que .comment a {
    color: #011780
}

.que .formulation {
    color: #001a1e;
    border-color: #b3d9e0;
    background-color: #cce6ea
}

.que.multichoice .answer div.r0 .icon.fa-check,.que.multichoice .answer div.r1 .icon.fa-check,.que.multichoice .answer div.r0 .icon.fa-remove,.que.multichoice .answer div.r1 .icon.fa-remove {
    text-indent: 0
}

.formulation input[type="text"],.formulation select {
    width: auto;
    vertical-align: baseline
}

.que.multianswer .formulation .yui3-widget-positioned {
    box-sizing: content-box
}

.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
    width: inherit;
    max-width: inherit
}

.que input[size],.que textarea[cols] {
    width: auto;
    max-width: 100%
}

.que .comment {
    color: #20491e;
    border-color: #c2d7c2;
    background-color: #d7e4d6
}

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

.que .correctness.partiallycorrect {
    color: #000;
    background-color: #f0ad4e
}

.que .correctness.notanswered,.que .correctness.incorrect {
    color: #fff;
    background-color: #ca3120
}

.que .qtext {
    margin-bottom: 1.5em
}

.que .validationerror {
    color: #ca3120
}

.que .grading,.que .comment,.que .commentlink,.que .history {
    margin-top: .5em
}

.que .history h3,.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: #fff0
}

#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: #fff0
}

#page-mod-quiz-edit .questionbankwindow div.header a:link,#page-mod-quiz-edit .questionbankwindow div.header a:visited {
    color: #1C43FE
}

#page-mod-quiz-edit .questionbankwindow div.header a:hover {
    color: #1636cb
}

#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: #fff0;
    padding: 1.5em
}

#page-mod-quiz-edit .categoryinfo {
    background-color: #fff0;
    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: #fff0;
    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: #fff0
}

#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: #1C43FE
}

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

.qbank_managecategories-item.qbank_managecategories-droptarget-before,.qbank_managecategories-item .qbank_managecategories-item.qbank_managecategories-droptarget-before,.qbank_managecategories-categorylist.qbank_managecategories-droptarget-before>.qbank_managecategories-item:first-child {
    border-top-color: #1C43FE
}

.qbank_managecategories-item.qbank_managecategories-droptarget,.qbank_managecategories-categorylist.qbank_managecategories-droptarget>.qbank_managecategories-item:last-child {
    border-bottom-color: #1C43FE
}

.qbank_managecategories-newchild.qbank_managecategories-droptarget {
    border-color: #1C43FE;
    color: #1C43FE
}

.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: rgb(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 .collapsibleregioncaption img {
    width: 16px;
    height: 16px
}

#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,.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: var(--bs-gray-500);
    color: #6a737b
}

.simplesearchform .btn-close,.simplesearchform .btn-clear {
    position: absolute;
    top: 0;
    right: 0;
    color: #6a737b;
    z-index: 6
}

.simplesearchform .btn-close {
    right: 2.5rem;
    top: .4rem;
    font-size: inherit;
    line-height: inherit
}

.simplesearchform .btn-submit {
    background-color: #f8f9fa
}

.simplesearchform .withclear {
    padding-right: 2rem
}

.simplesearchform .searchinput {
    display: flex;
    flex: 1 1 auto
}

.simplesearchform .collapsing {
    height: inherit;
    transition: none;
    width: inherit
}

.simplesearchform .collapse.show,.simplesearchform .collapsing {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    background-color: #fff;
    z-index: 1070;
    height: 60px
}

.simplesearchform .collapse.show .searchform-navbar,.simplesearchform .collapsing .searchform-navbar {
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.search-areas-actions {
    margin-bottom: 1rem
}

.search-areas-actions>div {
    margin-right: 1rem;
    display: inline-block
}

#core-search-areas .lastcol li {
    margin-left: 24px;
    text-indent: -24px
}

#core-search-areas .lastcol li>i {
    text-indent: 0
}

.jsenabled .mform .containsadvancedelements .advanced {
    display: none
}

.mform .containsadvancedelements .advanced.show {
    display: flex
}

#adminsettings span.error {
    display: inline-block;
    border: 1px solid #efc1bc;
    border-radius: 4px;
    background-color: #f4d6d2;
    padding: 4px;
    margin-bottom: 4px
}

.mform .d-flex .fitem {
    margin: .1rem .25rem .1rem 0!important
}

.mform .d-flex br+label {
    justify-content: flex-start;
    width: 100%;
    margin-right: 0
}

.d-flex>.form-control {
    width: auto;
    max-width: 100%
}

.d-flex>textarea.form-control {
    width: 100%
}

.form-select {
    width: auto;
    max-width: 100%
}

#jump-to-activity.form-select {
    width: 100%
}

.mform fieldset {
    margin-bottom: .5rem;
    border-bottom: 1px solid var(--bs-border-color)
}

#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: var(--bs-secondary-color)
}

.form-label .form-shortname {
    font-size: .703125rem;
    display: block
}

.formsettingheading .form-horizontal {
    color: var(--bs-secondary-color)
}

.no-felement.fstatic {
    color: var(--bs-secondary-color);
    padding-top: 5px
}

.no-fitem .fstaticlabel {
    font-weight: 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,#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
}

#id_availabilityconditionsjson[aria-hidden=true],.availability-field [aria-hidden=true] {
    display: none
}

.availability-field img {
    width: 16px;
    height: 16px
}

.availability-eye {
    clear: left;
    float: left
}

.availability-inner,.availability-plugincontrols {
    float: left;
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    padding: 1rem;
    margin-top: .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 var(--bs-gray-500);
    min-width: 206px;
    max-height: 20em;
    overflow: auto;
    margin: .125rem 0 0;
    padding: .5rem 0;
    z-index: 3
}

.form-autocomplete-suggestions li {
    list-style-type: none;
    padding: .25rem 1rem;
    margin: 0;
    cursor: pointer;
    color: #1d2125;
    word-break: normal;
    overflow-wrap: anywhere;
    white-space: normal
}

.form-autocomplete-suggestions li:hover,.form-autocomplete-suggestions li:focus,.form-autocomplete-suggestions li[aria-selected="true"] {
    background-color: #1C43FE;
    color: #fff
}

.form-autocomplete-suggestions li[aria-disabled="true"] {
    pointer-events: none;
    color: #6a737b;
    background-color: var(--bs-secondary-bg)
}

.form-autocomplete-suggestions li.suggestions-heading {
    pointer-events: none;
    font-weight: 700;
    color: #1d2125;
    background-color: #fff;
    padding-left: calc(1rem / 2)
}

.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 .25rem rgb(28 67 254 / .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
    }
}

[data-fieldtype="modgrade"] .fitem {
    padding-bottom: .375rem
}

[data-fieldtype="modgrade"] {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    padding: 1rem;
    margin-left: .75rem;
    max-width: 30rem
}

[data-filetypesbrowserbody] [aria-expanded="false"]>[role="group"],[data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],[data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
    display: none
}

.felement[data-fieldtype="autocomplete"],.felement[data-fieldtype="tags"] {
    display: block!important;
    position: static
}

[data-fieldtype="editor"]>div {
    flex-grow: 1
}

@media (min-width: 768px) {
    .mform fieldset .fcontainer.collapseable .col-form-label {
        padding-left:2.5rem
    }
}

.collapsemenu .collapseall {
    display: block
}

.collapsemenu .expandall {
    display: none
}

.collapsemenu.collapsed .collapseall {
    display: none
}

.collapsemenu.collapsed .expandall {
    display: block
}

.input-group.form-inset .form-inset-item {
    position: absolute;
    padding-top: calc(0.375rem + var(--bs-border-width));
    z-index: 3
}

.input-group.form-inset.form-inset-left .form-control {
    padding-left: 1.5rem
}

.input-group.form-inset.form-inset-right .form-control {
    padding-right: 1.5rem
}

.input-group.form-inset.form-inset-right .form-inset-item {
    right: 0
}

.form-check.left-indented {
    padding-left: 0
}

.toggle-sensitive-btn .icon {
    margin-right: 0
}

@media (min-width: 576px) {
    .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation)>.form-control:not(:last-child) {
        border-radius:var(--bs-border-radius)
    }

    .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation)>.form-control-lg:not(:last-child) {
        border-radius: var(--bs-border-radius-lg)
    }

    .toggle-sensitive-wrapper.small-screens-only.input-group:not(.has-validation)>.toggle-sensitive-btn {
        display: none
    }
}

.pagelayout-login #region-main {
    border: 0;
    background-color: inherit
}

.pagelayout-login #page {
    background: #f8f9fa;
    background-image: linear-gradient(to right,#f8f9fa 0%,#dee2e6 100%)
}

.pagelayout-login #page div[role="main"] {
    height: 100%
}

.login-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.login-container {
    background-color: #fff;
    padding: 3rem;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15);
    margin-bottom: 2rem;
    border-radius: .5rem
}

.login-container .login-languagemenu {
    display: flex;
    justify-content: flex-start
}

.login-container .login-languagemenu .dropdown-menu {
    max-height: 300px;
    overflow-y: auto
}

.login-container .login-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

.login-container .login-divider {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-top: 1px solid #dee2e6
}

.login-container h1.login-heading,.login-container .login-heading.h1 {
    font-size: 1.875rem
}

.login-container h2.login-heading,.login-container .login-heading.h2 {
    font-size: 1.40625rem
}

.login-container .login-identityproviders .login-identityprovider-btn {
    border: 1px solid #dee2e6
}

.login-container .divider {
    width: 1px;
    background-color: #dee2e6;
    height: 1.875rem
}

.login-container .action-menu-trigger a {
    margin: .5rem 0
}

@media (min-width: 768px) {
    .login-container {
        width:500px!important
    }
}

select {
    width: auto
}

.path-mod .activity-header:not(:empty) {
    background-color: #f8f9fa;
    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 .form-select {
    width: 100%
}

.discussion-settings-container input {
    max-width: 100%
}

.forumpost {
    border: 1px solid #dee2e6;
    display: block;
    padding: 6px
}

.forumpost .header {
    margin-bottom: 3px
}

.forumpost .picture img {
    margin: 3px
}

.forumpost .picture img.userpicture {
    margin-left: 3px;
    margin-right: 10px
}

.forumpost .content .posting.fullpost {
    margin-top: 8px
}

.forumpost .row {
    display: block
}

.forumpost .row .topic,.forumpost .row .content-mask,.forumpost .row .options {
    margin-left: 48px
}

.forumpost .row.side {
    clear: both
}

.forumpost .row .left {
    width: 48px
}

.forumpost .options .commands {
    margin-left: 0
}

.forumpost .subject {
    font-weight: 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)
}

@keyframes background-highlight {
    from {
        background-color: rgb(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 {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.path-mod-forum .nested-v2-display-mode .alert.discussionlocked:not(caption),.path-mod-forum.nested-v2-display-mode .alert.discussionlocked:not(caption) {
    position: absolute!important
}

.path-mod-forum .nested-v2-display-mode .text-muted,.path-mod-forum .nested-v2-display-mode .dimmed_text,.path-mod-forum.nested-v2-display-mode .text-muted,.path-mod-forum.nested-v2-display-mode .dimmed_text {
    color: #707070!important
}

.path-mod-forum .nested-v2-display-mode .author-header,.path-mod-forum.nested-v2-display-mode .author-header {
    font-style: italic
}

.path-mod-forum .nested-v2-display-mode .author-header .author-name,.path-mod-forum.nested-v2-display-mode .author-header .author-name {
    font-style: normal
}

.path-mod-forum .nested-v2-display-mode .tag_list>b,.path-mod-forum.nested-v2-display-mode .tag_list>b {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.path-mod-forum .nested-v2-display-mode .tag_list>b:not(caption),.path-mod-forum.nested-v2-display-mode .tag_list>b:not(caption) {
    position: absolute!important
}

.path-mod-forum .nested-v2-display-mode :target>.focus-target,.path-mod-forum.nested-v2-display-mode :target>.focus-target {
    animation-name: background-highlight;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
    border-top: 1px solid #dee2e6;
    padding-top: 1.5rem
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
    border-top: none;
    padding-top: 0
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
    display: none
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,.path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
    margin-bottom: 0
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,.path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
    width: 70px;
    margin-right: 24px;
    flex-shrink: 0
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,.path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
    border: 0;
    resize: none
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .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 + calc(var(--bs-border-width) * 2));
        border-radius: 0;
        background-color: var(--bs-body-bg);
        border-color: var(--bs-gray-500);
        padding-left: calc(0.5rem + 8px);
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: 1.171875rem;
        line-height: 1.5;
        right: 0
    }
}

@keyframes collapseSearchButton {
    from {
        width: 100%;
        height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
        border-radius: 0;
        background-color: var(--bs-body-bg);
        border-color: var(--bs-gray-500);
        padding-left: calc(0.5rem + 8px);
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: 1.171875rem;
        line-height: 1.5;
        right: 0
    }

    to {
        height: 36px;
        width: 36px;
        border-radius: 18px;
        background-color: #e9ecef
    }
}

.path-mod-forum .unified-grader .navbar {
    max-height: none;
    z-index: 1
}

.path-mod-forum .unified-grader .body-container {
    overflow: auto
}

.path-mod-forum .unified-grader .body-container.hidden {
    display: none!important
}

.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 + 36px - calc(var(--bs-border-width) * 2));
    padding-right: calc(0.5rem + 36px);
    opacity: 1;
    visibility: visible;
    transition: opacity 0s linear 0.3s,visibility 0s linear
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
    position: absolute;
    top: 50%;
    left: .5rem;
    transform: translateY(-50%);
    color: var(--bs-body-color);
    height: 36px;
    width: calc(36px - calc(var(--bs-border-width) * 2));
    background-color: var(--bs-body-bg);
    opacity: 1;
    visibility: visible;
    transition: opacity 0s linear 0.3s,visibility 0s linear 0.3s
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
    position: absolute;
    top: 50%;
    right: .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: #1C43FE
}

.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 var(--bs-border-color)
}

.path-grade-report-grader h1,.path-grade-report-grader .h1 {
    text-align: inherit
}

#page-mod-data-view #singleimage {
    width: auto
}

.template_heading {
    margin-top: 10px
}

.breadcrumb-button {
    margin-top: 4px
}

.breadcrumb-button .singlebutton {
    float: left;
    margin-left: 4px
}

.langmenu form {
    margin: 0
}

canvas {
    -ms-touch-action: auto
}

div#dock {
    display: none
}

.path-mod-lesson .invisiblefieldset.fieldsetfix {
    display: block
}

.path-mod-lesson .answeroption .checkbox label p {
    display: inline
}

.path-mod-lesson .slideshow {
    overflow: auto;
    padding: 15px
}

#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
    white-space: normal
}

#page-mod-lesson-view .vertical .singlebutton {
    display: block
}

#page-mod-lesson-view .vertical .singlebutton+.singlebutton {
    margin-left: 0;
    margin-top: 1rem
}

#page-mod-lesson-view .fitem .felement .form-select {
    align-self: flex-start
}

.path-mod-lesson .generaltable td {
    vertical-align: middle
}

.path-mod-lesson .generaltable td label {
    margin-bottom: 0
}

.path-mod-lesson .generaltable td .highlight {
    display: inline-block;
    margin-left: .25rem
}

.path-mod-lesson .generaltable td input[type="checkbox"] {
    display: block
}

.path-mod-wiki .wiki_headingtitle,.path-mod-wiki .midpad,.path-mod-wiki .wiki_headingtime {
    text-align: inherit
}

.path-mod-wiki .wiki_contentbox {
    width: 100%
}

.nav .caret {
    margin-left: 4px
}

.nav .divider {
    overflow: hidden;
    width: 0
}

.userloggedinas .usermenu .usertext,.userswitchedrole .usermenu .usertext,.loginfailures .usermenu .usertext {
    float: left;
    text-align: right;
    margin-right: .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-50 {
    width: 50px;
    height: 50px
}

.userinitials.size-64 {
    width: 64px;
    height: 64px
}

.userinitials.size-100 {
    width: 100px;
    height: 100px;
    font-size: 1.875rem
}

img.userpicture {
    margin-right: .25rem
}

@media (max-width: 767.98px) {
    .usertext {
        display:none
    }
}

#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,#page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
    width: auto;
    max-width: none
}

#page-mod-quiz-mod #id_reviewoptionshdr .fcontainer>.fitem {
    float: left;
    width: 20rem;
    display: inline-block;
    min-height: 12rem
}

#page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
    line-height: 1.5;
    vertical-align: bottom
}

#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
    width: auto;
    height: 22px;
    justify-content: flex-start
}

#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
    width: 90%;
    height: 22px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton {
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background-color: var(--bs-body-bg);
    background-image: none;
    height: 40px;
    width: 30px;
    border-radius: 3px;
    border: 0;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 6px 6px 0
}

.path-mod-quiz #mod_quiz_navblock span.qnbutton {
    cursor: default;
    background-color: var(--bs-secondary-bg);
    color: #495057
}

.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,.path-mod-quiz #mod_quiz_navblock a.qnbutton:active,.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
    text-decoration: underline
}

.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
    border: 1px solid;
    border-radius: 3px;
    z-index: 1
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
    border-width: 3px
}

.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
    border-width: 1px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
    border: 0;
    background: var(--bs-body-bg) none center / 10px no-repeat scroll;
    height: 20px;
    margin-top: 20px;
    border-radius: 0 0 3px 3px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .thispageholder {
    border-color: #306e2d
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .thispageholder {
    border-color: #b62c1d
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .thispageholder {
    border-color: #90682f
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.correct,.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
    background-color: #dff4d8
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect,.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
    background-color: #fdd
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect,.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
    background-color: #fcefdc
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked,.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.complete,.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved,.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading,.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
    background-color: #dee2e6
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
    background-color: var(--bs-body-bg)
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
    background-image: url(/theme/image.php/olan/core/1757783192/i/grade_correct);
    color: #357a32;
    background-size: 14px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
    background-image: url(/theme/image.php/olan/core/1757783192/t/locked)
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
    background-image: url(/theme/image.php/olan/core/1757783192/i/grade_incorrect);
    color: #ca3120;
    background-size: 14px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
    background-image: url(/theme/image.php/olan/core/1757783192/i/grade_partiallycorrect);
    color: #f0ad4e;
    background-size: 14px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
    background-color: #dee2e6
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
    height: 1.4em;
    vertical-align: middle
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
    padding: .5em 0 .5em .1em;
    margin: 2px
}

#attemptsform .icon.text-success,.formulation .answer .icon.text-success {
    color: #306e2d!important
}

#attemptsform .icon.text-danger,.formulation .answer .icon.text-danger {
    color: #b62c1d!important
}

#attemptsform .icon.text-warning,.formulation .answer .icon.text-warning {
    color: #90682f!important
}

#page-mod-quiz-attempt #region-main {
    overflow-x: inherit
}

#quiz-timer-wrapper {
    display: none;
    position: sticky;
    justify-content: end;
    top: 65px;
    z-index: 1020
}

#quiz-timer-wrapper #quiz-timer {
    border: 1px solid #ca3120;
    background-color: #fff
}

.pagelayout-embedded #quiz-timer-wrapper {
    top: 5px
}

#quiz-timer-wrapper #quiz-timer.timeleft0 {
    background-color: #ca3120;
    color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft1 {
    background-color: #d73422;
    color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft2 {
    background-color: #dd3d2b;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft3 {
    background-color: #e04938;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft4 {
    background-color: #e25546;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft5 {
    background-color: #e46153;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft6 {
    background-color: #e66d60;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft7 {
    background-color: #e8796d;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft8 {
    background-color: #ea867a;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft9 {
    background-color: #ec9288;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft10 {
    background-color: #ee9e95;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft11 {
    background-color: #f0aaa2;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft12 {
    background-color: #f2b6af;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft13 {
    background-color: #f4c2bc;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft14 {
    background-color: #f7ceca;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft15 {
    background-color: #f9dad7;
    color: #000
}

#quiz-timer-wrapper #quiz-timer.timeleft16 {
    background-color: #fbe6e4;
    color: #000
}

.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
    top: auto
}

.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
    height: calc(100% - 4rem)
}

.path-mod-assign [data-region="grade-panel"] {
    padding-top: 1rem
}

.path-mod-assign [data-region="grade-panel"] .fitem>.col-md-3,.path-mod-assign [data-region="grade-panel"] .fitem>.col-md-9 {
    width: 100%;
    padding: 0;
    max-width: 100%;
    flex: none
}

.path-mod-assign [data-region="grade-panel"] fieldset,.path-mod-assign [data-region="grade-panel"] .fitem.row {
    margin: 0
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
    width: 100%;
    overflow: auto;
    height: calc(100% - 4rem)
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
    width: auto
}

.path-mod-assign [data-region="grade-panel"] .popout {
    background-color: var(--bs-body-bg)
}

.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    padding: 1rem;
    margin-bottom: 1rem
}

.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
    border-bottom: var(--bs-border-width) solid;
    margin-bottom: 1rem
}

.path-mod-assign [data-region="grade-panel"] .popout>.col-md-3 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 1.40625rem
}

.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
    margin-top: 0
}

.path-mod-assign [data-region="assignment-info"] {
    overflow-y: hidden
}

.path-mod-assign [data-region="grading-navigation"] {
    padding: 6px
}

.path-mod-assign [data-region="grade-actions"] {
    padding: 10px
}

.path-mod-assign [data-region="user-info"] .img-rounded {
    margin-top: 0
}

.path-mod-assign [data-region="grading-navigation-panel"] {
    height: 85px
}

@media (max-width: 767px) {
    .path-mod-assign [data-region="grading-navigation-panel"] {
        height:auto
    }

    .path-mod-assign [data-region="user-info"] {
        margin-top: 1rem
    }
}

.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
    width: auto;
    display: inline-block
}

.assignfeedback_editpdf_widget * {
    box-sizing: content-box
}

.assignfeedback_editpdf_widget button {
    box-sizing: border-box
}

.assignfeedback_editpdf_widget .commentcolourbutton img {
    border-width: 0
}

.assignfeedback_editpdf_widget .label {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: var(--bs-border-width) solid #fff0;
    color: #004d5a;
    border-color: #b3d9e0;
    border-radius: var(--bs-border-radius);
    background-color: #cce6ea
}

.assignfeedback_editpdf_menu {
    padding: 0
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
    float: none
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
    width: 100%
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
    padding-left: 1rem;
    padding-right: 1rem
}

.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,.path-mod-assign [data-region="grade-panel"] .showstudentdesc {
    background-color: var(--bs-body-bg)
}

.path-mod-assign .gradingtable thead tr {
    position: sticky;
    top: 60px;
    z-index: 1
}

.path-admin-mod-lti .btn .loader img,.path-admin-mod-lti #tool-list-loader-container .loader img {
    height: auto
}

.path-mod-feedback span.feedback_info {
    font-weight: 700
}

.path-mod-feedback div.feedback_is_dependent {
    background: #6a737b
}

.path-mod-feedback span.feedback_depend {
    color: #ca3120
}

.path-mod-feedback hr.feedback_pagebreak {
    height: 4px;
    color: #6a737b;
    background-color: #6a737b;
    border: 0;
    margin: 0
}

.path-mod-feedback .feedback_bar_image {
    height: 10px
}

.path-mod-feedback #analysis-form label {
    display: inline
}

.path-mod-feedback .templateslist td.cell.action {
    width: 10%
}

.path-mod-feedback .templateslist th.header.action {
    width: 10%
}

.path-mod-feedback .feedback-item-label {
    width: 100%
}

.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist,.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background-color: #fff;
    position: relative;
    border-radius: .5rem
}

.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemname,.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged .itemname {
    margin-right: 2rem
}

.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist .itemactions,.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged .itemactions {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.path-mod-feedback #feedback_edit_form [id*=_feedback_item_].feedback_itemlist.sortable-list-current-position,.path-mod-feedback #feedback_edit_form .feedback_itemlist.sortable-list-is-dragged.sortable-list-current-position {
    background-color: #f8f9fa
}

.path-mod-feedback #feedback_edit_form .sortable-list-is-dragged {
    opacity: .75;
    max-width: 830px
}

.path-mod-feedback #feedback_edit_form .loading-icon {
    position: absolute;
    left: 50%;
    top: calc(50% - .5rem)
}

.path-mod-feedback#page-mod-feedback-manage_templates .coursetemplates .no-overflow,.path-mod-feedback#page-mod-feedback-manage_templates .publictemplates .no-overflow {
    overflow: visible
}

.path-mod-feedback#page-mod-feedback-manage_templates .coursetemplates .action-menu .menubar,.path-mod-feedback#page-mod-feedback-manage_templates .publictemplates .action-menu .menubar {
    justify-content: end
}

.path-mod-feedback table.analysis {
    width: 100%;
    border-top: 1px solid #dee2e6;
    margin-top: 10px
}

.path-mod-feedback table.analysis.itemtype_textarea td {
    padding: 4px 0
}

.path-mod-feedback table.analysis tr:first-child th {
    padding-top: 10px
}

.path-mod-feedback table.analysis tr:hover {
    background: #dee2e6
}

.path-mod-feedback table.analysis td.singlevalue:before,.path-mod-feedback table.analysis td.optionname:before {
    content: "- "
}

.path-mod-feedback table.analysis tr.isempty {
    display: none
}

.path-mod-feedback #showentrytable td.cell.completed_timemodified,.path-mod-feedback #showentryanontable td.cell.random_response {
    font-weight: 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: .5rem 0
}

.path-mod-feedback .response_navigation a {
    display: block
}

.path-mod-feedback .response_navigation a.back_to_list {
    text-align: center
}

.path-mod-feedback .response_navigation .prev_response {
    text-align: left
}

.path-mod-feedback .response_navigation .prev_response:before {
    content: " ◄ "
}

.path-mod-feedback .response_navigation .next_response {
    text-align: right
}

.path-mod-feedback .response_navigation .next_response:after {
    content: " ► "
}

#page-report-participation-index .participationselectform div label {
    display: inline-block;
    margin: 0 5px
}

#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
    margin-left: 0
}

#page-report-outline-index .font-lg {
    font-size: 1.03125rem
}

#page-report-outline-index .generaltable tbody tr {
    background-color: #fff
}

#page-report-outline-index .generaltable tbody tr.section {
    padding-left: 2rem
}

#page-report-outline-index .generaltable tbody tr.section h3,#page-report-outline-index .generaltable tbody tr.section .h3 {
    font-size: 1.171875rem
}

#page-report-outline-index .generaltable tbody tr.section h4,#page-report-outline-index .generaltable tbody tr.section .h4 {
    font-size: 1.03125rem
}

#page-report-outline-index .generaltable tbody td.delegated {
    padding-left: 3.5rem
}

#page-report-outline-user .section {
    border: 1px solid #dee2e6;
    border-radius: 1rem
}

#page-report-outline-user .font-lg {
    font-size: 1.03125rem
}

#page-report-log-index #menumodid option:disabled {
    color: #1f2428;
    font-weight: bolder
}

.path-backup .mform .grouped_settings {
    clear: both;
    overflow: hidden
}

.path-backup .mform .grouped_settings.section_level {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    padding: 1rem;
    margin-bottom: 1rem
}

.path-backup .mform .grouped_settings.section_level::after {
    display: block;
    clear: both;
    content: ""
}

.path-backup .mform .grouped_settings.subsection_level {
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    padding: 1rem;
    margin: 0 1rem 1rem 1rem
}

.path-backup .mform .grouped_settings.subsection_level::after {
    display: block;
    clear: both;
    content: ""
}

.path-backup .mform .include_setting {
    width: 50%;
    display: inline-block;
    float: left;
    padding: .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 fieldset {
    padding: 1rem 0
}

.path-backup .mform .grouped_settings.activity_level:nth-of-type(odd) {
    background-color: rgba(var(--bs-emphasis-color-rgb),.03)
}

.path-backup .mform .grouped_settings.activity_level:nth-of-type(even) {
    background-color: #fff0
}

.path-backup .mform .fcontainer .grouped_settings .fitem,.path-backup .mform .fcontainer .root_setting .fitem {
    margin: .25rem 0!important
}

.path-backup .mform .fcontainer .grouped_settings .fitem .col-form-label,.path-backup .mform .fcontainer .root_setting .fitem .col-form-label {
    padding-top: 0
}

.path-backup .mform .fcontainer .grouped_settings .fitem .col-md-3.checkbox,.path-backup .mform .fcontainer .root_setting .fitem .col-md-3.checkbox {
    width: 0%
}

.path-backup .mform .fcontainer .grouped_settings .fitem .col-md-9.checkbox,.path-backup .mform .fcontainer .root_setting .fitem .col-md-9.checkbox {
    width: 100%;
    left: 0
}

.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: var(--bs-body-bg);
    border-radius: var(--bs-border-radius);
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    padding: 1rem;
    margin-bottom: 1rem
}

.path-backup .backup-section .sub-header,.path-backup .backup-section .backup-sub-section,.path-backup .backup-section .singlebutton,.path-backup .backup-section .header {
    width: 100%;
    float: left;
    clear: both
}

.path-backup .backup-section th.header {
    width: auto;
    float: none
}

.path-backup .backup-section ::after {
    content: "";
    display: table;
    clear: both
}

.path-backup .backup-section::after {
    display: block;
    clear: both;
    content: ""
}

.path-backup .notification.dependencies_enforced {
    color: #ca3120;
    font-weight: 700
}

.path-backup .backup_progress {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.path-backup .backup_progress .backup_stage {
    color: var(--bs-secondary-color)
}

.path-backup .backup_progress .backup_stage.backup_stage_current {
    font-weight: 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: var(--bs-emphasis-color);
    background-color: var(--bs-body-bg)
}

.generaltable th,.generaltable td {
    padding: .75rem;
    vertical-align: top;
    border-top: var(--bs-border-width) solid var(--bs-border-color)
}

.generaltable thead th,.generaltable thead td {
    vertical-align: bottom;
    border-bottom: calc(2 * var(--bs-border-width)) solid var(--bs-border-color)
}

.generaltable tbody+tbody {
    border-top: calc(2 * var(--bs-border-width)) solid var(--bs-border-color)
}

.generaltable.table-sm th,.generaltable.table-sm td {
    padding: .3rem
}

.generaltable tbody tr:hover.dimmed_text a:not(.menu-action) {
    color: var(--bs-emphasis-color)
}

.generaltable tbody tr:hover td.sticky-column {
    background-color: rgba(var(--bs-emphasis-color-rgb),.075)
}

.generaltable tbody td,.generaltable tbody th {
    color: inherit;
    background-color: inherit
}

table caption {
    font-size: 24px;
    font-weight: 700;
    line-height: 42px;
    text-align: left;
    caption-side: top
}

table .sticky-column {
    position: sticky;
    left: 0;
    background-color: inherit
}

.table-dynamic>.loading-icon {
    position: absolute;
    left: calc(50% - 1.5rem);
    top: 200px
}

.table-dynamic>.loading-icon .icon {
    max-height: 3rem;
    max-width: 3rem;
    font-size: 3rem
}

.table-responsive .dropdown {
    position: static!important
}

.table-responsive .table {
    margin-bottom: 0
}

.table-responsive .table .visually-hidden,.table-responsive .table .accesshide {
    position: relative!important;
    display: block
}

.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-sm,.btn-group-sm>.btn {
    --bs-btn-border-radius: var(--bs-border-radius)
}

.btn:focus-visible,.btn.focus {
    outline: .25rem solid #5f6e7d;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-primary:focus-visible,.btn-primary.focus {
    outline: .25rem solid #000e4e;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-secondary:focus-visible,.btn-secondary.focus {
    outline: .25rem solid #5f6e7d;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-success:focus-visible,.btn-success.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-info:focus-visible,.btn-info.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-warning:focus-visible,.btn-warning.focus {
    outline: .25rem solid #694109;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-danger:focus-visible,.btn-danger.focus {
    outline: .25rem solid #1a0604;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-light:focus-visible,.btn-light.focus {
    outline: .25rem solid #8193a5;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-dark:focus-visible,.btn-dark.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-outline-primary:focus-visible,.btn-outline-primary.focus {
    outline: .25rem solid #000e4e;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-secondary:focus-visible,.btn-outline-secondary.focus {
    outline: .25rem solid #5f6e7d;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-success:focus-visible,.btn-outline-success.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-info:focus-visible,.btn-outline-info.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-warning:focus-visible,.btn-outline-warning.focus {
    outline: .25rem solid #694109;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-danger:focus-visible,.btn-outline-danger.focus {
    outline: .25rem solid #1a0604;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-light:focus-visible,.btn-outline-light.focus {
    outline: .25rem solid #8193a5;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-dark:focus-visible,.btn-outline-dark.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #343a40
}

.btn-icon {
    --bs-btn-hover-bg: var(--bs-secondary-bg);
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    --bs-btn-font-size: 16px;
    height: calc(16px + 1rem);
    width: calc(16px + 1rem);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.btn-icon:focus-visible,.btn-icon.focus {
    outline: .25rem solid #5f6e7d;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-icon .icon {
    margin: 0
}

.btn-icon.icon-size-0 {
    height: calc(0 + 1rem);
    width: calc(0 + 1rem);
    --bs-btn-font-size: 0;
    --bs-btn-line-height: 0
}

.btn-icon.icon-size-1 {
    height: calc(4px + 1rem);
    width: calc(4px + 1rem);
    --bs-btn-font-size: 4px;
    --bs-btn-line-height: 4px
}

.btn-icon.icon-size-2 {
    height: calc(8px + 1rem);
    width: calc(8px + 1rem);
    --bs-btn-font-size: 8px;
    --bs-btn-line-height: 8px
}

.btn-icon.icon-size-3 {
    height: calc(16px + 1rem);
    width: calc(16px + 1rem);
    --bs-btn-font-size: 16px;
    --bs-btn-line-height: 16px
}

.btn-icon.icon-size-4 {
    height: calc(24px + 1rem);
    width: calc(24px + 1rem);
    --bs-btn-font-size: 24px;
    --bs-btn-line-height: 24px
}

.btn-icon.icon-size-5 {
    height: calc(32px + 1rem);
    width: calc(32px + 1rem);
    --bs-btn-font-size: 32px;
    --bs-btn-line-height: 32px
}

.btn-icon.icon-size-6 {
    height: calc(40px + 1rem);
    width: calc(40px + 1rem);
    --bs-btn-font-size: 40px;
    --bs-btn-line-height: 40px
}

.btn-icon.icon-size-7 {
    height: calc(48px + 1rem);
    width: calc(48px + 1rem);
    --bs-btn-font-size: 48px;
    --bs-btn-line-height: 48px
}

.btn-icon.icons-collapse-expand {
    color: #1C43FE;
    background-color: #e8ecff
}

.btn-icon.icons-collapse-expand:hover {
    outline: 2px solid #1C43FE
}

.btn-icon.icons-collapse-expand:focus-visible,.btn-icon.icons-collapse-expand.focus {
    outline: .25rem solid #062dff;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-primary {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-primary-text-emphasis);
    --bs-btn-bg: var(--bs-primary-bg-subtle);
    --bs-btn-active-color: var(--bs-primary-text-emphasis);
    --bs-btn-active-bg: var(--bs-primary-bg-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 28, 67, 254
}

.btn-subtle-primary:focus-visible,.btn-subtle-primary.focus {
    outline: .25rem solid #000e4e;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-secondary {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-secondary-text-emphasis);
    --bs-btn-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-active-color: var(--bs-secondary-text-emphasis);
    --bs-btn-active-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 206, 212, 218
}

.btn-subtle-secondary:focus-visible,.btn-subtle-secondary.focus {
    outline: .25rem solid #5f6e7d;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-success {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-success-text-emphasis);
    --bs-btn-bg: var(--bs-success-bg-subtle);
    --bs-btn-active-color: var(--bs-success-text-emphasis);
    --bs-btn-active-bg: var(--bs-success-bg-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-focus-shadow-rgb: 53, 122, 50
}

.btn-subtle-success:focus-visible,.btn-subtle-success.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-info {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-info-text-emphasis);
    --bs-btn-bg: var(--bs-info-bg-subtle);
    --bs-btn-active-color: var(--bs-info-text-emphasis);
    --bs-btn-active-bg: var(--bs-info-bg-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-focus-shadow-rgb: 0, 129, 150
}

.btn-subtle-info:focus-visible,.btn-subtle-info.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-warning {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-warning-text-emphasis);
    --bs-btn-bg: var(--bs-warning-bg-subtle);
    --bs-btn-active-color: var(--bs-warning-text-emphasis);
    --bs-btn-active-bg: var(--bs-warning-bg-subtle);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-focus-shadow-rgb: 240, 173, 78
}

.btn-subtle-warning:focus-visible,.btn-subtle-warning.focus {
    outline: .25rem solid #694109;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-danger {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-danger-text-emphasis);
    --bs-btn-bg: var(--bs-danger-bg-subtle);
    --bs-btn-active-color: var(--bs-danger-text-emphasis);
    --bs-btn-active-bg: var(--bs-danger-bg-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: 202, 49, 32
}

.btn-subtle-danger:focus-visible,.btn-subtle-danger.focus {
    outline: .25rem solid #1a0604;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-light {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-light-text-emphasis);
    --bs-btn-bg: var(--bs-light-bg-subtle);
    --bs-btn-active-color: var(--bs-light-text-emphasis);
    --bs-btn-active-bg: var(--bs-light-bg-subtle);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-focus-shadow-rgb: 248, 249, 250
}

.btn-subtle-light:focus-visible,.btn-subtle-light.focus {
    outline: .25rem solid #8193a5;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-dark {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-dark-text-emphasis);
    --bs-btn-bg: var(--bs-dark-bg-subtle);
    --bs-btn-active-color: var(--bs-dark-text-emphasis);
    --bs-btn-active-bg: var(--bs-dark-bg-subtle);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: 29, 33, 37
}

.btn-subtle-dark:focus-visible,.btn-subtle-dark.focus {
    outline: .25rem solid #000;
    box-shadow: inset 0 0 0 2px #fff
}

.btn-subtle-body {
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-gray-600);
    --bs-btn-focus-shadow-rgb: 106, 115, 123
}

.btn-subtle-body:focus-visible,.btn-subtle-body.focus {
    outline: .25rem solid #0c0d0d;
    box-shadow: inset 0 0 0 2px #fff
}

.gradetreebox {
    margin: 20px 0 30px 0
}

.gradetreebox h4,.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: #2a6228
}

.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: #fff0 url(/theme/image.php/olan/core/1757783192/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: #fff0
}

.gradingform_rubric .options .option input {
    margin-left: 5px;
    margin-right: 12px
}

.grade-display .description {
    font-size: 1rem
}

.criterion .description {
    font-size: 1rem
}

.criterion .criterion-toggle .expanded-icon {
    display: block
}

.criterion .criterion-toggle .collapsed-icon {
    display: none
}

.criterion .criterion-toggle.collapsed .expanded-icon {
    display: none
}

.criterion .criterion-toggle.collapsed .collapsed-icon {
    display: block
}

.path-grade-edit-tree .collapse-list .unlist {
    padding-left: 2rem
}

.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"]:focus>.collapse-list-item:first-child {
    background-color: #e6f2f5;
    border-color: #b3d9e0
}

.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][data-selected="true"]>.collapse-list-item:first-child {
    background-color: #e6f2f5;
    border-color: #b3d9e0;
    color: #0f6cbf
}

.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"] .collapse-list-item-content[aria-hidden="true"] {
    display: none
}

.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][aria-expanded="true"]>.collapse-list-item .collapsed-icon {
    display: none
}

.path-grade-edit-tree .collapse-list .unlist [data-for="sectionnode"][aria-expanded="false"]>.collapse-list-item .expanded-icon {
    display: none
}

.path-grade-edit-tree .collapse-list .unlist .collapse-list-item {
    padding: .5rem 1rem;
    cursor: pointer
}

.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-item-name {
    font-weight: 700
}

.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link {
    color: #1d2125;
    padding: 0 .2rem;
    margin-right: .3rem
}

.path-grade-edit-tree .collapse-list .unlist .collapse-list-item .collapse-list-link i {
    font-size: 12px;
    width: 12px;
    height: 12px;
    margin: 0
}

.path-grade-edit-tree .gradetree-wrapper {
    padding: 10px 10px;
    background-color: #f8f9fa
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades h4,.path-grade-edit-tree .gradetree-wrapper .setup-grades .h4 {
    margin: 0
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades .column-rowspan {
    padding: 0;
    width: 24px;
    min-width: 24px;
    max-width: 24px
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades .emptyrow {
    display: none
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades .gradeitemdescription {
    font-weight: 400;
    padding-left: 24px
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.spacer {
    height: .5rem
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr[data-hidden="true"] {
    display: none
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th {
    vertical-align: bottom;
    border: none;
    text-align: left;
    background-color: #f8f9fa
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr th.rowspan {
    padding: 0;
    width: 24px;
    min-width: 24px
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td {
    min-width: 4.5em;
    background-color: #f8f9fa;
    border: none;
    vertical-align: middle
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .small {
    font-size: 70%
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
    margin-right: 15px
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
    min-width: 15em
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight .weightoverride {
    margin-right: 5px
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-actions .dropdown-toggle::after {
    display: none
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere {
    padding: 0
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere {
    display: block;
    width: 100%;
    margin: 5px 0 5px 0;
    padding: 3px 0 3px 0
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere hr {
    border-top: 2px dashed #8f959e;
    margin: 0
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.movehere a.movehere:hover hr {
    border-top: 2px dashed #0f6cbf
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:first-child {
    border-left: 1px solid #dee2e6
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td:last-child {
    border-right: 1px solid #dee2e6
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name {
    font-weight: 700
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div {
    display: flex;
    min-height: 30px;
    align-items: center
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category {
    height: 24px;
    width: 24px;
    font-size: 12px;
    line-height: 24px;
    margin-right: 3px
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="true"] .expanded,.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category[aria-expanded="false"] .collapsed {
    display: none
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td.column-name div a.toggle-category i {
    font-size: 12px;
    width: 12px;
    height: 12px;
    color: #1d2125;
    margin: 0
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
    background-color: #fff;
    border-top: 3px solid #f8f9fa
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td,.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td {
    min-width: 4.5em;
    background-color: #f8f9fa;
    border: none;
    vertical-align: middle
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td.column-name,.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td.column-name {
    padding-left: 0
}

.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td:not(.column-actions),.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td:not(.column-actions) {
    font-weight: 700
}

.path-grade-edit-tree .gradetree-wrapper .badge-light {
    color: #1d2125;
    background-color: #ced4da;
    margin-right: .5em;
    margin-bottom: .5em
}

.path-grade-report-grader .gradeparent tr .cell,.path-grade-report-grader .gradeparent .floater .cell {
    background-color: var(--bs-body-bg)
}

.path-grade-report-grader .gradeparent tr .cell.gradecell .dropdown-menu.show,.path-grade-report-grader .gradeparent .floater .cell.gradecell .dropdown-menu.show {
    z-index: 1
}

.path-grade-report-grader .gradeparent table,.path-grade-report-grader .gradeparent .cell {
    border-color: var(--bs-border-color)
}

.path-grade-report-grader .gradeparent .heading .cell,.path-grade-report-grader .gradeparent .cell.category,.path-grade-report-grader .gradeparent .avg .cell {
    background-color: #f8f9fa
}

.path-grade-report-grader .gradeparent table .clickable {
    cursor: pointer
}

.path-grade-report-grader .gradeparent tr.heading {
    position: sticky;
    top: 60px;
    z-index: 4
}

.path-grade-report-grader .gradeparent tr.userrow th {
    z-index: 2
}

.path-grade-report-grader .gradeparent tr.userrow th.actions-menu-active {
    z-index: 3
}

.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow) {
    position: sticky;
    bottom: -1px
}

.path-grade-report-grader .gradeparent tr.lastrow:not(.userrow).pinned {
    z-index: 4
}

.path-grade-report-grader .gradeparent tr.lastrow td,.path-grade-report-grader .gradeparent tr.lastrow th {
    border-top: 1px solid var(--bs-border-color)
}

.path-grade-report-grader .gradeparent th.header {
    left: 0;
    position: sticky
}

.path-grade-report-grader .gradeparent th.header#studentheader {
    z-index: 1
}

.path-grade-report-grader .gradeparent td.noborder {
    border-right: #fff0
}

.path-grade-report-grader.hasstickyfooter .gradeparent tr.lastrow {
    bottom: calc(calc(max(80px, calc(0.9375rem * 3))) - 1px)
}

.path-grade-report-user .user-grade {
    border: none
}

.path-grade-report-user .user-grade.generaltable .levelodd {
    background-color: #fff0
}

.path-grade-report-user .user-grade.generaltable .leveleven {
    background-color: var(--bs-body-bg)
}

.path-grade-report-user .user-grade .column-contributiontocoursetotal,.path-grade-report-user .user-grade .column-range,.path-grade-report-user .user-grade .column-percentage,.path-grade-report-user .user-grade .column-weight {
    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
}

.gradereport-grader-table input[name^="grade"] {
    width: 80px;
    display: inline-block
}

.gradereport-grader-table .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: var(--bs-secondary-color)
}

.search-widget .dropdown-menu .dropdown-item:hover span,.search-widget .dropdown-menu .dropdown-item:active span {
    color: #fff
}

.search-widget .dropdown-menu .searchresultscontainer {
    height: 178px;
    font-size: 90%
}

.search-widget .dropdown-menu .searchresultscontainer .searchresultitemscontainer {
    height: 178px;
    max-height: 178px;
    overflow: auto
}

.search-widget .dropdown-menu .unsearchablecontentcontainer {
    border-top: 1px solid #dee2e6;
    padding-top: 10px;
    font-size: 90%
}

#fitem_id_submitbutton {
    padding-right: 2em
}

.gradestatus {
    padding-top: 10px
}

.gradestatus .icon {
    margin-right: 1rem
}

.columns-autoflow-1to1to1 {
    column-count: 3
}

@media (max-width: 767px) {
    .columns-autoflow-1to1to1 {
        column-count:1
    }
}

li.activity.label,.file-picker td.label {
    background: inherit;
    color: inherit;
    text-shadow: none;
    white-space: normal;
    display: block;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit
}

.file-picker td.label {
    border: inherit;
    display: table-cell;
    text-align: right;
    padding: 8px
}

.choosercontainer #chooseform .option {
    font-size: 12px
}

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

.form-select {
    word-wrap: normal
}

body.reset-style #page-header .card {
    border: none
}

body.reset-style #page-header .card .page-header-headings h1,body.reset-style #page-header .card .page-header-headings .h1 {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    body.reset-style #page-header .card .card-body {
        padding-left:0;
        padding-right: 0
    }
}

body.reset-style #page-header>div {
    padding-top: 0!important;
    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: 1rem;
    padding-right: 1rem;
    vertical-align: top
}

body.reset-style #page-content #region-main-box #region-main div[role="main"] {
    flex: 1 0 auto
}

body.reset-style #page-content #region-main-box #region-main .activity-navigation {
    overflow: hidden
}

body.reset-style #page-content #region-main-box #region-main.has-blocks {
    width: calc(100% - calc(360px + (1.5rem * 0.5)))
}

@media (max-width: 1199.98px) {
    body.reset-style #page-content #region-main-box #region-main.has-blocks {
        width:100%
    }
}

@media (max-width: 767.98px) {
    body.reset-style #page-content #region-main-box #region-main {
        padding-left:0;
        padding-right: 0
    }
}

body.reset-style #page-content #region-main-box [data-region="blocks-column"] {
    margin-left: auto
}

@media (max-width: 1199.98px) {
    body.reset-style #page-content #region-main-box {
        display:flex;
        flex-direction: column
    }
}

body.reset-style select,body.reset-style input,body.reset-style textarea,body.reset-style .btn:not(.btn-icon) {
    border-radius: .6rem
}

table:not(.table):not(.ygtvtable) thead,table:not(.table):not(.ygtvtable) tbody,table:not(.table):not(.ygtvtable) tfoot,table:not(.table):not(.ygtvtable) tr,table:not(.table):not(.ygtvtable) td,table:not(.table):not(.ygtvtable) th {
    border-color: var(--bs-border-color);
    border-style: solid;
    border-width: var(--bs-border-width)
}

body.behat-site .fixed-top {
    position: absolute
}

body.behat-site.hasstickyfooter .stickyfooter,body.behat-site .stickyfooter {
    position: inherit;
    z-index: inherit
}

body.behat-site.hasstickyfooter .stickyfooter .sticky-footer-content-wrapper,body.behat-site .stickyfooter .sticky-footer-content-wrapper {
    padding: 0;
    margin: 0
}

body.behat-site .dropdown-item {
    margin-top: 4px!important
}

body.behat-site.drawer-ease {
    -webkit-transition: initial;
    -moz-transition: initial;
    transition: initial
}

body.behat-site [data-region="drawer"] {
    -webkit-transition: initial;
    -moz-transition: initial;
    transition: initial;
    position: absolute
}

body.behat-site [data-region="message-drawer"] {
    padding-right: 10px
}

body.behat-site.jsenabled #page-footer .footer-content-popover {
    display: block
}

body.behat-site.path-grade-report-grader .gradeparent tr.heading,body.behat-site.path-grade-report-grader .gradeparent tr.lastrow,body.behat-site.path-grade-report-grader .gradeparent th.header {
    position: relative;
    left: auto
}

body.behat-site.path-grade-report-grader .gradeparent tr.heading {
    top: auto
}

.phpinfo table,.phpinfo th,.phpinfo h2,.phpinfo .h2 {
    margin: auto
}

.phpinfo .e,.phpinfo .v,.phpinfo .h {
    border: 1px solid #000;
    font-size: .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: calc(max(80px, calc(0.9375rem * 3)));
    bottom: calc(calc(max(80px, calc(0.9375rem * 3))) * -1);
    transition: bottom 0.5s;
    z-index: 1020;
    box-shadow: 0 0 1rem rgb(0 0 0 / .15);
    font-size: calc(0.9375rem * 1.10)
}

.stickyfooter .sticky-footer-content {
    overflow: hidden
}

@media (min-width: 768px) {
    .pagelayout-standard .stickyfooter .sticky-footer-content,body.limitedwidth.uses-drawers .stickyfooter .sticky-footer-content {
        max-width:830px
    }
}

.stickyfooter .sticky-footer-content-wrapper {
    transition: 0.2s
}

@media (prefers-reduced-motion:reduce) {
    .stickyfooter .sticky-footer-content-wrapper {
        transition: none
    }
}

@media (min-width: 992px) {
    .stickyfooter .sticky-footer-content-wrapper .drawers {
        padding:0 3rem
    }

    .show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
        margin-left: 285px;
        padding: 0 3rem 0 1rem
    }

    .show-drawer-right .stickyfooter .sticky-footer-content-wrapper {
        margin-right: 315px;
        padding: 0 1rem 0 3rem
    }

    .show-drawer-right.show-drawer-left .stickyfooter .sticky-footer-content-wrapper {
        padding: 0 1rem
    }
}

.hasstickyfooter .stickyfooter {
    bottom: 0
}

.stickyfooter ul.pagination {
    margin-bottom: .25rem
}

.stickyfooter .btn {
    font-size: calc(0.9375rem * 1.10)
}

@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 #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 10px solid #ddd;
    position: absolute;
    bottom: 0;
    right: 7px
}

.popover-region-toggle::after {
    content: "";
    display: inline-block;
    border-left: 9px solid #fff0;
    border-right: 9px solid #fff0;
    border-bottom: 9px solid #fff;
    position: absolute;
    bottom: -1px;
    right: 8px;
    z-index: 2
}

.count-container {
    padding: 2px;
    border-radius: 2px;
    background-color: #ca3120;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    position: absolute;
    top: 5px;
    right: 0
}

.popover-region-container {
    opacity: 1;
    visibility: visible;
    position: absolute;
    right: 0;
    top: 0;
    height: 500px;
    max-height: 80vh;
    width: 380px;
    border: 1px solid #ddd;
    transition: height 0.25s;
    background-color: #fff;
    z-index: 1
}

.popover-region-header-container {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box
}

.popover-region-footer-container {
    height: 30px;
    text-align: center;
    border-top: 1px solid #ddd;
    background-color: var(--bs-body-bg);
    padding-top: 3px
}

.popover-region-header-text {
    float: left;
    margin: 0;
    font-size: 14px;
    line-height: 25px
}

.popover-region-header-actions {
    float: right
}

.popover-region-header-actions>* {
    margin-left: 10px;
    min-width: 20px;
    display: inline-block
}

.popover-region-header-actions .loading-icon {
    display: none;
    height: 12px;
    width: 12px
}

.popover-region-header-actions .newmessage-link {
    margin-right: 10px
}

.popover-region-header-actions label {
    display: inline-block;
    text-align: center;
    margin-bottom: 0
}

.popover-region-content-container {
    height: calc(100% - 55px);
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.popover-region-content-container>.loading-icon {
    display: none;
    text-align: center;
    padding: 5px;
    box-sizing: border-box
}

.popover-region-content-container .empty-message {
    display: none;
    text-align: center;
    padding: 10px
}

.popover-region-content-container.loading>.loading-icon {
    display: block
}

.popover-region-content-container.loading .empty-message {
    display: none
}

.navbar-nav .popover-region .icon {
    font-weight: bolder
}

.navbar .popover-region.collapsed .popover-region-container {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: height 0.25s,opacity 101ms 0.25s,visibility 101ms 0.25s
}

.navbar .count-container {
    padding: 2px;
    border-radius: 2px;
    background-color: #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: #1C43FE
}

.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: #1C43FE
}

.content-item-container.unread .content-item-body .notification-message {
    font-weight: 600
}

.content-item-container .context-link {
    color: inherit;
    text-decoration: none
}

.content-item-container .content-item-body {
    box-sizing: border-box;
    margin-bottom: 5px
}

.content-item-container .content-item-footer {
    text-align: left;
    box-sizing: border-box
}

.content-item-container .content-item-footer .timestamp {
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    color: inherit;
    margin-left: 24px
}

.content-item-container .view-more {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 12px;
    line-height: 12px
}

.content-item-container .view-more:hover {
    color: inherit
}

.content-item-container.notification .content-item-body .notification-image {
    display: inline-block;
    width: 24px;
    height: 24px;
    float: left
}

.content-item-container.notification .content-item-body .notification-image img {
    height: 75%
}

.content-item-container.notification .content-item-body .notification-message {
    display: inline-block;
    font-size: 12px;
    width: calc(100% - 24px)
}

.content-item-container.selected {
    background-color: #3279b3;
    color: #fff;
    border-color: #3279b3
}

.content-item-container.selected .content-item-footer .timestamp {
    color: #fff
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
    display: inline-block
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
    display: none
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
    display: inline-block
}

.popover-region-notifications .all-notifications {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: hidden
}

.popover-region-notifications .all-notifications:empty+.empty-message {
    display: block
}

.popover-region-notifications .notification-image {
    display: inline-block;
    width: 8%;
    vertical-align: top
}

.popover-region-notifications .notification-image img {
    height: 75%
}

.popover-region-notifications .notification-message {
    display: inline-block;
    font-size: 12px
}

.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty+.empty-message {
    display: none
}

.popover-region-messages .mark-all-read-button .normal-icon {
    display: inline-block
}

.popover-region-messages .mark-all-read-button.loading .normal-icon {
    display: none
}

.popover-region-messages .mark-all-read-button.loading .loading-icon {
    display: inline-block
}

.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty+.empty-message {
    display: none
}

.popover-region-messages .messages:empty+.empty-message {
    display: block
}

.popover-region-messages .content-item-container.unread .content-item-body {
    font-weight: 600;
    width: calc(90% - 30px)
}

.popover-region-messages .content-item-container.unread .unread-count-container {
    display: inline-block;
    width: 10%;
    text-align: center;
    float: right
}

.popover-region-messages .content-item {
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.popover-region-messages .profile-image-container {
    width: 30px;
    display: inline-block;
    text-align: center;
    float: left
}

.popover-region-messages .profile-image-container img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%
}

.popover-region-messages .content-item-body {
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% - 30px);
    font-size: 12px;
    padding-left: 10px;
    overflow: hidden
}

.popover-region-messages .content-item-body h3,.popover-region-messages .content-item-body .h3 {
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    width: 100%
}

.popover-region-messages .content-item-body p {
    margin: 0
}

.popover-region-messages .unread-count-container {
    display: none
}

@media (max-width: 767px) {
    .navbar .popover-region .popover-region-container {
        right:-70px
    }
}

@media (max-width: 480px) {
    .navbar .popover-region .popover-region-container {
        position:fixed;
        top: 46px;
        right: 0;
        left: 0;
        bottom: 0;
        width: auto;
        height: auto
    }
}

div[data-flexitour="backdrop"] {
    background-color: #000;
    opacity: .5;
    z-index: 1040
}

span[data-flexitour="container"] {
    z-index: 1041
}

span[data-flexitour="container"] .modal {
    display: initial;
    position: initial
}

span[data-flexitour="container"] .modal-dialog {
    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: #fff0;
    border-style: solid;
    border-width: 1rem
}

span[data-flexitour="container"][x-placement="top"],span[data-flexitour="container"][x-placement="top-start"] {
    margin-bottom: 1rem
}

span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
    bottom: -1rem;
    left: 50%;
    margin-left: -1rem;
    border-bottom-width: 0;
    border-top-color: var(--bs-border-color-translucent)
}

span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
    bottom: 1px;
    margin-left: -1rem;
    content: " ";
    border-bottom-width: 0;
    border-top-color: var(--bs-body-bg)
}

span[data-flexitour="container"][x-placement="bottom"],span[data-flexitour="container"][x-placement="bottom-start"] {
    margin-top: 1rem
}

span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
    top: -1rem;
    left: 50%;
    margin-left: -1rem;
    border-top-width: 0;
    border-bottom-color: var(--bs-border-color-translucent)
}

span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
    top: 1px;
    margin-left: -1rem;
    content: " ";
    border-top-width: 0;
    border-bottom-color: var(--bs-body-bg)
}

span[data-flexitour="container"][x-placement="left"],span[data-flexitour="container"][x-placement="left-start"] {
    margin-right: 1rem
}

span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
    right: -1rem;
    top: 50%;
    margin-top: -1rem;
    border-right-width: 0;
    border-left-color: var(--bs-border-color-translucent)
}

span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
    right: 1px;
    margin-top: -1rem;
    content: " ";
    border-right-width: 0;
    border-left-color: var(--bs-body-bg)
}

span[data-flexitour="container"][x-placement="right"],span[data-flexitour="container"][x-placement="right-start"] {
    margin-left: 1rem
}

span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
    left: -1rem;
    top: 50%;
    margin-top: -1rem;
    border-left-width: 0;
    border-right-color: var(--bs-border-color-translucent)
}

span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
    left: 1px;
    margin-top: -1rem;
    content: " ";
    border-left-width: 0;
    border-right-color: var(--bs-body-bg)
}

.dir-rtl span[data-flexitour="container"][x-placement^="right"] {
    margin-left: 1rem
}

.dir-rtl span[data-flexitour="container"][x-placement^="right"] div[data-role="arrow"] {
    transform: rotate(180deg);
    left: -1rem;
    right: auto
}

.dir-rtl span[data-flexitour="container"][x-placement^="left"] {
    margin-right: 1rem
}

.dir-rtl span[data-flexitour="container"][x-placement^="left"] div[data-role="arrow"] {
    transform: rotate(180deg);
    left: auto;
    right: -1rem
}

[data-region="drawer"] [data-flexitour="container"] {
    margin-left: -15px;
    width: 275px
}

@media print {
    body.drawer-open-left.jsenabled,body.drawer-open-right.jsenabled {
        margin: 0
    }

    .container {
        width: auto
    }

    .navbar {
        display: none
    }
}

.modal .modal-body>.loading-icon {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.modal .modal-body>.loading-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.modal .btn-close {
    margin: -.4rem -.4rem -.4rem auto
}

.modal .btn-close:not(:disabled):not(.disabled):hover,.modal .btn-close:not(:disabled):not(.disabled):focus {
    opacity: inherit
}

.modal-dialog-scrollable:has(.form-autocomplete-suggestions) {
    position: static
}

.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content {
    position: static
}

.modal-dialog-scrollable:has(.form-autocomplete-suggestions) .modal-content .modal-body {
    position: static
}

body.tox-fullscreen .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%
}

body.tox-fullscreen .modal-dialog .modal-header {
    height: 0;
    padding: 0
}

body.tox-fullscreen .modal-dialog .tox-tinymce-aux {
    position: relative
}

body.tox-fullscreen .tox.tox-tinymce-aux {
    position: relative!important
}

.layout.fullscreen {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    transition: 0.5s;
    width: 100vw;
    margin: 0;
    opacity: 1;
    background-color: var(--bs-body-bg)
}

@media (prefers-reduced-motion:reduce) {
    .layout.fullscreen {
        transition: none
    }
}

.layout.fullscreen>div {
    height: 100%;
    width: 100%
}

.layout.fullscreen .loading-icon {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
    width: 100%;
    top: 40%;
    position: fixed
}

.layout.fullscreen .loading-icon .icon {
    max-width: 4em;
    max-height: 4em;
    font-size: 4em
}

#page.drawers {
    margin-top: 60px;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa
}

#page.drawers::-webkit-scrollbar {
    width: 12px
}

#page.drawers::-webkit-scrollbar-track {
    background: #f8f9fa
}

#page.drawers::-webkit-scrollbar-thumb {
    background-color: #6a737b;
    border-radius: 20px;
    border: 3px solid #f8f9fa
}

#page.drawers::-webkit-scrollbar-thumb:hover {
    background-color: #495057
}

#page.drawers .main-inner {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    border-radius: .5rem;
    background-color: #fff;
    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:830px
    }

    .pagelayout-standard #page.drawers .footer-popover,body.limitedwidth #page.drawers .footer-popover {
        max-width: 830px;
        width: 100%;
        margin: 0 auto;
        border-radius: .5rem
    }

    .header-maxwidth {
        max-width: 830px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .header-maxwidth .header-inner {
        padding-left: 0;
        padding-right: 0
    }
}

.drawer-toggles .drawer-toggler {
    position: fixed;
    top: calc(60px + 0.7rem);
    z-index: 2
}

.drawer-toggles .drawer-toggler .btn {
    border-radius: 200px;
    padding: 16px;
    background-color: #dee2e6;
    box-shadow: 0 .125rem .25rem rgb(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 .25rem rgb(28 67 254 / .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
    }

    .hasstickyfooter:has(.drawer-right-toggle) .maintenancewarning {
        right: 2rem
    }

    .hasstickyfooter:has(.drawer-left-toggle) .maintenancewarning {
        margin-left: 3.5rem
    }
}

@media (min-width: 576px) {
    #page.drawers .main-inner {
        margin-top:1.5rem
    }
}

@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 - calc(max(80px, calc(0.9375rem * 3))))
    }

    #page.drawers {
        position: relative;
        overflow-y: visible;
        transition: 0.2s;
        left: 0;
        right: 0
    }

    #page.drawers.show-drawer-left {
        margin-left: 285px;
        margin-right: 0;
        padding-left: 1rem
    }

    #page.drawers.show-drawer-right {
        margin-left: 0;
        margin-right: 315px;
        padding-right: 1rem
    }

    .jsenabled #page.drawers.show-drawer-right .popover-process-monitor,.jsenabled #page.drawers.show-drawer-right .btn-footer-popover,.jsenabled #page.drawers.show-drawer-right .btn-footer-communication {
        right: calc(315px + 2rem)
    }

    .jsenabled:has(#page.drawers.show-drawer-right) .maintenancewarning {
        right: calc(315px + 5rem)
    }

    #page.drawers.show-drawer-left.show-drawer-right {
        margin-left: 285px;
        margin-right: 315px
    }

    #page.drawers.hasstickyfooter {
        margin-bottom: calc(max(80px, calc(0.9375rem * 3)))
    }
}

@media (min-width: 992px) and (prefers-reduced-motion:reduce) {
    #page.drawers {
        transition:none
    }
}

.drawercontrolbuttons {
    margin-top: 92px
}

.drawercontrolbuttons .buttons {
    z-index: 1
}

.form-control:-ms-input-placeholder {
    color: var(--bs-secondary-color)
}

.form-select {
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-range::-webkit-slider-thumb,.form-range::-moz-range-thumb,.form-range::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control {
    -webkit-appearance: none;
    -moz-appearance: none
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-gap:1.25rem;
        -moz-column-gap: 1.25rem
    }
}

.carousel-item {
    -webkit-backface-visibility: hidden
}

.card {
    -webkit-background-clip: border-box
}

.carousel-indicators li,.dropdown-menu,.form-control,.modal-content,.popover,.toast {
    -webkit-background-clip: padding-box
}

.btn {
    -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 var(--bs-gray-500);
    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 .h1,.atto_menuentry h2,.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 {
    display: inline-block;
    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%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .8203125rem;
    color: #fff;
    background-color: rgb(202 49 32 / .9);
    border-radius: var(--bs-border-radius)
}

.was-validated .has-danger .editor_atto_content.form-control:invalid~.invalid-feedback,.was-validated .has-danger .editor_atto_content.form-control:invalid~.invalid-tooltip,.has-danger .editor_atto_content.form-control.is-invalid~.invalid-feedback,.has-danger .editor_atto_content.form-control.is-invalid~.invalid-tooltip,.was-validated .has-danger .editor_atto_content.form-control-danger:invalid~.invalid-feedback,.was-validated .has-danger .editor_atto_content.form-control-danger:invalid~.invalid-tooltip,.has-danger .editor_atto_content.form-control-danger.is-invalid~.invalid-feedback,.has-danger .editor_atto_content.form-control-danger.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid,.has-danger .editor_atto_content.form-control .form-control.is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,.has-danger .editor_atto_content.form-control-danger .form-control.is-invalid {
    border-color: #ca3120;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%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 .25rem rgb(202 49 32 / .75)
}

.was-validated .has-danger .editor_atto_content.form-control textarea.form-control:invalid,.has-danger .editor_atto_content.form-control textarea.form-control.is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,.has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid,.has-danger .editor_atto_content.form-control .form-select.is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid,.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid {
    border-color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:not([multiple]):not([size]),.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:not([multiple])[size="1"],.has-danger .editor_atto_content.form-control .form-select.is-invalid:not([multiple]):not([size]),.has-danger .editor_atto_content.form-control .form-select.is-invalid:not([multiple])[size="1"],.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:not([multiple]):not([size]),.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:not([multiple])[size="1"],.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:not([multiple]):not([size]),.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ca3120'%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");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .has-danger .editor_atto_content.form-control .form-select:invalid:focus,.has-danger .editor_atto_content.form-control .form-select.is-invalid:focus,.was-validated .has-danger .editor_atto_content.form-control-danger .form-select:invalid:focus,.has-danger .editor_atto_content.form-control-danger .form-select.is-invalid:focus {
    border-color: #ca3120;
    box-shadow: 0 0 0 .25rem rgb(202 49 32 / .75)
}

.was-validated .has-danger .editor_atto_content.form-control .form-control-color:invalid,.has-danger .editor_atto_content.form-control .form-control-color.is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .form-control-color:invalid,.has-danger .editor_atto_content.form-control-danger .form-control-color.is-invalid {
    width: calc(3rem + calc(1.5em + 0.75rem))
}

.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid,.has-danger .editor_atto_content.form-control .form-check-input.is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid,.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid {
    border-color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid:checked,.has-danger .editor_atto_content.form-control .form-check-input.is-invalid:checked,.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid:checked,.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid:checked {
    background-color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid:focus,.has-danger .editor_atto_content.form-control .form-check-input.is-invalid:focus,.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid:focus,.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem rgb(202 49 32 / .75)
}

.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid~.form-check-label,.has-danger .editor_atto_content.form-control .form-check-input.is-invalid~.form-check-label,.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid~.form-check-label,.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid~.form-check-label {
    color: #ca3120
}

.has-danger .editor_atto_content.form-control .form-check-inline .form-check-input~.invalid-feedback,.has-danger .editor_atto_content.form-control-danger .form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .has-danger .editor_atto_content.form-control .input-group>.form-control:not(:focus):invalid,.has-danger .editor_atto_content.form-control .input-group>.form-control:not(:focus).is-invalid,.was-validated .has-danger .editor_atto_content.form-control .input-group>.form-select:not(:focus):invalid,.has-danger .editor_atto_content.form-control .input-group>.form-select:not(:focus).is-invalid,.was-validated .has-danger .editor_atto_content.form-control .input-group>.form-floating:not(:focus-within):invalid,.has-danger .editor_atto_content.form-control .input-group>.form-floating:not(:focus-within).is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .input-group>.form-control:not(:focus):invalid,.has-danger .editor_atto_content.form-control-danger .input-group>.form-control:not(:focus).is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .input-group>.form-select:not(:focus):invalid,.has-danger .editor_atto_content.form-control-danger .input-group>.form-select:not(:focus).is-invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .input-group>.form-floating:not(:focus-within):invalid,.has-danger .editor_atto_content.form-control-danger .input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4
}

.open.atto_menu>.dropdown-menu {
    display: block
}

div.editor_atto_toolbar button .icon {
    color: #495057
}

.toast {
    border-radius: var(--bs-border-radius)
}

.toast.toast-success {
    background-color: rgb(215 228 214 / .95);
    color: #20491e
}

.toast.toast-success .toast-header {
    color: #20491e
}

.toast.toast-success .toast-body:before {
    font: var(--fa-font-solid);
    margin: 2px 5px 0 0;
    content: ""
}

.toast.toast-danger {
    background-color: rgb(244 214 210 / .95);
    color: #791d13
}

.toast.toast-danger .toast-header {
    color: #791d13
}

.toast.toast-danger .toast-body:before {
    font: var(--fa-font-solid);
    margin: 2px 5px 0 0;
    content: ""
}

.toast.toast-info {
    background-color: rgb(204 230 234 / .95);
    color: #004d5a
}

.toast.toast-info .toast-header {
    color: #004d5a
}

.toast.toast-info .toast-body:before {
    font: var(--fa-font-solid);
    margin: 2px 5px 0 0;
    content: ""
}

.toast.toast-warning {
    background-color: rgb(252 239 220 / .95);
    color: #90682f
}

.toast.toast-warning .toast-header {
    color: #90682f
}

.toast.toast-warning .toast-body:before {
    font: var(--fa-font-solid);
    margin: 2px 5px 0 0;
    content: ""
}

.toast .btn-close {
    color: inherit
}

.navbar.fixed-top {
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    border-bottom: #dee2e6 1px solid;
    align-items: stretch;
    height: 61px
}

.navbar.fixed-top .navbar-brand .logo {
    max-height: calc(60px - (0.25rem * 2))
}

.navbar.fixed-top .nav-link {
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.navbar.fixed-top .divider {
    width: 1px;
    background-color: #dee2e6
}

.navbar.fixed-top #usernavigation .nav-link {
    padding: 0 .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: var(--fa-font-solid);
    content: "";
    font-size: 1rem;
    padding-top: .2rem;
    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: var(--fa-font-solid);
    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 {
    font: var(--fa-font-solid);
    content: ""
}

#page {
    margin-top: 60px
}

.pagelayout-embedded #page {
    margin-top: 0
}

.navbar-bootswatch .navbar-brand {
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar-bootswatch .navbar-brand .sitename {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

:root {
    --navbar-height: 60px
}

.reportbuilder-wrapper .btn-outline-secondary[data-bs-toggle="collapse"]:not(.collapsed),.reportbuilder-wrapper .dropdown.show .btn-outline-secondary[data-bs-toggle="dropdown"] {
    color: #fff;
    background-color: #6a737b;
    border-color: #6a737b
}

.reportbuilder-table .action-menu .menubar {
    justify-content: end
}

.reportbuilder-wrapper .filters-dropdown {
    width: 27rem;
    padding: 0 0 4rem 0;
    z-index: 1055;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .reportbuilder-wrapper .filters-dropdown {
        width:100%
    }
}

.reportbuilder-filters-sidebar {
    max-height: 30rem;
    overflow-y: auto;
    border-bottom: 1px solid var(--bs-border-color-translucent);
    scrollbar-width: thin;
    scrollbar-color: #6a737b #fff;
    background: linear-gradient(#fff 30%,#fff0) center top,linear-gradient(#fff0,#fff 70%) center bottom,radial-gradient(farthest-side at 50% 0,rgb(0 0 0 / .2),#fff0) center top,radial-gradient(farthest-side at 50% 100%,rgb(0 0 0 / .2),#fff0) center bottom;
    background-repeat: no-repeat;
    background-size: 100% 1rem,100% 1rem,100% calc(1rem / 2),100% calc(1rem / 2);
    background-attachment: local,local,scroll,scroll
}

.reportbuilder-filters-sidebar::-webkit-scrollbar {
    width: 12px
}

.reportbuilder-filters-sidebar::-webkit-scrollbar-track {
    background: #fff
}

.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb {
    background-color: #6a737b;
    border-radius: 20px;
    border: 3px solid #fff
}

.reportbuilder-filters-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #495057
}

.reportbuilder-filters-sidebar .filter:not(:nth-last-child(2)) {
    border-bottom: 1px solid var(--bs-border-color-translucent)
}

.reportbuilder-filters-sidebar .filter .filter-name:hover {
    white-space: normal;
    text-overflow: clip;
    word-break: break-all
}

.reportbuilder-filters-sidebar .fitem[data-groupname="buttonar"] {
    position: absolute;
    bottom: 0;
    height: 4rem;
    align-items: center
}

.reportbuilder-filters-sidebar .fitem[data-groupname="buttonar"] .col-form-label {
    display: none!important
}

.reportbuilder-filters-wrapper .mform.full-width-labels .fdate_selector,.reportbuilder-conditions-list .mform.full-width-labels .fdate_selector {
    flex-wrap: wrap
}

.reportbuilder-filters-wrapper .mform.full-width-labels .fitem,.reportbuilder-conditions-list .mform.full-width-labels .fitem {
    margin-bottom: 0!important;
    max-width: 100%
}

.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child,.reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child {
    flex: 1;
    min-width: 0
}

.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child span,.reportbuilder-filters-wrapper .mform.full-width-labels .fitem:not(.row):last-child .form-select,.reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child span,.reportbuilder-conditions-list .mform.full-width-labels .fitem:not(.row):last-child .form-select {
    width: 100%
}

@media (min-width: 992px) {
    .path-admin-reportbuilder.pagelayout-popup.behat-site .fixed-top {
        position:fixed
    }

    .path-admin-reportbuilder.pagelayout-popup #region-main {
        border: none;
        padding: 0
    }

    .path-admin-reportbuilder.pagelayout-popup #maincontent {
        visibility: hidden
    }

    .path-admin-reportbuilder.pagelayout-popup .dynamictabs .nav-tabs {
        position: fixed;
        z-index: 1030;
        width: calc(100% - 35px);
        padding-top: 1.25rem;
        background-color: #fff;
        box-shadow: 0 1.25rem 0 #fff
    }

    .path-admin-reportbuilder.pagelayout-popup .dynamictabs .tab-content {
        padding-top: 83px
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu {
        position: fixed
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-menu .reportbuilder-sidebar-menu-cards {
        max-height: calc(100vh - 163px - 52px)
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-sidebar-settings {
        position: fixed;
        right: 30px;
        max-height: calc(100vh - 163px)
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container {
        max-height: calc(100vh - 163px);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #6a737b #f8f9fa;
        margin-left: calc(250px + 1rem);
        margin-right: calc(350px + 1rem)
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar {
        width: 12px
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-track {
        background: #f8f9fa
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb {
        background-color: #6a737b;
        border-radius: 20px;
        border: 3px solid #f8f9fa
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-report[data-editing] .reportbuilder-report-container::-webkit-scrollbar-thumb:hover {
        background-color: #495057
    }

    .path-admin-reportbuilder.pagelayout-popup .reportbuilder-audiences-container {
        margin-left: calc(250px + 1rem)
    }
}

#page-admin-reportbuilder-edit #page {
    overflow-y: auto
}

.reportbuilder-report-container {
    min-width: 0
}

.reportbuilder-report-container button[data-action="toggle-edit-preview"] .loading-icon {
    margin-left: .5rem
}

.reportbuilder-editor-table-container {
    overflow-x: auto;
    padding: 1px
}

.reportbuilder-table th button[data-action="report-remove-column"] .icon,.reportbuilder-table th span[data-drag-type="move"] .icon {
    width: 12px;
    height: 12px;
    font-size: 12px;
    vertical-align: text-top;
    color: #1d2125
}

.reportbuilder-table th button[data-action="report-remove-column"] .icon {
    margin-right: 0
}

@media (min-width: 992px) {
    .reportbuilder-sidebar-menu {
        width:250px;
        flex-shrink: 0
    }
}

.reportbuilder-sidebar-menu .card-body .list-group-item {
    padding: .75rem
}

.reportbuilder-sidebar-menu .card-body .list-group-item .icon {
    width: 12px;
    height: 12px;
    font-size: 12px
}

.reportbuilder-sidebar-menu-cards {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa
}

.reportbuilder-sidebar-menu-cards::-webkit-scrollbar {
    width: 12px
}

.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-track {
    background: #f8f9fa
}

.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb {
    background-color: #6a737b;
    border-radius: 20px;
    border: 3px solid #f8f9fa
}

.reportbuilder-sidebar-menu-cards::-webkit-scrollbar-thumb:hover {
    background-color: #495057
}

.reportbuilder-sidebar-settings {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa
}

.reportbuilder-sidebar-settings::-webkit-scrollbar {
    width: 12px
}

.reportbuilder-sidebar-settings::-webkit-scrollbar-track {
    background: #f8f9fa
}

.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb {
    background-color: #6a737b;
    border-radius: 20px;
    border: 3px solid #f8f9fa
}

.reportbuilder-sidebar-settings::-webkit-scrollbar-thumb:hover {
    background-color: #495057
}

@media (min-width: 992px) {
    .reportbuilder-sidebar-settings {
        width:350px;
        flex-shrink: 0
    }
}

.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-selection,.reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-selection {
    display: none
}

.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-input,.reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-input {
    width: 100%
}

.reportbuilder-sidebar-settings div[data-region="settings-conditions"] .reportbuilder-conditions-select .form-autocomplete-suggestions,.reportbuilder-sidebar-settings div[data-region="settings-filters"] .reportbuilder-filters-select .form-autocomplete-suggestions {
    width: calc(100% - 2 * 0.5rem)
}

.reportbuilder-sidebar-settings .list-group-item {
    padding: .75rem
}

.reportbuilder-sidebar-settings .list-group-item .icon {
    width: 12px;
    height: 12px;
    font-size: 12px;
    color: #1d2125
}

.reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-filter"] .icon,.reportbuilder-sidebar-settings .list-group-item button[data-action="report-remove-condition"] .icon {
    margin-right: 0;
    vertical-align: text-top
}

.reportbuilder-sidebar-settings .list-group-item span[data-drag-type="move"] .icon {
    vertical-align: text-top
}

.reportbuilder-sidebar-settings div[data-region="settings-sorting"] .list-group-item span[data-drag-type="move"] .icon {
    vertical-align: middle
}

.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-3,.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form .col-md-9 {
    flex: 1 1;
    max-width: initial
}

.reportbuilder-sidebar-settings div[data-region="settings-cardview"] form div[data-fieldtype="submit"] {
    flex-basis: auto
}

.reportbuilder-sidebar-settings .inplaceeditable.inplaceeditingon input {
    width: 100%
}

@keyframes sortable-list-drag-color-reset {
    from {
        background-color: #e7ebff
    }

    to {
        background-color: inherit
    }
}

.reportbuilder-sortable-list li.sortable-list-current-position,.reportbuilder-table th.sortable-list-current-position,.reportbuilder-conditions-list .condition.sortable-list-current-position {
    background-color: #e7ebff
}

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

.reportbuilder-sortable-list li.sortable-list-is-dropped,.reportbuilder-table th.sortable-list-is-dropped,.reportbuilder-conditions-list .condition.sortable-list-is-dropped {
    animation: sortable-list-drag-color-reset 1s ease
}

.reportbuilder-toggle-card .card-header {
    border-bottom: none
}

.reportbuilder-toggle-card .card-body {
    border-top: var(--bs-border-width) solid var(--bs-border-color-translucent)
}

.reportbuilder-toggle-card .toggle-card-button i.toggle-card-icon {
    color: #6a737b;
    font-weight: 700
}

.reportbuilder-toggle-card .toggle-card-button .collapsed-icon-container {
    display: none
}

.reportbuilder-toggle-card .toggle-card-button .expanded-icon-container {
    display: inline-block
}

.reportbuilder-toggle-card .toggle-card-button.collapsed .collapsed-icon-container {
    display: inline-block
}

.reportbuilder-toggle-card .toggle-card-button.collapsed .expanded-icon-container {
    display: none
}

.reportbuilder-audiences-container .audience-separator {
    text-transform: uppercase
}

.reportbuilder-audiences-container .audience-separator::before,.reportbuilder-audiences-container .audience-separator::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid rgb(0 0 0 / .125)
}

.reportbuilder-audiences-container .audience-separator:not(:empty)::before {
    margin-right: 1rem
}

.reportbuilder-audiences-container .audience-separator:not(:empty)::after {
    margin-left: 1rem
}

.reportbuilder-audiences-container .instance-card .card-header i.icon {
    margin-right: 0
}

.reportbuilder-report {
    container-type: inline-size
}

@container (width < 576px) {
    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table {
        --bs-table-striped-bg:var(--bs-body-bg);
        --bs-table-hover-bg: var(--bs-body-bg)
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table thead {
        display:none
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr {
        display:flex;
        flex-direction: column;
        margin: .5rem 0;
        padding: .25rem .5rem 0 .5rem;
        word-wrap: break-word;
        background-clip: border-box;
        border: var(--bs-border-width) solid var(--bs-border-color-translucent);
        border-radius: var(--bs-border-radius)
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr.emptyrow {
        display:none
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
        display:none
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td {
        display:block;
        min-height: 3.6rem;
        padding: .5rem .25rem;
        border: none
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td::before {
        content:attr(data-cardtitle);
        display: block;
        text-transform: uppercase;
        font-size: 70%;
        color: #343a40
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not([data-cardtitle]) {
        min-height:3rem
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
        border-top:var(--bs-border-width) solid var(--bs-border-color-translucent)
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td:first-child {
        padding-right:2rem
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle {
        display:block!important;
        position: absolute;
        right: 10px
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button {
        padding:0 .5rem;
        color: #6a737b
    }

    .reportbuilder-report[data-report-type="0"]: not([data-editing]):not([data-force-table]) table.reportbuilder-table tr td.card-toggle button i {
        font-size:1.5em;
        font-weight: 700
    }
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table {
    --bs-table-striped-bg: var(--bs-body-bg);
    --bs-table-hover-bg: var(--bs-body-bg)
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table thead {
    display: none
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr {
    display: flex;
    flex-direction: column;
    margin: .5rem 0;
    padding: .25rem .5rem 0 .5rem;
    word-wrap: break-word;
    background-clip: border-box;
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
    border-radius: var(--bs-border-radius)
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr.emptyrow {
    display: none
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr:not(.show) td[data-cardviewhidden] {
    display: none
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td {
    display: block;
    min-height: 3.6rem;
    padding: .5rem .25rem;
    border: none
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td::before {
    content: attr(data-cardtitle);
    display: block;
    text-transform: uppercase;
    font-size: 70%;
    color: #343a40
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not([data-cardtitle]) {
    min-height: 3rem
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:not(:first-child):not(.card-toggle) {
    border-top: var(--bs-border-width) solid var(--bs-border-color-translucent)
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td:first-child {
    padding-right: 2rem
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle {
    display: block!important;
    position: absolute;
    right: 10px
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button {
    padding: 0 .5rem;
    color: #6a737b
}

.reportbuilder-report[data-report-type="0"]:not([data-editing])[data-force-card] table.reportbuilder-table tr td.card-toggle button i {
    font-size: 1.5em;
    font-weight: 700
}

.courseindex .courseindex-item {
    padding: .5rem .5rem;
    border: 1px solid #fff0;
    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: var(--bs-secondary-color)
}

.courseindex .courseindex-item .courseindex-link:hover,.courseindex .courseindex-item .courseindex-link:focus,.courseindex .courseindex-item .courseindex-chevron:hover,.courseindex .courseindex-item .courseindex-chevron:focus {
    color: #000;
    text-decoration: none
}

.courseindex .courseindex-item:hover,.courseindex .courseindex-item:focus {
    color: #000
}

.courseindex .courseindex-item:hover .courseindex-link,.courseindex .courseindex-item:hover .courseindex-chevron,.courseindex .courseindex-item:focus .courseindex-link,.courseindex .courseindex-item:focus .courseindex-chevron {
    color: #000;
    cursor: pointer
}

.courseindex .courseindex-item:hover.dimmed,.courseindex .courseindex-item:focus.dimmed {
    color: #000
}

.courseindex .courseindex-item:hover.dimmed .courseindex-link,.courseindex .courseindex-item:hover.dimmed .courseindex-chevron,.courseindex .courseindex-item:focus.dimmed .courseindex-link,.courseindex .courseindex-item:focus.dimmed .courseindex-chevron {
    color: #000
}

.courseindex .courseindex-item:hover.draggable,.courseindex .courseindex-item:focus.draggable {
    cursor: move
}

.courseindex .courseindex-item:hover.pageitem,.courseindex .courseindex-item:hover .pageitem,.courseindex .courseindex-item:focus.pageitem,.courseindex .courseindex-item:focus .pageitem {
    background-color: #012bf3;
    color: #e6e6e6
}

.courseindex .courseindex-item:hover.pageitem .courseindex-link,.courseindex .courseindex-item:hover.pageitem .courseindex-chevron,.courseindex .courseindex-item:hover .pageitem .courseindex-link,.courseindex .courseindex-item:hover .pageitem .courseindex-chevron,.courseindex .courseindex-item:focus.pageitem .courseindex-link,.courseindex .courseindex-item:focus.pageitem .courseindex-chevron,.courseindex .courseindex-item:focus .pageitem .courseindex-link,.courseindex .courseindex-item:focus .pageitem .courseindex-chevron {
    color: #e6e6e6
}

.courseindex .courseindex-item:hover.pageitem .courseindex-link a,.courseindex .courseindex-item:hover.pageitem .courseindex-chevron a,.courseindex .courseindex-item:hover .pageitem .courseindex-link a,.courseindex .courseindex-item:hover .pageitem .courseindex-chevron a,.courseindex .courseindex-item:focus.pageitem .courseindex-link a,.courseindex .courseindex-item:focus.pageitem .courseindex-chevron a,.courseindex .courseindex-item:focus .pageitem .courseindex-link a,.courseindex .courseindex-item:focus .pageitem .courseindex-chevron a {
    color: #e6e6e6
}

.courseindex .courseindex-item.dragging {
    border: 1px solid #b3d9e0;
    background-color: #e6f2f5
}

.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: #1C43FE;
    color: #fff;
    scroll-margin: 6rem
}

.courseindex .courseindex-item.pageitem a {
    color: #fff
}

.courseindex .courseindex-item .completioninfo {
    min-width: 24px
}

.courseindex .courseindex-item .completioninfo.completion_complete {
    color: #357a32
}

.courseindex .courseindex-item .completioninfo.completion_fail {
    color: #ca3120
}

.courseindex .courseindex-item.indented {
    margin-left: 1rem
}

.courseindex .courseindex-section {
    border-left: solid 3px #fff0
}

.courseindex .courseindex-section.dragging {
    border: 1px solid #b3d9e0;
    background-color: #e6f2f5
}

.courseindex .courseindex-section .current-badge {
    line-height: 1.5;
    display: none
}

.courseindex .courseindex-section.current {
    border-left: solid 3px #1C43FE
}

.courseindex .courseindex-section.current .current-badge {
    display: inline-block
}

.courseindex .courseindex-section.current .delegated-section .current-badge {
    display: none
}

.courseindex .courseindex-section.dropready .courseindex-item-content {
    padding-bottom: 1em
}

.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
    padding-left: .5rem
}

.courseindex .courseindex-section.delegated-section {
    width: 100%
}

.courseindex .icon {
    font-size: 10px
}

.courseindex .d-flex-noedit {
    display: none
}

.courseindex.editing .d-flex-noedit {
    display: flex
}

.courseindex .placeholders .rounded-circle {
    height: 1rem;
    width: 1rem
}

.courseindex .placeholders .w-100 {
    height: 1rem;
    margin: .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 #fff0;
    border-left: none;
    border-top: none
}

.moremenu .nav-link:hover,.moremenu .nav-link:focus {
    border-color: #fff0;
    background-color: #f8f9fa
}

.moremenu .nav-link.active {
    background-color: #f8f9fa;
    border-color: #fff0;
    border-bottom-color: #1C43FE
}

.moremenu .nav-link.active:focus,.moremenu .nav-link.active:hover {
    background-color: #f8f9fa;
    border-bottom-color: #1C43FE
}

.moremenu .nav-link.focus,.moremenu .nav-link:focus {
    position: relative
}

.moremenu .nav-link[data-bs-toggle="tab"] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.moremenu .nav-link[data-bs-toggle="tab"]::after {
    content: attr(data-text) / "";
    height: 0;
    visibility: hidden;
    overflow: hidden;
    user-select: none;
    pointer-events: none;
    font-weight: 700
}

@media speech {
    .moremenu .nav-link[data-bs-toggle="tab"]::after {
        display: none
    }
}

.moremenu .nav-tabs {
    margin-left: 0;
    background-color: #fff
}

.moremenu .show>.nav-link,.moremenu .active>.nav-link,.moremenu .nav-link.show,.moremenu .nav-link.active {
    background: #fff0
}

.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: #1C43FE
}

.moremenu .dropdownmoremenu>.dropdown-menu .dropdown-menu .dropdown-divider {
    display: none
}

.moremenu .dropdown-item {
    padding-left: 1.5rem
}

.moremenu .dropdown-item[aria-current="true"],.moremenu .dropdown-item.active {
    background-color: #fff0;
    color: var(--bs-body-color)
}

.moremenu .dropdown-item[aria-current="true"]:focus-within,.moremenu .dropdown-item[aria-current="true"]:hover,.moremenu .dropdown-item.active:focus-within,.moremenu .dropdown-item.active:hover {
    background-color: #1C43FE;
    color: #fff
}

.moremenu .dropdown-item[aria-current="true"]:focus-within a,.moremenu .dropdown-item[aria-current="true"]:hover a,.moremenu .dropdown-item.active:focus-within a,.moremenu .dropdown-item.active:hover a {
    color: #fff
}

.moremenu .dropdown-item[aria-current="true"]:before,.moremenu .dropdown-item.active:before {
    font: var(--fa-font-solid);
    content: ""
}

.primary-navigation .navigation {
    height: 60px
}

.primary-navigation .navigation .nav-link {
    height: 60px;
    color: #1d2125;
    border-top: 3px solid #fff0
}

@media (max-width: 767.98px) {
    .primary-navigation {
        display:none
    }

    .editmode-switch-form label {
        width: 1px!important;
        height: 1px!important;
        padding: 0!important;
        margin: -1px!important;
        overflow: hidden!important;
        clip: rect(0,0,0,0)!important;
        white-space: nowrap!important;
        border: 0!important
    }

    .editmode-switch-form label:not(caption) {
        position: absolute!important
    }
}

.drawer-primary .drawercontent {
    padding: 0
}

.drawer-primary .drawercontent .list-group {
    border-radius: 0;
    margin-top: -1px
}

.drawer-primary .drawercontent .list-group .list-group-item {
    border-left: 0;
    border-right: 0
}

.secondary-navigation {
    padding-bottom: 15px
}

.secondary-navigation .navigation {
    border-bottom: 1px solid var(--bs-border-color);
    background-color: #fff;
    margin: 0 -.5rem;
    padding: 0 .5rem
}

.secondary-navigation .navigation .nav-tabs {
    border: none;
    max-width: 830px;
    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 h2,.tertiary-navigation .h2 {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
    align-self: center
}

.tertiary-navigation .navitem:not(:last-child),.tertiary-navigation .navitem-divider:not(:last-child) {
    margin-right: 20px
}

.tertiary-navigation .btn>div {
    max-width: 200px
}

@media (max-width: 767.98px) {
    .tertiary-navigation .mform {
        padding-left:initial
    }
}

@media (max-width: 575.98px) {
    .tertiary-navigation .page-toggler>p {
        font-size:80%
    }
}

@media print {
    .tertiary-navigation {
        display: none
    }
}

.popover-process-monitor {
    position: fixed;
    right: 2rem;
    bottom: 5rem;
    left: initial;
    top: initial;
    width: 350px;
    height: auto
}

.popover-process-monitor .process-list {
    max-height: 30vh;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #6a737b #f8f9fa
}

.popover-process-monitor .process-list::-webkit-scrollbar {
    width: 12px
}

.popover-process-monitor .process-list::-webkit-scrollbar-track {
    background: #f8f9fa
}

.popover-process-monitor .process-list::-webkit-scrollbar-thumb {
    background-color: #6a737b;
    border-radius: 20px;
    border: 3px solid #f8f9fa
}

.popover-process-monitor .process-list::-webkit-scrollbar-thumb:hover {
    background-color: #495057
}

.popover-process-monitor .queue-process {
    border-bottom: 1px solid #e9ecef
}

.popover-process-monitor .queue-process:last-child {
    border-bottom: 0
}

.moodlenet-share-dialog {
    min-height: 500px
}

.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo {
    align-items: baseline
}

.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo {
    display: flex
}

.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-logo .icon {
    max-width: initial;
    width: auto;
    height: 1.3rem
}

.moodlenet-share-dialog .modal-header .moodlenet-share-moodlenetinfo .moodlenet-title {
    display: flex;
    padding-left: .5em
}

.moodlenet-share-dialog .modal-header.no-border {
    border-bottom: none
}

.moodlenet-share-dialog .modal-header.no-header-text .moodlenet-share-moodlenetinfo .moodlenet-title {
    display: none
}

.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info {
    color: #1d2125;
    border-color: #4969fe;
    background-color: #e8ecff;
    border-radius: .5rem;
    border-width: 1px;
    border-style: solid;
    padding: .6em 1.5em;
    margin-bottom: 1rem
}

.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-share-activity-info-hr {
    border-bottom: 1px solid #dee2e6
}

.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-type,.moodlenet-share-dialog .modal-body .moodlenet-share-activity-info .moodlenet-activity-name {
    display: block
}

.moodlenet-share-dialog .modal-body .moodlenet-share-notice {
    background-color: #f8f9fa;
    padding: 1rem
}

.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .loading-icon .icon {
    max-width: 4em;
    max-height: 4em;
    font-size: 4em
}

.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status {
    height: 18rem;
    margin: auto
}

.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.success {
    background: radial-gradient(circle,rgb(25 143 81 / .1) 9rem,transparent 9rem)
}

.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status.fail {
    background: radial-gradient(circle,rgb(202 49 32 / .1) 9rem,transparent 9rem)
}

.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span {
    display: block;
    margin: auto
}

.moodlenet-share-dialog .modal-body .moodlenet-share-modal-content .moodlenet-circle-status span.status-icon .icon {
    font-size: 8rem;
    max-width: initial;
    margin: 0
}

.moodlenet-share-dialog .modal-footer .moodlenet-share-to {
    margin-right: auto
}

.dropdown-item a {
    display: block;
    width: 100%;
    color: #1d2125
}

.dropdown-item.active a,.dropdown-item:active a,.dropdown-item:hover a,.dropdown-item:focus a,.dropdown-item:focus-within a {
    color: #fff
}

.dropdown-item[aria-current="true"],.dropdown-item[aria-selected="true"] {
    position: relative;
    display: flex;
    align-items: center
}

.dropdown-item[aria-current="true"]:before,.dropdown-item[aria-selected="true"]:before {
    font: var(--fa-font-solid);
    content: "";
    position: absolute;
    left: .4rem;
    font-size: .7rem
}

.dropdown-menu {
    width: fit-content
}

.dropdown-item:hover.text-primary,.dropdown-item:hover a.text-primary,.dropdown-item:focus.text-primary,.dropdown-item:focus a.text-primary {
    color: #fff!important
}

.dropdown-item:hover.text-secondary,.dropdown-item:hover a.text-secondary,.dropdown-item:focus.text-secondary,.dropdown-item:focus a.text-secondary {
    color: #fff!important
}

.dropdown-item:hover.text-success,.dropdown-item:hover a.text-success,.dropdown-item:focus.text-success,.dropdown-item:focus a.text-success {
    color: #fff!important
}

.dropdown-item:hover.text-info,.dropdown-item:hover a.text-info,.dropdown-item:focus.text-info,.dropdown-item:focus a.text-info {
    color: #fff!important
}

.dropdown-item:hover.text-warning,.dropdown-item:hover a.text-warning,.dropdown-item:focus.text-warning,.dropdown-item:focus a.text-warning {
    color: #fff!important
}

.dropdown-item:hover.text-danger,.dropdown-item:hover a.text-danger,.dropdown-item:focus.text-danger,.dropdown-item:focus a.text-danger {
    color: #fff!important
}

.dropdown-item:hover.text-light,.dropdown-item:hover a.text-light,.dropdown-item:focus.text-light,.dropdown-item:focus a.text-light {
    color: #fff!important
}

.dropdown-item:hover.text-dark,.dropdown-item:hover a.text-dark,.dropdown-item:focus.text-dark,.dropdown-item:focus a.text-dark {
    color: #fff!important
}

.course-content .stateready .section .spinner {
    display: none
}

body.behat-site .course-content .stateready .section .spinner,body.behat-site.course-content .stateready .section .spinner,body.themedesignermode .course-content .stateready .section .spinner,body.themedesignermode.course-content .stateready .section .spinner {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .course-content .stateready .section .spinner::before,body.behat-site.course-content .stateready .section .spinner::before,body.themedesignermode .course-content .stateready .section .spinner::before,body.themedesignermode.course-content .stateready .section .spinner::before {
    content: "Deprecated style in use (.course-content .stateready .section .spinner)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.media {
    display: flex;
    align-items: flex-start
}

body.behat-site .media,body.behat-site.media,body.themedesignermode .media,body.themedesignermode.media {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .media::before,body.behat-site.media::before,body.themedesignermode .media::before,body.themedesignermode.media::before {
    content: "Deprecated style in use (.media)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.media-body {
    flex: 1
}

body.behat-site .media-body,body.behat-site.media-body,body.themedesignermode .media-body,body.themedesignermode.media-body {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .media-body::before,body.behat-site.media-body::before,body.themedesignermode .media-body::before,body.themedesignermode.media-body::before {
    content: "Deprecated style in use (.media-body)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.badge-primary {
    color: #fff;
    background-color: #1C43FE
}

body.behat-site .badge-primary,body.behat-site.badge-primary,body.themedesignermode .badge-primary,body.themedesignermode.badge-primary {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-primary::before,body.behat-site.badge-primary::before,body.themedesignermode .badge-primary::before,body.themedesignermode.badge-primary::before {
    content: "Deprecated style in use (.badge-primary)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-primary:hover,a.badge-primary:focus {
    color: #fff;
    background-color: #0129e6
}

a.badge-primary:focus,a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .5)
}

.badge-secondary {
    color: #1d2125;
    background-color: #ced4da
}

body.behat-site .badge-secondary,body.behat-site.badge-secondary,body.themedesignermode .badge-secondary,body.themedesignermode.badge-secondary {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-secondary::before,body.behat-site.badge-secondary::before,body.themedesignermode .badge-secondary::before,body.themedesignermode.badge-secondary::before {
    content: "Deprecated style in use (.badge-secondary)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-secondary:hover,a.badge-secondary:focus {
    color: #1d2125;
    background-color: #b1bbc4
}

a.badge-secondary:focus,a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(206 212 218 / .5)
}

.badge-success {
    color: #fff;
    background-color: #357a32
}

body.behat-site .badge-success,body.behat-site.badge-success,body.themedesignermode .badge-success,body.themedesignermode.badge-success {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-success::before,body.behat-site.badge-success::before,body.themedesignermode .badge-success::before,body.themedesignermode.badge-success::before {
    content: "Deprecated style in use (.badge-success)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-success:hover,a.badge-success:focus {
    color: #fff;
    background-color: #255623
}

a.badge-success:focus,a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(53 122 50 / .5)
}

.badge-info {
    color: #fff;
    background-color: #008196
}

body.behat-site .badge-info,body.behat-site.badge-info,body.themedesignermode .badge-info,body.themedesignermode.badge-info {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-info::before,body.behat-site.badge-info::before,body.themedesignermode .badge-info::before,body.themedesignermode.badge-info::before {
    content: "Deprecated style in use (.badge-info)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-info:hover,a.badge-info:focus {
    color: #fff;
    background-color: #005563
}

a.badge-info:focus,a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(0 129 150 / .5)
}

.badge-warning {
    color: #1d2125;
    background-color: #f0ad4e
}

body.behat-site .badge-warning,body.behat-site.badge-warning,body.themedesignermode .badge-warning,body.themedesignermode.badge-warning {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-warning::before,body.behat-site.badge-warning::before,body.themedesignermode .badge-warning::before,body.themedesignermode.badge-warning::before {
    content: "Deprecated style in use (.badge-warning)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-warning:hover,a.badge-warning:focus {
    color: #1d2125;
    background-color: #ec971f
}

a.badge-warning:focus,a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(240 173 78 / .5)
}

.badge-danger {
    color: #fff;
    background-color: #ca3120
}

body.behat-site .badge-danger,body.behat-site.badge-danger,body.themedesignermode .badge-danger,body.themedesignermode.badge-danger {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-danger::before,body.behat-site.badge-danger::before,body.themedesignermode .badge-danger::before,body.themedesignermode.badge-danger::before {
    content: "Deprecated style in use (.badge-danger)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-danger:hover,a.badge-danger:focus {
    color: #fff;
    background-color: #9e2619
}

a.badge-danger:focus,a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(202 49 32 / .5)
}

.badge-light {
    color: #1d2125;
    background-color: #f8f9fa
}

body.behat-site .badge-light,body.behat-site.badge-light,body.themedesignermode .badge-light,body.themedesignermode.badge-light {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-light::before,body.behat-site.badge-light::before,body.themedesignermode .badge-light::before,body.themedesignermode.badge-light::before {
    content: "Deprecated style in use (.badge-light)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-light:hover,a.badge-light:focus {
    color: #1d2125;
    background-color: #dae0e5
}

a.badge-light:focus,a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(248 249 250 / .5)
}

.badge-dark {
    color: #fff;
    background-color: #1d2125
}

body.behat-site .badge-dark,body.behat-site.badge-dark,body.themedesignermode .badge-dark,body.themedesignermode.badge-dark {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-dark::before,body.behat-site.badge-dark::before,body.themedesignermode .badge-dark::before,body.themedesignermode.badge-dark::before {
    content: "Deprecated style in use (.badge-dark)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

a.badge-dark:hover,a.badge-dark:focus {
    color: #fff;
    background-color: #070808
}

a.badge-dark:focus,a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(29 33 37 / .5)
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

body.behat-site .badge-pill,body.behat-site.badge-pill,body.themedesignermode .badge-pill,body.themedesignermode.badge-pill {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .badge-pill::before,body.behat-site.badge-pill::before,body.themedesignermode .badge-pill::before,body.themedesignermode.badge-pill::before {
    content: "Deprecated style in use (.badge-pill)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.form-group {
    margin-bottom: 1rem
}

body.behat-site .form-group,body.behat-site.form-group,body.themedesignermode .form-group,body.themedesignermode.form-group {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .form-group::before,body.behat-site.form-group::before,body.themedesignermode .form-group::before,body.themedesignermode.form-group::before {
    content: "Deprecated style in use (.form-group)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

body.behat-site .form-inline,body.behat-site.form-inline,body.themedesignermode .form-inline,body.themedesignermode.form-inline {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .form-inline::before,body.behat-site.form-inline::before,body.themedesignermode .form-inline::before,body.themedesignermode.form-inline::before {
    content: "Deprecated style in use (.form-inline)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .input-group,.form-inline .custom-select {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

body.behat-site .card-deck,body.behat-site.card-deck,body.themedesignermode .card-deck,body.themedesignermode.card-deck {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .card-deck::before,body.behat-site.card-deck::before,body.themedesignermode .card-deck::before,body.themedesignermode.card-deck::before {
    content: "Deprecated style in use (.card-deck)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        display:flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

body.behat-site .no-gutters,body.behat-site.no-gutters,body.themedesignermode .no-gutters,body.themedesignermode.no-gutters {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .no-gutters::before,body.behat-site.no-gutters::before,body.themedesignermode .no-gutters::before,body.themedesignermode.no-gutters::before {
    content: "Deprecated style in use (.no-gutters)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.no-gutters>.col,.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.mr-0 {
    margin-right: 0!important
}

body.behat-site .mr-0,body.behat-site.mr-0,body.themedesignermode .mr-0,body.themedesignermode.mr-0 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-0::before,body.behat-site.mr-0::before,body.themedesignermode .mr-0::before,body.themedesignermode.mr-0::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-0 {
    margin-left: 0!important
}

body.behat-site .ml-0,body.behat-site.ml-0,body.themedesignermode .ml-0,body.themedesignermode.ml-0 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-0::before,body.behat-site.ml-0::before,body.themedesignermode .ml-0::before,body.themedesignermode.ml-0::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-1 {
    margin-right: 0.25rem!important
}

body.behat-site .mr-1,body.behat-site.mr-1,body.themedesignermode .mr-1,body.themedesignermode.mr-1 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-1::before,body.behat-site.mr-1::before,body.themedesignermode .mr-1::before,body.themedesignermode.mr-1::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-1 {
    margin-left: 0.25rem!important
}

body.behat-site .ml-1,body.behat-site.ml-1,body.themedesignermode .ml-1,body.themedesignermode.ml-1 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-1::before,body.behat-site.ml-1::before,body.themedesignermode .ml-1::before,body.themedesignermode.ml-1::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-2 {
    margin-right: 0.5rem!important
}

body.behat-site .mr-2,body.behat-site.mr-2,body.themedesignermode .mr-2,body.themedesignermode.mr-2 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-2::before,body.behat-site.mr-2::before,body.themedesignermode .mr-2::before,body.themedesignermode.mr-2::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-2 {
    margin-left: 0.5rem!important
}

body.behat-site .ml-2,body.behat-site.ml-2,body.themedesignermode .ml-2,body.themedesignermode.ml-2 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-2::before,body.behat-site.ml-2::before,body.themedesignermode .ml-2::before,body.themedesignermode.ml-2::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-3 {
    margin-right: 1rem!important
}

body.behat-site .mr-3,body.behat-site.mr-3,body.themedesignermode .mr-3,body.themedesignermode.mr-3 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-3::before,body.behat-site.mr-3::before,body.themedesignermode .mr-3::before,body.themedesignermode.mr-3::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-3 {
    margin-left: 1rem!important
}

body.behat-site .ml-3,body.behat-site.ml-3,body.themedesignermode .ml-3,body.themedesignermode.ml-3 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-3::before,body.behat-site.ml-3::before,body.themedesignermode .ml-3::before,body.themedesignermode.ml-3::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-4 {
    margin-right: 1.5rem!important
}

body.behat-site .mr-4,body.behat-site.mr-4,body.themedesignermode .mr-4,body.themedesignermode.mr-4 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-4::before,body.behat-site.mr-4::before,body.themedesignermode .mr-4::before,body.themedesignermode.mr-4::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-4 {
    margin-left: 1.5rem!important
}

body.behat-site .ml-4,body.behat-site.ml-4,body.themedesignermode .ml-4,body.themedesignermode.ml-4 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-4::before,body.behat-site.ml-4::before,body.themedesignermode .ml-4::before,body.themedesignermode.ml-4::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-5 {
    margin-right: 2rem!important
}

body.behat-site .mr-5,body.behat-site.mr-5,body.themedesignermode .mr-5,body.themedesignermode.mr-5 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-5::before,body.behat-site.mr-5::before,body.themedesignermode .mr-5::before,body.themedesignermode.mr-5::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-5 {
    margin-left: 2rem!important
}

body.behat-site .ml-5,body.behat-site.ml-5,body.themedesignermode .ml-5,body.themedesignermode.ml-5 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-5::before,body.behat-site.ml-5::before,body.themedesignermode .ml-5::before,body.themedesignermode.ml-5::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-6 {
    margin-right: 3rem!important
}

body.behat-site .mr-6,body.behat-site.mr-6,body.themedesignermode .mr-6,body.themedesignermode.mr-6 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-6::before,body.behat-site.mr-6::before,body.themedesignermode .mr-6::before,body.themedesignermode.mr-6::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-6 {
    margin-left: 3rem!important
}

body.behat-site .ml-6,body.behat-site.ml-6,body.themedesignermode .ml-6,body.themedesignermode.ml-6 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-6::before,body.behat-site.ml-6::before,body.themedesignermode .ml-6::before,body.themedesignermode.ml-6::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pr-0 {
    padding-right: 0!important
}

body.behat-site .pr-0,body.behat-site.pr-0,body.themedesignermode .pr-0,body.themedesignermode.pr-0 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pr-0::before,body.behat-site.pr-0::before,body.themedesignermode .pr-0::before,body.themedesignermode.pr-0::before {
    content: "Deprecated style in use (.pr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pl-0 {
    padding-left: 0!important
}

body.behat-site .pl-0,body.behat-site.pl-0,body.themedesignermode .pl-0,body.themedesignermode.pl-0 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pl-0::before,body.behat-site.pl-0::before,body.themedesignermode .pl-0::before,body.themedesignermode.pl-0::before {
    content: "Deprecated style in use (.pl)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pr-1 {
    padding-right: 0.25rem!important
}

body.behat-site .pr-1,body.behat-site.pr-1,body.themedesignermode .pr-1,body.themedesignermode.pr-1 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pr-1::before,body.behat-site.pr-1::before,body.themedesignermode .pr-1::before,body.themedesignermode.pr-1::before {
    content: "Deprecated style in use (.pr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pl-1 {
    padding-left: 0.25rem!important
}

body.behat-site .pl-1,body.behat-site.pl-1,body.themedesignermode .pl-1,body.themedesignermode.pl-1 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pl-1::before,body.behat-site.pl-1::before,body.themedesignermode .pl-1::before,body.themedesignermode.pl-1::before {
    content: "Deprecated style in use (.pl)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pr-2 {
    padding-right: 0.5rem!important
}

body.behat-site .pr-2,body.behat-site.pr-2,body.themedesignermode .pr-2,body.themedesignermode.pr-2 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pr-2::before,body.behat-site.pr-2::before,body.themedesignermode .pr-2::before,body.themedesignermode.pr-2::before {
    content: "Deprecated style in use (.pr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pl-2 {
    padding-left: 0.5rem!important
}

body.behat-site .pl-2,body.behat-site.pl-2,body.themedesignermode .pl-2,body.themedesignermode.pl-2 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pl-2::before,body.behat-site.pl-2::before,body.themedesignermode .pl-2::before,body.themedesignermode.pl-2::before {
    content: "Deprecated style in use (.pl)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pr-3 {
    padding-right: 1rem!important
}

body.behat-site .pr-3,body.behat-site.pr-3,body.themedesignermode .pr-3,body.themedesignermode.pr-3 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pr-3::before,body.behat-site.pr-3::before,body.themedesignermode .pr-3::before,body.themedesignermode.pr-3::before {
    content: "Deprecated style in use (.pr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pl-3 {
    padding-left: 1rem!important
}

body.behat-site .pl-3,body.behat-site.pl-3,body.themedesignermode .pl-3,body.themedesignermode.pl-3 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pl-3::before,body.behat-site.pl-3::before,body.themedesignermode .pl-3::before,body.themedesignermode.pl-3::before {
    content: "Deprecated style in use (.pl)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pr-4 {
    padding-right: 1.5rem!important
}

body.behat-site .pr-4,body.behat-site.pr-4,body.themedesignermode .pr-4,body.themedesignermode.pr-4 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pr-4::before,body.behat-site.pr-4::before,body.themedesignermode .pr-4::before,body.themedesignermode.pr-4::before {
    content: "Deprecated style in use (.pr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pl-4 {
    padding-left: 1.5rem!important
}

body.behat-site .pl-4,body.behat-site.pl-4,body.themedesignermode .pl-4,body.themedesignermode.pl-4 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pl-4::before,body.behat-site.pl-4::before,body.themedesignermode .pl-4::before,body.themedesignermode.pl-4::before {
    content: "Deprecated style in use (.pl)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pr-5 {
    padding-right: 2rem!important
}

body.behat-site .pr-5,body.behat-site.pr-5,body.themedesignermode .pr-5,body.themedesignermode.pr-5 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pr-5::before,body.behat-site.pr-5::before,body.themedesignermode .pr-5::before,body.themedesignermode.pr-5::before {
    content: "Deprecated style in use (.pr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pl-5 {
    padding-left: 2rem!important
}

body.behat-site .pl-5,body.behat-site.pl-5,body.themedesignermode .pl-5,body.themedesignermode.pl-5 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pl-5::before,body.behat-site.pl-5::before,body.themedesignermode .pl-5::before,body.themedesignermode.pl-5::before {
    content: "Deprecated style in use (.pl)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pr-6 {
    padding-right: 3rem!important
}

body.behat-site .pr-6,body.behat-site.pr-6,body.themedesignermode .pr-6,body.themedesignermode.pr-6 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pr-6::before,body.behat-site.pr-6::before,body.themedesignermode .pr-6::before,body.themedesignermode.pr-6::before {
    content: "Deprecated style in use (.pr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.pl-6 {
    padding-left: 3rem!important
}

body.behat-site .pl-6,body.behat-site.pl-6,body.themedesignermode .pl-6,body.themedesignermode.pl-6 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .pl-6::before,body.behat-site.pl-6::before,body.themedesignermode .pl-6::before,body.themedesignermode.pl-6::before {
    content: "Deprecated style in use (.pl)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-n1 {
    margin-right: -0.25rem!important
}

body.behat-site .mr-n1,body.behat-site.mr-n1,body.themedesignermode .mr-n1,body.themedesignermode.mr-n1 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-n1::before,body.behat-site.mr-n1::before,body.themedesignermode .mr-n1::before,body.themedesignermode.mr-n1::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-n1 {
    margin-left: -0.25rem!important
}

body.behat-site .ml-n1,body.behat-site.ml-n1,body.themedesignermode .ml-n1,body.themedesignermode.ml-n1 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-n1::before,body.behat-site.ml-n1::before,body.themedesignermode .ml-n1::before,body.themedesignermode.ml-n1::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-n2 {
    margin-right: -0.5rem!important
}

body.behat-site .mr-n2,body.behat-site.mr-n2,body.themedesignermode .mr-n2,body.themedesignermode.mr-n2 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-n2::before,body.behat-site.mr-n2::before,body.themedesignermode .mr-n2::before,body.themedesignermode.mr-n2::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-n2 {
    margin-left: -0.5rem!important
}

body.behat-site .ml-n2,body.behat-site.ml-n2,body.themedesignermode .ml-n2,body.themedesignermode.ml-n2 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-n2::before,body.behat-site.ml-n2::before,body.themedesignermode .ml-n2::before,body.themedesignermode.ml-n2::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-n3 {
    margin-right: -1rem!important
}

body.behat-site .mr-n3,body.behat-site.mr-n3,body.themedesignermode .mr-n3,body.themedesignermode.mr-n3 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-n3::before,body.behat-site.mr-n3::before,body.themedesignermode .mr-n3::before,body.themedesignermode.mr-n3::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-n3 {
    margin-left: -1rem!important
}

body.behat-site .ml-n3,body.behat-site.ml-n3,body.themedesignermode .ml-n3,body.themedesignermode.ml-n3 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-n3::before,body.behat-site.ml-n3::before,body.themedesignermode .ml-n3::before,body.themedesignermode.ml-n3::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-n4 {
    margin-right: -1.5rem!important
}

body.behat-site .mr-n4,body.behat-site.mr-n4,body.themedesignermode .mr-n4,body.themedesignermode.mr-n4 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-n4::before,body.behat-site.mr-n4::before,body.themedesignermode .mr-n4::before,body.themedesignermode.mr-n4::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-n4 {
    margin-left: -1.5rem!important
}

body.behat-site .ml-n4,body.behat-site.ml-n4,body.themedesignermode .ml-n4,body.themedesignermode.ml-n4 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-n4::before,body.behat-site.ml-n4::before,body.themedesignermode .ml-n4::before,body.themedesignermode.ml-n4::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-n5 {
    margin-right: -2rem!important
}

body.behat-site .mr-n5,body.behat-site.mr-n5,body.themedesignermode .mr-n5,body.themedesignermode.mr-n5 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-n5::before,body.behat-site.mr-n5::before,body.themedesignermode .mr-n5::before,body.themedesignermode.mr-n5::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-n5 {
    margin-left: -2rem!important
}

body.behat-site .ml-n5,body.behat-site.ml-n5,body.themedesignermode .ml-n5,body.themedesignermode.ml-n5 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-n5::before,body.behat-site.ml-n5::before,body.themedesignermode .ml-n5::before,body.themedesignermode.ml-n5::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-n6 {
    margin-right: -3rem!important
}

body.behat-site .mr-n6,body.behat-site.mr-n6,body.themedesignermode .mr-n6,body.themedesignermode.mr-n6 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-n6::before,body.behat-site.mr-n6::before,body.themedesignermode .mr-n6::before,body.themedesignermode.mr-n6::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-n6 {
    margin-left: -3rem!important
}

body.behat-site .ml-n6,body.behat-site.ml-n6,body.themedesignermode .ml-n6,body.themedesignermode.ml-n6 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-n6::before,body.behat-site.ml-n6::before,body.themedesignermode .ml-n6::before,body.themedesignermode.ml-n6::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.mr-auto {
    margin-right: auto!important
}

body.behat-site .mr-auto,body.behat-site.mr-auto,body.themedesignermode .mr-auto,body.themedesignermode.mr-auto {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .mr-auto::before,body.behat-site.mr-auto::before,body.themedesignermode .mr-auto::before,body.themedesignermode.mr-auto::before {
    content: "Deprecated style in use (.mr)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.ml-auto {
    margin-left: auto!important
}

body.behat-site .ml-auto,body.behat-site.ml-auto,body.themedesignermode .ml-auto,body.themedesignermode.ml-auto {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .ml-auto::before,body.behat-site.ml-auto::before,body.themedesignermode .ml-auto::before,body.themedesignermode.ml-auto::before {
    content: "Deprecated style in use (.ml)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

@media (min-width: 576px) {
    .mr-sm-0 {
        margin-right:0!important
    }

    body.behat-site .mr-sm-0,body.behat-site.mr-sm-0,body.themedesignermode .mr-sm-0,body.themedesignermode.mr-sm-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-0::before,body.behat-site.mr-sm-0::before,body.themedesignermode .mr-sm-0::before,body.themedesignermode.mr-sm-0::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-0 {
        margin-left: 0!important
    }

    body.behat-site .ml-sm-0,body.behat-site.ml-sm-0,body.themedesignermode .ml-sm-0,body.themedesignermode.ml-sm-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-0::before,body.behat-site.ml-sm-0::before,body.themedesignermode .ml-sm-0::before,body.themedesignermode.ml-sm-0::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-1 {
        margin-right: 0.25rem!important
    }

    body.behat-site .mr-sm-1,body.behat-site.mr-sm-1,body.themedesignermode .mr-sm-1,body.themedesignermode.mr-sm-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-1::before,body.behat-site.mr-sm-1::before,body.themedesignermode .mr-sm-1::before,body.themedesignermode.mr-sm-1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-1 {
        margin-left: 0.25rem!important
    }

    body.behat-site .ml-sm-1,body.behat-site.ml-sm-1,body.themedesignermode .ml-sm-1,body.themedesignermode.ml-sm-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-1::before,body.behat-site.ml-sm-1::before,body.themedesignermode .ml-sm-1::before,body.themedesignermode.ml-sm-1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-2 {
        margin-right: 0.5rem!important
    }

    body.behat-site .mr-sm-2,body.behat-site.mr-sm-2,body.themedesignermode .mr-sm-2,body.themedesignermode.mr-sm-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-2::before,body.behat-site.mr-sm-2::before,body.themedesignermode .mr-sm-2::before,body.themedesignermode.mr-sm-2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-2 {
        margin-left: 0.5rem!important
    }

    body.behat-site .ml-sm-2,body.behat-site.ml-sm-2,body.themedesignermode .ml-sm-2,body.themedesignermode.ml-sm-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-2::before,body.behat-site.ml-sm-2::before,body.themedesignermode .ml-sm-2::before,body.themedesignermode.ml-sm-2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-3 {
        margin-right: 1rem!important
    }

    body.behat-site .mr-sm-3,body.behat-site.mr-sm-3,body.themedesignermode .mr-sm-3,body.themedesignermode.mr-sm-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-3::before,body.behat-site.mr-sm-3::before,body.themedesignermode .mr-sm-3::before,body.themedesignermode.mr-sm-3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-3 {
        margin-left: 1rem!important
    }

    body.behat-site .ml-sm-3,body.behat-site.ml-sm-3,body.themedesignermode .ml-sm-3,body.themedesignermode.ml-sm-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-3::before,body.behat-site.ml-sm-3::before,body.themedesignermode .ml-sm-3::before,body.themedesignermode.ml-sm-3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-4 {
        margin-right: 1.5rem!important
    }

    body.behat-site .mr-sm-4,body.behat-site.mr-sm-4,body.themedesignermode .mr-sm-4,body.themedesignermode.mr-sm-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-4::before,body.behat-site.mr-sm-4::before,body.themedesignermode .mr-sm-4::before,body.themedesignermode.mr-sm-4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-4 {
        margin-left: 1.5rem!important
    }

    body.behat-site .ml-sm-4,body.behat-site.ml-sm-4,body.themedesignermode .ml-sm-4,body.themedesignermode.ml-sm-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-4::before,body.behat-site.ml-sm-4::before,body.themedesignermode .ml-sm-4::before,body.themedesignermode.ml-sm-4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-5 {
        margin-right: 2rem!important
    }

    body.behat-site .mr-sm-5,body.behat-site.mr-sm-5,body.themedesignermode .mr-sm-5,body.themedesignermode.mr-sm-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-5::before,body.behat-site.mr-sm-5::before,body.themedesignermode .mr-sm-5::before,body.themedesignermode.mr-sm-5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-5 {
        margin-left: 2rem!important
    }

    body.behat-site .ml-sm-5,body.behat-site.ml-sm-5,body.themedesignermode .ml-sm-5,body.themedesignermode.ml-sm-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-5::before,body.behat-site.ml-sm-5::before,body.themedesignermode .ml-sm-5::before,body.themedesignermode.ml-sm-5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-6 {
        margin-right: 3rem!important
    }

    body.behat-site .mr-sm-6,body.behat-site.mr-sm-6,body.themedesignermode .mr-sm-6,body.themedesignermode.mr-sm-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-6::before,body.behat-site.mr-sm-6::before,body.themedesignermode .mr-sm-6::before,body.themedesignermode.mr-sm-6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-6 {
        margin-left: 3rem!important
    }

    body.behat-site .ml-sm-6,body.behat-site.ml-sm-6,body.themedesignermode .ml-sm-6,body.themedesignermode.ml-sm-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-6::before,body.behat-site.ml-sm-6::before,body.themedesignermode .ml-sm-6::before,body.themedesignermode.ml-sm-6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-sm-0 {
        padding-right: 0!important
    }

    body.behat-site .pr-sm-0,body.behat-site.pr-sm-0,body.themedesignermode .pr-sm-0,body.themedesignermode.pr-sm-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-sm-0::before,body.behat-site.pr-sm-0::before,body.themedesignermode .pr-sm-0::before,body.themedesignermode.pr-sm-0::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-sm-0 {
        padding-left: 0!important
    }

    body.behat-site .pl-sm-0,body.behat-site.pl-sm-0,body.themedesignermode .pl-sm-0,body.themedesignermode.pl-sm-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-sm-0::before,body.behat-site.pl-sm-0::before,body.themedesignermode .pl-sm-0::before,body.themedesignermode.pl-sm-0::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-sm-1 {
        padding-right: 0.25rem!important
    }

    body.behat-site .pr-sm-1,body.behat-site.pr-sm-1,body.themedesignermode .pr-sm-1,body.themedesignermode.pr-sm-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-sm-1::before,body.behat-site.pr-sm-1::before,body.themedesignermode .pr-sm-1::before,body.themedesignermode.pr-sm-1::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-sm-1 {
        padding-left: 0.25rem!important
    }

    body.behat-site .pl-sm-1,body.behat-site.pl-sm-1,body.themedesignermode .pl-sm-1,body.themedesignermode.pl-sm-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-sm-1::before,body.behat-site.pl-sm-1::before,body.themedesignermode .pl-sm-1::before,body.themedesignermode.pl-sm-1::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-sm-2 {
        padding-right: 0.5rem!important
    }

    body.behat-site .pr-sm-2,body.behat-site.pr-sm-2,body.themedesignermode .pr-sm-2,body.themedesignermode.pr-sm-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-sm-2::before,body.behat-site.pr-sm-2::before,body.themedesignermode .pr-sm-2::before,body.themedesignermode.pr-sm-2::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-sm-2 {
        padding-left: 0.5rem!important
    }

    body.behat-site .pl-sm-2,body.behat-site.pl-sm-2,body.themedesignermode .pl-sm-2,body.themedesignermode.pl-sm-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-sm-2::before,body.behat-site.pl-sm-2::before,body.themedesignermode .pl-sm-2::before,body.themedesignermode.pl-sm-2::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-sm-3 {
        padding-right: 1rem!important
    }

    body.behat-site .pr-sm-3,body.behat-site.pr-sm-3,body.themedesignermode .pr-sm-3,body.themedesignermode.pr-sm-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-sm-3::before,body.behat-site.pr-sm-3::before,body.themedesignermode .pr-sm-3::before,body.themedesignermode.pr-sm-3::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-sm-3 {
        padding-left: 1rem!important
    }

    body.behat-site .pl-sm-3,body.behat-site.pl-sm-3,body.themedesignermode .pl-sm-3,body.themedesignermode.pl-sm-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-sm-3::before,body.behat-site.pl-sm-3::before,body.themedesignermode .pl-sm-3::before,body.themedesignermode.pl-sm-3::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-sm-4 {
        padding-right: 1.5rem!important
    }

    body.behat-site .pr-sm-4,body.behat-site.pr-sm-4,body.themedesignermode .pr-sm-4,body.themedesignermode.pr-sm-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-sm-4::before,body.behat-site.pr-sm-4::before,body.themedesignermode .pr-sm-4::before,body.themedesignermode.pr-sm-4::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-sm-4 {
        padding-left: 1.5rem!important
    }

    body.behat-site .pl-sm-4,body.behat-site.pl-sm-4,body.themedesignermode .pl-sm-4,body.themedesignermode.pl-sm-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-sm-4::before,body.behat-site.pl-sm-4::before,body.themedesignermode .pl-sm-4::before,body.themedesignermode.pl-sm-4::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-sm-5 {
        padding-right: 2rem!important
    }

    body.behat-site .pr-sm-5,body.behat-site.pr-sm-5,body.themedesignermode .pr-sm-5,body.themedesignermode.pr-sm-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-sm-5::before,body.behat-site.pr-sm-5::before,body.themedesignermode .pr-sm-5::before,body.themedesignermode.pr-sm-5::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-sm-5 {
        padding-left: 2rem!important
    }

    body.behat-site .pl-sm-5,body.behat-site.pl-sm-5,body.themedesignermode .pl-sm-5,body.themedesignermode.pl-sm-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-sm-5::before,body.behat-site.pl-sm-5::before,body.themedesignermode .pl-sm-5::before,body.themedesignermode.pl-sm-5::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-sm-6 {
        padding-right: 3rem!important
    }

    body.behat-site .pr-sm-6,body.behat-site.pr-sm-6,body.themedesignermode .pr-sm-6,body.themedesignermode.pr-sm-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-sm-6::before,body.behat-site.pr-sm-6::before,body.themedesignermode .pr-sm-6::before,body.themedesignermode.pr-sm-6::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-sm-6 {
        padding-left: 3rem!important
    }

    body.behat-site .pl-sm-6,body.behat-site.pl-sm-6,body.themedesignermode .pl-sm-6,body.themedesignermode.pl-sm-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-sm-6::before,body.behat-site.pl-sm-6::before,body.themedesignermode .pl-sm-6::before,body.themedesignermode.pl-sm-6::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-n1 {
        margin-right: -0.25rem!important
    }

    body.behat-site .mr-sm-n1,body.behat-site.mr-sm-n1,body.themedesignermode .mr-sm-n1,body.themedesignermode.mr-sm-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-n1::before,body.behat-site.mr-sm-n1::before,body.themedesignermode .mr-sm-n1::before,body.themedesignermode.mr-sm-n1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-n1 {
        margin-left: -0.25rem!important
    }

    body.behat-site .ml-sm-n1,body.behat-site.ml-sm-n1,body.themedesignermode .ml-sm-n1,body.themedesignermode.ml-sm-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-n1::before,body.behat-site.ml-sm-n1::before,body.themedesignermode .ml-sm-n1::before,body.themedesignermode.ml-sm-n1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-n2 {
        margin-right: -0.5rem!important
    }

    body.behat-site .mr-sm-n2,body.behat-site.mr-sm-n2,body.themedesignermode .mr-sm-n2,body.themedesignermode.mr-sm-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-n2::before,body.behat-site.mr-sm-n2::before,body.themedesignermode .mr-sm-n2::before,body.themedesignermode.mr-sm-n2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-n2 {
        margin-left: -0.5rem!important
    }

    body.behat-site .ml-sm-n2,body.behat-site.ml-sm-n2,body.themedesignermode .ml-sm-n2,body.themedesignermode.ml-sm-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-n2::before,body.behat-site.ml-sm-n2::before,body.themedesignermode .ml-sm-n2::before,body.themedesignermode.ml-sm-n2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-n3 {
        margin-right: -1rem!important
    }

    body.behat-site .mr-sm-n3,body.behat-site.mr-sm-n3,body.themedesignermode .mr-sm-n3,body.themedesignermode.mr-sm-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-n3::before,body.behat-site.mr-sm-n3::before,body.themedesignermode .mr-sm-n3::before,body.themedesignermode.mr-sm-n3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-n3 {
        margin-left: -1rem!important
    }

    body.behat-site .ml-sm-n3,body.behat-site.ml-sm-n3,body.themedesignermode .ml-sm-n3,body.themedesignermode.ml-sm-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-n3::before,body.behat-site.ml-sm-n3::before,body.themedesignermode .ml-sm-n3::before,body.themedesignermode.ml-sm-n3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-n4 {
        margin-right: -1.5rem!important
    }

    body.behat-site .mr-sm-n4,body.behat-site.mr-sm-n4,body.themedesignermode .mr-sm-n4,body.themedesignermode.mr-sm-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-n4::before,body.behat-site.mr-sm-n4::before,body.themedesignermode .mr-sm-n4::before,body.themedesignermode.mr-sm-n4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-n4 {
        margin-left: -1.5rem!important
    }

    body.behat-site .ml-sm-n4,body.behat-site.ml-sm-n4,body.themedesignermode .ml-sm-n4,body.themedesignermode.ml-sm-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-n4::before,body.behat-site.ml-sm-n4::before,body.themedesignermode .ml-sm-n4::before,body.themedesignermode.ml-sm-n4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-n5 {
        margin-right: -2rem!important
    }

    body.behat-site .mr-sm-n5,body.behat-site.mr-sm-n5,body.themedesignermode .mr-sm-n5,body.themedesignermode.mr-sm-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-n5::before,body.behat-site.mr-sm-n5::before,body.themedesignermode .mr-sm-n5::before,body.themedesignermode.mr-sm-n5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-n5 {
        margin-left: -2rem!important
    }

    body.behat-site .ml-sm-n5,body.behat-site.ml-sm-n5,body.themedesignermode .ml-sm-n5,body.themedesignermode.ml-sm-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-n5::before,body.behat-site.ml-sm-n5::before,body.themedesignermode .ml-sm-n5::before,body.themedesignermode.ml-sm-n5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-n6 {
        margin-right: -3rem!important
    }

    body.behat-site .mr-sm-n6,body.behat-site.mr-sm-n6,body.themedesignermode .mr-sm-n6,body.themedesignermode.mr-sm-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-n6::before,body.behat-site.mr-sm-n6::before,body.themedesignermode .mr-sm-n6::before,body.themedesignermode.mr-sm-n6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-n6 {
        margin-left: -3rem!important
    }

    body.behat-site .ml-sm-n6,body.behat-site.ml-sm-n6,body.themedesignermode .ml-sm-n6,body.themedesignermode.ml-sm-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-n6::before,body.behat-site.ml-sm-n6::before,body.themedesignermode .ml-sm-n6::before,body.themedesignermode.ml-sm-n6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-sm-auto {
        margin-right: auto!important
    }

    body.behat-site .mr-sm-auto,body.behat-site.mr-sm-auto,body.themedesignermode .mr-sm-auto,body.themedesignermode.mr-sm-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-sm-auto::before,body.behat-site.mr-sm-auto::before,body.themedesignermode .mr-sm-auto::before,body.themedesignermode.mr-sm-auto::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-sm-auto {
        margin-left: auto!important
    }

    body.behat-site .ml-sm-auto,body.behat-site.ml-sm-auto,body.themedesignermode .ml-sm-auto,body.themedesignermode.ml-sm-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-sm-auto::before,body.behat-site.ml-sm-auto::before,body.themedesignermode .ml-sm-auto::before,body.themedesignermode.ml-sm-auto::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 768px) {
    .mr-md-0 {
        margin-right:0!important
    }

    body.behat-site .mr-md-0,body.behat-site.mr-md-0,body.themedesignermode .mr-md-0,body.themedesignermode.mr-md-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-0::before,body.behat-site.mr-md-0::before,body.themedesignermode .mr-md-0::before,body.themedesignermode.mr-md-0::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-0 {
        margin-left: 0!important
    }

    body.behat-site .ml-md-0,body.behat-site.ml-md-0,body.themedesignermode .ml-md-0,body.themedesignermode.ml-md-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-0::before,body.behat-site.ml-md-0::before,body.themedesignermode .ml-md-0::before,body.themedesignermode.ml-md-0::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-1 {
        margin-right: 0.25rem!important
    }

    body.behat-site .mr-md-1,body.behat-site.mr-md-1,body.themedesignermode .mr-md-1,body.themedesignermode.mr-md-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-1::before,body.behat-site.mr-md-1::before,body.themedesignermode .mr-md-1::before,body.themedesignermode.mr-md-1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-1 {
        margin-left: 0.25rem!important
    }

    body.behat-site .ml-md-1,body.behat-site.ml-md-1,body.themedesignermode .ml-md-1,body.themedesignermode.ml-md-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-1::before,body.behat-site.ml-md-1::before,body.themedesignermode .ml-md-1::before,body.themedesignermode.ml-md-1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-2 {
        margin-right: 0.5rem!important
    }

    body.behat-site .mr-md-2,body.behat-site.mr-md-2,body.themedesignermode .mr-md-2,body.themedesignermode.mr-md-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-2::before,body.behat-site.mr-md-2::before,body.themedesignermode .mr-md-2::before,body.themedesignermode.mr-md-2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-2 {
        margin-left: 0.5rem!important
    }

    body.behat-site .ml-md-2,body.behat-site.ml-md-2,body.themedesignermode .ml-md-2,body.themedesignermode.ml-md-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-2::before,body.behat-site.ml-md-2::before,body.themedesignermode .ml-md-2::before,body.themedesignermode.ml-md-2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-3 {
        margin-right: 1rem!important
    }

    body.behat-site .mr-md-3,body.behat-site.mr-md-3,body.themedesignermode .mr-md-3,body.themedesignermode.mr-md-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-3::before,body.behat-site.mr-md-3::before,body.themedesignermode .mr-md-3::before,body.themedesignermode.mr-md-3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-3 {
        margin-left: 1rem!important
    }

    body.behat-site .ml-md-3,body.behat-site.ml-md-3,body.themedesignermode .ml-md-3,body.themedesignermode.ml-md-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-3::before,body.behat-site.ml-md-3::before,body.themedesignermode .ml-md-3::before,body.themedesignermode.ml-md-3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-4 {
        margin-right: 1.5rem!important
    }

    body.behat-site .mr-md-4,body.behat-site.mr-md-4,body.themedesignermode .mr-md-4,body.themedesignermode.mr-md-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-4::before,body.behat-site.mr-md-4::before,body.themedesignermode .mr-md-4::before,body.themedesignermode.mr-md-4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-4 {
        margin-left: 1.5rem!important
    }

    body.behat-site .ml-md-4,body.behat-site.ml-md-4,body.themedesignermode .ml-md-4,body.themedesignermode.ml-md-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-4::before,body.behat-site.ml-md-4::before,body.themedesignermode .ml-md-4::before,body.themedesignermode.ml-md-4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-5 {
        margin-right: 2rem!important
    }

    body.behat-site .mr-md-5,body.behat-site.mr-md-5,body.themedesignermode .mr-md-5,body.themedesignermode.mr-md-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-5::before,body.behat-site.mr-md-5::before,body.themedesignermode .mr-md-5::before,body.themedesignermode.mr-md-5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-5 {
        margin-left: 2rem!important
    }

    body.behat-site .ml-md-5,body.behat-site.ml-md-5,body.themedesignermode .ml-md-5,body.themedesignermode.ml-md-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-5::before,body.behat-site.ml-md-5::before,body.themedesignermode .ml-md-5::before,body.themedesignermode.ml-md-5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-6 {
        margin-right: 3rem!important
    }

    body.behat-site .mr-md-6,body.behat-site.mr-md-6,body.themedesignermode .mr-md-6,body.themedesignermode.mr-md-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-6::before,body.behat-site.mr-md-6::before,body.themedesignermode .mr-md-6::before,body.themedesignermode.mr-md-6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-6 {
        margin-left: 3rem!important
    }

    body.behat-site .ml-md-6,body.behat-site.ml-md-6,body.themedesignermode .ml-md-6,body.themedesignermode.ml-md-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-6::before,body.behat-site.ml-md-6::before,body.themedesignermode .ml-md-6::before,body.themedesignermode.ml-md-6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-md-0 {
        padding-right: 0!important
    }

    body.behat-site .pr-md-0,body.behat-site.pr-md-0,body.themedesignermode .pr-md-0,body.themedesignermode.pr-md-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-md-0::before,body.behat-site.pr-md-0::before,body.themedesignermode .pr-md-0::before,body.themedesignermode.pr-md-0::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-md-0 {
        padding-left: 0!important
    }

    body.behat-site .pl-md-0,body.behat-site.pl-md-0,body.themedesignermode .pl-md-0,body.themedesignermode.pl-md-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-md-0::before,body.behat-site.pl-md-0::before,body.themedesignermode .pl-md-0::before,body.themedesignermode.pl-md-0::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-md-1 {
        padding-right: 0.25rem!important
    }

    body.behat-site .pr-md-1,body.behat-site.pr-md-1,body.themedesignermode .pr-md-1,body.themedesignermode.pr-md-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-md-1::before,body.behat-site.pr-md-1::before,body.themedesignermode .pr-md-1::before,body.themedesignermode.pr-md-1::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-md-1 {
        padding-left: 0.25rem!important
    }

    body.behat-site .pl-md-1,body.behat-site.pl-md-1,body.themedesignermode .pl-md-1,body.themedesignermode.pl-md-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-md-1::before,body.behat-site.pl-md-1::before,body.themedesignermode .pl-md-1::before,body.themedesignermode.pl-md-1::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-md-2 {
        padding-right: 0.5rem!important
    }

    body.behat-site .pr-md-2,body.behat-site.pr-md-2,body.themedesignermode .pr-md-2,body.themedesignermode.pr-md-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-md-2::before,body.behat-site.pr-md-2::before,body.themedesignermode .pr-md-2::before,body.themedesignermode.pr-md-2::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-md-2 {
        padding-left: 0.5rem!important
    }

    body.behat-site .pl-md-2,body.behat-site.pl-md-2,body.themedesignermode .pl-md-2,body.themedesignermode.pl-md-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-md-2::before,body.behat-site.pl-md-2::before,body.themedesignermode .pl-md-2::before,body.themedesignermode.pl-md-2::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-md-3 {
        padding-right: 1rem!important
    }

    body.behat-site .pr-md-3,body.behat-site.pr-md-3,body.themedesignermode .pr-md-3,body.themedesignermode.pr-md-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-md-3::before,body.behat-site.pr-md-3::before,body.themedesignermode .pr-md-3::before,body.themedesignermode.pr-md-3::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-md-3 {
        padding-left: 1rem!important
    }

    body.behat-site .pl-md-3,body.behat-site.pl-md-3,body.themedesignermode .pl-md-3,body.themedesignermode.pl-md-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-md-3::before,body.behat-site.pl-md-3::before,body.themedesignermode .pl-md-3::before,body.themedesignermode.pl-md-3::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-md-4 {
        padding-right: 1.5rem!important
    }

    body.behat-site .pr-md-4,body.behat-site.pr-md-4,body.themedesignermode .pr-md-4,body.themedesignermode.pr-md-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-md-4::before,body.behat-site.pr-md-4::before,body.themedesignermode .pr-md-4::before,body.themedesignermode.pr-md-4::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-md-4 {
        padding-left: 1.5rem!important
    }

    body.behat-site .pl-md-4,body.behat-site.pl-md-4,body.themedesignermode .pl-md-4,body.themedesignermode.pl-md-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-md-4::before,body.behat-site.pl-md-4::before,body.themedesignermode .pl-md-4::before,body.themedesignermode.pl-md-4::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-md-5 {
        padding-right: 2rem!important
    }

    body.behat-site .pr-md-5,body.behat-site.pr-md-5,body.themedesignermode .pr-md-5,body.themedesignermode.pr-md-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-md-5::before,body.behat-site.pr-md-5::before,body.themedesignermode .pr-md-5::before,body.themedesignermode.pr-md-5::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-md-5 {
        padding-left: 2rem!important
    }

    body.behat-site .pl-md-5,body.behat-site.pl-md-5,body.themedesignermode .pl-md-5,body.themedesignermode.pl-md-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-md-5::before,body.behat-site.pl-md-5::before,body.themedesignermode .pl-md-5::before,body.themedesignermode.pl-md-5::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-md-6 {
        padding-right: 3rem!important
    }

    body.behat-site .pr-md-6,body.behat-site.pr-md-6,body.themedesignermode .pr-md-6,body.themedesignermode.pr-md-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-md-6::before,body.behat-site.pr-md-6::before,body.themedesignermode .pr-md-6::before,body.themedesignermode.pr-md-6::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-md-6 {
        padding-left: 3rem!important
    }

    body.behat-site .pl-md-6,body.behat-site.pl-md-6,body.themedesignermode .pl-md-6,body.themedesignermode.pl-md-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-md-6::before,body.behat-site.pl-md-6::before,body.themedesignermode .pl-md-6::before,body.themedesignermode.pl-md-6::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-n1 {
        margin-right: -0.25rem!important
    }

    body.behat-site .mr-md-n1,body.behat-site.mr-md-n1,body.themedesignermode .mr-md-n1,body.themedesignermode.mr-md-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-n1::before,body.behat-site.mr-md-n1::before,body.themedesignermode .mr-md-n1::before,body.themedesignermode.mr-md-n1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-n1 {
        margin-left: -0.25rem!important
    }

    body.behat-site .ml-md-n1,body.behat-site.ml-md-n1,body.themedesignermode .ml-md-n1,body.themedesignermode.ml-md-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-n1::before,body.behat-site.ml-md-n1::before,body.themedesignermode .ml-md-n1::before,body.themedesignermode.ml-md-n1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-n2 {
        margin-right: -0.5rem!important
    }

    body.behat-site .mr-md-n2,body.behat-site.mr-md-n2,body.themedesignermode .mr-md-n2,body.themedesignermode.mr-md-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-n2::before,body.behat-site.mr-md-n2::before,body.themedesignermode .mr-md-n2::before,body.themedesignermode.mr-md-n2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-n2 {
        margin-left: -0.5rem!important
    }

    body.behat-site .ml-md-n2,body.behat-site.ml-md-n2,body.themedesignermode .ml-md-n2,body.themedesignermode.ml-md-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-n2::before,body.behat-site.ml-md-n2::before,body.themedesignermode .ml-md-n2::before,body.themedesignermode.ml-md-n2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-n3 {
        margin-right: -1rem!important
    }

    body.behat-site .mr-md-n3,body.behat-site.mr-md-n3,body.themedesignermode .mr-md-n3,body.themedesignermode.mr-md-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-n3::before,body.behat-site.mr-md-n3::before,body.themedesignermode .mr-md-n3::before,body.themedesignermode.mr-md-n3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-n3 {
        margin-left: -1rem!important
    }

    body.behat-site .ml-md-n3,body.behat-site.ml-md-n3,body.themedesignermode .ml-md-n3,body.themedesignermode.ml-md-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-n3::before,body.behat-site.ml-md-n3::before,body.themedesignermode .ml-md-n3::before,body.themedesignermode.ml-md-n3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-n4 {
        margin-right: -1.5rem!important
    }

    body.behat-site .mr-md-n4,body.behat-site.mr-md-n4,body.themedesignermode .mr-md-n4,body.themedesignermode.mr-md-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-n4::before,body.behat-site.mr-md-n4::before,body.themedesignermode .mr-md-n4::before,body.themedesignermode.mr-md-n4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-n4 {
        margin-left: -1.5rem!important
    }

    body.behat-site .ml-md-n4,body.behat-site.ml-md-n4,body.themedesignermode .ml-md-n4,body.themedesignermode.ml-md-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-n4::before,body.behat-site.ml-md-n4::before,body.themedesignermode .ml-md-n4::before,body.themedesignermode.ml-md-n4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-n5 {
        margin-right: -2rem!important
    }

    body.behat-site .mr-md-n5,body.behat-site.mr-md-n5,body.themedesignermode .mr-md-n5,body.themedesignermode.mr-md-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-n5::before,body.behat-site.mr-md-n5::before,body.themedesignermode .mr-md-n5::before,body.themedesignermode.mr-md-n5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-n5 {
        margin-left: -2rem!important
    }

    body.behat-site .ml-md-n5,body.behat-site.ml-md-n5,body.themedesignermode .ml-md-n5,body.themedesignermode.ml-md-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-n5::before,body.behat-site.ml-md-n5::before,body.themedesignermode .ml-md-n5::before,body.themedesignermode.ml-md-n5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-n6 {
        margin-right: -3rem!important
    }

    body.behat-site .mr-md-n6,body.behat-site.mr-md-n6,body.themedesignermode .mr-md-n6,body.themedesignermode.mr-md-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-n6::before,body.behat-site.mr-md-n6::before,body.themedesignermode .mr-md-n6::before,body.themedesignermode.mr-md-n6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-n6 {
        margin-left: -3rem!important
    }

    body.behat-site .ml-md-n6,body.behat-site.ml-md-n6,body.themedesignermode .ml-md-n6,body.themedesignermode.ml-md-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-n6::before,body.behat-site.ml-md-n6::before,body.themedesignermode .ml-md-n6::before,body.themedesignermode.ml-md-n6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-md-auto {
        margin-right: auto!important
    }

    body.behat-site .mr-md-auto,body.behat-site.mr-md-auto,body.themedesignermode .mr-md-auto,body.themedesignermode.mr-md-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-md-auto::before,body.behat-site.mr-md-auto::before,body.themedesignermode .mr-md-auto::before,body.themedesignermode.mr-md-auto::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-md-auto {
        margin-left: auto!important
    }

    body.behat-site .ml-md-auto,body.behat-site.ml-md-auto,body.themedesignermode .ml-md-auto,body.themedesignermode.ml-md-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-md-auto::before,body.behat-site.ml-md-auto::before,body.themedesignermode .ml-md-auto::before,body.themedesignermode.ml-md-auto::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 992px) {
    .mr-lg-0 {
        margin-right:0!important
    }

    body.behat-site .mr-lg-0,body.behat-site.mr-lg-0,body.themedesignermode .mr-lg-0,body.themedesignermode.mr-lg-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-0::before,body.behat-site.mr-lg-0::before,body.themedesignermode .mr-lg-0::before,body.themedesignermode.mr-lg-0::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-0 {
        margin-left: 0!important
    }

    body.behat-site .ml-lg-0,body.behat-site.ml-lg-0,body.themedesignermode .ml-lg-0,body.themedesignermode.ml-lg-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-0::before,body.behat-site.ml-lg-0::before,body.themedesignermode .ml-lg-0::before,body.themedesignermode.ml-lg-0::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-1 {
        margin-right: 0.25rem!important
    }

    body.behat-site .mr-lg-1,body.behat-site.mr-lg-1,body.themedesignermode .mr-lg-1,body.themedesignermode.mr-lg-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-1::before,body.behat-site.mr-lg-1::before,body.themedesignermode .mr-lg-1::before,body.themedesignermode.mr-lg-1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-1 {
        margin-left: 0.25rem!important
    }

    body.behat-site .ml-lg-1,body.behat-site.ml-lg-1,body.themedesignermode .ml-lg-1,body.themedesignermode.ml-lg-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-1::before,body.behat-site.ml-lg-1::before,body.themedesignermode .ml-lg-1::before,body.themedesignermode.ml-lg-1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-2 {
        margin-right: 0.5rem!important
    }

    body.behat-site .mr-lg-2,body.behat-site.mr-lg-2,body.themedesignermode .mr-lg-2,body.themedesignermode.mr-lg-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-2::before,body.behat-site.mr-lg-2::before,body.themedesignermode .mr-lg-2::before,body.themedesignermode.mr-lg-2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-2 {
        margin-left: 0.5rem!important
    }

    body.behat-site .ml-lg-2,body.behat-site.ml-lg-2,body.themedesignermode .ml-lg-2,body.themedesignermode.ml-lg-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-2::before,body.behat-site.ml-lg-2::before,body.themedesignermode .ml-lg-2::before,body.themedesignermode.ml-lg-2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-3 {
        margin-right: 1rem!important
    }

    body.behat-site .mr-lg-3,body.behat-site.mr-lg-3,body.themedesignermode .mr-lg-3,body.themedesignermode.mr-lg-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-3::before,body.behat-site.mr-lg-3::before,body.themedesignermode .mr-lg-3::before,body.themedesignermode.mr-lg-3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-3 {
        margin-left: 1rem!important
    }

    body.behat-site .ml-lg-3,body.behat-site.ml-lg-3,body.themedesignermode .ml-lg-3,body.themedesignermode.ml-lg-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-3::before,body.behat-site.ml-lg-3::before,body.themedesignermode .ml-lg-3::before,body.themedesignermode.ml-lg-3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-4 {
        margin-right: 1.5rem!important
    }

    body.behat-site .mr-lg-4,body.behat-site.mr-lg-4,body.themedesignermode .mr-lg-4,body.themedesignermode.mr-lg-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-4::before,body.behat-site.mr-lg-4::before,body.themedesignermode .mr-lg-4::before,body.themedesignermode.mr-lg-4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-4 {
        margin-left: 1.5rem!important
    }

    body.behat-site .ml-lg-4,body.behat-site.ml-lg-4,body.themedesignermode .ml-lg-4,body.themedesignermode.ml-lg-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-4::before,body.behat-site.ml-lg-4::before,body.themedesignermode .ml-lg-4::before,body.themedesignermode.ml-lg-4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-5 {
        margin-right: 2rem!important
    }

    body.behat-site .mr-lg-5,body.behat-site.mr-lg-5,body.themedesignermode .mr-lg-5,body.themedesignermode.mr-lg-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-5::before,body.behat-site.mr-lg-5::before,body.themedesignermode .mr-lg-5::before,body.themedesignermode.mr-lg-5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-5 {
        margin-left: 2rem!important
    }

    body.behat-site .ml-lg-5,body.behat-site.ml-lg-5,body.themedesignermode .ml-lg-5,body.themedesignermode.ml-lg-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-5::before,body.behat-site.ml-lg-5::before,body.themedesignermode .ml-lg-5::before,body.themedesignermode.ml-lg-5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-6 {
        margin-right: 3rem!important
    }

    body.behat-site .mr-lg-6,body.behat-site.mr-lg-6,body.themedesignermode .mr-lg-6,body.themedesignermode.mr-lg-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-6::before,body.behat-site.mr-lg-6::before,body.themedesignermode .mr-lg-6::before,body.themedesignermode.mr-lg-6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-6 {
        margin-left: 3rem!important
    }

    body.behat-site .ml-lg-6,body.behat-site.ml-lg-6,body.themedesignermode .ml-lg-6,body.themedesignermode.ml-lg-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-6::before,body.behat-site.ml-lg-6::before,body.themedesignermode .ml-lg-6::before,body.themedesignermode.ml-lg-6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-lg-0 {
        padding-right: 0!important
    }

    body.behat-site .pr-lg-0,body.behat-site.pr-lg-0,body.themedesignermode .pr-lg-0,body.themedesignermode.pr-lg-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-lg-0::before,body.behat-site.pr-lg-0::before,body.themedesignermode .pr-lg-0::before,body.themedesignermode.pr-lg-0::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-lg-0 {
        padding-left: 0!important
    }

    body.behat-site .pl-lg-0,body.behat-site.pl-lg-0,body.themedesignermode .pl-lg-0,body.themedesignermode.pl-lg-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-lg-0::before,body.behat-site.pl-lg-0::before,body.themedesignermode .pl-lg-0::before,body.themedesignermode.pl-lg-0::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-lg-1 {
        padding-right: 0.25rem!important
    }

    body.behat-site .pr-lg-1,body.behat-site.pr-lg-1,body.themedesignermode .pr-lg-1,body.themedesignermode.pr-lg-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-lg-1::before,body.behat-site.pr-lg-1::before,body.themedesignermode .pr-lg-1::before,body.themedesignermode.pr-lg-1::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-lg-1 {
        padding-left: 0.25rem!important
    }

    body.behat-site .pl-lg-1,body.behat-site.pl-lg-1,body.themedesignermode .pl-lg-1,body.themedesignermode.pl-lg-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-lg-1::before,body.behat-site.pl-lg-1::before,body.themedesignermode .pl-lg-1::before,body.themedesignermode.pl-lg-1::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-lg-2 {
        padding-right: 0.5rem!important
    }

    body.behat-site .pr-lg-2,body.behat-site.pr-lg-2,body.themedesignermode .pr-lg-2,body.themedesignermode.pr-lg-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-lg-2::before,body.behat-site.pr-lg-2::before,body.themedesignermode .pr-lg-2::before,body.themedesignermode.pr-lg-2::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-lg-2 {
        padding-left: 0.5rem!important
    }

    body.behat-site .pl-lg-2,body.behat-site.pl-lg-2,body.themedesignermode .pl-lg-2,body.themedesignermode.pl-lg-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-lg-2::before,body.behat-site.pl-lg-2::before,body.themedesignermode .pl-lg-2::before,body.themedesignermode.pl-lg-2::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-lg-3 {
        padding-right: 1rem!important
    }

    body.behat-site .pr-lg-3,body.behat-site.pr-lg-3,body.themedesignermode .pr-lg-3,body.themedesignermode.pr-lg-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-lg-3::before,body.behat-site.pr-lg-3::before,body.themedesignermode .pr-lg-3::before,body.themedesignermode.pr-lg-3::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-lg-3 {
        padding-left: 1rem!important
    }

    body.behat-site .pl-lg-3,body.behat-site.pl-lg-3,body.themedesignermode .pl-lg-3,body.themedesignermode.pl-lg-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-lg-3::before,body.behat-site.pl-lg-3::before,body.themedesignermode .pl-lg-3::before,body.themedesignermode.pl-lg-3::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-lg-4 {
        padding-right: 1.5rem!important
    }

    body.behat-site .pr-lg-4,body.behat-site.pr-lg-4,body.themedesignermode .pr-lg-4,body.themedesignermode.pr-lg-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-lg-4::before,body.behat-site.pr-lg-4::before,body.themedesignermode .pr-lg-4::before,body.themedesignermode.pr-lg-4::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-lg-4 {
        padding-left: 1.5rem!important
    }

    body.behat-site .pl-lg-4,body.behat-site.pl-lg-4,body.themedesignermode .pl-lg-4,body.themedesignermode.pl-lg-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-lg-4::before,body.behat-site.pl-lg-4::before,body.themedesignermode .pl-lg-4::before,body.themedesignermode.pl-lg-4::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-lg-5 {
        padding-right: 2rem!important
    }

    body.behat-site .pr-lg-5,body.behat-site.pr-lg-5,body.themedesignermode .pr-lg-5,body.themedesignermode.pr-lg-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-lg-5::before,body.behat-site.pr-lg-5::before,body.themedesignermode .pr-lg-5::before,body.themedesignermode.pr-lg-5::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-lg-5 {
        padding-left: 2rem!important
    }

    body.behat-site .pl-lg-5,body.behat-site.pl-lg-5,body.themedesignermode .pl-lg-5,body.themedesignermode.pl-lg-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-lg-5::before,body.behat-site.pl-lg-5::before,body.themedesignermode .pl-lg-5::before,body.themedesignermode.pl-lg-5::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-lg-6 {
        padding-right: 3rem!important
    }

    body.behat-site .pr-lg-6,body.behat-site.pr-lg-6,body.themedesignermode .pr-lg-6,body.themedesignermode.pr-lg-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-lg-6::before,body.behat-site.pr-lg-6::before,body.themedesignermode .pr-lg-6::before,body.themedesignermode.pr-lg-6::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-lg-6 {
        padding-left: 3rem!important
    }

    body.behat-site .pl-lg-6,body.behat-site.pl-lg-6,body.themedesignermode .pl-lg-6,body.themedesignermode.pl-lg-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-lg-6::before,body.behat-site.pl-lg-6::before,body.themedesignermode .pl-lg-6::before,body.themedesignermode.pl-lg-6::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-n1 {
        margin-right: -0.25rem!important
    }

    body.behat-site .mr-lg-n1,body.behat-site.mr-lg-n1,body.themedesignermode .mr-lg-n1,body.themedesignermode.mr-lg-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-n1::before,body.behat-site.mr-lg-n1::before,body.themedesignermode .mr-lg-n1::before,body.themedesignermode.mr-lg-n1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-n1 {
        margin-left: -0.25rem!important
    }

    body.behat-site .ml-lg-n1,body.behat-site.ml-lg-n1,body.themedesignermode .ml-lg-n1,body.themedesignermode.ml-lg-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-n1::before,body.behat-site.ml-lg-n1::before,body.themedesignermode .ml-lg-n1::before,body.themedesignermode.ml-lg-n1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-n2 {
        margin-right: -0.5rem!important
    }

    body.behat-site .mr-lg-n2,body.behat-site.mr-lg-n2,body.themedesignermode .mr-lg-n2,body.themedesignermode.mr-lg-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-n2::before,body.behat-site.mr-lg-n2::before,body.themedesignermode .mr-lg-n2::before,body.themedesignermode.mr-lg-n2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-n2 {
        margin-left: -0.5rem!important
    }

    body.behat-site .ml-lg-n2,body.behat-site.ml-lg-n2,body.themedesignermode .ml-lg-n2,body.themedesignermode.ml-lg-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-n2::before,body.behat-site.ml-lg-n2::before,body.themedesignermode .ml-lg-n2::before,body.themedesignermode.ml-lg-n2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-n3 {
        margin-right: -1rem!important
    }

    body.behat-site .mr-lg-n3,body.behat-site.mr-lg-n3,body.themedesignermode .mr-lg-n3,body.themedesignermode.mr-lg-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-n3::before,body.behat-site.mr-lg-n3::before,body.themedesignermode .mr-lg-n3::before,body.themedesignermode.mr-lg-n3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-n3 {
        margin-left: -1rem!important
    }

    body.behat-site .ml-lg-n3,body.behat-site.ml-lg-n3,body.themedesignermode .ml-lg-n3,body.themedesignermode.ml-lg-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-n3::before,body.behat-site.ml-lg-n3::before,body.themedesignermode .ml-lg-n3::before,body.themedesignermode.ml-lg-n3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-n4 {
        margin-right: -1.5rem!important
    }

    body.behat-site .mr-lg-n4,body.behat-site.mr-lg-n4,body.themedesignermode .mr-lg-n4,body.themedesignermode.mr-lg-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-n4::before,body.behat-site.mr-lg-n4::before,body.themedesignermode .mr-lg-n4::before,body.themedesignermode.mr-lg-n4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-n4 {
        margin-left: -1.5rem!important
    }

    body.behat-site .ml-lg-n4,body.behat-site.ml-lg-n4,body.themedesignermode .ml-lg-n4,body.themedesignermode.ml-lg-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-n4::before,body.behat-site.ml-lg-n4::before,body.themedesignermode .ml-lg-n4::before,body.themedesignermode.ml-lg-n4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-n5 {
        margin-right: -2rem!important
    }

    body.behat-site .mr-lg-n5,body.behat-site.mr-lg-n5,body.themedesignermode .mr-lg-n5,body.themedesignermode.mr-lg-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-n5::before,body.behat-site.mr-lg-n5::before,body.themedesignermode .mr-lg-n5::before,body.themedesignermode.mr-lg-n5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-n5 {
        margin-left: -2rem!important
    }

    body.behat-site .ml-lg-n5,body.behat-site.ml-lg-n5,body.themedesignermode .ml-lg-n5,body.themedesignermode.ml-lg-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-n5::before,body.behat-site.ml-lg-n5::before,body.themedesignermode .ml-lg-n5::before,body.themedesignermode.ml-lg-n5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-n6 {
        margin-right: -3rem!important
    }

    body.behat-site .mr-lg-n6,body.behat-site.mr-lg-n6,body.themedesignermode .mr-lg-n6,body.themedesignermode.mr-lg-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-n6::before,body.behat-site.mr-lg-n6::before,body.themedesignermode .mr-lg-n6::before,body.themedesignermode.mr-lg-n6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-n6 {
        margin-left: -3rem!important
    }

    body.behat-site .ml-lg-n6,body.behat-site.ml-lg-n6,body.themedesignermode .ml-lg-n6,body.themedesignermode.ml-lg-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-n6::before,body.behat-site.ml-lg-n6::before,body.themedesignermode .ml-lg-n6::before,body.themedesignermode.ml-lg-n6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-lg-auto {
        margin-right: auto!important
    }

    body.behat-site .mr-lg-auto,body.behat-site.mr-lg-auto,body.themedesignermode .mr-lg-auto,body.themedesignermode.mr-lg-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-lg-auto::before,body.behat-site.mr-lg-auto::before,body.themedesignermode .mr-lg-auto::before,body.themedesignermode.mr-lg-auto::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-lg-auto {
        margin-left: auto!important
    }

    body.behat-site .ml-lg-auto,body.behat-site.ml-lg-auto,body.themedesignermode .ml-lg-auto,body.themedesignermode.ml-lg-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-lg-auto::before,body.behat-site.ml-lg-auto::before,body.themedesignermode .ml-lg-auto::before,body.themedesignermode.ml-lg-auto::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 1200px) {
    .mr-xl-0 {
        margin-right:0!important
    }

    body.behat-site .mr-xl-0,body.behat-site.mr-xl-0,body.themedesignermode .mr-xl-0,body.themedesignermode.mr-xl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-0::before,body.behat-site.mr-xl-0::before,body.themedesignermode .mr-xl-0::before,body.themedesignermode.mr-xl-0::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-0 {
        margin-left: 0!important
    }

    body.behat-site .ml-xl-0,body.behat-site.ml-xl-0,body.themedesignermode .ml-xl-0,body.themedesignermode.ml-xl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-0::before,body.behat-site.ml-xl-0::before,body.themedesignermode .ml-xl-0::before,body.themedesignermode.ml-xl-0::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-1 {
        margin-right: 0.25rem!important
    }

    body.behat-site .mr-xl-1,body.behat-site.mr-xl-1,body.themedesignermode .mr-xl-1,body.themedesignermode.mr-xl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-1::before,body.behat-site.mr-xl-1::before,body.themedesignermode .mr-xl-1::before,body.themedesignermode.mr-xl-1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-1 {
        margin-left: 0.25rem!important
    }

    body.behat-site .ml-xl-1,body.behat-site.ml-xl-1,body.themedesignermode .ml-xl-1,body.themedesignermode.ml-xl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-1::before,body.behat-site.ml-xl-1::before,body.themedesignermode .ml-xl-1::before,body.themedesignermode.ml-xl-1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-2 {
        margin-right: 0.5rem!important
    }

    body.behat-site .mr-xl-2,body.behat-site.mr-xl-2,body.themedesignermode .mr-xl-2,body.themedesignermode.mr-xl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-2::before,body.behat-site.mr-xl-2::before,body.themedesignermode .mr-xl-2::before,body.themedesignermode.mr-xl-2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-2 {
        margin-left: 0.5rem!important
    }

    body.behat-site .ml-xl-2,body.behat-site.ml-xl-2,body.themedesignermode .ml-xl-2,body.themedesignermode.ml-xl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-2::before,body.behat-site.ml-xl-2::before,body.themedesignermode .ml-xl-2::before,body.themedesignermode.ml-xl-2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-3 {
        margin-right: 1rem!important
    }

    body.behat-site .mr-xl-3,body.behat-site.mr-xl-3,body.themedesignermode .mr-xl-3,body.themedesignermode.mr-xl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-3::before,body.behat-site.mr-xl-3::before,body.themedesignermode .mr-xl-3::before,body.themedesignermode.mr-xl-3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-3 {
        margin-left: 1rem!important
    }

    body.behat-site .ml-xl-3,body.behat-site.ml-xl-3,body.themedesignermode .ml-xl-3,body.themedesignermode.ml-xl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-3::before,body.behat-site.ml-xl-3::before,body.themedesignermode .ml-xl-3::before,body.themedesignermode.ml-xl-3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-4 {
        margin-right: 1.5rem!important
    }

    body.behat-site .mr-xl-4,body.behat-site.mr-xl-4,body.themedesignermode .mr-xl-4,body.themedesignermode.mr-xl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-4::before,body.behat-site.mr-xl-4::before,body.themedesignermode .mr-xl-4::before,body.themedesignermode.mr-xl-4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-4 {
        margin-left: 1.5rem!important
    }

    body.behat-site .ml-xl-4,body.behat-site.ml-xl-4,body.themedesignermode .ml-xl-4,body.themedesignermode.ml-xl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-4::before,body.behat-site.ml-xl-4::before,body.themedesignermode .ml-xl-4::before,body.themedesignermode.ml-xl-4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-5 {
        margin-right: 2rem!important
    }

    body.behat-site .mr-xl-5,body.behat-site.mr-xl-5,body.themedesignermode .mr-xl-5,body.themedesignermode.mr-xl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-5::before,body.behat-site.mr-xl-5::before,body.themedesignermode .mr-xl-5::before,body.themedesignermode.mr-xl-5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-5 {
        margin-left: 2rem!important
    }

    body.behat-site .ml-xl-5,body.behat-site.ml-xl-5,body.themedesignermode .ml-xl-5,body.themedesignermode.ml-xl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-5::before,body.behat-site.ml-xl-5::before,body.themedesignermode .ml-xl-5::before,body.themedesignermode.ml-xl-5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-6 {
        margin-right: 3rem!important
    }

    body.behat-site .mr-xl-6,body.behat-site.mr-xl-6,body.themedesignermode .mr-xl-6,body.themedesignermode.mr-xl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-6::before,body.behat-site.mr-xl-6::before,body.themedesignermode .mr-xl-6::before,body.themedesignermode.mr-xl-6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-6 {
        margin-left: 3rem!important
    }

    body.behat-site .ml-xl-6,body.behat-site.ml-xl-6,body.themedesignermode .ml-xl-6,body.themedesignermode.ml-xl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-6::before,body.behat-site.ml-xl-6::before,body.themedesignermode .ml-xl-6::before,body.themedesignermode.ml-xl-6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xl-0 {
        padding-right: 0!important
    }

    body.behat-site .pr-xl-0,body.behat-site.pr-xl-0,body.themedesignermode .pr-xl-0,body.themedesignermode.pr-xl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xl-0::before,body.behat-site.pr-xl-0::before,body.themedesignermode .pr-xl-0::before,body.themedesignermode.pr-xl-0::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xl-0 {
        padding-left: 0!important
    }

    body.behat-site .pl-xl-0,body.behat-site.pl-xl-0,body.themedesignermode .pl-xl-0,body.themedesignermode.pl-xl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xl-0::before,body.behat-site.pl-xl-0::before,body.themedesignermode .pl-xl-0::before,body.themedesignermode.pl-xl-0::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xl-1 {
        padding-right: 0.25rem!important
    }

    body.behat-site .pr-xl-1,body.behat-site.pr-xl-1,body.themedesignermode .pr-xl-1,body.themedesignermode.pr-xl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xl-1::before,body.behat-site.pr-xl-1::before,body.themedesignermode .pr-xl-1::before,body.themedesignermode.pr-xl-1::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xl-1 {
        padding-left: 0.25rem!important
    }

    body.behat-site .pl-xl-1,body.behat-site.pl-xl-1,body.themedesignermode .pl-xl-1,body.themedesignermode.pl-xl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xl-1::before,body.behat-site.pl-xl-1::before,body.themedesignermode .pl-xl-1::before,body.themedesignermode.pl-xl-1::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xl-2 {
        padding-right: 0.5rem!important
    }

    body.behat-site .pr-xl-2,body.behat-site.pr-xl-2,body.themedesignermode .pr-xl-2,body.themedesignermode.pr-xl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xl-2::before,body.behat-site.pr-xl-2::before,body.themedesignermode .pr-xl-2::before,body.themedesignermode.pr-xl-2::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xl-2 {
        padding-left: 0.5rem!important
    }

    body.behat-site .pl-xl-2,body.behat-site.pl-xl-2,body.themedesignermode .pl-xl-2,body.themedesignermode.pl-xl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xl-2::before,body.behat-site.pl-xl-2::before,body.themedesignermode .pl-xl-2::before,body.themedesignermode.pl-xl-2::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xl-3 {
        padding-right: 1rem!important
    }

    body.behat-site .pr-xl-3,body.behat-site.pr-xl-3,body.themedesignermode .pr-xl-3,body.themedesignermode.pr-xl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xl-3::before,body.behat-site.pr-xl-3::before,body.themedesignermode .pr-xl-3::before,body.themedesignermode.pr-xl-3::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xl-3 {
        padding-left: 1rem!important
    }

    body.behat-site .pl-xl-3,body.behat-site.pl-xl-3,body.themedesignermode .pl-xl-3,body.themedesignermode.pl-xl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xl-3::before,body.behat-site.pl-xl-3::before,body.themedesignermode .pl-xl-3::before,body.themedesignermode.pl-xl-3::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xl-4 {
        padding-right: 1.5rem!important
    }

    body.behat-site .pr-xl-4,body.behat-site.pr-xl-4,body.themedesignermode .pr-xl-4,body.themedesignermode.pr-xl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xl-4::before,body.behat-site.pr-xl-4::before,body.themedesignermode .pr-xl-4::before,body.themedesignermode.pr-xl-4::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xl-4 {
        padding-left: 1.5rem!important
    }

    body.behat-site .pl-xl-4,body.behat-site.pl-xl-4,body.themedesignermode .pl-xl-4,body.themedesignermode.pl-xl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xl-4::before,body.behat-site.pl-xl-4::before,body.themedesignermode .pl-xl-4::before,body.themedesignermode.pl-xl-4::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xl-5 {
        padding-right: 2rem!important
    }

    body.behat-site .pr-xl-5,body.behat-site.pr-xl-5,body.themedesignermode .pr-xl-5,body.themedesignermode.pr-xl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xl-5::before,body.behat-site.pr-xl-5::before,body.themedesignermode .pr-xl-5::before,body.themedesignermode.pr-xl-5::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xl-5 {
        padding-left: 2rem!important
    }

    body.behat-site .pl-xl-5,body.behat-site.pl-xl-5,body.themedesignermode .pl-xl-5,body.themedesignermode.pl-xl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xl-5::before,body.behat-site.pl-xl-5::before,body.themedesignermode .pl-xl-5::before,body.themedesignermode.pl-xl-5::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xl-6 {
        padding-right: 3rem!important
    }

    body.behat-site .pr-xl-6,body.behat-site.pr-xl-6,body.themedesignermode .pr-xl-6,body.themedesignermode.pr-xl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xl-6::before,body.behat-site.pr-xl-6::before,body.themedesignermode .pr-xl-6::before,body.themedesignermode.pr-xl-6::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xl-6 {
        padding-left: 3rem!important
    }

    body.behat-site .pl-xl-6,body.behat-site.pl-xl-6,body.themedesignermode .pl-xl-6,body.themedesignermode.pl-xl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xl-6::before,body.behat-site.pl-xl-6::before,body.themedesignermode .pl-xl-6::before,body.themedesignermode.pl-xl-6::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-n1 {
        margin-right: -0.25rem!important
    }

    body.behat-site .mr-xl-n1,body.behat-site.mr-xl-n1,body.themedesignermode .mr-xl-n1,body.themedesignermode.mr-xl-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-n1::before,body.behat-site.mr-xl-n1::before,body.themedesignermode .mr-xl-n1::before,body.themedesignermode.mr-xl-n1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-n1 {
        margin-left: -0.25rem!important
    }

    body.behat-site .ml-xl-n1,body.behat-site.ml-xl-n1,body.themedesignermode .ml-xl-n1,body.themedesignermode.ml-xl-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-n1::before,body.behat-site.ml-xl-n1::before,body.themedesignermode .ml-xl-n1::before,body.themedesignermode.ml-xl-n1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-n2 {
        margin-right: -0.5rem!important
    }

    body.behat-site .mr-xl-n2,body.behat-site.mr-xl-n2,body.themedesignermode .mr-xl-n2,body.themedesignermode.mr-xl-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-n2::before,body.behat-site.mr-xl-n2::before,body.themedesignermode .mr-xl-n2::before,body.themedesignermode.mr-xl-n2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-n2 {
        margin-left: -0.5rem!important
    }

    body.behat-site .ml-xl-n2,body.behat-site.ml-xl-n2,body.themedesignermode .ml-xl-n2,body.themedesignermode.ml-xl-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-n2::before,body.behat-site.ml-xl-n2::before,body.themedesignermode .ml-xl-n2::before,body.themedesignermode.ml-xl-n2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-n3 {
        margin-right: -1rem!important
    }

    body.behat-site .mr-xl-n3,body.behat-site.mr-xl-n3,body.themedesignermode .mr-xl-n3,body.themedesignermode.mr-xl-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-n3::before,body.behat-site.mr-xl-n3::before,body.themedesignermode .mr-xl-n3::before,body.themedesignermode.mr-xl-n3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-n3 {
        margin-left: -1rem!important
    }

    body.behat-site .ml-xl-n3,body.behat-site.ml-xl-n3,body.themedesignermode .ml-xl-n3,body.themedesignermode.ml-xl-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-n3::before,body.behat-site.ml-xl-n3::before,body.themedesignermode .ml-xl-n3::before,body.themedesignermode.ml-xl-n3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-n4 {
        margin-right: -1.5rem!important
    }

    body.behat-site .mr-xl-n4,body.behat-site.mr-xl-n4,body.themedesignermode .mr-xl-n4,body.themedesignermode.mr-xl-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-n4::before,body.behat-site.mr-xl-n4::before,body.themedesignermode .mr-xl-n4::before,body.themedesignermode.mr-xl-n4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-n4 {
        margin-left: -1.5rem!important
    }

    body.behat-site .ml-xl-n4,body.behat-site.ml-xl-n4,body.themedesignermode .ml-xl-n4,body.themedesignermode.ml-xl-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-n4::before,body.behat-site.ml-xl-n4::before,body.themedesignermode .ml-xl-n4::before,body.themedesignermode.ml-xl-n4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-n5 {
        margin-right: -2rem!important
    }

    body.behat-site .mr-xl-n5,body.behat-site.mr-xl-n5,body.themedesignermode .mr-xl-n5,body.themedesignermode.mr-xl-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-n5::before,body.behat-site.mr-xl-n5::before,body.themedesignermode .mr-xl-n5::before,body.themedesignermode.mr-xl-n5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-n5 {
        margin-left: -2rem!important
    }

    body.behat-site .ml-xl-n5,body.behat-site.ml-xl-n5,body.themedesignermode .ml-xl-n5,body.themedesignermode.ml-xl-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-n5::before,body.behat-site.ml-xl-n5::before,body.themedesignermode .ml-xl-n5::before,body.themedesignermode.ml-xl-n5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-n6 {
        margin-right: -3rem!important
    }

    body.behat-site .mr-xl-n6,body.behat-site.mr-xl-n6,body.themedesignermode .mr-xl-n6,body.themedesignermode.mr-xl-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-n6::before,body.behat-site.mr-xl-n6::before,body.themedesignermode .mr-xl-n6::before,body.themedesignermode.mr-xl-n6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-n6 {
        margin-left: -3rem!important
    }

    body.behat-site .ml-xl-n6,body.behat-site.ml-xl-n6,body.themedesignermode .ml-xl-n6,body.themedesignermode.ml-xl-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-n6::before,body.behat-site.ml-xl-n6::before,body.themedesignermode .ml-xl-n6::before,body.themedesignermode.ml-xl-n6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xl-auto {
        margin-right: auto!important
    }

    body.behat-site .mr-xl-auto,body.behat-site.mr-xl-auto,body.themedesignermode .mr-xl-auto,body.themedesignermode.mr-xl-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xl-auto::before,body.behat-site.mr-xl-auto::before,body.themedesignermode .mr-xl-auto::before,body.themedesignermode.mr-xl-auto::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xl-auto {
        margin-left: auto!important
    }

    body.behat-site .ml-xl-auto,body.behat-site.ml-xl-auto,body.themedesignermode .ml-xl-auto,body.themedesignermode.ml-xl-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xl-auto::before,body.behat-site.ml-xl-auto::before,body.themedesignermode .ml-xl-auto::before,body.themedesignermode.ml-xl-auto::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 1400px) {
    .mr-xxl-0 {
        margin-right:0!important
    }

    body.behat-site .mr-xxl-0,body.behat-site.mr-xxl-0,body.themedesignermode .mr-xxl-0,body.themedesignermode.mr-xxl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-0::before,body.behat-site.mr-xxl-0::before,body.themedesignermode .mr-xxl-0::before,body.themedesignermode.mr-xxl-0::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-0 {
        margin-left: 0!important
    }

    body.behat-site .ml-xxl-0,body.behat-site.ml-xxl-0,body.themedesignermode .ml-xxl-0,body.themedesignermode.ml-xxl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-0::before,body.behat-site.ml-xxl-0::before,body.themedesignermode .ml-xxl-0::before,body.themedesignermode.ml-xxl-0::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-1 {
        margin-right: 0.25rem!important
    }

    body.behat-site .mr-xxl-1,body.behat-site.mr-xxl-1,body.themedesignermode .mr-xxl-1,body.themedesignermode.mr-xxl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-1::before,body.behat-site.mr-xxl-1::before,body.themedesignermode .mr-xxl-1::before,body.themedesignermode.mr-xxl-1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-1 {
        margin-left: 0.25rem!important
    }

    body.behat-site .ml-xxl-1,body.behat-site.ml-xxl-1,body.themedesignermode .ml-xxl-1,body.themedesignermode.ml-xxl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-1::before,body.behat-site.ml-xxl-1::before,body.themedesignermode .ml-xxl-1::before,body.themedesignermode.ml-xxl-1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-2 {
        margin-right: 0.5rem!important
    }

    body.behat-site .mr-xxl-2,body.behat-site.mr-xxl-2,body.themedesignermode .mr-xxl-2,body.themedesignermode.mr-xxl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-2::before,body.behat-site.mr-xxl-2::before,body.themedesignermode .mr-xxl-2::before,body.themedesignermode.mr-xxl-2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-2 {
        margin-left: 0.5rem!important
    }

    body.behat-site .ml-xxl-2,body.behat-site.ml-xxl-2,body.themedesignermode .ml-xxl-2,body.themedesignermode.ml-xxl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-2::before,body.behat-site.ml-xxl-2::before,body.themedesignermode .ml-xxl-2::before,body.themedesignermode.ml-xxl-2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-3 {
        margin-right: 1rem!important
    }

    body.behat-site .mr-xxl-3,body.behat-site.mr-xxl-3,body.themedesignermode .mr-xxl-3,body.themedesignermode.mr-xxl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-3::before,body.behat-site.mr-xxl-3::before,body.themedesignermode .mr-xxl-3::before,body.themedesignermode.mr-xxl-3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-3 {
        margin-left: 1rem!important
    }

    body.behat-site .ml-xxl-3,body.behat-site.ml-xxl-3,body.themedesignermode .ml-xxl-3,body.themedesignermode.ml-xxl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-3::before,body.behat-site.ml-xxl-3::before,body.themedesignermode .ml-xxl-3::before,body.themedesignermode.ml-xxl-3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-4 {
        margin-right: 1.5rem!important
    }

    body.behat-site .mr-xxl-4,body.behat-site.mr-xxl-4,body.themedesignermode .mr-xxl-4,body.themedesignermode.mr-xxl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-4::before,body.behat-site.mr-xxl-4::before,body.themedesignermode .mr-xxl-4::before,body.themedesignermode.mr-xxl-4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-4 {
        margin-left: 1.5rem!important
    }

    body.behat-site .ml-xxl-4,body.behat-site.ml-xxl-4,body.themedesignermode .ml-xxl-4,body.themedesignermode.ml-xxl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-4::before,body.behat-site.ml-xxl-4::before,body.themedesignermode .ml-xxl-4::before,body.themedesignermode.ml-xxl-4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-5 {
        margin-right: 2rem!important
    }

    body.behat-site .mr-xxl-5,body.behat-site.mr-xxl-5,body.themedesignermode .mr-xxl-5,body.themedesignermode.mr-xxl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-5::before,body.behat-site.mr-xxl-5::before,body.themedesignermode .mr-xxl-5::before,body.themedesignermode.mr-xxl-5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-5 {
        margin-left: 2rem!important
    }

    body.behat-site .ml-xxl-5,body.behat-site.ml-xxl-5,body.themedesignermode .ml-xxl-5,body.themedesignermode.ml-xxl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-5::before,body.behat-site.ml-xxl-5::before,body.themedesignermode .ml-xxl-5::before,body.themedesignermode.ml-xxl-5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-6 {
        margin-right: 3rem!important
    }

    body.behat-site .mr-xxl-6,body.behat-site.mr-xxl-6,body.themedesignermode .mr-xxl-6,body.themedesignermode.mr-xxl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-6::before,body.behat-site.mr-xxl-6::before,body.themedesignermode .mr-xxl-6::before,body.themedesignermode.mr-xxl-6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-6 {
        margin-left: 3rem!important
    }

    body.behat-site .ml-xxl-6,body.behat-site.ml-xxl-6,body.themedesignermode .ml-xxl-6,body.themedesignermode.ml-xxl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-6::before,body.behat-site.ml-xxl-6::before,body.themedesignermode .ml-xxl-6::before,body.themedesignermode.ml-xxl-6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xxl-0 {
        padding-right: 0!important
    }

    body.behat-site .pr-xxl-0,body.behat-site.pr-xxl-0,body.themedesignermode .pr-xxl-0,body.themedesignermode.pr-xxl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xxl-0::before,body.behat-site.pr-xxl-0::before,body.themedesignermode .pr-xxl-0::before,body.themedesignermode.pr-xxl-0::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xxl-0 {
        padding-left: 0!important
    }

    body.behat-site .pl-xxl-0,body.behat-site.pl-xxl-0,body.themedesignermode .pl-xxl-0,body.themedesignermode.pl-xxl-0 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xxl-0::before,body.behat-site.pl-xxl-0::before,body.themedesignermode .pl-xxl-0::before,body.themedesignermode.pl-xxl-0::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xxl-1 {
        padding-right: 0.25rem!important
    }

    body.behat-site .pr-xxl-1,body.behat-site.pr-xxl-1,body.themedesignermode .pr-xxl-1,body.themedesignermode.pr-xxl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xxl-1::before,body.behat-site.pr-xxl-1::before,body.themedesignermode .pr-xxl-1::before,body.themedesignermode.pr-xxl-1::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xxl-1 {
        padding-left: 0.25rem!important
    }

    body.behat-site .pl-xxl-1,body.behat-site.pl-xxl-1,body.themedesignermode .pl-xxl-1,body.themedesignermode.pl-xxl-1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xxl-1::before,body.behat-site.pl-xxl-1::before,body.themedesignermode .pl-xxl-1::before,body.themedesignermode.pl-xxl-1::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xxl-2 {
        padding-right: 0.5rem!important
    }

    body.behat-site .pr-xxl-2,body.behat-site.pr-xxl-2,body.themedesignermode .pr-xxl-2,body.themedesignermode.pr-xxl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xxl-2::before,body.behat-site.pr-xxl-2::before,body.themedesignermode .pr-xxl-2::before,body.themedesignermode.pr-xxl-2::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xxl-2 {
        padding-left: 0.5rem!important
    }

    body.behat-site .pl-xxl-2,body.behat-site.pl-xxl-2,body.themedesignermode .pl-xxl-2,body.themedesignermode.pl-xxl-2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xxl-2::before,body.behat-site.pl-xxl-2::before,body.themedesignermode .pl-xxl-2::before,body.themedesignermode.pl-xxl-2::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xxl-3 {
        padding-right: 1rem!important
    }

    body.behat-site .pr-xxl-3,body.behat-site.pr-xxl-3,body.themedesignermode .pr-xxl-3,body.themedesignermode.pr-xxl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xxl-3::before,body.behat-site.pr-xxl-3::before,body.themedesignermode .pr-xxl-3::before,body.themedesignermode.pr-xxl-3::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xxl-3 {
        padding-left: 1rem!important
    }

    body.behat-site .pl-xxl-3,body.behat-site.pl-xxl-3,body.themedesignermode .pl-xxl-3,body.themedesignermode.pl-xxl-3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xxl-3::before,body.behat-site.pl-xxl-3::before,body.themedesignermode .pl-xxl-3::before,body.themedesignermode.pl-xxl-3::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xxl-4 {
        padding-right: 1.5rem!important
    }

    body.behat-site .pr-xxl-4,body.behat-site.pr-xxl-4,body.themedesignermode .pr-xxl-4,body.themedesignermode.pr-xxl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xxl-4::before,body.behat-site.pr-xxl-4::before,body.themedesignermode .pr-xxl-4::before,body.themedesignermode.pr-xxl-4::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xxl-4 {
        padding-left: 1.5rem!important
    }

    body.behat-site .pl-xxl-4,body.behat-site.pl-xxl-4,body.themedesignermode .pl-xxl-4,body.themedesignermode.pl-xxl-4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xxl-4::before,body.behat-site.pl-xxl-4::before,body.themedesignermode .pl-xxl-4::before,body.themedesignermode.pl-xxl-4::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xxl-5 {
        padding-right: 2rem!important
    }

    body.behat-site .pr-xxl-5,body.behat-site.pr-xxl-5,body.themedesignermode .pr-xxl-5,body.themedesignermode.pr-xxl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xxl-5::before,body.behat-site.pr-xxl-5::before,body.themedesignermode .pr-xxl-5::before,body.themedesignermode.pr-xxl-5::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xxl-5 {
        padding-left: 2rem!important
    }

    body.behat-site .pl-xxl-5,body.behat-site.pl-xxl-5,body.themedesignermode .pl-xxl-5,body.themedesignermode.pl-xxl-5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xxl-5::before,body.behat-site.pl-xxl-5::before,body.themedesignermode .pl-xxl-5::before,body.themedesignermode.pl-xxl-5::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pr-xxl-6 {
        padding-right: 3rem!important
    }

    body.behat-site .pr-xxl-6,body.behat-site.pr-xxl-6,body.themedesignermode .pr-xxl-6,body.themedesignermode.pr-xxl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pr-xxl-6::before,body.behat-site.pr-xxl-6::before,body.themedesignermode .pr-xxl-6::before,body.themedesignermode.pr-xxl-6::before {
        content: "Deprecated style in use (.pr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .pl-xxl-6 {
        padding-left: 3rem!important
    }

    body.behat-site .pl-xxl-6,body.behat-site.pl-xxl-6,body.themedesignermode .pl-xxl-6,body.themedesignermode.pl-xxl-6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .pl-xxl-6::before,body.behat-site.pl-xxl-6::before,body.themedesignermode .pl-xxl-6::before,body.themedesignermode.pl-xxl-6::before {
        content: "Deprecated style in use (.pl)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-n1 {
        margin-right: -0.25rem!important
    }

    body.behat-site .mr-xxl-n1,body.behat-site.mr-xxl-n1,body.themedesignermode .mr-xxl-n1,body.themedesignermode.mr-xxl-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-n1::before,body.behat-site.mr-xxl-n1::before,body.themedesignermode .mr-xxl-n1::before,body.themedesignermode.mr-xxl-n1::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-n1 {
        margin-left: -0.25rem!important
    }

    body.behat-site .ml-xxl-n1,body.behat-site.ml-xxl-n1,body.themedesignermode .ml-xxl-n1,body.themedesignermode.ml-xxl-n1 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-n1::before,body.behat-site.ml-xxl-n1::before,body.themedesignermode .ml-xxl-n1::before,body.themedesignermode.ml-xxl-n1::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-n2 {
        margin-right: -0.5rem!important
    }

    body.behat-site .mr-xxl-n2,body.behat-site.mr-xxl-n2,body.themedesignermode .mr-xxl-n2,body.themedesignermode.mr-xxl-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-n2::before,body.behat-site.mr-xxl-n2::before,body.themedesignermode .mr-xxl-n2::before,body.themedesignermode.mr-xxl-n2::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-n2 {
        margin-left: -0.5rem!important
    }

    body.behat-site .ml-xxl-n2,body.behat-site.ml-xxl-n2,body.themedesignermode .ml-xxl-n2,body.themedesignermode.ml-xxl-n2 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-n2::before,body.behat-site.ml-xxl-n2::before,body.themedesignermode .ml-xxl-n2::before,body.themedesignermode.ml-xxl-n2::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-n3 {
        margin-right: -1rem!important
    }

    body.behat-site .mr-xxl-n3,body.behat-site.mr-xxl-n3,body.themedesignermode .mr-xxl-n3,body.themedesignermode.mr-xxl-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-n3::before,body.behat-site.mr-xxl-n3::before,body.themedesignermode .mr-xxl-n3::before,body.themedesignermode.mr-xxl-n3::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-n3 {
        margin-left: -1rem!important
    }

    body.behat-site .ml-xxl-n3,body.behat-site.ml-xxl-n3,body.themedesignermode .ml-xxl-n3,body.themedesignermode.ml-xxl-n3 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-n3::before,body.behat-site.ml-xxl-n3::before,body.themedesignermode .ml-xxl-n3::before,body.themedesignermode.ml-xxl-n3::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-n4 {
        margin-right: -1.5rem!important
    }

    body.behat-site .mr-xxl-n4,body.behat-site.mr-xxl-n4,body.themedesignermode .mr-xxl-n4,body.themedesignermode.mr-xxl-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-n4::before,body.behat-site.mr-xxl-n4::before,body.themedesignermode .mr-xxl-n4::before,body.themedesignermode.mr-xxl-n4::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-n4 {
        margin-left: -1.5rem!important
    }

    body.behat-site .ml-xxl-n4,body.behat-site.ml-xxl-n4,body.themedesignermode .ml-xxl-n4,body.themedesignermode.ml-xxl-n4 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-n4::before,body.behat-site.ml-xxl-n4::before,body.themedesignermode .ml-xxl-n4::before,body.themedesignermode.ml-xxl-n4::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-n5 {
        margin-right: -2rem!important
    }

    body.behat-site .mr-xxl-n5,body.behat-site.mr-xxl-n5,body.themedesignermode .mr-xxl-n5,body.themedesignermode.mr-xxl-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-n5::before,body.behat-site.mr-xxl-n5::before,body.themedesignermode .mr-xxl-n5::before,body.themedesignermode.mr-xxl-n5::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-n5 {
        margin-left: -2rem!important
    }

    body.behat-site .ml-xxl-n5,body.behat-site.ml-xxl-n5,body.themedesignermode .ml-xxl-n5,body.themedesignermode.ml-xxl-n5 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-n5::before,body.behat-site.ml-xxl-n5::before,body.themedesignermode .ml-xxl-n5::before,body.themedesignermode.ml-xxl-n5::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-n6 {
        margin-right: -3rem!important
    }

    body.behat-site .mr-xxl-n6,body.behat-site.mr-xxl-n6,body.themedesignermode .mr-xxl-n6,body.themedesignermode.mr-xxl-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-n6::before,body.behat-site.mr-xxl-n6::before,body.themedesignermode .mr-xxl-n6::before,body.themedesignermode.mr-xxl-n6::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-n6 {
        margin-left: -3rem!important
    }

    body.behat-site .ml-xxl-n6,body.behat-site.ml-xxl-n6,body.themedesignermode .ml-xxl-n6,body.themedesignermode.ml-xxl-n6 {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-n6::before,body.behat-site.ml-xxl-n6::before,body.themedesignermode .ml-xxl-n6::before,body.themedesignermode.ml-xxl-n6::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .mr-xxl-auto {
        margin-right: auto!important
    }

    body.behat-site .mr-xxl-auto,body.behat-site.mr-xxl-auto,body.themedesignermode .mr-xxl-auto,body.themedesignermode.mr-xxl-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .mr-xxl-auto::before,body.behat-site.mr-xxl-auto::before,body.themedesignermode .mr-xxl-auto::before,body.themedesignermode.mr-xxl-auto::before {
        content: "Deprecated style in use (.mr)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .ml-xxl-auto {
        margin-left: auto!important
    }

    body.behat-site .ml-xxl-auto,body.behat-site.ml-xxl-auto,body.themedesignermode .ml-xxl-auto,body.themedesignermode.ml-xxl-auto {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .ml-xxl-auto::before,body.behat-site.ml-xxl-auto::before,body.themedesignermode .ml-xxl-auto::before,body.themedesignermode.ml-xxl-auto::before {
        content: "Deprecated style in use (.ml)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

.text-left {
    text-align: left!important
}

body.behat-site .text-left,body.behat-site.text-left,body.themedesignermode .text-left,body.themedesignermode.text-left {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .text-left::before,body.behat-site.text-left::before,body.themedesignermode .text-left::before,body.themedesignermode.text-left::before {
    content: "Deprecated style in use (.text-left)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.text-right {
    text-align: right!important
}

body.behat-site .text-right,body.behat-site.text-right,body.themedesignermode .text-right,body.themedesignermode.text-right {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .text-right::before,body.behat-site.text-right::before,body.themedesignermode .text-right::before,body.themedesignermode.text-right::before {
    content: "Deprecated style in use (.text-right)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

    body.behat-site .text-sm-left,body.behat-site.text-sm-left,body.themedesignermode .text-sm-left,body.themedesignermode.text-sm-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-sm-left::before,body.behat-site.text-sm-left::before,body.themedesignermode .text-sm-left::before,body.themedesignermode.text-sm-left::before {
        content: "Deprecated style in use (.text-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .text-sm-right {
        text-align: right!important
    }

    body.behat-site .text-sm-right,body.behat-site.text-sm-right,body.themedesignermode .text-sm-right,body.themedesignermode.text-sm-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-sm-right::before,body.behat-site.text-sm-right::before,body.themedesignermode .text-sm-right::before,body.themedesignermode.text-sm-right::before {
        content: "Deprecated style in use (.text-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

    body.behat-site .text-md-left,body.behat-site.text-md-left,body.themedesignermode .text-md-left,body.themedesignermode.text-md-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-md-left::before,body.behat-site.text-md-left::before,body.themedesignermode .text-md-left::before,body.themedesignermode.text-md-left::before {
        content: "Deprecated style in use (.text-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .text-md-right {
        text-align: right!important
    }

    body.behat-site .text-md-right,body.behat-site.text-md-right,body.themedesignermode .text-md-right,body.themedesignermode.text-md-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-md-right::before,body.behat-site.text-md-right::before,body.themedesignermode .text-md-right::before,body.themedesignermode.text-md-right::before {
        content: "Deprecated style in use (.text-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

    body.behat-site .text-lg-left,body.behat-site.text-lg-left,body.themedesignermode .text-lg-left,body.themedesignermode.text-lg-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-lg-left::before,body.behat-site.text-lg-left::before,body.themedesignermode .text-lg-left::before,body.themedesignermode.text-lg-left::before {
        content: "Deprecated style in use (.text-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .text-lg-right {
        text-align: right!important
    }

    body.behat-site .text-lg-right,body.behat-site.text-lg-right,body.themedesignermode .text-lg-right,body.themedesignermode.text-lg-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-lg-right::before,body.behat-site.text-lg-right::before,body.themedesignermode .text-lg-right::before,body.themedesignermode.text-lg-right::before {
        content: "Deprecated style in use (.text-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }

    body.behat-site .text-xl-left,body.behat-site.text-xl-left,body.themedesignermode .text-xl-left,body.themedesignermode.text-xl-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-xl-left::before,body.behat-site.text-xl-left::before,body.themedesignermode .text-xl-left::before,body.themedesignermode.text-xl-left::before {
        content: "Deprecated style in use (.text-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .text-xl-right {
        text-align: right!important
    }

    body.behat-site .text-xl-right,body.behat-site.text-xl-right,body.themedesignermode .text-xl-right,body.themedesignermode.text-xl-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-xl-right::before,body.behat-site.text-xl-right::before,body.themedesignermode .text-xl-right::before,body.themedesignermode.text-xl-right::before {
        content: "Deprecated style in use (.text-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 1400px) {
    .text-xxl-left {
        text-align:left!important
    }

    body.behat-site .text-xxl-left,body.behat-site.text-xxl-left,body.themedesignermode .text-xxl-left,body.themedesignermode.text-xxl-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-xxl-left::before,body.behat-site.text-xxl-left::before,body.themedesignermode .text-xxl-left::before,body.themedesignermode.text-xxl-left::before {
        content: "Deprecated style in use (.text-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .text-xxl-right {
        text-align: right!important
    }

    body.behat-site .text-xxl-right,body.behat-site.text-xxl-right,body.themedesignermode .text-xxl-right,body.themedesignermode.text-xxl-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .text-xxl-right::before,body.behat-site.text-xxl-right::before,body.themedesignermode .text-xxl-right::before,body.themedesignermode.text-xxl-right::before {
        content: "Deprecated style in use (.text-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

body.behat-site .border-right,body.behat-site.border-right,body.themedesignermode .border-right,body.themedesignermode.border-right {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .border-right::before,body.behat-site.border-right::before,body.themedesignermode .border-right::before,body.themedesignermode.border-right::before {
    content: "Deprecated style in use (.border-right)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

body.behat-site .border-left,body.behat-site.border-left,body.themedesignermode .border-left,body.themedesignermode.border-left {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .border-left::before,body.behat-site.border-left::before,body.themedesignermode .border-left::before,body.themedesignermode.border-left::before {
    content: "Deprecated style in use (.border-left)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.border-right-0 {
    border-right: 0!important
}

body.behat-site .border-right-0,body.behat-site.border-right-0,body.themedesignermode .border-right-0,body.themedesignermode.border-right-0 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .border-right-0::before,body.behat-site.border-right-0::before,body.themedesignermode .border-right-0::before,body.themedesignermode.border-right-0::before {
    content: "Deprecated style in use (.border-right)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.border-left-0 {
    border-left: 0!important
}

body.behat-site .border-left-0,body.behat-site.border-left-0,body.themedesignermode .border-left-0,body.themedesignermode.border-left-0 {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .border-left-0::before,body.behat-site.border-left-0::before,body.themedesignermode .border-left-0::before,body.themedesignermode.border-left-0::before {
    content: "Deprecated style in use (.border-left)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.rounded-right {
    border-top-right-radius: 0.5rem!important;
    border-bottom-right-radius: 0.5rem!important
}

body.behat-site .rounded-right,body.behat-site.rounded-right,body.themedesignermode .rounded-right,body.themedesignermode.rounded-right {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .rounded-right::before,body.behat-site.rounded-right::before,body.themedesignermode .rounded-right::before,body.themedesignermode.rounded-right::before {
    content: "Deprecated style in use (.rounded-right)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.rounded-left {
    border-top-left-radius: 0.5rem!important;
    border-bottom-left-radius: 0.5rem!important
}

body.behat-site .rounded-left,body.behat-site.rounded-left,body.themedesignermode .rounded-left,body.themedesignermode.rounded-left {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .rounded-left::before,body.behat-site.rounded-left::before,body.themedesignermode .rounded-left::before,body.themedesignermode.rounded-left::before {
    content: "Deprecated style in use (.rounded-left)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.float-left {
    float: left!important
}

body.behat-site .float-left,body.behat-site.float-left,body.themedesignermode .float-left,body.themedesignermode.float-left {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .float-left::before,body.behat-site.float-left::before,body.themedesignermode .float-left::before,body.themedesignermode.float-left::before {
    content: "Deprecated style in use (.float-left)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.float-right {
    float: right!important
}

body.behat-site .float-right,body.behat-site.float-right,body.themedesignermode .float-right,body.themedesignermode.float-right {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .float-right::before,body.behat-site.float-right::before,body.themedesignermode .float-right::before,body.themedesignermode.float-right::before {
    content: "Deprecated style in use (.float-right)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    body.behat-site .float-sm-left,body.behat-site.float-sm-left,body.themedesignermode .float-sm-left,body.themedesignermode.float-sm-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-sm-left::before,body.behat-site.float-sm-left::before,body.themedesignermode .float-sm-left::before,body.themedesignermode.float-sm-left::before {
        content: "Deprecated style in use (.float-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .float-sm-right {
        float: right!important
    }

    body.behat-site .float-sm-right,body.behat-site.float-sm-right,body.themedesignermode .float-sm-right,body.themedesignermode.float-sm-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-sm-right::before,body.behat-site.float-sm-right::before,body.themedesignermode .float-sm-right::before,body.themedesignermode.float-sm-right::before {
        content: "Deprecated style in use (.float-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    body.behat-site .float-md-left,body.behat-site.float-md-left,body.themedesignermode .float-md-left,body.themedesignermode.float-md-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-md-left::before,body.behat-site.float-md-left::before,body.themedesignermode .float-md-left::before,body.themedesignermode.float-md-left::before {
        content: "Deprecated style in use (.float-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .float-md-right {
        float: right!important
    }

    body.behat-site .float-md-right,body.behat-site.float-md-right,body.themedesignermode .float-md-right,body.themedesignermode.float-md-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-md-right::before,body.behat-site.float-md-right::before,body.themedesignermode .float-md-right::before,body.themedesignermode.float-md-right::before {
        content: "Deprecated style in use (.float-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    body.behat-site .float-lg-left,body.behat-site.float-lg-left,body.themedesignermode .float-lg-left,body.themedesignermode.float-lg-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-lg-left::before,body.behat-site.float-lg-left::before,body.themedesignermode .float-lg-left::before,body.themedesignermode.float-lg-left::before {
        content: "Deprecated style in use (.float-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .float-lg-right {
        float: right!important
    }

    body.behat-site .float-lg-right,body.behat-site.float-lg-right,body.themedesignermode .float-lg-right,body.themedesignermode.float-lg-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-lg-right::before,body.behat-site.float-lg-right::before,body.themedesignermode .float-lg-right::before,body.themedesignermode.float-lg-right::before {
        content: "Deprecated style in use (.float-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float:left!important
    }

    body.behat-site .float-xl-left,body.behat-site.float-xl-left,body.themedesignermode .float-xl-left,body.themedesignermode.float-xl-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-xl-left::before,body.behat-site.float-xl-left::before,body.themedesignermode .float-xl-left::before,body.themedesignermode.float-xl-left::before {
        content: "Deprecated style in use (.float-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .float-xl-right {
        float: right!important
    }

    body.behat-site .float-xl-right,body.behat-site.float-xl-right,body.themedesignermode .float-xl-right,body.themedesignermode.float-xl-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-xl-right::before,body.behat-site.float-xl-right::before,body.themedesignermode .float-xl-right::before,body.themedesignermode.float-xl-right::before {
        content: "Deprecated style in use (.float-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-left {
        float:left!important
    }

    body.behat-site .float-xxl-left,body.behat-site.float-xxl-left,body.themedesignermode .float-xxl-left,body.themedesignermode.float-xxl-left {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-xxl-left::before,body.behat-site.float-xxl-left::before,body.themedesignermode .float-xxl-left::before,body.themedesignermode.float-xxl-left::before {
        content: "Deprecated style in use (.float-left)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }

    .float-xxl-right {
        float: right!important
    }

    body.behat-site .float-xxl-right,body.behat-site.float-xxl-right,body.themedesignermode .float-xxl-right,body.themedesignermode.float-xxl-right {
        outline: 3px dotted #ca3120!important;
        background-color: #fceeed!important
    }

    body.behat-site .float-xxl-right::before,body.behat-site.float-xxl-right::before,body.themedesignermode .float-xxl-right::before,body.themedesignermode.float-xxl-right::before {
        content: "Deprecated style in use (.float-right)"!important;
        color: #ca3120!important;
        font-size: smaller!important
    }
}

.close {
    float: right;
    font-size: calc(1.265625rem + 0.1875vw);
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

@media (min-width: 1200px) {
    .close {
        font-size:1.40625rem
    }
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: #fff0;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.font-weight-light {
    font-weight: 300!important
}

body.behat-site .font-weight-light,body.behat-site.font-weight-light,body.themedesignermode .font-weight-light,body.themedesignermode.font-weight-light {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .font-weight-light::before,body.behat-site.font-weight-light::before,body.themedesignermode .font-weight-light::before,body.themedesignermode.font-weight-light::before {
    content: "Deprecated style in use (.font-weight)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

body.behat-site .font-weight-lighter,body.behat-site.font-weight-lighter,body.themedesignermode .font-weight-lighter,body.themedesignermode.font-weight-lighter {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .font-weight-lighter::before,body.behat-site.font-weight-lighter::before,body.themedesignermode .font-weight-lighter::before,body.themedesignermode.font-weight-lighter::before {
    content: "Deprecated style in use (.font-weight)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.font-weight-normal {
    font-weight: 400!important
}

body.behat-site .font-weight-normal,body.behat-site.font-weight-normal,body.themedesignermode .font-weight-normal,body.themedesignermode.font-weight-normal {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .font-weight-normal::before,body.behat-site.font-weight-normal::before,body.themedesignermode .font-weight-normal::before,body.themedesignermode.font-weight-normal::before {
    content: "Deprecated style in use (.font-weight)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.font-weight-bold {
    font-weight: 700!important
}

body.behat-site .font-weight-bold,body.behat-site.font-weight-bold,body.themedesignermode .font-weight-bold,body.themedesignermode.font-weight-bold {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .font-weight-bold::before,body.behat-site.font-weight-bold::before,body.themedesignermode .font-weight-bold::before,body.themedesignermode.font-weight-bold::before {
    content: "Deprecated style in use (.font-weight)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

body.behat-site .font-weight-bolder,body.behat-site.font-weight-bolder,body.themedesignermode .font-weight-bolder,body.themedesignermode.font-weight-bolder {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .font-weight-bolder::before,body.behat-site.font-weight-bolder::before,body.themedesignermode .font-weight-bolder::before,body.themedesignermode.font-weight-bolder::before {
    content: "Deprecated style in use (.font-weight)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.font-italic {
    font-style: italic!important
}

body.behat-site .font-italic,body.behat-site.font-italic,body.themedesignermode .font-italic,body.themedesignermode.font-italic {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .font-italic::before,body.behat-site.font-italic::before,body.themedesignermode .font-italic::before,body.themedesignermode.font-italic::before {
    content: "Deprecated style in use (.font-weight)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.rounded-sm {
    border-radius: 0.25rem!important
}

body.behat-site .rounded-sm,body.behat-site.rounded-sm,body.themedesignermode .rounded-sm,body.themedesignermode.rounded-sm {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .rounded-sm::before,body.behat-site.rounded-sm::before,body.themedesignermode .rounded-sm::before,body.themedesignermode.rounded-sm::before {
    content: "Deprecated style in use (.rounded-sm)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.rounded-lg {
    border-radius: 0.6rem!important
}

body.behat-site .rounded-lg,body.behat-site.rounded-lg,body.themedesignermode .rounded-lg,body.themedesignermode.rounded-lg {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .rounded-lg::before,body.behat-site.rounded-lg::before,body.themedesignermode .rounded-lg::before,body.themedesignermode.rounded-lg::before {
    content: "Deprecated style in use (.rounded-lg)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

body.behat-site .sr-only,body.behat-site.sr-only,body.themedesignermode .sr-only,body.themedesignermode.sr-only {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .sr-only::before,body.behat-site.sr-only::before,body.themedesignermode .sr-only::before,body.themedesignermode.sr-only::before {
    content: "Deprecated style in use (.sr-only)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

body.behat-site .sr-only-focusable,body.behat-site.sr-only-focusable,body.themedesignermode .sr-only-focusable,body.themedesignermode.sr-only-focusable {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .sr-only-focusable::before,body.behat-site.sr-only-focusable::before,body.themedesignermode .sr-only-focusable::before,body.themedesignermode.sr-only-focusable::before {
    content: "Deprecated style in use (.sr-only-focusable)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.40625rem;
    padding-left: 1.5rem;
    print-color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.203125rem;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #1C43FE;
    background-color: #1C43FE
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #8ea1ff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #ced6ff;
    border-color: #ced6ff
}

.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label {
    color: #6a737b
}

.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before {
    background-color: var(--bs-secondary-bg)
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .203125rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: var(--bs-body-bg);
    border: 1px solid #8f959e
}

.custom-control-label::after {
    position: absolute;
    top: .203125rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat
}

body.behat-site .custom-checkbox,body.behat-site.custom-checkbox,body.themedesignermode .custom-checkbox,body.themedesignermode.custom-checkbox {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .custom-checkbox::before,body.behat-site.custom-checkbox::before,body.themedesignermode .custom-checkbox::before,body.themedesignermode.custom-checkbox::before {
    content: "Deprecated style in use (.custom-checkbox)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.custom-checkbox .custom-control-label::before {
    border-radius: .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: #1C43FE;
    background-color: #1C43FE
}

.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: rgb(28 67 254 / .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgb(28 67 254 / .5)
}

body.behat-site .custom-radio,body.behat-site.custom-radio,body.themedesignermode .custom-radio,body.themedesignermode.custom-radio {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .custom-radio::before,body.behat-site.custom-radio::before,body.themedesignermode .custom-radio::before,body.themedesignermode.custom-radio::before {
    content: "Deprecated style in use (.custom-radio)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgb(28 67 254 / .5)
}

.custom-switch {
    padding-left: 2.25rem
}

body.behat-site .custom-switch,body.behat-site.custom-switch,body.themedesignermode .custom-switch,body.themedesignermode.custom-switch {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .custom-switch::before,body.behat-site.custom-switch::before,body.themedesignermode .custom-switch::before,body.themedesignermode.custom-switch::before {
    content: "Deprecated style in use (.custom-switch)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(0.203125rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #8f959e;
    border-radius: .5rem;
    transition: transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--bs-body-bg);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgb(28 67 254 / .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    vertical-align: middle;
    background: var(--bs-body-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center / 8px 10px no-repeat;
    border: var(--bs-border-width) solid var(--bs-gray-500);
    border-radius: .5rem;
    appearance: none
}

body.behat-site .custom-select,body.behat-site.custom-select,body.themedesignermode .custom-select,body.themedesignermode.custom-select {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .custom-select::before,body.behat-site.custom-select::before,body.themedesignermode .custom-select::before,body.themedesignermode.custom-select::before {
    content: "Deprecated style in use (.custom-select)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.custom-select:focus {
    border-color: #8ea1ff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.custom-select:focus::-ms-value {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg)
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6a737b;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: #fff0;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.custom-select-sm {
    height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .8203125rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.171875rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    margin-bottom: 0
}

body.behat-site .custom-file,body.behat-site.custom-file,body.themedesignermode .custom-file,body.themedesignermode.custom-file {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .custom-file::before,body.behat-site.custom-file::before,body.themedesignermode .custom-file::before,body.themedesignermode.custom-file::before {
    content: "Deprecated style in use (.custom-file)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    margin: 0;
    overflow: hidden;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #8ea1ff;
    box-shadow: 0 0 0 .25rem rgb(28 67 254 / .75)
}

.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label {
    background-color: var(--bs-secondary-bg)
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-gray-500);
    border-radius: var(--bs-border-radius)
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: var(--bs-body-color);
    content: "Browse";
    background-color: var(--bs-tertiary-bg);
    border-left: inherit;
    border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0
}

.custom-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: #fff0;
    appearance: none
}

body.behat-site .custom-range,body.behat-site.custom-range,body.themedesignermode .custom-range,body.themedesignermode.custom-range {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .custom-range::before,body.behat-site.custom-range::before,body.themedesignermode .custom-range::before,body.themedesignermode.custom-range::before {
    content: "Deprecated style in use (.custom-range)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgb(28 67 254 / .75)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgb(28 67 254 / .75)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgb(28 67 254 / .75)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #1C43FE;
    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: #ced6ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: #fff0;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: #fff0;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #1C43FE;
    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: #ced6ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: #fff0;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: #fff0;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: .25rem;
    background-color: #1C43FE;
    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: #ced6ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: #fff0;
    cursor: pointer;
    background-color: #fff0;
    border-color: #fff0;
    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
    }
}

.btn-block {
    display: block;
    width: 100%
}

body.behat-site .btn-block,body.behat-site.btn-block,body.themedesignermode .btn-block,body.themedesignermode.btn-block {
    outline: 3px dotted #ca3120!important;
    background-color: #fceeed!important
}

body.behat-site .btn-block::before,body.behat-site.btn-block::before,body.themedesignermode .btn-block::before,body.themedesignermode.btn-block::before {
    content: "Deprecated style in use (.btn-block)"!important;
    color: #ca3120!important;
    font-size: smaller!important
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%
}

.task-indicator {
    padding-top: 2rem
}

.task-indicator img.icon {
    width: 145px;
    height: 145px;
    max-height: 145px;
    max-width: 145px;
    font-size: 145px;
    padding-bottom: 2rem
}

.task-indicator .progressbar_container {
    padding-top: 2rem
}

.task-indicator .stored-progress-bar {
    opacity: 1;
    transition: opacity 0.5s
}

.task-indicator .stored-progress-notstarted {
    opacity: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.navbar {
    box-shadow: 0 2px 4px rgb(0 0 0 / .08)
}

.userpicture {
    border-radius: 50%
}

.btn-outline-secondary {
    --bs-btn-color: #6a737b;
    --bs-btn-border-color: #6a737b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6a737b;
    --bs-btn-hover-border-color: #6a737b;
    --bs-btn-focus-shadow-rgb: 106, 115, 123;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6a737b;
    --bs-btn-active-border-color: #6a737b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6a737b;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6a737b;
    --bs-gradient: none;
    border-color: #6a737b
}

.btn-outline-info {
    --bs-btn-color: #1f7e9a;
    --bs-btn-border-color: #1f7e9a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1f7e9a;
    --bs-btn-hover-border-color: #1f7e9a;
    --bs-btn-focus-shadow-rgb: 31, 126, 154;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1f7e9a;
    --bs-btn-active-border-color: #1f7e9a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1f7e9a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1f7e9a;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #a6670e;
    --bs-btn-border-color: #a6670e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a6670e;
    --bs-btn-hover-border-color: #a6670e;
    --bs-btn-focus-shadow-rgb: 166, 103, 14;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a6670e;
    --bs-btn-active-border-color: #a6670e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #a6670e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #a6670e;
    --bs-gradient: none
}

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/boxicons.eot);
    src: url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/boxicons.eot) format('embedded-opentype'),url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/boxicons.woff2) format('woff2'),url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/boxicons.woff) format('woff'),url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/boxicons.ttf) format('truetype'),url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/boxicons.svg?#boxicons) format('svg')
}

.bx,span.bx:before {
    font-family: boxicons!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none
}

.bx-ul>li {
    position: relative
}

.bx-ul .bx {
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    left: -2em;
    width: 2em;
    text-align: center
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes flashing {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

@keyframes flashing {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

@-webkit-keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
        transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,10deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,-10deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,-10deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
        transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,10deg)
    }

    40%,60%,80% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bx-spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.bx-spin-hover:hover {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.bx-tada {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.bx-tada-hover:hover {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.bx-flashing {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear
}

.bx-flashing-hover:hover {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear
}

.bx-burst {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear
}

.bx-burst-hover:hover {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear
}

.bx-fade-up {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear
}

.bx-fade-up-hover:hover {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear
}

.bx-fade-down {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear
}

.bx-fade-down-hover:hover {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear
}

.bx-fade-left {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear
}

.bx-fade-left-hover:hover {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear
}

.bx-fade-right {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear
}

.bx-fade-right-hover:hover {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear
}

.bx-xs {
    font-size: 1rem!important
}

.bx-sm {
    font-size: 1.55rem!important
}

.bx-md {
    font-size: 2.25rem!important
}

.bx-lg {
    font-size: 3rem!important
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: .8em;
    width: 1.2857142857em;
    height: .8em;
    margin-top: -.2em!important;
    vertical-align: middle
}

.bx-pull-left {
    float: left;
    margin-right: .3em!important
}

.bx-pull-right {
    float: right;
    margin-left: .3em!important
}

.bx-rotate-90 {
    transform: rotate(90deg)
}

.bx-rotate-180 {
    transform: rotate(180deg)
}

.bx-rotate-270 {
    transform: rotate(270deg)
}

.bx-flip-horizontal {
    transform: scaleX(-1)
}

.bx-flip-vertical {
    transform: scaleY(-1)
}

.bx-border {
    padding: .25em;
    border: .07em solid rgb(0 0 0 / .1);
    border-radius: .25em
}

.bx-border-circle {
    padding: .25em;
    border: .07em solid rgb(0 0 0 / .1);
    border-radius: 50%
}

.bxl-meta:before {
    content: "\ef27"
}

.bx-lemon:before {
    content: "\ef28"
}

.bxs-lemon:before {
    content: "\ef29"
}

.bx-cricket-ball:before {
    content: "\ef0c"
}

.bx-baguette:before {
    content: "\ef0d"
}

.bx-bowl-hot:before {
    content: "\ef0e"
}

.bx-bowl-rice:before {
    content: "\ef0f"
}

.bx-cable-car:before {
    content: "\ef10"
}

.bx-candles:before {
    content: "\ef11"
}

.bx-circle-half:before {
    content: "\ef12"
}

.bx-circle-quarter:before {
    content: "\ef13"
}

.bx-circle-three-quarter:before {
    content: "\ef14"
}

.bx-cross:before {
    content: "\ef15"
}

.bx-fork:before {
    content: "\ef16"
}

.bx-knife:before {
    content: "\ef17"
}

.bx-money-withdraw:before {
    content: "\ef18"
}

.bx-popsicle:before {
    content: "\ef19"
}

.bx-scatter-chart:before {
    content: "\ef1a"
}

.bxs-baguette:before {
    content: "\ef1b"
}

.bxs-bowl-hot:before {
    content: "\ef1c"
}

.bxs-bowl-rice:before {
    content: "\ef1d"
}

.bxs-cable-car:before {
    content: "\ef1e"
}

.bxs-circle-half:before {
    content: "\ef1f"
}

.bxs-circle-quarter:before {
    content: "\ef20"
}

.bxs-circle-three-quarter:before {
    content: "\ef21"
}

.bxs-cricket-ball:before {
    content: "\ef22"
}

.bxs-invader:before {
    content: "\ef23"
}

.bx-male-female:before {
    content: "\ef24"
}

.bxs-popsicle:before {
    content: "\ef25"
}

.bxs-tree-alt:before {
    content: "\ef26"
}

.bxl-venmo:before {
    content: "\e900"
}

.bxl-upwork:before {
    content: "\e901"
}

.bxl-netlify:before {
    content: "\e902"
}

.bxl-java:before {
    content: "\e903"
}

.bxl-heroku:before {
    content: "\e904"
}

.bxl-go-lang:before {
    content: "\e905"
}

.bxl-gmail:before {
    content: "\e906"
}

.bxl-flask:before {
    content: "\e907"
}

.bxl-99designs:before {
    content: "\e908"
}

.bxl-500px:before {
    content: "\e909"
}

.bxl-adobe:before {
    content: "\e90a"
}

.bxl-airbnb:before {
    content: "\e90b"
}

.bxl-algolia:before {
    content: "\e90c"
}

.bxl-amazon:before {
    content: "\e90d"
}

.bxl-android:before {
    content: "\e90e"
}

.bxl-angular:before {
    content: "\e90f"
}

.bxl-apple:before {
    content: "\e910"
}

.bxl-audible:before {
    content: "\e911"
}

.bxl-aws:before {
    content: "\e912"
}

.bxl-baidu:before {
    content: "\e913"
}

.bxl-behance:before {
    content: "\e914"
}

.bxl-bing:before {
    content: "\e915"
}

.bxl-bitcoin:before {
    content: "\e916"
}

.bxl-blender:before {
    content: "\e917"
}

.bxl-blogger:before {
    content: "\e918"
}

.bxl-bootstrap:before {
    content: "\e919"
}

.bxl-chrome:before {
    content: "\e91a"
}

.bxl-codepen:before {
    content: "\e91b"
}

.bxl-c-plus-plus:before {
    content: "\e91c"
}

.bxl-creative-commons:before {
    content: "\e91d"
}

.bxl-css3:before {
    content: "\e91e"
}

.bxl-dailymotion:before {
    content: "\e91f"
}

.bxl-deviantart:before {
    content: "\e920"
}

.bxl-dev-to:before {
    content: "\e921"
}

.bxl-digg:before {
    content: "\e922"
}

.bxl-digitalocean:before {
    content: "\e923"
}

.bxl-discord:before {
    content: "\e924"
}

.bxl-discord-alt:before {
    content: "\e925"
}

.bxl-discourse:before {
    content: "\e926"
}

.bxl-django:before {
    content: "\e927"
}

.bxl-docker:before {
    content: "\e928"
}

.bxl-dribbble:before {
    content: "\e929"
}

.bxl-dropbox:before {
    content: "\e92a"
}

.bxl-drupal:before {
    content: "\e92b"
}

.bxl-ebay:before {
    content: "\e92c"
}

.bxl-edge:before {
    content: "\e92d"
}

.bxl-etsy:before {
    content: "\e92e"
}

.bxl-facebook:before {
    content: "\e92f"
}

.bxl-facebook-circle:before {
    content: "\e930"
}

.bxl-facebook-square:before {
    content: "\e931"
}

.bxl-figma:before {
    content: "\e932"
}

.bxl-firebase:before {
    content: "\e933"
}

.bxl-firefox:before {
    content: "\e934"
}

.bxl-flickr:before {
    content: "\e935"
}

.bxl-flickr-square:before {
    content: "\e936"
}

.bxl-flutter:before {
    content: "\e937"
}

.bxl-foursquare:before {
    content: "\e938"
}

.bxl-git:before {
    content: "\e939"
}

.bxl-github:before {
    content: "\e93a"
}

.bxl-gitlab:before {
    content: "\e93b"
}

.bxl-google:before {
    content: "\e93c"
}

.bxl-google-cloud:before {
    content: "\e93d"
}

.bxl-google-plus:before {
    content: "\e93e"
}

.bxl-google-plus-circle:before {
    content: "\e93f"
}

.bxl-html5:before {
    content: "\e940"
}

.bxl-imdb:before {
    content: "\e941"
}

.bxl-instagram:before {
    content: "\e942"
}

.bxl-instagram-alt:before {
    content: "\e943"
}

.bxl-internet-explorer:before {
    content: "\e944"
}

.bxl-invision:before {
    content: "\e945"
}

.bxl-javascript:before {
    content: "\e946"
}

.bxl-joomla:before {
    content: "\e947"
}

.bxl-jquery:before {
    content: "\e948"
}

.bxl-jsfiddle:before {
    content: "\e949"
}

.bxl-kickstarter:before {
    content: "\e94a"
}

.bxl-kubernetes:before {
    content: "\e94b"
}

.bxl-less:before {
    content: "\e94c"
}

.bxl-linkedin:before {
    content: "\e94d"
}

.bxl-linkedin-square:before {
    content: "\e94e"
}

.bxl-magento:before {
    content: "\e94f"
}

.bxl-mailchimp:before {
    content: "\e950"
}

.bxl-markdown:before {
    content: "\e951"
}

.bxl-mastercard:before {
    content: "\e952"
}

.bxl-mastodon:before {
    content: "\e953"
}

.bxl-medium:before {
    content: "\e954"
}

.bxl-medium-old:before {
    content: "\e955"
}

.bxl-medium-square:before {
    content: "\e956"
}

.bxl-messenger:before {
    content: "\e957"
}

.bxl-microsoft:before {
    content: "\e958"
}

.bxl-microsoft-teams:before {
    content: "\e959"
}

.bxl-nodejs:before {
    content: "\e95a"
}

.bxl-ok-ru:before {
    content: "\e95b"
}

.bxl-opera:before {
    content: "\e95c"
}

.bxl-patreon:before {
    content: "\e95d"
}

.bxl-paypal:before {
    content: "\e95e"
}

.bxl-periscope:before {
    content: "\e95f"
}

.bxl-php:before {
    content: "\e960"
}

.bxl-pinterest:before {
    content: "\e961"
}

.bxl-pinterest-alt:before {
    content: "\e962"
}

.bxl-play-store:before {
    content: "\e963"
}

.bxl-pocket:before {
    content: "\e964"
}

.bxl-product-hunt:before {
    content: "\e965"
}

.bxl-python:before {
    content: "\e966"
}

.bxl-quora:before {
    content: "\e967"
}

.bxl-react:before {
    content: "\e968"
}

.bxl-redbubble:before {
    content: "\e969"
}

.bxl-reddit:before {
    content: "\e96a"
}

.bxl-redux:before {
    content: "\e96b"
}

.bxl-sass:before {
    content: "\e96c"
}

.bxl-shopify:before {
    content: "\e96d"
}

.bxl-sketch:before {
    content: "\e96e"
}

.bxl-skype:before {
    content: "\e96f"
}

.bxl-slack:before {
    content: "\e970"
}

.bxl-slack-old:before {
    content: "\e971"
}

.bxl-snapchat:before {
    content: "\e972"
}

.bxl-soundcloud:before {
    content: "\e973"
}

.bxl-spotify:before {
    content: "\e974"
}

.bxl-spring-boot:before {
    content: "\e975"
}

.bxl-squarespace:before {
    content: "\e976"
}

.bxl-stack-overflow:before {
    content: "\e977"
}

.bxl-steam:before {
    content: "\e978"
}

.bxl-stripe:before {
    content: "\e979"
}

.bxl-tailwind-css:before {
    content: "\e97a"
}

.bxl-telegram:before {
    content: "\e97b"
}

.bxl-tiktok:before {
    content: "\e97c"
}

.bxl-trello:before {
    content: "\e97d"
}

.bxl-trip-advisor:before {
    content: "\e97e"
}

.bxl-tumblr:before {
    content: "\e97f"
}

.bxl-tux:before {
    content: "\e980"
}

.bxl-twitch:before {
    content: "\e981"
}

.bxl-twitter:before {
    content: "\e982"
}

.bxl-unity:before {
    content: "\e983"
}

.bxl-unsplash:before {
    content: "\e984"
}

.bxl-vimeo:before {
    content: "\e985"
}

.bxl-visa:before {
    content: "\e986"
}

.bxl-visual-studio:before {
    content: "\e987"
}

.bxl-vk:before {
    content: "\e988"
}

.bxl-vuejs:before {
    content: "\e989"
}

.bxl-whatsapp:before {
    content: "\e98a"
}

.bxl-whatsapp-square:before {
    content: "\e98b"
}

.bxl-wikipedia:before {
    content: "\e98c"
}

.bxl-windows:before {
    content: "\e98d"
}

.bxl-wix:before {
    content: "\e98e"
}

.bxl-wordpress:before {
    content: "\e98f"
}

.bxl-yahoo:before {
    content: "\e990"
}

.bxl-yelp:before {
    content: "\e991"
}

.bxl-youtube:before {
    content: "\e992"
}

.bxl-zoom:before {
    content: "\e993"
}

.bx-collapse-alt:before {
    content: "\e994"
}

.bx-collapse-horizontal:before {
    content: "\e995"
}

.bx-collapse-vertical:before {
    content: "\e996"
}

.bx-expand-horizontal:before {
    content: "\e997"
}

.bx-expand-vertical:before {
    content: "\e998"
}

.bx-injection:before {
    content: "\e999"
}

.bx-leaf:before {
    content: "\e99a"
}

.bx-math:before {
    content: "\e99b"
}

.bx-party:before {
    content: "\e99c"
}

.bx-abacus:before {
    content: "\e99d"
}

.bx-accessibility:before {
    content: "\e99e"
}

.bx-add-to-queue:before {
    content: "\e99f"
}

.bx-adjust:before {
    content: "\e9a0"
}

.bx-alarm:before {
    content: "\e9a1"
}

.bx-alarm-add:before {
    content: "\e9a2"
}

.bx-alarm-exclamation:before {
    content: "\e9a3"
}

.bx-alarm-off:before {
    content: "\e9a4"
}

.bx-alarm-snooze:before {
    content: "\e9a5"
}

.bx-album:before {
    content: "\e9a6"
}

.bx-align-justify:before {
    content: "\e9a7"
}

.bx-align-left:before {
    content: "\e9a8"
}

.bx-align-middle:before {
    content: "\e9a9"
}

.bx-align-right:before {
    content: "\e9aa"
}

.bx-analyse:before {
    content: "\e9ab"
}

.bx-anchor:before {
    content: "\e9ac"
}

.bx-angry:before {
    content: "\e9ad"
}

.bx-aperture:before {
    content: "\e9ae"
}

.bx-arch:before {
    content: "\e9af"
}

.bx-archive:before {
    content: "\e9b0"
}

.bx-archive-in:before {
    content: "\e9b1"
}

.bx-archive-out:before {
    content: "\e9b2"
}

.bx-area:before {
    content: "\e9b3"
}

.bx-arrow-back:before {
    content: "\e9b4"
}

.bx-arrow-from-bottom:before {
    content: "\e9b5"
}

.bx-arrow-from-left:before {
    content: "\e9b6"
}

.bx-arrow-from-right:before {
    content: "\e9b7"
}

.bx-arrow-from-top:before {
    content: "\e9b8"
}

.bx-arrow-to-bottom:before {
    content: "\e9b9"
}

.bx-arrow-to-left:before {
    content: "\e9ba"
}

.bx-arrow-to-right:before {
    content: "\e9bb"
}

.bx-arrow-to-top:before {
    content: "\e9bc"
}

.bx-at:before {
    content: "\e9bd"
}

.bx-atom:before {
    content: "\e9be"
}

.bx-award:before {
    content: "\e9bf"
}

.bx-badge:before {
    content: "\e9c0"
}

.bx-badge-check:before {
    content: "\e9c1"
}

.bx-ball:before {
    content: "\e9c2"
}

.bx-band-aid:before {
    content: "\e9c3"
}

.bx-bar-chart:before {
    content: "\e9c4"
}

.bx-bar-chart-alt:before {
    content: "\e9c5"
}

.bx-bar-chart-alt-2:before {
    content: "\e9c6"
}

.bx-bar-chart-square:before {
    content: "\e9c7"
}

.bx-barcode:before {
    content: "\e9c8"
}

.bx-barcode-reader:before {
    content: "\e9c9"
}

.bx-baseball:before {
    content: "\e9ca"
}

.bx-basket:before {
    content: "\e9cb"
}

.bx-basketball:before {
    content: "\e9cc"
}

.bx-bath:before {
    content: "\e9cd"
}

.bx-battery:before {
    content: "\e9ce"
}

.bx-bed:before {
    content: "\e9cf"
}

.bx-been-here:before {
    content: "\e9d0"
}

.bx-beer:before {
    content: "\e9d1"
}

.bx-bell:before {
    content: "\e9d2"
}

.bx-bell-minus:before {
    content: "\e9d3"
}

.bx-bell-off:before {
    content: "\e9d4"
}

.bx-bell-plus:before {
    content: "\e9d5"
}

.bx-bible:before {
    content: "\e9d6"
}

.bx-bitcoin:before {
    content: "\e9d7"
}

.bx-blanket:before {
    content: "\e9d8"
}

.bx-block:before {
    content: "\e9d9"
}

.bx-bluetooth:before {
    content: "\e9da"
}

.bx-body:before {
    content: "\e9db"
}

.bx-bold:before {
    content: "\e9dc"
}

.bx-bolt-circle:before {
    content: "\e9dd"
}

.bx-bomb:before {
    content: "\e9de"
}

.bx-bone:before {
    content: "\e9df"
}

.bx-bong:before {
    content: "\e9e0"
}

.bx-book:before {
    content: "\e9e1"
}

.bx-book-add:before {
    content: "\e9e2"
}

.bx-book-alt:before {
    content: "\e9e3"
}

.bx-book-bookmark:before {
    content: "\e9e4"
}

.bx-book-content:before {
    content: "\e9e5"
}

.bx-book-heart:before {
    content: "\e9e6"
}

.bx-bookmark:before {
    content: "\e9e7"
}

.bx-bookmark-alt:before {
    content: "\e9e8"
}

.bx-bookmark-alt-minus:before {
    content: "\e9e9"
}

.bx-bookmark-alt-plus:before {
    content: "\e9ea"
}

.bx-bookmark-heart:before {
    content: "\e9eb"
}

.bx-bookmark-minus:before {
    content: "\e9ec"
}

.bx-bookmark-plus:before {
    content: "\e9ed"
}

.bx-bookmarks:before {
    content: "\e9ee"
}

.bx-book-open:before {
    content: "\e9ef"
}

.bx-book-reader:before {
    content: "\e9f0"
}

.bx-border-all:before {
    content: "\e9f1"
}

.bx-border-bottom:before {
    content: "\e9f2"
}

.bx-border-inner:before {
    content: "\e9f3"
}

.bx-border-left:before {
    content: "\e9f4"
}

.bx-border-none:before {
    content: "\e9f5"
}

.bx-border-outer:before {
    content: "\e9f6"
}

.bx-border-radius:before {
    content: "\e9f7"
}

.bx-border-right:before {
    content: "\e9f8"
}

.bx-border-top:before {
    content: "\e9f9"
}

.bx-bot:before {
    content: "\e9fa"
}

.bx-bowling-ball:before {
    content: "\e9fb"
}

.bx-box:before {
    content: "\e9fc"
}

.bx-bracket:before {
    content: "\e9fd"
}

.bx-braille:before {
    content: "\e9fe"
}

.bx-brain:before {
    content: "\e9ff"
}

.bx-briefcase:before {
    content: "\ea00"
}

.bx-briefcase-alt:before {
    content: "\ea01"
}

.bx-briefcase-alt-2:before {
    content: "\ea02"
}

.bx-brightness:before {
    content: "\ea03"
}

.bx-brightness-half:before {
    content: "\ea04"
}

.bx-broadcast:before {
    content: "\ea05"
}

.bx-brush:before {
    content: "\ea06"
}

.bx-brush-alt:before {
    content: "\ea07"
}

.bx-bug:before {
    content: "\ea08"
}

.bx-bug-alt:before {
    content: "\ea09"
}

.bx-building:before {
    content: "\ea0a"
}

.bx-building-house:before {
    content: "\ea0b"
}

.bx-buildings:before {
    content: "\ea0c"
}

.bx-bulb:before {
    content: "\ea0d"
}

.bx-bullseye:before {
    content: "\ea0e"
}

.bx-buoy:before {
    content: "\ea0f"
}

.bx-bus:before {
    content: "\ea10"
}

.bx-bus-school:before {
    content: "\ea11"
}

.bx-cabinet:before {
    content: "\ea12"
}

.bx-cake:before {
    content: "\ea13"
}

.bx-calculator:before {
    content: "\ea14"
}

.bx-calendar:before {
    content: "\ea15"
}

.bx-calendar-alt:before {
    content: "\ea16"
}

.bx-calendar-check:before {
    content: "\ea17"
}

.bx-calendar-edit:before {
    content: "\ea18"
}

.bx-calendar-event:before {
    content: "\ea19"
}

.bx-calendar-exclamation:before {
    content: "\ea1a"
}

.bx-calendar-heart:before {
    content: "\ea1b"
}

.bx-calendar-minus:before {
    content: "\ea1c"
}

.bx-calendar-plus:before {
    content: "\ea1d"
}

.bx-calendar-star:before {
    content: "\ea1e"
}

.bx-calendar-week:before {
    content: "\ea1f"
}

.bx-calendar-x:before {
    content: "\ea20"
}

.bx-camera:before {
    content: "\ea21"
}

.bx-camera-home:before {
    content: "\ea22"
}

.bx-camera-movie:before {
    content: "\ea23"
}

.bx-camera-off:before {
    content: "\ea24"
}

.bx-capsule:before {
    content: "\ea25"
}

.bx-captions:before {
    content: "\ea26"
}

.bx-car:before {
    content: "\ea27"
}

.bx-card:before {
    content: "\ea28"
}

.bx-caret-down:before {
    content: "\ea29"
}

.bx-caret-down-circle:before {
    content: "\ea2a"
}

.bx-caret-down-square:before {
    content: "\ea2b"
}

.bx-caret-left:before {
    content: "\ea2c"
}

.bx-caret-left-circle:before {
    content: "\ea2d"
}

.bx-caret-left-square:before {
    content: "\ea2e"
}

.bx-caret-right:before {
    content: "\ea2f"
}

.bx-caret-right-circle:before {
    content: "\ea30"
}

.bx-caret-right-square:before {
    content: "\ea31"
}

.bx-caret-up:before {
    content: "\ea32"
}

.bx-caret-up-circle:before {
    content: "\ea33"
}

.bx-caret-up-square:before {
    content: "\ea34"
}

.bx-carousel:before {
    content: "\ea35"
}

.bx-cart:before {
    content: "\ea36"
}

.bx-cart-alt:before {
    content: "\ea37"
}

.bx-cast:before {
    content: "\ea38"
}

.bx-category:before {
    content: "\ea39"
}

.bx-category-alt:before {
    content: "\ea3a"
}

.bx-cctv:before {
    content: "\ea3b"
}

.bx-certification:before {
    content: "\ea3c"
}

.bx-chair:before {
    content: "\ea3d"
}

.bx-chalkboard:before {
    content: "\ea3e"
}

.bx-chart:before {
    content: "\ea3f"
}

.bx-chat:before {
    content: "\ea40"
}

.bx-check:before {
    content: "\ea41"
}

.bx-checkbox:before {
    content: "\ea42"
}

.bx-checkbox-checked:before {
    content: "\ea43"
}

.bx-checkbox-minus:before {
    content: "\ea44"
}

.bx-checkbox-square:before {
    content: "\ea45"
}

.bx-check-circle:before {
    content: "\ea46"
}

.bx-check-double:before {
    content: "\ea47"
}

.bx-check-shield:before {
    content: "\ea48"
}

.bx-check-square:before {
    content: "\ea49"
}

.bx-chevron-down:before {
    content: "\ea4a"
}

.bx-chevron-down-circle:before {
    content: "\ea4b"
}

.bx-chevron-down-square:before {
    content: "\ea4c"
}

.bx-chevron-left:before {
    content: "\ea4d"
}

.bx-chevron-left-circle:before {
    content: "\ea4e"
}

.bx-chevron-left-square:before {
    content: "\ea4f"
}

.bx-chevron-right:before {
    content: "\ea50"
}

.bx-chevron-right-circle:before {
    content: "\ea51"
}

.bx-chevron-right-square:before {
    content: "\ea52"
}

.bx-chevrons-down:before {
    content: "\ea53"
}

.bx-chevrons-left:before {
    content: "\ea54"
}

.bx-chevrons-right:before {
    content: "\ea55"
}

.bx-chevrons-up:before {
    content: "\ea56"
}

.bx-chevron-up:before {
    content: "\ea57"
}

.bx-chevron-up-circle:before {
    content: "\ea58"
}

.bx-chevron-up-square:before {
    content: "\ea59"
}

.bx-chip:before {
    content: "\ea5a"
}

.bx-church:before {
    content: "\ea5b"
}

.bx-circle:before {
    content: "\ea5c"
}

.bx-clinic:before {
    content: "\ea5d"
}

.bx-clipboard:before {
    content: "\ea5e"
}

.bx-closet:before {
    content: "\ea5f"
}

.bx-cloud:before {
    content: "\ea60"
}

.bx-cloud-download:before {
    content: "\ea61"
}

.bx-cloud-drizzle:before {
    content: "\ea62"
}

.bx-cloud-lightning:before {
    content: "\ea63"
}

.bx-cloud-light-rain:before {
    content: "\ea64"
}

.bx-cloud-rain:before {
    content: "\ea65"
}

.bx-cloud-snow:before {
    content: "\ea66"
}

.bx-cloud-upload:before {
    content: "\ea67"
}

.bx-code:before {
    content: "\ea68"
}

.bx-code-alt:before {
    content: "\ea69"
}

.bx-code-block:before {
    content: "\ea6a"
}

.bx-code-curly:before {
    content: "\ea6b"
}

.bx-coffee:before {
    content: "\ea6c"
}

.bx-coffee-togo:before {
    content: "\ea6d"
}

.bx-cog:before {
    content: "\ea6e"
}

.bx-coin:before {
    content: "\ea6f"
}

.bx-coin-stack:before {
    content: "\ea70"
}

.bx-collapse:before {
    content: "\ea71"
}

.bx-collection:before {
    content: "\ea72"
}

.bx-color-fill:before {
    content: "\ea73"
}

.bx-columns:before {
    content: "\ea74"
}

.bx-command:before {
    content: "\ea75"
}

.bx-comment:before {
    content: "\ea76"
}

.bx-comment-add:before {
    content: "\ea77"
}

.bx-comment-check:before {
    content: "\ea78"
}

.bx-comment-detail:before {
    content: "\ea79"
}

.bx-comment-dots:before {
    content: "\ea7a"
}

.bx-comment-edit:before {
    content: "\ea7b"
}

.bx-comment-error:before {
    content: "\ea7c"
}

.bx-comment-minus:before {
    content: "\ea7d"
}

.bx-comment-x:before {
    content: "\ea7e"
}

.bx-compass:before {
    content: "\ea7f"
}

.bx-confused:before {
    content: "\ea80"
}

.bx-conversation:before {
    content: "\ea81"
}

.bx-cookie:before {
    content: "\ea82"
}

.bx-cool:before {
    content: "\ea83"
}

.bx-copy:before {
    content: "\ea84"
}

.bx-copy-alt:before {
    content: "\ea85"
}

.bx-copyright:before {
    content: "\ea86"
}

.bx-credit-card:before {
    content: "\ea87"
}

.bx-credit-card-alt:before {
    content: "\ea88"
}

.bx-credit-card-front:before {
    content: "\ea89"
}

.bx-crop:before {
    content: "\ea8a"
}

.bx-crosshair:before {
    content: "\ea8b"
}

.bx-crown:before {
    content: "\ea8c"
}

.bx-cube:before {
    content: "\ea8d"
}

.bx-cube-alt:before {
    content: "\ea8e"
}

.bx-cuboid:before {
    content: "\ea8f"
}

.bx-current-location:before {
    content: "\ea90"
}

.bx-customize:before {
    content: "\ea91"
}

.bx-cut:before {
    content: "\ea92"
}

.bx-cycling:before {
    content: "\ea93"
}

.bx-cylinder:before {
    content: "\ea94"
}

.bx-data:before {
    content: "\ea95"
}

.bx-desktop:before {
    content: "\ea96"
}

.bx-detail:before {
    content: "\ea97"
}

.bx-devices:before {
    content: "\ea98"
}

.bx-dialpad:before {
    content: "\ea99"
}

.bx-dialpad-alt:before {
    content: "\ea9a"
}

.bx-diamond:before {
    content: "\ea9b"
}

.bx-dice-1:before {
    content: "\ea9c"
}

.bx-dice-2:before {
    content: "\ea9d"
}

.bx-dice-3:before {
    content: "\ea9e"
}

.bx-dice-4:before {
    content: "\ea9f"
}

.bx-dice-5:before {
    content: "\eaa0"
}

.bx-dice-6:before {
    content: "\eaa1"
}

.bx-directions:before {
    content: "\eaa2"
}

.bx-disc:before {
    content: "\eaa3"
}

.bx-dish:before {
    content: "\eaa4"
}

.bx-dislike:before {
    content: "\eaa5"
}

.bx-dizzy:before {
    content: "\eaa6"
}

.bx-dna:before {
    content: "\eaa7"
}

.bx-dock-bottom:before {
    content: "\eaa8"
}

.bx-dock-left:before {
    content: "\eaa9"
}

.bx-dock-right:before {
    content: "\eaaa"
}

.bx-dock-top:before {
    content: "\eaab"
}

.bx-dollar:before {
    content: "\eaac"
}

.bx-dollar-circle:before {
    content: "\eaad"
}

.bx-donate-blood:before {
    content: "\eaae"
}

.bx-donate-heart:before {
    content: "\eaaf"
}

.bx-door-open:before {
    content: "\eab0"
}

.bx-dots-horizontal:before {
    content: "\eab1"
}

.bx-dots-horizontal-rounded:before {
    content: "\eab2"
}

.bx-dots-vertical:before {
    content: "\eab3"
}

.bx-dots-vertical-rounded:before {
    content: "\eab4"
}

.bx-doughnut-chart:before {
    content: "\eab5"
}

.bx-down-arrow:before {
    content: "\eab6"
}

.bx-down-arrow-alt:before {
    content: "\eab7"
}

.bx-down-arrow-circle:before {
    content: "\eab8"
}

.bx-download:before {
    content: "\eab9"
}

.bx-downvote:before {
    content: "\eaba"
}

.bx-drink:before {
    content: "\eabb"
}

.bx-droplet:before {
    content: "\eabc"
}

.bx-dumbbell:before {
    content: "\eabd"
}

.bx-duplicate:before {
    content: "\eabe"
}

.bx-edit:before {
    content: "\eabf"
}

.bx-edit-alt:before {
    content: "\eac0"
}

.bx-envelope:before {
    content: "\eac1"
}

.bx-envelope-open:before {
    content: "\eac2"
}

.bx-equalizer:before {
    content: "\eac3"
}

.bx-eraser:before {
    content: "\eac4"
}

.bx-error:before {
    content: "\eac5"
}

.bx-error-alt:before {
    content: "\eac6"
}

.bx-error-circle:before {
    content: "\eac7"
}

.bx-euro:before {
    content: "\eac8"
}

.bx-exclude:before {
    content: "\eac9"
}

.bx-exit:before {
    content: "\eaca"
}

.bx-exit-fullscreen:before {
    content: "\eacb"
}

.bx-expand:before {
    content: "\eacc"
}

.bx-expand-alt:before {
    content: "\eacd"
}

.bx-export:before {
    content: "\eace"
}

.bx-extension:before {
    content: "\eacf"
}

.bx-face:before {
    content: "\ead0"
}

.bx-fast-forward:before {
    content: "\ead1"
}

.bx-fast-forward-circle:before {
    content: "\ead2"
}

.bx-female:before {
    content: "\ead3"
}

.bx-female-sign:before {
    content: "\ead4"
}

.bx-file:before {
    content: "\ead5"
}

.bx-file-blank:before {
    content: "\ead6"
}

.bx-file-find:before {
    content: "\ead7"
}

.bx-film:before {
    content: "\ead8"
}

.bx-filter:before {
    content: "\ead9"
}

.bx-filter-alt:before {
    content: "\eada"
}

.bx-fingerprint:before {
    content: "\eadb"
}

.bx-first-aid:before {
    content: "\eadc"
}

.bx-first-page:before {
    content: "\eadd"
}

.bx-flag:before {
    content: "\eade"
}

.bx-folder:before {
    content: "\eadf"
}

.bx-folder-minus:before {
    content: "\eae0"
}

.bx-folder-open:before {
    content: "\eae1"
}

.bx-folder-plus:before {
    content: "\eae2"
}

.bx-font:before {
    content: "\eae3"
}

.bx-font-color:before {
    content: "\eae4"
}

.bx-font-family:before {
    content: "\eae5"
}

.bx-font-size:before {
    content: "\eae6"
}

.bx-food-menu:before {
    content: "\eae7"
}

.bx-food-tag:before {
    content: "\eae8"
}

.bx-football:before {
    content: "\eae9"
}

.bx-fridge:before {
    content: "\eaea"
}

.bx-fullscreen:before {
    content: "\eaeb"
}

.bx-game:before {
    content: "\eaec"
}

.bx-gas-pump:before {
    content: "\eaed"
}

.bx-ghost:before {
    content: "\eaee"
}

.bx-gift:before {
    content: "\eaef"
}

.bx-git-branch:before {
    content: "\eaf0"
}

.bx-git-commit:before {
    content: "\eaf1"
}

.bx-git-compare:before {
    content: "\eaf2"
}

.bx-git-merge:before {
    content: "\eaf3"
}

.bx-git-pull-request:before {
    content: "\eaf4"
}

.bx-git-repo-forked:before {
    content: "\eaf5"
}

.bx-glasses:before {
    content: "\eaf6"
}

.bx-glasses-alt:before {
    content: "\eaf7"
}

.bx-globe:before {
    content: "\eaf8"
}

.bx-globe-alt:before {
    content: "\eaf9"
}

.bx-grid:before {
    content: "\eafa"
}

.bx-grid-alt:before {
    content: "\eafb"
}

.bx-grid-horizontal:before {
    content: "\eafc"
}

.bx-grid-small:before {
    content: "\eafd"
}

.bx-grid-vertical:before {
    content: "\eafe"
}

.bx-group:before {
    content: "\eaff"
}

.bx-handicap:before {
    content: "\eb00"
}

.bx-happy:before {
    content: "\eb01"
}

.bx-happy-alt:before {
    content: "\eb02"
}

.bx-happy-beaming:before {
    content: "\eb03"
}

.bx-happy-heart-eyes:before {
    content: "\eb04"
}

.bx-hash:before {
    content: "\eb05"
}

.bx-hdd:before {
    content: "\eb06"
}

.bx-heading:before {
    content: "\eb07"
}

.bx-headphone:before {
    content: "\eb08"
}

.bx-health:before {
    content: "\eb09"
}

.bx-heart:before {
    content: "\eb0a"
}

.bx-heart-circle:before {
    content: "\eb0b"
}

.bx-heart-square:before {
    content: "\eb0c"
}

.bx-help-circle:before {
    content: "\eb0d"
}

.bx-hide:before {
    content: "\eb0e"
}

.bx-highlight:before {
    content: "\eb0f"
}

.bx-history:before {
    content: "\eb10"
}

.bx-hive:before {
    content: "\eb11"
}

.bx-home:before {
    content: "\eb12"
}

.bx-home-alt:before {
    content: "\eb13"
}

.bx-home-circle:before {
    content: "\eb14"
}

.bx-home-heart:before {
    content: "\eb15"
}

.bx-home-smile:before {
    content: "\eb16"
}

.bx-horizontal-center:before {
    content: "\eb17"
}

.bx-hotel:before {
    content: "\eb18"
}

.bx-hourglass:before {
    content: "\eb19"
}

.bx-id-card:before {
    content: "\eb1a"
}

.bx-image:before {
    content: "\eb1b"
}

.bx-image-add:before {
    content: "\eb1c"
}

.bx-image-alt:before {
    content: "\eb1d"
}

.bx-images:before {
    content: "\eb1e"
}

.bx-import:before {
    content: "\eb1f"
}

.bx-infinite:before {
    content: "\eb20"
}

.bx-info-circle:before {
    content: "\eb21"
}

.bx-info-square:before {
    content: "\eb22"
}

.bx-intersect:before {
    content: "\eb23"
}

.bx-italic:before {
    content: "\eb24"
}

.bx-joystick:before {
    content: "\eb25"
}

.bx-joystick-alt:before {
    content: "\eb26"
}

.bx-joystick-button:before {
    content: "\eb27"
}

.bx-key:before {
    content: "\eb28"
}

.bx-label:before {
    content: "\eb29"
}

.bx-landscape:before {
    content: "\eb2a"
}

.bx-laptop:before {
    content: "\eb2b"
}

.bx-last-page:before {
    content: "\eb2c"
}

.bx-laugh:before {
    content: "\eb2d"
}

.bx-layer:before {
    content: "\eb2e"
}

.bx-layer-minus:before {
    content: "\eb2f"
}

.bx-layer-plus:before {
    content: "\eb30"
}

.bx-layout:before {
    content: "\eb31"
}

.bx-left-arrow:before {
    content: "\eb32"
}

.bx-left-arrow-alt:before {
    content: "\eb33"
}

.bx-left-arrow-circle:before {
    content: "\eb34"
}

.bx-left-down-arrow-circle:before {
    content: "\eb35"
}

.bx-left-indent:before {
    content: "\eb36"
}

.bx-left-top-arrow-circle:before {
    content: "\eb37"
}

.bx-library:before {
    content: "\eb38"
}

.bx-like:before {
    content: "\eb39"
}

.bx-line-chart:before {
    content: "\eb3a"
}

.bx-line-chart-down:before {
    content: "\eb3b"
}

.bx-link:before {
    content: "\eb3c"
}

.bx-link-alt:before {
    content: "\eb3d"
}

.bx-link-external:before {
    content: "\eb3e"
}

.bx-lira:before {
    content: "\eb3f"
}

.bx-list-check:before {
    content: "\eb40"
}

.bx-list-minus:before {
    content: "\eb41"
}

.bx-list-ol:before {
    content: "\eb42"
}

.bx-list-plus:before {
    content: "\eb43"
}

.bx-list-ul:before {
    content: "\eb44"
}

.bx-loader:before {
    content: "\eb45"
}

.bx-loader-alt:before {
    content: "\eb46"
}

.bx-loader-circle:before {
    content: "\eb47"
}

.bx-location-plus:before {
    content: "\eb48"
}

.bx-lock:before {
    content: "\eb49"
}

.bx-lock-alt:before {
    content: "\eb4a"
}

.bx-lock-open:before {
    content: "\eb4b"
}

.bx-lock-open-alt:before {
    content: "\eb4c"
}

.bx-log-in:before {
    content: "\eb4d"
}

.bx-log-in-circle:before {
    content: "\eb4e"
}

.bx-log-out:before {
    content: "\eb4f"
}

.bx-log-out-circle:before {
    content: "\eb50"
}

.bx-low-vision:before {
    content: "\eb51"
}

.bx-magnet:before {
    content: "\eb52"
}

.bx-mail-send:before {
    content: "\eb53"
}

.bx-male:before {
    content: "\eb54"
}

.bx-male-sign:before {
    content: "\eb55"
}

.bx-map:before {
    content: "\eb56"
}

.bx-map-alt:before {
    content: "\eb57"
}

.bx-map-pin:before {
    content: "\eb58"
}

.bx-mask:before {
    content: "\eb59"
}

.bx-medal:before {
    content: "\eb5a"
}

.bx-meh:before {
    content: "\eb5b"
}

.bx-meh-alt:before {
    content: "\eb5c"
}

.bx-meh-blank:before {
    content: "\eb5d"
}

.bx-memory-card:before {
    content: "\eb5e"
}

.bx-menu:before {
    content: "\eb5f"
}

.bx-menu-alt-left:before {
    content: "\eb60"
}

.bx-menu-alt-right:before {
    content: "\eb61"
}

.bx-merge:before {
    content: "\eb62"
}

.bx-message:before {
    content: "\eb63"
}

.bx-message-add:before {
    content: "\eb64"
}

.bx-message-alt:before {
    content: "\eb65"
}

.bx-message-alt-add:before {
    content: "\eb66"
}

.bx-message-alt-check:before {
    content: "\eb67"
}

.bx-message-alt-detail:before {
    content: "\eb68"
}

.bx-message-alt-dots:before {
    content: "\eb69"
}

.bx-message-alt-edit:before {
    content: "\eb6a"
}

.bx-message-alt-error:before {
    content: "\eb6b"
}

.bx-message-alt-minus:before {
    content: "\eb6c"
}

.bx-message-alt-x:before {
    content: "\eb6d"
}

.bx-message-check:before {
    content: "\eb6e"
}

.bx-message-detail:before {
    content: "\eb6f"
}

.bx-message-dots:before {
    content: "\eb70"
}

.bx-message-edit:before {
    content: "\eb71"
}

.bx-message-error:before {
    content: "\eb72"
}

.bx-message-minus:before {
    content: "\eb73"
}

.bx-message-rounded:before {
    content: "\eb74"
}

.bx-message-rounded-add:before {
    content: "\eb75"
}

.bx-message-rounded-check:before {
    content: "\eb76"
}

.bx-message-rounded-detail:before {
    content: "\eb77"
}

.bx-message-rounded-dots:before {
    content: "\eb78"
}

.bx-message-rounded-edit:before {
    content: "\eb79"
}

.bx-message-rounded-error:before {
    content: "\eb7a"
}

.bx-message-rounded-minus:before {
    content: "\eb7b"
}

.bx-message-rounded-x:before {
    content: "\eb7c"
}

.bx-message-square:before {
    content: "\eb7d"
}

.bx-message-square-add:before {
    content: "\eb7e"
}

.bx-message-square-check:before {
    content: "\eb7f"
}

.bx-message-square-detail:before {
    content: "\eb80"
}

.bx-message-square-dots:before {
    content: "\eb81"
}

.bx-message-square-edit:before {
    content: "\eb82"
}

.bx-message-square-error:before {
    content: "\eb83"
}

.bx-message-square-minus:before {
    content: "\eb84"
}

.bx-message-square-x:before {
    content: "\eb85"
}

.bx-message-x:before {
    content: "\eb86"
}

.bx-meteor:before {
    content: "\eb87"
}

.bx-microchip:before {
    content: "\eb88"
}

.bx-microphone:before {
    content: "\eb89"
}

.bx-microphone-off:before {
    content: "\eb8a"
}

.bx-minus:before {
    content: "\eb8b"
}

.bx-minus-back:before {
    content: "\eb8c"
}

.bx-minus-circle:before {
    content: "\eb8d"
}

.bx-minus-front:before {
    content: "\eb8e"
}

.bx-mobile:before {
    content: "\eb8f"
}

.bx-mobile-alt:before {
    content: "\eb90"
}

.bx-mobile-landscape:before {
    content: "\eb91"
}

.bx-mobile-vibration:before {
    content: "\eb92"
}

.bx-money:before {
    content: "\eb93"
}

.bx-moon:before {
    content: "\eb94"
}

.bx-mouse:before {
    content: "\eb95"
}

.bx-mouse-alt:before {
    content: "\eb96"
}

.bx-move:before {
    content: "\eb97"
}

.bx-move-horizontal:before {
    content: "\eb98"
}

.bx-move-vertical:before {
    content: "\eb99"
}

.bx-movie:before {
    content: "\eb9a"
}

.bx-movie-play:before {
    content: "\eb9b"
}

.bx-music:before {
    content: "\eb9c"
}

.bx-navigation:before {
    content: "\eb9d"
}

.bx-network-chart:before {
    content: "\eb9e"
}

.bx-news:before {
    content: "\eb9f"
}

.bx-no-entry:before {
    content: "\eba0"
}

.bx-note:before {
    content: "\eba1"
}

.bx-notepad:before {
    content: "\eba2"
}

.bx-notification:before {
    content: "\eba3"
}

.bx-notification-off:before {
    content: "\eba4"
}

.bx-outline:before {
    content: "\eba5"
}

.bx-package:before {
    content: "\eba6"
}

.bx-paint:before {
    content: "\eba7"
}

.bx-paint-roll:before {
    content: "\eba8"
}

.bx-palette:before {
    content: "\eba9"
}

.bx-paperclip:before {
    content: "\ebaa"
}

.bx-paper-plane:before {
    content: "\ebab"
}

.bx-paragraph:before {
    content: "\ebac"
}

.bx-paste:before {
    content: "\ebad"
}

.bx-pause:before {
    content: "\ebae"
}

.bx-pause-circle:before {
    content: "\ebaf"
}

.bx-pen:before {
    content: "\ebb0"
}

.bx-pencil:before {
    content: "\ebb1"
}

.bx-phone:before {
    content: "\ebb2"
}

.bx-phone-call:before {
    content: "\ebb3"
}

.bx-phone-incoming:before {
    content: "\ebb4"
}

.bx-phone-off:before {
    content: "\ebb5"
}

.bx-phone-outgoing:before {
    content: "\ebb6"
}

.bx-photo-album:before {
    content: "\ebb7"
}

.bx-pie-chart:before {
    content: "\ebb8"
}

.bx-pie-chart-alt:before {
    content: "\ebb9"
}

.bx-pie-chart-alt-2:before {
    content: "\ebba"
}

.bx-pin:before {
    content: "\ebbb"
}

.bx-planet:before {
    content: "\ebbc"
}

.bx-play:before {
    content: "\ebbd"
}

.bx-play-circle:before {
    content: "\ebbe"
}

.bx-plug:before {
    content: "\ebbf"
}

.bx-plus:before {
    content: "\ebc0"
}

.bx-plus-circle:before {
    content: "\ebc1"
}

.bx-plus-medical:before {
    content: "\ebc2"
}

.bx-podcast:before {
    content: "\ebc3"
}

.bx-pointer:before {
    content: "\ebc4"
}

.bx-poll:before {
    content: "\ebc5"
}

.bx-polygon:before {
    content: "\ebc6"
}

.bx-pound:before {
    content: "\ebc7"
}

.bx-power-off:before {
    content: "\ebc8"
}

.bx-printer:before {
    content: "\ebc9"
}

.bx-pulse:before {
    content: "\ebca"
}

.bx-purchase-tag:before {
    content: "\ebcb"
}

.bx-purchase-tag-alt:before {
    content: "\ebcc"
}

.bx-pyramid:before {
    content: "\ebcd"
}

.bx-qr:before {
    content: "\ebce"
}

.bx-qr-scan:before {
    content: "\ebcf"
}

.bx-question-mark:before {
    content: "\ebd0"
}

.bx-radar:before {
    content: "\ebd1"
}

.bx-radio:before {
    content: "\ebd2"
}

.bx-radio-circle:before {
    content: "\ebd3"
}

.bx-radio-circle-marked:before {
    content: "\ebd4"
}

.bx-receipt:before {
    content: "\ebd5"
}

.bx-rectangle:before {
    content: "\ebd6"
}

.bx-recycle:before {
    content: "\ebd7"
}

.bx-redo:before {
    content: "\ebd8"
}

.bx-refresh:before {
    content: "\ebd9"
}

.bx-registered:before {
    content: "\ebda"
}

.bx-rename:before {
    content: "\ebdb"
}

.bx-repeat:before {
    content: "\ebdc"
}

.bx-reply:before {
    content: "\ebdd"
}

.bx-reply-all:before {
    content: "\ebde"
}

.bx-repost:before {
    content: "\ebdf"
}

.bx-reset:before {
    content: "\ebe0"
}

.bx-restaurant:before {
    content: "\ebe1"
}

.bx-revision:before {
    content: "\ebe2"
}

.bx-rewind:before {
    content: "\ebe3"
}

.bx-rewind-circle:before {
    content: "\ebe4"
}

.bx-right-arrow:before {
    content: "\ebe5"
}

.bx-right-arrow-alt:before {
    content: "\ebe6"
}

.bx-right-arrow-circle:before {
    content: "\ebe7"
}

.bx-right-down-arrow-circle:before {
    content: "\ebe8"
}

.bx-right-indent:before {
    content: "\ebe9"
}

.bx-right-top-arrow-circle:before {
    content: "\ebea"
}

.bx-rocket:before {
    content: "\ebeb"
}

.bx-rotate-left:before {
    content: "\ebec"
}

.bx-rotate-right:before {
    content: "\ebed"
}

.bx-rss:before {
    content: "\ebee"
}

.bx-ruble:before {
    content: "\ebef"
}

.bx-ruler:before {
    content: "\ebf0"
}

.bx-run:before {
    content: "\ebf1"
}

.bx-rupee:before {
    content: "\ebf2"
}

.bx-sad:before {
    content: "\ebf3"
}

.bx-save:before {
    content: "\ebf4"
}

.bx-scan:before {
    content: "\ebf5"
}

.bx-screenshot:before {
    content: "\ebf6"
}

.bx-search:before {
    content: "\ebf7"
}

.bx-search-alt:before {
    content: "\ebf8"
}

.bx-search-alt-2:before {
    content: "\ebf9"
}

.bx-selection:before {
    content: "\ebfa"
}

.bx-select-multiple:before {
    content: "\ebfb"
}

.bx-send:before {
    content: "\ebfc"
}

.bx-server:before {
    content: "\ebfd"
}

.bx-shape-circle:before {
    content: "\ebfe"
}

.bx-shape-polygon:before {
    content: "\ebff"
}

.bx-shape-square:before {
    content: "\ec00"
}

.bx-shape-triangle:before {
    content: "\ec01"
}

.bx-share:before {
    content: "\ec02"
}

.bx-share-alt:before {
    content: "\ec03"
}

.bx-shekel:before {
    content: "\ec04"
}

.bx-shield:before {
    content: "\ec05"
}

.bx-shield-alt:before {
    content: "\ec06"
}

.bx-shield-alt-2:before {
    content: "\ec07"
}

.bx-shield-quarter:before {
    content: "\ec08"
}

.bx-shield-x:before {
    content: "\ec09"
}

.bx-shocked:before {
    content: "\ec0a"
}

.bx-shopping-bag:before {
    content: "\ec0b"
}

.bx-show:before {
    content: "\ec0c"
}

.bx-show-alt:before {
    content: "\ec0d"
}

.bx-shuffle:before {
    content: "\ec0e"
}

.bx-sidebar:before {
    content: "\ec0f"
}

.bx-sitemap:before {
    content: "\ec10"
}

.bx-skip-next:before {
    content: "\ec11"
}

.bx-skip-next-circle:before {
    content: "\ec12"
}

.bx-skip-previous:before {
    content: "\ec13"
}

.bx-skip-previous-circle:before {
    content: "\ec14"
}

.bx-sleepy:before {
    content: "\ec15"
}

.bx-slider:before {
    content: "\ec16"
}

.bx-slider-alt:before {
    content: "\ec17"
}

.bx-slideshow:before {
    content: "\ec18"
}

.bx-smile:before {
    content: "\ec19"
}

.bx-sort:before {
    content: "\ec1a"
}

.bx-sort-alt-2:before {
    content: "\ec1b"
}

.bx-sort-a-z:before {
    content: "\ec1c"
}

.bx-sort-down:before {
    content: "\ec1d"
}

.bx-sort-up:before {
    content: "\ec1e"
}

.bx-sort-z-a:before {
    content: "\ec1f"
}

.bx-spa:before {
    content: "\ec20"
}

.bx-space-bar:before {
    content: "\ec21"
}

.bx-speaker:before {
    content: "\ec22"
}

.bx-spray-can:before {
    content: "\ec23"
}

.bx-spreadsheet:before {
    content: "\ec24"
}

.bx-square:before {
    content: "\ec25"
}

.bx-square-rounded:before {
    content: "\ec26"
}

.bx-star:before {
    content: "\ec27"
}

.bx-station:before {
    content: "\ec28"
}

.bx-stats:before {
    content: "\ec29"
}

.bx-sticker:before {
    content: "\ec2a"
}

.bx-stop:before {
    content: "\ec2b"
}

.bx-stop-circle:before {
    content: "\ec2c"
}

.bx-stopwatch:before {
    content: "\ec2d"
}

.bx-store:before {
    content: "\ec2e"
}

.bx-store-alt:before {
    content: "\ec2f"
}

.bx-street-view:before {
    content: "\ec30"
}

.bx-strikethrough:before {
    content: "\ec31"
}

.bx-subdirectory-left:before {
    content: "\ec32"
}

.bx-subdirectory-right:before {
    content: "\ec33"
}

.bx-sun:before {
    content: "\ec34"
}

.bx-support:before {
    content: "\ec35"
}

.bx-swim:before {
    content: "\ec36"
}

.bx-sync:before {
    content: "\ec37"
}

.bx-tab:before {
    content: "\ec38"
}

.bx-table:before {
    content: "\ec39"
}

.bx-tachometer:before {
    content: "\ec3a"
}

.bx-tag:before {
    content: "\ec3b"
}

.bx-tag-alt:before {
    content: "\ec3c"
}

.bx-target-lock:before {
    content: "\ec3d"
}

.bx-task:before {
    content: "\ec3e"
}

.bx-task-x:before {
    content: "\ec3f"
}

.bx-taxi:before {
    content: "\ec40"
}

.bx-tennis-ball:before {
    content: "\ec41"
}

.bx-terminal:before {
    content: "\ec42"
}

.bx-test-tube:before {
    content: "\ec43"
}

.bx-text:before {
    content: "\ec44"
}

.bx-time:before {
    content: "\ec45"
}

.bx-time-five:before {
    content: "\ec46"
}

.bx-timer:before {
    content: "\ec47"
}

.bx-tired:before {
    content: "\ec48"
}

.bx-toggle-left:before {
    content: "\ec49"
}

.bx-toggle-right:before {
    content: "\ec4a"
}

.bx-tone:before {
    content: "\ec4b"
}

.bx-traffic-cone:before {
    content: "\ec4c"
}

.bx-train:before {
    content: "\ec4d"
}

.bx-transfer:before {
    content: "\ec4e"
}

.bx-transfer-alt:before {
    content: "\ec4f"
}

.bx-trash:before {
    content: "\ec50"
}

.bx-trash-alt:before {
    content: "\ec51"
}

.bx-trending-down:before {
    content: "\ec52"
}

.bx-trending-up:before {
    content: "\ec53"
}

.bx-trim:before {
    content: "\ec54"
}

.bx-trip:before {
    content: "\ec55"
}

.bx-trophy:before {
    content: "\ec56"
}

.bx-tv:before {
    content: "\ec57"
}

.bx-underline:before {
    content: "\ec58"
}

.bx-undo:before {
    content: "\ec59"
}

.bx-unite:before {
    content: "\ec5a"
}

.bx-unlink:before {
    content: "\ec5b"
}

.bx-up-arrow:before {
    content: "\ec5c"
}

.bx-up-arrow-alt:before {
    content: "\ec5d"
}

.bx-up-arrow-circle:before {
    content: "\ec5e"
}

.bx-upload:before {
    content: "\ec5f"
}

.bx-upside-down:before {
    content: "\ec60"
}

.bx-upvote:before {
    content: "\ec61"
}

.bx-usb:before {
    content: "\ec62"
}

.bx-user:before {
    content: "\ec63"
}

.bx-user-check:before {
    content: "\ec64"
}

.bx-user-circle:before {
    content: "\ec65"
}

.bx-user-minus:before {
    content: "\ec66"
}

.bx-user-pin:before {
    content: "\ec67"
}

.bx-user-plus:before {
    content: "\ec68"
}

.bx-user-voice:before {
    content: "\ec69"
}

.bx-user-x:before {
    content: "\ec6a"
}

.bx-vector:before {
    content: "\ec6b"
}

.bx-vertical-center:before {
    content: "\ec6c"
}

.bx-vial:before {
    content: "\ec6d"
}

.bx-video:before {
    content: "\ec6e"
}

.bx-video-off:before {
    content: "\ec6f"
}

.bx-video-plus:before {
    content: "\ec70"
}

.bx-video-recording:before {
    content: "\ec71"
}

.bx-voicemail:before {
    content: "\ec72"
}

.bx-volume:before {
    content: "\ec73"
}

.bx-volume-full:before {
    content: "\ec74"
}

.bx-volume-low:before {
    content: "\ec75"
}

.bx-volume-mute:before {
    content: "\ec76"
}

.bx-walk:before {
    content: "\ec77"
}

.bx-wallet:before {
    content: "\ec78"
}

.bx-wallet-alt:before {
    content: "\ec79"
}

.bx-water:before {
    content: "\ec7a"
}

.bx-webcam:before {
    content: "\ec7b"
}

.bx-wifi:before {
    content: "\ec7c"
}

.bx-wifi-0:before {
    content: "\ec7d"
}

.bx-wifi-1:before {
    content: "\ec7e"
}

.bx-wifi-2:before {
    content: "\ec7f"
}

.bx-wifi-off:before {
    content: "\ec80"
}

.bx-wind:before {
    content: "\ec81"
}

.bx-window:before {
    content: "\ec82"
}

.bx-window-alt:before {
    content: "\ec83"
}

.bx-window-close:before {
    content: "\ec84"
}

.bx-window-open:before {
    content: "\ec85"
}

.bx-windows:before {
    content: "\ec86"
}

.bx-wine:before {
    content: "\ec87"
}

.bx-wink-smile:before {
    content: "\ec88"
}

.bx-wink-tongue:before {
    content: "\ec89"
}

.bx-won:before {
    content: "\ec8a"
}

.bx-world:before {
    content: "\ec8b"
}

.bx-wrench:before {
    content: "\ec8c"
}

.bx-x:before {
    content: "\ec8d"
}

.bx-x-circle:before {
    content: "\ec8e"
}

.bx-yen:before {
    content: "\ec8f"
}

.bx-zoom-in:before {
    content: "\ec90"
}

.bx-zoom-out:before {
    content: "\ec91"
}

.bxs-party:before {
    content: "\ec92"
}

.bxs-hot:before {
    content: "\ec93"
}

.bxs-droplet:before {
    content: "\ec94"
}

.bxs-cat:before {
    content: "\ec95"
}

.bxs-dog:before {
    content: "\ec96"
}

.bxs-injection:before {
    content: "\ec97"
}

.bxs-leaf:before {
    content: "\ec98"
}

.bxs-add-to-queue:before {
    content: "\ec99"
}

.bxs-adjust:before {
    content: "\ec9a"
}

.bxs-adjust-alt:before {
    content: "\ec9b"
}

.bxs-alarm:before {
    content: "\ec9c"
}

.bxs-alarm-add:before {
    content: "\ec9d"
}

.bxs-alarm-exclamation:before {
    content: "\ec9e"
}

.bxs-alarm-off:before {
    content: "\ec9f"
}

.bxs-alarm-snooze:before {
    content: "\eca0"
}

.bxs-album:before {
    content: "\eca1"
}

.bxs-ambulance:before {
    content: "\eca2"
}

.bxs-analyse:before {
    content: "\eca3"
}

.bxs-angry:before {
    content: "\eca4"
}

.bxs-arch:before {
    content: "\eca5"
}

.bxs-archive:before {
    content: "\eca6"
}

.bxs-archive-in:before {
    content: "\eca7"
}

.bxs-archive-out:before {
    content: "\eca8"
}

.bxs-area:before {
    content: "\eca9"
}

.bxs-arrow-from-bottom:before {
    content: "\ecaa"
}

.bxs-arrow-from-left:before {
    content: "\ecab"
}

.bxs-arrow-from-right:before {
    content: "\ecac"
}

.bxs-arrow-from-top:before {
    content: "\ecad"
}

.bxs-arrow-to-bottom:before {
    content: "\ecae"
}

.bxs-arrow-to-left:before {
    content: "\ecaf"
}

.bxs-arrow-to-right:before {
    content: "\ecb0"
}

.bxs-arrow-to-top:before {
    content: "\ecb1"
}

.bxs-award:before {
    content: "\ecb2"
}

.bxs-baby-carriage:before {
    content: "\ecb3"
}

.bxs-backpack:before {
    content: "\ecb4"
}

.bxs-badge:before {
    content: "\ecb5"
}

.bxs-badge-check:before {
    content: "\ecb6"
}

.bxs-badge-dollar:before {
    content: "\ecb7"
}

.bxs-ball:before {
    content: "\ecb8"
}

.bxs-band-aid:before {
    content: "\ecb9"
}

.bxs-bank:before {
    content: "\ecba"
}

.bxs-bar-chart-alt-2:before {
    content: "\ecbb"
}

.bxs-bar-chart-square:before {
    content: "\ecbc"
}

.bxs-barcode:before {
    content: "\ecbd"
}

.bxs-baseball:before {
    content: "\ecbe"
}

.bxs-basket:before {
    content: "\ecbf"
}

.bxs-basketball:before {
    content: "\ecc0"
}

.bxs-bath:before {
    content: "\ecc1"
}

.bxs-battery:before {
    content: "\ecc2"
}

.bxs-battery-charging:before {
    content: "\ecc3"
}

.bxs-battery-full:before {
    content: "\ecc4"
}

.bxs-battery-low:before {
    content: "\ecc5"
}

.bxs-bed:before {
    content: "\ecc6"
}

.bxs-been-here:before {
    content: "\ecc7"
}

.bxs-beer:before {
    content: "\ecc8"
}

.bxs-bell:before {
    content: "\ecc9"
}

.bxs-bell-minus:before {
    content: "\ecca"
}

.bxs-bell-off:before {
    content: "\eccb"
}

.bxs-bell-plus:before {
    content: "\eccc"
}

.bxs-bell-ring:before {
    content: "\eccd"
}

.bxs-bible:before {
    content: "\ecce"
}

.bxs-binoculars:before {
    content: "\eccf"
}

.bxs-blanket:before {
    content: "\ecd0"
}

.bxs-bolt:before {
    content: "\ecd1"
}

.bxs-bolt-circle:before {
    content: "\ecd2"
}

.bxs-bomb:before {
    content: "\ecd3"
}

.bxs-bone:before {
    content: "\ecd4"
}

.bxs-bong:before {
    content: "\ecd5"
}

.bxs-book:before {
    content: "\ecd6"
}

.bxs-book-add:before {
    content: "\ecd7"
}

.bxs-book-alt:before {
    content: "\ecd8"
}

.bxs-book-bookmark:before {
    content: "\ecd9"
}

.bxs-book-content:before {
    content: "\ecda"
}

.bxs-book-heart:before {
    content: "\ecdb"
}

.bxs-bookmark:before {
    content: "\ecdc"
}

.bxs-bookmark-alt:before {
    content: "\ecdd"
}

.bxs-bookmark-alt-minus:before {
    content: "\ecde"
}

.bxs-bookmark-alt-plus:before {
    content: "\ecdf"
}

.bxs-bookmark-heart:before {
    content: "\ece0"
}

.bxs-bookmark-minus:before {
    content: "\ece1"
}

.bxs-bookmark-plus:before {
    content: "\ece2"
}

.bxs-bookmarks:before {
    content: "\ece3"
}

.bxs-bookmark-star:before {
    content: "\ece4"
}

.bxs-book-open:before {
    content: "\ece5"
}

.bxs-book-reader:before {
    content: "\ece6"
}

.bxs-bot:before {
    content: "\ece7"
}

.bxs-bowling-ball:before {
    content: "\ece8"
}

.bxs-box:before {
    content: "\ece9"
}

.bxs-brain:before {
    content: "\ecea"
}

.bxs-briefcase:before {
    content: "\eceb"
}

.bxs-briefcase-alt:before {
    content: "\ecec"
}

.bxs-briefcase-alt-2:before {
    content: "\eced"
}

.bxs-brightness:before {
    content: "\ecee"
}

.bxs-brightness-half:before {
    content: "\ecef"
}

.bxs-brush:before {
    content: "\ecf0"
}

.bxs-brush-alt:before {
    content: "\ecf1"
}

.bxs-bug:before {
    content: "\ecf2"
}

.bxs-bug-alt:before {
    content: "\ecf3"
}

.bxs-building:before {
    content: "\ecf4"
}

.bxs-building-house:before {
    content: "\ecf5"
}

.bxs-buildings:before {
    content: "\ecf6"
}

.bxs-bulb:before {
    content: "\ecf7"
}

.bxs-bullseye:before {
    content: "\ecf8"
}

.bxs-buoy:before {
    content: "\ecf9"
}

.bxs-bus:before {
    content: "\ecfa"
}

.bxs-business:before {
    content: "\ecfb"
}

.bxs-bus-school:before {
    content: "\ecfc"
}

.bxs-cabinet:before {
    content: "\ecfd"
}

.bxs-cake:before {
    content: "\ecfe"
}

.bxs-calculator:before {
    content: "\ecff"
}

.bxs-calendar:before {
    content: "\ed00"
}

.bxs-calendar-alt:before {
    content: "\ed01"
}

.bxs-calendar-check:before {
    content: "\ed02"
}

.bxs-calendar-edit:before {
    content: "\ed03"
}

.bxs-calendar-event:before {
    content: "\ed04"
}

.bxs-calendar-exclamation:before {
    content: "\ed05"
}

.bxs-calendar-heart:before {
    content: "\ed06"
}

.bxs-calendar-minus:before {
    content: "\ed07"
}

.bxs-calendar-plus:before {
    content: "\ed08"
}

.bxs-calendar-star:before {
    content: "\ed09"
}

.bxs-calendar-week:before {
    content: "\ed0a"
}

.bxs-calendar-x:before {
    content: "\ed0b"
}

.bxs-camera:before {
    content: "\ed0c"
}

.bxs-camera-home:before {
    content: "\ed0d"
}

.bxs-camera-movie:before {
    content: "\ed0e"
}

.bxs-camera-off:before {
    content: "\ed0f"
}

.bxs-camera-plus:before {
    content: "\ed10"
}

.bxs-capsule:before {
    content: "\ed11"
}

.bxs-captions:before {
    content: "\ed12"
}

.bxs-car:before {
    content: "\ed13"
}

.bxs-car-battery:before {
    content: "\ed14"
}

.bxs-car-crash:before {
    content: "\ed15"
}

.bxs-card:before {
    content: "\ed16"
}

.bxs-caret-down-circle:before {
    content: "\ed17"
}

.bxs-caret-down-square:before {
    content: "\ed18"
}

.bxs-caret-left-circle:before {
    content: "\ed19"
}

.bxs-caret-left-square:before {
    content: "\ed1a"
}

.bxs-caret-right-circle:before {
    content: "\ed1b"
}

.bxs-caret-right-square:before {
    content: "\ed1c"
}

.bxs-caret-up-circle:before {
    content: "\ed1d"
}

.bxs-caret-up-square:before {
    content: "\ed1e"
}

.bxs-car-garage:before {
    content: "\ed1f"
}

.bxs-car-mechanic:before {
    content: "\ed20"
}

.bxs-carousel:before {
    content: "\ed21"
}

.bxs-cart:before {
    content: "\ed22"
}

.bxs-cart-add:before {
    content: "\ed23"
}

.bxs-cart-alt:before {
    content: "\ed24"
}

.bxs-cart-download:before {
    content: "\ed25"
}

.bxs-car-wash:before {
    content: "\ed26"
}

.bxs-category:before {
    content: "\ed27"
}

.bxs-category-alt:before {
    content: "\ed28"
}

.bxs-cctv:before {
    content: "\ed29"
}

.bxs-certification:before {
    content: "\ed2a"
}

.bxs-chalkboard:before {
    content: "\ed2b"
}

.bxs-chart:before {
    content: "\ed2c"
}

.bxs-chat:before {
    content: "\ed2d"
}

.bxs-checkbox:before {
    content: "\ed2e"
}

.bxs-checkbox-checked:before {
    content: "\ed2f"
}

.bxs-checkbox-minus:before {
    content: "\ed30"
}

.bxs-check-circle:before {
    content: "\ed31"
}

.bxs-check-shield:before {
    content: "\ed32"
}

.bxs-check-square:before {
    content: "\ed33"
}

.bxs-chess:before {
    content: "\ed34"
}

.bxs-chevron-down:before {
    content: "\ed35"
}

.bxs-chevron-down-circle:before {
    content: "\ed36"
}

.bxs-chevron-down-square:before {
    content: "\ed37"
}

.bxs-chevron-left:before {
    content: "\ed38"
}

.bxs-chevron-left-circle:before {
    content: "\ed39"
}

.bxs-chevron-left-square:before {
    content: "\ed3a"
}

.bxs-chevron-right:before {
    content: "\ed3b"
}

.bxs-chevron-right-circle:before {
    content: "\ed3c"
}

.bxs-chevron-right-square:before {
    content: "\ed3d"
}

.bxs-chevrons-down:before {
    content: "\ed3e"
}

.bxs-chevrons-left:before {
    content: "\ed3f"
}

.bxs-chevrons-right:before {
    content: "\ed40"
}

.bxs-chevrons-up:before {
    content: "\ed41"
}

.bxs-chevron-up:before {
    content: "\ed42"
}

.bxs-chevron-up-circle:before {
    content: "\ed43"
}

.bxs-chevron-up-square:before {
    content: "\ed44"
}

.bxs-chip:before {
    content: "\ed45"
}

.bxs-church:before {
    content: "\ed46"
}

.bxs-circle:before {
    content: "\ed47"
}

.bxs-city:before {
    content: "\ed48"
}

.bxs-clinic:before {
    content: "\ed49"
}

.bxs-cloud:before {
    content: "\ed4a"
}

.bxs-cloud-download:before {
    content: "\ed4b"
}

.bxs-cloud-lightning:before {
    content: "\ed4c"
}

.bxs-cloud-rain:before {
    content: "\ed4d"
}

.bxs-cloud-upload:before {
    content: "\ed4e"
}

.bxs-coffee:before {
    content: "\ed4f"
}

.bxs-coffee-alt:before {
    content: "\ed50"
}

.bxs-coffee-togo:before {
    content: "\ed51"
}

.bxs-cog:before {
    content: "\ed52"
}

.bxs-coin:before {
    content: "\ed53"
}

.bxs-coin-stack:before {
    content: "\ed54"
}

.bxs-collection:before {
    content: "\ed55"
}

.bxs-color-fill:before {
    content: "\ed56"
}

.bxs-comment:before {
    content: "\ed57"
}

.bxs-comment-add:before {
    content: "\ed58"
}

.bxs-comment-check:before {
    content: "\ed59"
}

.bxs-comment-detail:before {
    content: "\ed5a"
}

.bxs-comment-dots:before {
    content: "\ed5b"
}

.bxs-comment-edit:before {
    content: "\ed5c"
}

.bxs-comment-error:before {
    content: "\ed5d"
}

.bxs-comment-minus:before {
    content: "\ed5e"
}

.bxs-comment-x:before {
    content: "\ed5f"
}

.bxs-compass:before {
    content: "\ed60"
}

.bxs-component:before {
    content: "\ed61"
}

.bxs-confused:before {
    content: "\ed62"
}

.bxs-contact:before {
    content: "\ed63"
}

.bxs-conversation:before {
    content: "\ed64"
}

.bxs-cookie:before {
    content: "\ed65"
}

.bxs-cool:before {
    content: "\ed66"
}

.bxs-copy:before {
    content: "\ed67"
}

.bxs-copy-alt:before {
    content: "\ed68"
}

.bxs-copyright:before {
    content: "\ed69"
}

.bxs-coupon:before {
    content: "\ed6a"
}

.bxs-credit-card:before {
    content: "\ed6b"
}

.bxs-credit-card-alt:before {
    content: "\ed6c"
}

.bxs-credit-card-front:before {
    content: "\ed6d"
}

.bxs-crop:before {
    content: "\ed6e"
}

.bxs-crown:before {
    content: "\ed6f"
}

.bxs-cube:before {
    content: "\ed70"
}

.bxs-cube-alt:before {
    content: "\ed71"
}

.bxs-cuboid:before {
    content: "\ed72"
}

.bxs-customize:before {
    content: "\ed73"
}

.bxs-cylinder:before {
    content: "\ed74"
}

.bxs-dashboard:before {
    content: "\ed75"
}

.bxs-data:before {
    content: "\ed76"
}

.bxs-detail:before {
    content: "\ed77"
}

.bxs-devices:before {
    content: "\ed78"
}

.bxs-diamond:before {
    content: "\ed79"
}

.bxs-dice-1:before {
    content: "\ed7a"
}

.bxs-dice-2:before {
    content: "\ed7b"
}

.bxs-dice-3:before {
    content: "\ed7c"
}

.bxs-dice-4:before {
    content: "\ed7d"
}

.bxs-dice-5:before {
    content: "\ed7e"
}

.bxs-dice-6:before {
    content: "\ed7f"
}

.bxs-direction-left:before {
    content: "\ed80"
}

.bxs-direction-right:before {
    content: "\ed81"
}

.bxs-directions:before {
    content: "\ed82"
}

.bxs-disc:before {
    content: "\ed83"
}

.bxs-discount:before {
    content: "\ed84"
}

.bxs-dish:before {
    content: "\ed85"
}

.bxs-dislike:before {
    content: "\ed86"
}

.bxs-dizzy:before {
    content: "\ed87"
}

.bxs-dock-bottom:before {
    content: "\ed88"
}

.bxs-dock-left:before {
    content: "\ed89"
}

.bxs-dock-right:before {
    content: "\ed8a"
}

.bxs-dock-top:before {
    content: "\ed8b"
}

.bxs-dollar-circle:before {
    content: "\ed8c"
}

.bxs-donate-blood:before {
    content: "\ed8d"
}

.bxs-donate-heart:before {
    content: "\ed8e"
}

.bxs-door-open:before {
    content: "\ed8f"
}

.bxs-doughnut-chart:before {
    content: "\ed90"
}

.bxs-down-arrow:before {
    content: "\ed91"
}

.bxs-down-arrow-alt:before {
    content: "\ed92"
}

.bxs-down-arrow-circle:before {
    content: "\ed93"
}

.bxs-down-arrow-square:before {
    content: "\ed94"
}

.bxs-download:before {
    content: "\ed95"
}

.bxs-downvote:before {
    content: "\ed96"
}

.bxs-drink:before {
    content: "\ed97"
}

.bxs-droplet-half:before {
    content: "\ed98"
}

.bxs-dryer:before {
    content: "\ed99"
}

.bxs-duplicate:before {
    content: "\ed9a"
}

.bxs-edit:before {
    content: "\ed9b"
}

.bxs-edit-alt:before {
    content: "\ed9c"
}

.bxs-edit-location:before {
    content: "\ed9d"
}

.bxs-eject:before {
    content: "\ed9e"
}

.bxs-envelope:before {
    content: "\ed9f"
}

.bxs-envelope-open:before {
    content: "\eda0"
}

.bxs-eraser:before {
    content: "\eda1"
}

.bxs-error:before {
    content: "\eda2"
}

.bxs-error-alt:before {
    content: "\eda3"
}

.bxs-error-circle:before {
    content: "\eda4"
}

.bxs-ev-station:before {
    content: "\eda5"
}

.bxs-exit:before {
    content: "\eda6"
}

.bxs-extension:before {
    content: "\eda7"
}

.bxs-eyedropper:before {
    content: "\eda8"
}

.bxs-face:before {
    content: "\eda9"
}

.bxs-face-mask:before {
    content: "\edaa"
}

.bxs-factory:before {
    content: "\edab"
}

.bxs-fast-forward-circle:before {
    content: "\edac"
}

.bxs-file:before {
    content: "\edad"
}

.bxs-file-archive:before {
    content: "\edae"
}

.bxs-file-blank:before {
    content: "\edaf"
}

.bxs-file-css:before {
    content: "\edb0"
}

.bxs-file-doc:before {
    content: "\edb1"
}

.bxs-file-export:before {
    content: "\edb2"
}

.bxs-file-find:before {
    content: "\edb3"
}

.bxs-file-gif:before {
    content: "\edb4"
}

.bxs-file-html:before {
    content: "\edb5"
}

.bxs-file-image:before {
    content: "\edb6"
}

.bxs-file-import:before {
    content: "\edb7"
}

.bxs-file-jpg:before {
    content: "\edb8"
}

.bxs-file-js:before {
    content: "\edb9"
}

.bxs-file-json:before {
    content: "\edba"
}

.bxs-file-md:before {
    content: "\edbb"
}

.bxs-file-pdf:before {
    content: "\edbc"
}

.bxs-file-plus:before {
    content: "\edbd"
}

.bxs-file-png:before {
    content: "\edbe"
}

.bxs-file-txt:before {
    content: "\edbf"
}

.bxs-film:before {
    content: "\edc0"
}

.bxs-filter-alt:before {
    content: "\edc1"
}

.bxs-first-aid:before {
    content: "\edc2"
}

.bxs-flag:before {
    content: "\edc3"
}

.bxs-flag-alt:before {
    content: "\edc4"
}

.bxs-flag-checkered:before {
    content: "\edc5"
}

.bxs-flame:before {
    content: "\edc6"
}

.bxs-flask:before {
    content: "\edc7"
}

.bxs-florist:before {
    content: "\edc8"
}

.bxs-folder:before {
    content: "\edc9"
}

.bxs-folder-minus:before {
    content: "\edca"
}

.bxs-folder-open:before {
    content: "\edcb"
}

.bxs-folder-plus:before {
    content: "\edcc"
}

.bxs-food-menu:before {
    content: "\edcd"
}

.bxs-fridge:before {
    content: "\edce"
}

.bxs-game:before {
    content: "\edcf"
}

.bxs-gas-pump:before {
    content: "\edd0"
}

.bxs-ghost:before {
    content: "\edd1"
}

.bxs-gift:before {
    content: "\edd2"
}

.bxs-graduation:before {
    content: "\edd3"
}

.bxs-grid:before {
    content: "\edd4"
}

.bxs-grid-alt:before {
    content: "\edd5"
}

.bxs-group:before {
    content: "\edd6"
}

.bxs-guitar-amp:before {
    content: "\edd7"
}

.bxs-hand:before {
    content: "\edd8"
}

.bxs-hand-down:before {
    content: "\edd9"
}

.bxs-hand-left:before {
    content: "\edda"
}

.bxs-hand-right:before {
    content: "\eddb"
}

.bxs-hand-up:before {
    content: "\eddc"
}

.bxs-happy:before {
    content: "\eddd"
}

.bxs-happy-alt:before {
    content: "\edde"
}

.bxs-happy-beaming:before {
    content: "\eddf"
}

.bxs-happy-heart-eyes:before {
    content: "\ede0"
}

.bxs-hdd:before {
    content: "\ede1"
}

.bxs-heart:before {
    content: "\ede2"
}

.bxs-heart-circle:before {
    content: "\ede3"
}

.bxs-heart-square:before {
    content: "\ede4"
}

.bxs-help-circle:before {
    content: "\ede5"
}

.bxs-hide:before {
    content: "\ede6"
}

.bxs-home:before {
    content: "\ede7"
}

.bxs-home-circle:before {
    content: "\ede8"
}

.bxs-home-heart:before {
    content: "\ede9"
}

.bxs-home-smile:before {
    content: "\edea"
}

.bxs-hotel:before {
    content: "\edeb"
}

.bxs-hourglass:before {
    content: "\edec"
}

.bxs-hourglass-bottom:before {
    content: "\eded"
}

.bxs-hourglass-top:before {
    content: "\edee"
}

.bxs-id-card:before {
    content: "\edef"
}

.bxs-image:before {
    content: "\edf0"
}

.bxs-image-add:before {
    content: "\edf1"
}

.bxs-image-alt:before {
    content: "\edf2"
}

.bxs-inbox:before {
    content: "\edf3"
}

.bxs-info-circle:before {
    content: "\edf4"
}

.bxs-info-square:before {
    content: "\edf5"
}

.bxs-institution:before {
    content: "\edf6"
}

.bxs-joystick:before {
    content: "\edf7"
}

.bxs-joystick-alt:before {
    content: "\edf8"
}

.bxs-joystick-button:before {
    content: "\edf9"
}

.bxs-key:before {
    content: "\edfa"
}

.bxs-keyboard:before {
    content: "\edfb"
}

.bxs-label:before {
    content: "\edfc"
}

.bxs-landmark:before {
    content: "\edfd"
}

.bxs-landscape:before {
    content: "\edfe"
}

.bxs-laugh:before {
    content: "\edff"
}

.bxs-layer:before {
    content: "\ee00"
}

.bxs-layer-minus:before {
    content: "\ee01"
}

.bxs-layer-plus:before {
    content: "\ee02"
}

.bxs-layout:before {
    content: "\ee03"
}

.bxs-left-arrow:before {
    content: "\ee04"
}

.bxs-left-arrow-alt:before {
    content: "\ee05"
}

.bxs-left-arrow-circle:before {
    content: "\ee06"
}

.bxs-left-arrow-square:before {
    content: "\ee07"
}

.bxs-left-down-arrow-circle:before {
    content: "\ee08"
}

.bxs-left-top-arrow-circle:before {
    content: "\ee09"
}

.bxs-like:before {
    content: "\ee0a"
}

.bxs-location-plus:before {
    content: "\ee0b"
}

.bxs-lock:before {
    content: "\ee0c"
}

.bxs-lock-alt:before {
    content: "\ee0d"
}

.bxs-lock-open:before {
    content: "\ee0e"
}

.bxs-lock-open-alt:before {
    content: "\ee0f"
}

.bxs-log-in:before {
    content: "\ee10"
}

.bxs-log-in-circle:before {
    content: "\ee11"
}

.bxs-log-out:before {
    content: "\ee12"
}

.bxs-log-out-circle:before {
    content: "\ee13"
}

.bxs-low-vision:before {
    content: "\ee14"
}

.bxs-magic-wand:before {
    content: "\ee15"
}

.bxs-magnet:before {
    content: "\ee16"
}

.bxs-map:before {
    content: "\ee17"
}

.bxs-map-alt:before {
    content: "\ee18"
}

.bxs-map-pin:before {
    content: "\ee19"
}

.bxs-mask:before {
    content: "\ee1a"
}

.bxs-medal:before {
    content: "\ee1b"
}

.bxs-megaphone:before {
    content: "\ee1c"
}

.bxs-meh:before {
    content: "\ee1d"
}

.bxs-meh-alt:before {
    content: "\ee1e"
}

.bxs-meh-blank:before {
    content: "\ee1f"
}

.bxs-memory-card:before {
    content: "\ee20"
}

.bxs-message:before {
    content: "\ee21"
}

.bxs-message-add:before {
    content: "\ee22"
}

.bxs-message-alt:before {
    content: "\ee23"
}

.bxs-message-alt-add:before {
    content: "\ee24"
}

.bxs-message-alt-check:before {
    content: "\ee25"
}

.bxs-message-alt-detail:before {
    content: "\ee26"
}

.bxs-message-alt-dots:before {
    content: "\ee27"
}

.bxs-message-alt-edit:before {
    content: "\ee28"
}

.bxs-message-alt-error:before {
    content: "\ee29"
}

.bxs-message-alt-minus:before {
    content: "\ee2a"
}

.bxs-message-alt-x:before {
    content: "\ee2b"
}

.bxs-message-check:before {
    content: "\ee2c"
}

.bxs-message-detail:before {
    content: "\ee2d"
}

.bxs-message-dots:before {
    content: "\ee2e"
}

.bxs-message-edit:before {
    content: "\ee2f"
}

.bxs-message-error:before {
    content: "\ee30"
}

.bxs-message-minus:before {
    content: "\ee31"
}

.bxs-message-rounded:before {
    content: "\ee32"
}

.bxs-message-rounded-add:before {
    content: "\ee33"
}

.bxs-message-rounded-check:before {
    content: "\ee34"
}

.bxs-message-rounded-detail:before {
    content: "\ee35"
}

.bxs-message-rounded-dots:before {
    content: "\ee36"
}

.bxs-message-rounded-edit:before {
    content: "\ee37"
}

.bxs-message-rounded-error:before {
    content: "\ee38"
}

.bxs-message-rounded-minus:before {
    content: "\ee39"
}

.bxs-message-rounded-x:before {
    content: "\ee3a"
}

.bxs-message-square:before {
    content: "\ee3b"
}

.bxs-message-square-add:before {
    content: "\ee3c"
}

.bxs-message-square-check:before {
    content: "\ee3d"
}

.bxs-message-square-detail:before {
    content: "\ee3e"
}

.bxs-message-square-dots:before {
    content: "\ee3f"
}

.bxs-message-square-edit:before {
    content: "\ee40"
}

.bxs-message-square-error:before {
    content: "\ee41"
}

.bxs-message-square-minus:before {
    content: "\ee42"
}

.bxs-message-square-x:before {
    content: "\ee43"
}

.bxs-message-x:before {
    content: "\ee44"
}

.bxs-meteor:before {
    content: "\ee45"
}

.bxs-microchip:before {
    content: "\ee46"
}

.bxs-microphone:before {
    content: "\ee47"
}

.bxs-microphone-alt:before {
    content: "\ee48"
}

.bxs-microphone-off:before {
    content: "\ee49"
}

.bxs-minus-circle:before {
    content: "\ee4a"
}

.bxs-minus-square:before {
    content: "\ee4b"
}

.bxs-mobile:before {
    content: "\ee4c"
}

.bxs-mobile-vibration:before {
    content: "\ee4d"
}

.bxs-moon:before {
    content: "\ee4e"
}

.bxs-mouse:before {
    content: "\ee4f"
}

.bxs-mouse-alt:before {
    content: "\ee50"
}

.bxs-movie:before {
    content: "\ee51"
}

.bxs-movie-play:before {
    content: "\ee52"
}

.bxs-music:before {
    content: "\ee53"
}

.bxs-navigation:before {
    content: "\ee54"
}

.bxs-network-chart:before {
    content: "\ee55"
}

.bxs-news:before {
    content: "\ee56"
}

.bxs-no-entry:before {
    content: "\ee57"
}

.bxs-note:before {
    content: "\ee58"
}

.bxs-notepad:before {
    content: "\ee59"
}

.bxs-notification:before {
    content: "\ee5a"
}

.bxs-notification-off:before {
    content: "\ee5b"
}

.bxs-offer:before {
    content: "\ee5c"
}

.bxs-package:before {
    content: "\ee5d"
}

.bxs-paint:before {
    content: "\ee5e"
}

.bxs-paint-roll:before {
    content: "\ee5f"
}

.bxs-palette:before {
    content: "\ee60"
}

.bxs-paper-plane:before {
    content: "\ee61"
}

.bxs-parking:before {
    content: "\ee62"
}

.bxs-paste:before {
    content: "\ee63"
}

.bxs-pen:before {
    content: "\ee64"
}

.bxs-pencil:before {
    content: "\ee65"
}

.bxs-phone:before {
    content: "\ee66"
}

.bxs-phone-call:before {
    content: "\ee67"
}

.bxs-phone-incoming:before {
    content: "\ee68"
}

.bxs-phone-off:before {
    content: "\ee69"
}

.bxs-phone-outgoing:before {
    content: "\ee6a"
}

.bxs-photo-album:before {
    content: "\ee6b"
}

.bxs-piano:before {
    content: "\ee6c"
}

.bxs-pie-chart:before {
    content: "\ee6d"
}

.bxs-pie-chart-alt:before {
    content: "\ee6e"
}

.bxs-pie-chart-alt-2:before {
    content: "\ee6f"
}

.bxs-pin:before {
    content: "\ee70"
}

.bxs-pizza:before {
    content: "\ee71"
}

.bxs-plane:before {
    content: "\ee72"
}

.bxs-plane-alt:before {
    content: "\ee73"
}

.bxs-plane-land:before {
    content: "\ee74"
}

.bxs-planet:before {
    content: "\ee75"
}

.bxs-plane-take-off:before {
    content: "\ee76"
}

.bxs-playlist:before {
    content: "\ee77"
}

.bxs-plug:before {
    content: "\ee78"
}

.bxs-plus-circle:before {
    content: "\ee79"
}

.bxs-plus-square:before {
    content: "\ee7a"
}

.bxs-pointer:before {
    content: "\ee7b"
}

.bxs-polygon:before {
    content: "\ee7c"
}

.bxs-printer:before {
    content: "\ee7d"
}

.bxs-purchase-tag:before {
    content: "\ee7e"
}

.bxs-purchase-tag-alt:before {
    content: "\ee7f"
}

.bxs-pyramid:before {
    content: "\ee80"
}

.bxs-quote-alt-left:before {
    content: "\ee81"
}

.bxs-quote-alt-right:before {
    content: "\ee82"
}

.bxs-quote-left:before {
    content: "\ee83"
}

.bxs-quote-right:before {
    content: "\ee84"
}

.bxs-quote-single-left:before {
    content: "\ee85"
}

.bxs-quote-single-right:before {
    content: "\ee86"
}

.bxs-radiation:before {
    content: "\ee87"
}

.bxs-radio:before {
    content: "\ee88"
}

.bxs-receipt:before {
    content: "\ee89"
}

.bxs-rectangle:before {
    content: "\ee8a"
}

.bxs-registered:before {
    content: "\ee8b"
}

.bxs-rename:before {
    content: "\ee8c"
}

.bxs-report:before {
    content: "\ee8d"
}

.bxs-rewind-circle:before {
    content: "\ee8e"
}

.bxs-right-arrow:before {
    content: "\ee8f"
}

.bxs-right-arrow-alt:before {
    content: "\ee90"
}

.bxs-right-arrow-circle:before {
    content: "\ee91"
}

.bxs-right-arrow-square:before {
    content: "\ee92"
}

.bxs-right-down-arrow-circle:before {
    content: "\ee93"
}

.bxs-right-top-arrow-circle:before {
    content: "\ee94"
}

.bxs-rocket:before {
    content: "\ee95"
}

.bxs-ruler:before {
    content: "\ee96"
}

.bxs-sad:before {
    content: "\ee97"
}

.bxs-save:before {
    content: "\ee98"
}

.bxs-school:before {
    content: "\ee99"
}

.bxs-search:before {
    content: "\ee9a"
}

.bxs-search-alt-2:before {
    content: "\ee9b"
}

.bxs-select-multiple:before {
    content: "\ee9c"
}

.bxs-send:before {
    content: "\ee9d"
}

.bxs-server:before {
    content: "\ee9e"
}

.bxs-shapes:before {
    content: "\ee9f"
}

.bxs-share:before {
    content: "\eea0"
}

.bxs-share-alt:before {
    content: "\eea1"
}

.bxs-shield:before {
    content: "\eea2"
}

.bxs-shield-alt-2:before {
    content: "\eea3"
}

.bxs-shield-x:before {
    content: "\eea4"
}

.bxs-ship:before {
    content: "\eea5"
}

.bxs-shocked:before {
    content: "\eea6"
}

.bxs-shopping-bag:before {
    content: "\eea7"
}

.bxs-shopping-bag-alt:before {
    content: "\eea8"
}

.bxs-shopping-bags:before {
    content: "\eea9"
}

.bxs-show:before {
    content: "\eeaa"
}

.bxs-skip-next-circle:before {
    content: "\eeab"
}

.bxs-skip-previous-circle:before {
    content: "\eeac"
}

.bxs-skull:before {
    content: "\eead"
}

.bxs-sleepy:before {
    content: "\eeae"
}

.bxs-slideshow:before {
    content: "\eeaf"
}

.bxs-smile:before {
    content: "\eeb0"
}

.bxs-sort-alt:before {
    content: "\eeb1"
}

.bxs-spa:before {
    content: "\eeb2"
}

.bxs-speaker:before {
    content: "\eeb3"
}

.bxs-spray-can:before {
    content: "\eeb4"
}

.bxs-spreadsheet:before {
    content: "\eeb5"
}

.bxs-square:before {
    content: "\eeb6"
}

.bxs-square-rounded:before {
    content: "\eeb7"
}

.bxs-star:before {
    content: "\eeb8"
}

.bxs-star-half:before {
    content: "\eeb9"
}

.bxs-sticker:before {
    content: "\eeba"
}

.bxs-stopwatch:before {
    content: "\eebb"
}

.bxs-store:before {
    content: "\eebc"
}

.bxs-store-alt:before {
    content: "\eebd"
}

.bxs-sun:before {
    content: "\eebe"
}

.bxs-tachometer:before {
    content: "\eebf"
}

.bxs-tag:before {
    content: "\eec0"
}

.bxs-tag-alt:before {
    content: "\eec1"
}

.bxs-tag-x:before {
    content: "\eec2"
}

.bxs-taxi:before {
    content: "\eec3"
}

.bxs-tennis-ball:before {
    content: "\eec4"
}

.bxs-terminal:before {
    content: "\eec5"
}

.bxs-thermometer:before {
    content: "\eec6"
}

.bxs-time:before {
    content: "\eec7"
}

.bxs-time-five:before {
    content: "\eec8"
}

.bxs-timer:before {
    content: "\eec9"
}

.bxs-tired:before {
    content: "\eeca"
}

.bxs-toggle-left:before {
    content: "\eecb"
}

.bxs-toggle-right:before {
    content: "\eecc"
}

.bxs-tone:before {
    content: "\eecd"
}

.bxs-torch:before {
    content: "\eece"
}

.bxs-to-top:before {
    content: "\eecf"
}

.bxs-traffic:before {
    content: "\eed0"
}

.bxs-traffic-barrier:before {
    content: "\eed1"
}

.bxs-traffic-cone:before {
    content: "\eed2"
}

.bxs-train:before {
    content: "\eed3"
}

.bxs-trash:before {
    content: "\eed4"
}

.bxs-trash-alt:before {
    content: "\eed5"
}

.bxs-tree:before {
    content: "\eed6"
}

.bxs-trophy:before {
    content: "\eed7"
}

.bxs-truck:before {
    content: "\eed8"
}

.bxs-t-shirt:before {
    content: "\eed9"
}

.bxs-tv:before {
    content: "\eeda"
}

.bxs-up-arrow:before {
    content: "\eedb"
}

.bxs-up-arrow-alt:before {
    content: "\eedc"
}

.bxs-up-arrow-circle:before {
    content: "\eedd"
}

.bxs-up-arrow-square:before {
    content: "\eede"
}

.bxs-upside-down:before {
    content: "\eedf"
}

.bxs-upvote:before {
    content: "\eee0"
}

.bxs-user:before {
    content: "\eee1"
}

.bxs-user-account:before {
    content: "\eee2"
}

.bxs-user-badge:before {
    content: "\eee3"
}

.bxs-user-check:before {
    content: "\eee4"
}

.bxs-user-circle:before {
    content: "\eee5"
}

.bxs-user-detail:before {
    content: "\eee6"
}

.bxs-user-minus:before {
    content: "\eee7"
}

.bxs-user-pin:before {
    content: "\eee8"
}

.bxs-user-plus:before {
    content: "\eee9"
}

.bxs-user-rectangle:before {
    content: "\eeea"
}

.bxs-user-voice:before {
    content: "\eeeb"
}

.bxs-user-x:before {
    content: "\eeec"
}

.bxs-vector:before {
    content: "\eeed"
}

.bxs-vial:before {
    content: "\eeee"
}

.bxs-video:before {
    content: "\eeef"
}

.bxs-video-off:before {
    content: "\eef0"
}

.bxs-video-plus:before {
    content: "\eef1"
}

.bxs-video-recording:before {
    content: "\eef2"
}

.bxs-videos:before {
    content: "\eef3"
}

.bxs-virus:before {
    content: "\eef4"
}

.bxs-virus-block:before {
    content: "\eef5"
}

.bxs-volume:before {
    content: "\eef6"
}

.bxs-volume-full:before {
    content: "\eef7"
}

.bxs-volume-low:before {
    content: "\eef8"
}

.bxs-volume-mute:before {
    content: "\eef9"
}

.bxs-wallet:before {
    content: "\eefa"
}

.bxs-wallet-alt:before {
    content: "\eefb"
}

.bxs-washer:before {
    content: "\eefc"
}

.bxs-watch:before {
    content: "\eefd"
}

.bxs-watch-alt:before {
    content: "\eefe"
}

.bxs-webcam:before {
    content: "\eeff"
}

.bxs-widget:before {
    content: "\ef00"
}

.bxs-window-alt:before {
    content: "\ef01"
}

.bxs-wine:before {
    content: "\ef02"
}

.bxs-wink-smile:before {
    content: "\ef03"
}

.bxs-wink-tongue:before {
    content: "\ef04"
}

.bxs-wrench:before {
    content: "\ef05"
}

.bxs-x-circle:before {
    content: "\ef06"
}

.bxs-x-square:before {
    content: "\ef07"
}

.bxs-yin-yang:before {
    content: "\ef08"
}

.bxs-zap:before {
    content: "\ef09"
}

.bxs-zoom-in:before {
    content: "\ef0a"
}

.bxs-zoom-out:before {
    content: "\ef0b"
}

@charset "UTF-8";/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@font-face {
    font-family: "remixicon";
    src: url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/remixicon.eot?t=1734404658139);
    src: url('https://olan-moodle.hibootstrap.com/theme/olan/fonts/remixicon.eot?t=1734404658139#iefix') format('embedded-opentype'),url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/remixicon.woff2?t=1734404658139) format("woff2"),url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/remixicon.woff?t=1734404658139) format("woff"),url(https://olan-moodle.hibootstrap.com/theme/olan/fonts/remixicon.ttf?t=1734404658139) format('truetype'),url('https://olan-moodle.hibootstrap.com/theme/olan/fonts/remixicon.svg?t=1734404658139#remixicon') format('svg');
    font-display: swap
}

[class^="ri-"],[class*=" ri-"] {
    font-family: 'remixicon'!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ri-lg {
    font-size: 1.3333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.ri-xl {
    font-size: 1.5em;
    line-height: .6666em;
    vertical-align: -.075em
}

.ri-xxs {
    font-size: .5em
}

.ri-xs {
    font-size: .75em
}

.ri-sm {
    font-size: .875em
}

.ri-1x {
    font-size: 1em
}

.ri-2x {
    font-size: 2em
}

.ri-3x {
    font-size: 3em
}

.ri-4x {
    font-size: 4em
}

.ri-5x {
    font-size: 5em
}

.ri-6x {
    font-size: 6em
}

.ri-7x {
    font-size: 7em
}

.ri-8x {
    font-size: 8em
}

.ri-9x {
    font-size: 9em
}

.ri-10x {
    font-size: 10em
}

.ri-fw {
    text-align: center;
    width: 1.25em
}

.ri-24-hours-fill:before {
    content: "\ea01"
}

.ri-24-hours-line:before {
    content: "\ea02"
}

.ri-4k-fill:before {
    content: "\ea03"
}

.ri-4k-line:before {
    content: "\ea04"
}

.ri-a-b:before {
    content: "\ea05"
}

.ri-account-box-fill:before {
    content: "\ea06"
}

.ri-account-box-line:before {
    content: "\ea07"
}

.ri-account-circle-fill:before {
    content: "\ea08"
}

.ri-account-circle-line:before {
    content: "\ea09"
}

.ri-account-pin-box-fill:before {
    content: "\ea0a"
}

.ri-account-pin-box-line:before {
    content: "\ea0b"
}

.ri-account-pin-circle-fill:before {
    content: "\ea0c"
}

.ri-account-pin-circle-line:before {
    content: "\ea0d"
}

.ri-add-box-fill:before {
    content: "\ea0e"
}

.ri-add-box-line:before {
    content: "\ea0f"
}

.ri-add-circle-fill:before {
    content: "\ea10"
}

.ri-add-circle-line:before {
    content: "\ea11"
}

.ri-add-fill:before {
    content: "\ea12"
}

.ri-add-line:before {
    content: "\ea13"
}

.ri-admin-fill:before {
    content: "\ea14"
}

.ri-admin-line:before {
    content: "\ea15"
}

.ri-advertisement-fill:before {
    content: "\ea16"
}

.ri-advertisement-line:before {
    content: "\ea17"
}

.ri-airplay-fill:before {
    content: "\ea18"
}

.ri-airplay-line:before {
    content: "\ea19"
}

.ri-alarm-fill:before {
    content: "\ea1a"
}

.ri-alarm-line:before {
    content: "\ea1b"
}

.ri-alarm-warning-fill:before {
    content: "\ea1c"
}

.ri-alarm-warning-line:before {
    content: "\ea1d"
}

.ri-album-fill:before {
    content: "\ea1e"
}

.ri-album-line:before {
    content: "\ea1f"
}

.ri-alert-fill:before {
    content: "\ea20"
}

.ri-alert-line:before {
    content: "\ea21"
}

.ri-aliens-fill:before {
    content: "\ea22"
}

.ri-aliens-line:before {
    content: "\ea23"
}

.ri-align-bottom:before {
    content: "\ea24"
}

.ri-align-center:before {
    content: "\ea25"
}

.ri-align-justify:before {
    content: "\ea26"
}

.ri-align-left:before {
    content: "\ea27"
}

.ri-align-right:before {
    content: "\ea28"
}

.ri-align-top:before {
    content: "\ea29"
}

.ri-align-vertically:before {
    content: "\ea2a"
}

.ri-alipay-fill:before {
    content: "\ea2b"
}

.ri-alipay-line:before {
    content: "\ea2c"
}

.ri-amazon-fill:before {
    content: "\ea2d"
}

.ri-amazon-line:before {
    content: "\ea2e"
}

.ri-anchor-fill:before {
    content: "\ea2f"
}

.ri-anchor-line:before {
    content: "\ea30"
}

.ri-ancient-gate-fill:before {
    content: "\ea31"
}

.ri-ancient-gate-line:before {
    content: "\ea32"
}

.ri-ancient-pavilion-fill:before {
    content: "\ea33"
}

.ri-ancient-pavilion-line:before {
    content: "\ea34"
}

.ri-android-fill:before {
    content: "\ea35"
}

.ri-android-line:before {
    content: "\ea36"
}

.ri-angularjs-fill:before {
    content: "\ea37"
}

.ri-angularjs-line:before {
    content: "\ea38"
}

.ri-anticlockwise-2-fill:before {
    content: "\ea39"
}

.ri-anticlockwise-2-line:before {
    content: "\ea3a"
}

.ri-anticlockwise-fill:before {
    content: "\ea3b"
}

.ri-anticlockwise-line:before {
    content: "\ea3c"
}

.ri-app-store-fill:before {
    content: "\ea3d"
}

.ri-app-store-line:before {
    content: "\ea3e"
}

.ri-apple-fill:before {
    content: "\ea3f"
}

.ri-apple-line:before {
    content: "\ea40"
}

.ri-apps-2-fill:before {
    content: "\ea41"
}

.ri-apps-2-line:before {
    content: "\ea42"
}

.ri-apps-fill:before {
    content: "\ea43"
}

.ri-apps-line:before {
    content: "\ea44"
}

.ri-archive-drawer-fill:before {
    content: "\ea45"
}

.ri-archive-drawer-line:before {
    content: "\ea46"
}

.ri-archive-fill:before {
    content: "\ea47"
}

.ri-archive-line:before {
    content: "\ea48"
}

.ri-arrow-down-circle-fill:before {
    content: "\ea49"
}

.ri-arrow-down-circle-line:before {
    content: "\ea4a"
}

.ri-arrow-down-fill:before {
    content: "\ea4b"
}

.ri-arrow-down-line:before {
    content: "\ea4c"
}

.ri-arrow-down-s-fill:before {
    content: "\ea4d"
}

.ri-arrow-down-s-line:before {
    content: "\ea4e"
}

.ri-arrow-drop-down-fill:before {
    content: "\ea4f"
}

.ri-arrow-drop-down-line:before {
    content: "\ea50"
}

.ri-arrow-drop-left-fill:before {
    content: "\ea51"
}

.ri-arrow-drop-left-line:before {
    content: "\ea52"
}

.ri-arrow-drop-right-fill:before {
    content: "\ea53"
}

.ri-arrow-drop-right-line:before {
    content: "\ea54"
}

.ri-arrow-drop-up-fill:before {
    content: "\ea55"
}

.ri-arrow-drop-up-line:before {
    content: "\ea56"
}

.ri-arrow-go-back-fill:before {
    content: "\ea57"
}

.ri-arrow-go-back-line:before {
    content: "\ea58"
}

.ri-arrow-go-forward-fill:before {
    content: "\ea59"
}

.ri-arrow-go-forward-line:before {
    content: "\ea5a"
}

.ri-arrow-left-circle-fill:before {
    content: "\ea5b"
}

.ri-arrow-left-circle-line:before {
    content: "\ea5c"
}

.ri-arrow-left-down-fill:before {
    content: "\ea5d"
}

.ri-arrow-left-down-line:before {
    content: "\ea5e"
}

.ri-arrow-left-fill:before {
    content: "\ea5f"
}

.ri-arrow-left-line:before {
    content: "\ea60"
}

.ri-arrow-left-right-fill:before {
    content: "\ea61"
}

.ri-arrow-left-right-line:before {
    content: "\ea62"
}

.ri-arrow-left-s-fill:before {
    content: "\ea63"
}

.ri-arrow-left-s-line:before {
    content: "\ea64"
}

.ri-arrow-left-up-fill:before {
    content: "\ea65"
}

.ri-arrow-left-up-line:before {
    content: "\ea66"
}

.ri-arrow-right-circle-fill:before {
    content: "\ea67"
}

.ri-arrow-right-circle-line:before {
    content: "\ea68"
}

.ri-arrow-right-down-fill:before {
    content: "\ea69"
}

.ri-arrow-right-down-line:before {
    content: "\ea6a"
}

.ri-arrow-right-fill:before {
    content: "\ea6b"
}

.ri-arrow-right-line:before {
    content: "\ea6c"
}

.ri-arrow-right-s-fill:before {
    content: "\ea6d"
}

.ri-arrow-right-s-line:before {
    content: "\ea6e"
}

.ri-arrow-right-up-fill:before {
    content: "\ea6f"
}

.ri-arrow-right-up-line:before {
    content: "\ea70"
}

.ri-arrow-up-circle-fill:before {
    content: "\ea71"
}

.ri-arrow-up-circle-line:before {
    content: "\ea72"
}

.ri-arrow-up-down-fill:before {
    content: "\ea73"
}

.ri-arrow-up-down-line:before {
    content: "\ea74"
}

.ri-arrow-up-fill:before {
    content: "\ea75"
}

.ri-arrow-up-line:before {
    content: "\ea76"
}

.ri-arrow-up-s-fill:before {
    content: "\ea77"
}

.ri-arrow-up-s-line:before {
    content: "\ea78"
}

.ri-artboard-2-fill:before {
    content: "\ea79"
}

.ri-artboard-2-line:before {
    content: "\ea7a"
}

.ri-artboard-fill:before {
    content: "\ea7b"
}

.ri-artboard-line:before {
    content: "\ea7c"
}

.ri-article-fill:before {
    content: "\ea7d"
}

.ri-article-line:before {
    content: "\ea7e"
}

.ri-aspect-ratio-fill:before {
    content: "\ea7f"
}

.ri-aspect-ratio-line:before {
    content: "\ea80"
}

.ri-asterisk:before {
    content: "\ea81"
}

.ri-at-fill:before {
    content: "\ea82"
}

.ri-at-line:before {
    content: "\ea83"
}

.ri-attachment-2:before {
    content: "\ea84"
}

.ri-attachment-fill:before {
    content: "\ea85"
}

.ri-attachment-line:before {
    content: "\ea86"
}

.ri-auction-fill:before {
    content: "\ea87"
}

.ri-auction-line:before {
    content: "\ea88"
}

.ri-award-fill:before {
    content: "\ea89"
}

.ri-award-line:before {
    content: "\ea8a"
}

.ri-baidu-fill:before {
    content: "\ea8b"
}

.ri-baidu-line:before {
    content: "\ea8c"
}

.ri-ball-pen-fill:before {
    content: "\ea8d"
}

.ri-ball-pen-line:before {
    content: "\ea8e"
}

.ri-bank-card-2-fill:before {
    content: "\ea8f"
}

.ri-bank-card-2-line:before {
    content: "\ea90"
}

.ri-bank-card-fill:before {
    content: "\ea91"
}

.ri-bank-card-line:before {
    content: "\ea92"
}

.ri-bank-fill:before {
    content: "\ea93"
}

.ri-bank-line:before {
    content: "\ea94"
}

.ri-bar-chart-2-fill:before {
    content: "\ea95"
}

.ri-bar-chart-2-line:before {
    content: "\ea96"
}

.ri-bar-chart-box-fill:before {
    content: "\ea97"
}

.ri-bar-chart-box-line:before {
    content: "\ea98"
}

.ri-bar-chart-fill:before {
    content: "\ea99"
}

.ri-bar-chart-grouped-fill:before {
    content: "\ea9a"
}

.ri-bar-chart-grouped-line:before {
    content: "\ea9b"
}

.ri-bar-chart-horizontal-fill:before {
    content: "\ea9c"
}

.ri-bar-chart-horizontal-line:before {
    content: "\ea9d"
}

.ri-bar-chart-line:before {
    content: "\ea9e"
}

.ri-barcode-box-fill:before {
    content: "\ea9f"
}

.ri-barcode-box-line:before {
    content: "\eaa0"
}

.ri-barcode-fill:before {
    content: "\eaa1"
}

.ri-barcode-line:before {
    content: "\eaa2"
}

.ri-barricade-fill:before {
    content: "\eaa3"
}

.ri-barricade-line:before {
    content: "\eaa4"
}

.ri-base-station-fill:before {
    content: "\eaa5"
}

.ri-base-station-line:before {
    content: "\eaa6"
}

.ri-basketball-fill:before {
    content: "\eaa7"
}

.ri-basketball-line:before {
    content: "\eaa8"
}

.ri-battery-2-charge-fill:before {
    content: "\eaa9"
}

.ri-battery-2-charge-line:before {
    content: "\eaaa"
}

.ri-battery-2-fill:before {
    content: "\eaab"
}

.ri-battery-2-line:before {
    content: "\eaac"
}

.ri-battery-charge-fill:before {
    content: "\eaad"
}

.ri-battery-charge-line:before {
    content: "\eaae"
}

.ri-battery-fill:before {
    content: "\eaaf"
}

.ri-battery-line:before {
    content: "\eab0"
}

.ri-battery-low-fill:before {
    content: "\eab1"
}

.ri-battery-low-line:before {
    content: "\eab2"
}

.ri-battery-saver-fill:before {
    content: "\eab3"
}

.ri-battery-saver-line:before {
    content: "\eab4"
}

.ri-battery-share-fill:before {
    content: "\eab5"
}

.ri-battery-share-line:before {
    content: "\eab6"
}

.ri-bear-smile-fill:before {
    content: "\eab7"
}

.ri-bear-smile-line:before {
    content: "\eab8"
}

.ri-behance-fill:before {
    content: "\eab9"
}

.ri-behance-line:before {
    content: "\eaba"
}

.ri-bell-fill:before {
    content: "\eabb"
}

.ri-bell-line:before {
    content: "\eabc"
}

.ri-bike-fill:before {
    content: "\eabd"
}

.ri-bike-line:before {
    content: "\eabe"
}

.ri-bilibili-fill:before {
    content: "\eabf"
}

.ri-bilibili-line:before {
    content: "\eac0"
}

.ri-bill-fill:before {
    content: "\eac1"
}

.ri-bill-line:before {
    content: "\eac2"
}

.ri-billiards-fill:before {
    content: "\eac3"
}

.ri-billiards-line:before {
    content: "\eac4"
}

.ri-bit-coin-fill:before {
    content: "\eac5"
}

.ri-bit-coin-line:before {
    content: "\eac6"
}

.ri-blaze-fill:before {
    content: "\eac7"
}

.ri-blaze-line:before {
    content: "\eac8"
}

.ri-bluetooth-connect-fill:before {
    content: "\eac9"
}

.ri-bluetooth-connect-line:before {
    content: "\eaca"
}

.ri-bluetooth-fill:before {
    content: "\eacb"
}

.ri-bluetooth-line:before {
    content: "\eacc"
}

.ri-blur-off-fill:before {
    content: "\eacd"
}

.ri-blur-off-line:before {
    content: "\eace"
}

.ri-body-scan-fill:before {
    content: "\eacf"
}

.ri-body-scan-line:before {
    content: "\ead0"
}

.ri-bold:before {
    content: "\ead1"
}

.ri-book-2-fill:before {
    content: "\ead2"
}

.ri-book-2-line:before {
    content: "\ead3"
}

.ri-book-3-fill:before {
    content: "\ead4"
}

.ri-book-3-line:before {
    content: "\ead5"
}

.ri-book-fill:before {
    content: "\ead6"
}

.ri-book-line:before {
    content: "\ead7"
}

.ri-book-marked-fill:before {
    content: "\ead8"
}

.ri-book-marked-line:before {
    content: "\ead9"
}

.ri-book-open-fill:before {
    content: "\eada"
}

.ri-book-open-line:before {
    content: "\eadb"
}

.ri-book-read-fill:before {
    content: "\eadc"
}

.ri-book-read-line:before {
    content: "\eadd"
}

.ri-booklet-fill:before {
    content: "\eade"
}

.ri-booklet-line:before {
    content: "\eadf"
}

.ri-bookmark-2-fill:before {
    content: "\eae0"
}

.ri-bookmark-2-line:before {
    content: "\eae1"
}

.ri-bookmark-3-fill:before {
    content: "\eae2"
}

.ri-bookmark-3-line:before {
    content: "\eae3"
}

.ri-bookmark-fill:before {
    content: "\eae4"
}

.ri-bookmark-line:before {
    content: "\eae5"
}

.ri-boxing-fill:before {
    content: "\eae6"
}

.ri-boxing-line:before {
    content: "\eae7"
}

.ri-braces-fill:before {
    content: "\eae8"
}

.ri-braces-line:before {
    content: "\eae9"
}

.ri-brackets-fill:before {
    content: "\eaea"
}

.ri-brackets-line:before {
    content: "\eaeb"
}

.ri-briefcase-2-fill:before {
    content: "\eaec"
}

.ri-briefcase-2-line:before {
    content: "\eaed"
}

.ri-briefcase-3-fill:before {
    content: "\eaee"
}

.ri-briefcase-3-line:before {
    content: "\eaef"
}

.ri-briefcase-4-fill:before {
    content: "\eaf0"
}

.ri-briefcase-4-line:before {
    content: "\eaf1"
}

.ri-briefcase-5-fill:before {
    content: "\eaf2"
}

.ri-briefcase-5-line:before {
    content: "\eaf3"
}

.ri-briefcase-fill:before {
    content: "\eaf4"
}

.ri-briefcase-line:before {
    content: "\eaf5"
}

.ri-bring-forward:before {
    content: "\eaf6"
}

.ri-bring-to-front:before {
    content: "\eaf7"
}

.ri-broadcast-fill:before {
    content: "\eaf8"
}

.ri-broadcast-line:before {
    content: "\eaf9"
}

.ri-brush-2-fill:before {
    content: "\eafa"
}

.ri-brush-2-line:before {
    content: "\eafb"
}

.ri-brush-3-fill:before {
    content: "\eafc"
}

.ri-brush-3-line:before {
    content: "\eafd"
}

.ri-brush-4-fill:before {
    content: "\eafe"
}

.ri-brush-4-line:before {
    content: "\eaff"
}

.ri-brush-fill:before {
    content: "\eb00"
}

.ri-brush-line:before {
    content: "\eb01"
}

.ri-bubble-chart-fill:before {
    content: "\eb02"
}

.ri-bubble-chart-line:before {
    content: "\eb03"
}

.ri-bug-2-fill:before {
    content: "\eb04"
}

.ri-bug-2-line:before {
    content: "\eb05"
}

.ri-bug-fill:before {
    content: "\eb06"
}

.ri-bug-line:before {
    content: "\eb07"
}

.ri-building-2-fill:before {
    content: "\eb08"
}

.ri-building-2-line:before {
    content: "\eb09"
}

.ri-building-3-fill:before {
    content: "\eb0a"
}

.ri-building-3-line:before {
    content: "\eb0b"
}

.ri-building-4-fill:before {
    content: "\eb0c"
}

.ri-building-4-line:before {
    content: "\eb0d"
}

.ri-building-fill:before {
    content: "\eb0e"
}

.ri-building-line:before {
    content: "\eb0f"
}

.ri-bus-2-fill:before {
    content: "\eb10"
}

.ri-bus-2-line:before {
    content: "\eb11"
}

.ri-bus-fill:before {
    content: "\eb12"
}

.ri-bus-line:before {
    content: "\eb13"
}

.ri-bus-wifi-fill:before {
    content: "\eb14"
}

.ri-bus-wifi-line:before {
    content: "\eb15"
}

.ri-cactus-fill:before {
    content: "\eb16"
}

.ri-cactus-line:before {
    content: "\eb17"
}

.ri-cake-2-fill:before {
    content: "\eb18"
}

.ri-cake-2-line:before {
    content: "\eb19"
}

.ri-cake-3-fill:before {
    content: "\eb1a"
}

.ri-cake-3-line:before {
    content: "\eb1b"
}

.ri-cake-fill:before {
    content: "\eb1c"
}

.ri-cake-line:before {
    content: "\eb1d"
}

.ri-calculator-fill:before {
    content: "\eb1e"
}

.ri-calculator-line:before {
    content: "\eb1f"
}

.ri-calendar-2-fill:before {
    content: "\eb20"
}

.ri-calendar-2-line:before {
    content: "\eb21"
}

.ri-calendar-check-fill:before {
    content: "\eb22"
}

.ri-calendar-check-line:before {
    content: "\eb23"
}

.ri-calendar-event-fill:before {
    content: "\eb24"
}

.ri-calendar-event-line:before {
    content: "\eb25"
}

.ri-calendar-fill:before {
    content: "\eb26"
}

.ri-calendar-line:before {
    content: "\eb27"
}

.ri-calendar-todo-fill:before {
    content: "\eb28"
}

.ri-calendar-todo-line:before {
    content: "\eb29"
}

.ri-camera-2-fill:before {
    content: "\eb2a"
}

.ri-camera-2-line:before {
    content: "\eb2b"
}

.ri-camera-3-fill:before {
    content: "\eb2c"
}

.ri-camera-3-line:before {
    content: "\eb2d"
}

.ri-camera-fill:before {
    content: "\eb2e"
}

.ri-camera-lens-fill:before {
    content: "\eb2f"
}

.ri-camera-lens-line:before {
    content: "\eb30"
}

.ri-camera-line:before {
    content: "\eb31"
}

.ri-camera-off-fill:before {
    content: "\eb32"
}

.ri-camera-off-line:before {
    content: "\eb33"
}

.ri-camera-switch-fill:before {
    content: "\eb34"
}

.ri-camera-switch-line:before {
    content: "\eb35"
}

.ri-capsule-fill:before {
    content: "\eb36"
}

.ri-capsule-line:before {
    content: "\eb37"
}

.ri-car-fill:before {
    content: "\eb38"
}

.ri-car-line:before {
    content: "\eb39"
}

.ri-car-washing-fill:before {
    content: "\eb3a"
}

.ri-car-washing-line:before {
    content: "\eb3b"
}

.ri-caravan-fill:before {
    content: "\eb3c"
}

.ri-caravan-line:before {
    content: "\eb3d"
}

.ri-cast-fill:before {
    content: "\eb3e"
}

.ri-cast-line:before {
    content: "\eb3f"
}

.ri-cellphone-fill:before {
    content: "\eb40"
}

.ri-cellphone-line:before {
    content: "\eb41"
}

.ri-celsius-fill:before {
    content: "\eb42"
}

.ri-celsius-line:before {
    content: "\eb43"
}

.ri-centos-fill:before {
    content: "\eb44"
}

.ri-centos-line:before {
    content: "\eb45"
}

.ri-character-recognition-fill:before {
    content: "\eb46"
}

.ri-character-recognition-line:before {
    content: "\eb47"
}

.ri-charging-pile-2-fill:before {
    content: "\eb48"
}

.ri-charging-pile-2-line:before {
    content: "\eb49"
}

.ri-charging-pile-fill:before {
    content: "\eb4a"
}

.ri-charging-pile-line:before {
    content: "\eb4b"
}

.ri-chat-1-fill:before {
    content: "\eb4c"
}

.ri-chat-1-line:before {
    content: "\eb4d"
}

.ri-chat-2-fill:before {
    content: "\eb4e"
}

.ri-chat-2-line:before {
    content: "\eb4f"
}

.ri-chat-3-fill:before {
    content: "\eb50"
}

.ri-chat-3-line:before {
    content: "\eb51"
}

.ri-chat-4-fill:before {
    content: "\eb52"
}

.ri-chat-4-line:before {
    content: "\eb53"
}

.ri-chat-check-fill:before {
    content: "\eb54"
}

.ri-chat-check-line:before {
    content: "\eb55"
}

.ri-chat-delete-fill:before {
    content: "\eb56"
}

.ri-chat-delete-line:before {
    content: "\eb57"
}

.ri-chat-download-fill:before {
    content: "\eb58"
}

.ri-chat-download-line:before {
    content: "\eb59"
}

.ri-chat-follow-up-fill:before {
    content: "\eb5a"
}

.ri-chat-follow-up-line:before {
    content: "\eb5b"
}

.ri-chat-forward-fill:before {
    content: "\eb5c"
}

.ri-chat-forward-line:before {
    content: "\eb5d"
}

.ri-chat-heart-fill:before {
    content: "\eb5e"
}

.ri-chat-heart-line:before {
    content: "\eb5f"
}

.ri-chat-history-fill:before {
    content: "\eb60"
}

.ri-chat-history-line:before {
    content: "\eb61"
}

.ri-chat-new-fill:before {
    content: "\eb62"
}

.ri-chat-new-line:before {
    content: "\eb63"
}

.ri-chat-off-fill:before {
    content: "\eb64"
}

.ri-chat-off-line:before {
    content: "\eb65"
}

.ri-chat-poll-fill:before {
    content: "\eb66"
}

.ri-chat-poll-line:before {
    content: "\eb67"
}

.ri-chat-private-fill:before {
    content: "\eb68"
}

.ri-chat-private-line:before {
    content: "\eb69"
}

.ri-chat-quote-fill:before {
    content: "\eb6a"
}

.ri-chat-quote-line:before {
    content: "\eb6b"
}

.ri-chat-settings-fill:before {
    content: "\eb6c"
}

.ri-chat-settings-line:before {
    content: "\eb6d"
}

.ri-chat-smile-2-fill:before {
    content: "\eb6e"
}

.ri-chat-smile-2-line:before {
    content: "\eb6f"
}

.ri-chat-smile-3-fill:before {
    content: "\eb70"
}

.ri-chat-smile-3-line:before {
    content: "\eb71"
}

.ri-chat-smile-fill:before {
    content: "\eb72"
}

.ri-chat-smile-line:before {
    content: "\eb73"
}

.ri-chat-upload-fill:before {
    content: "\eb74"
}

.ri-chat-upload-line:before {
    content: "\eb75"
}

.ri-chat-voice-fill:before {
    content: "\eb76"
}

.ri-chat-voice-line:before {
    content: "\eb77"
}

.ri-check-double-fill:before {
    content: "\eb78"
}

.ri-check-double-line:before {
    content: "\eb79"
}

.ri-check-fill:before {
    content: "\eb7a"
}

.ri-check-line:before {
    content: "\eb7b"
}

.ri-checkbox-blank-circle-fill:before {
    content: "\eb7c"
}

.ri-checkbox-blank-circle-line:before {
    content: "\eb7d"
}

.ri-checkbox-blank-fill:before {
    content: "\eb7e"
}

.ri-checkbox-blank-line:before {
    content: "\eb7f"
}

.ri-checkbox-circle-fill:before {
    content: "\eb80"
}

.ri-checkbox-circle-line:before {
    content: "\eb81"
}

.ri-checkbox-fill:before {
    content: "\eb82"
}

.ri-checkbox-indeterminate-fill:before {
    content: "\eb83"
}

.ri-checkbox-indeterminate-line:before {
    content: "\eb84"
}

.ri-checkbox-line:before {
    content: "\eb85"
}

.ri-checkbox-multiple-blank-fill:before {
    content: "\eb86"
}

.ri-checkbox-multiple-blank-line:before {
    content: "\eb87"
}

.ri-checkbox-multiple-fill:before {
    content: "\eb88"
}

.ri-checkbox-multiple-line:before {
    content: "\eb89"
}

.ri-china-railway-fill:before {
    content: "\eb8a"
}

.ri-china-railway-line:before {
    content: "\eb8b"
}

.ri-chrome-fill:before {
    content: "\eb8c"
}

.ri-chrome-line:before {
    content: "\eb8d"
}

.ri-clapperboard-fill:before {
    content: "\eb8e"
}

.ri-clapperboard-line:before {
    content: "\eb8f"
}

.ri-clipboard-fill:before {
    content: "\eb90"
}

.ri-clipboard-line:before {
    content: "\eb91"
}

.ri-clockwise-2-fill:before {
    content: "\eb92"
}

.ri-clockwise-2-line:before {
    content: "\eb93"
}

.ri-clockwise-fill:before {
    content: "\eb94"
}

.ri-clockwise-line:before {
    content: "\eb95"
}

.ri-close-circle-fill:before {
    content: "\eb96"
}

.ri-close-circle-line:before {
    content: "\eb97"
}

.ri-close-fill:before {
    content: "\eb98"
}

.ri-close-line:before {
    content: "\eb99"
}

.ri-closed-captioning-fill:before {
    content: "\eb9a"
}

.ri-closed-captioning-line:before {
    content: "\eb9b"
}

.ri-cloud-fill:before {
    content: "\eb9c"
}

.ri-cloud-line:before {
    content: "\eb9d"
}

.ri-cloud-off-fill:before {
    content: "\eb9e"
}

.ri-cloud-off-line:before {
    content: "\eb9f"
}

.ri-cloud-windy-fill:before {
    content: "\eba0"
}

.ri-cloud-windy-line:before {
    content: "\eba1"
}

.ri-cloudy-2-fill:before {
    content: "\eba2"
}

.ri-cloudy-2-line:before {
    content: "\eba3"
}

.ri-cloudy-fill:before {
    content: "\eba4"
}

.ri-cloudy-line:before {
    content: "\eba5"
}

.ri-code-box-fill:before {
    content: "\eba6"
}

.ri-code-box-line:before {
    content: "\eba7"
}

.ri-code-fill:before {
    content: "\eba8"
}

.ri-code-line:before {
    content: "\eba9"
}

.ri-code-s-fill:before {
    content: "\ebaa"
}

.ri-code-s-line:before {
    content: "\ebab"
}

.ri-code-s-slash-fill:before {
    content: "\ebac"
}

.ri-code-s-slash-line:before {
    content: "\ebad"
}

.ri-code-view:before {
    content: "\ebae"
}

.ri-codepen-fill:before {
    content: "\ebaf"
}

.ri-codepen-line:before {
    content: "\ebb0"
}

.ri-coin-fill:before {
    content: "\ebb1"
}

.ri-coin-line:before {
    content: "\ebb2"
}

.ri-coins-fill:before {
    content: "\ebb3"
}

.ri-coins-line:before {
    content: "\ebb4"
}

.ri-collage-fill:before {
    content: "\ebb5"
}

.ri-collage-line:before {
    content: "\ebb6"
}

.ri-command-fill:before {
    content: "\ebb7"
}

.ri-command-line:before {
    content: "\ebb8"
}

.ri-community-fill:before {
    content: "\ebb9"
}

.ri-community-line:before {
    content: "\ebba"
}

.ri-compass-2-fill:before {
    content: "\ebbb"
}

.ri-compass-2-line:before {
    content: "\ebbc"
}

.ri-compass-3-fill:before {
    content: "\ebbd"
}

.ri-compass-3-line:before {
    content: "\ebbe"
}

.ri-compass-4-fill:before {
    content: "\ebbf"
}

.ri-compass-4-line:before {
    content: "\ebc0"
}

.ri-compass-discover-fill:before {
    content: "\ebc1"
}

.ri-compass-discover-line:before {
    content: "\ebc2"
}

.ri-compass-fill:before {
    content: "\ebc3"
}

.ri-compass-line:before {
    content: "\ebc4"
}

.ri-compasses-2-fill:before {
    content: "\ebc5"
}

.ri-compasses-2-line:before {
    content: "\ebc6"
}

.ri-compasses-fill:before {
    content: "\ebc7"
}

.ri-compasses-line:before {
    content: "\ebc8"
}

.ri-computer-fill:before {
    content: "\ebc9"
}

.ri-computer-line:before {
    content: "\ebca"
}

.ri-contacts-book-2-fill:before {
    content: "\ebcb"
}

.ri-contacts-book-2-line:before {
    content: "\ebcc"
}

.ri-contacts-book-fill:before {
    content: "\ebcd"
}

.ri-contacts-book-line:before {
    content: "\ebce"
}

.ri-contacts-book-upload-fill:before {
    content: "\ebcf"
}

.ri-contacts-book-upload-line:before {
    content: "\ebd0"
}

.ri-contacts-fill:before {
    content: "\ebd1"
}

.ri-contacts-line:before {
    content: "\ebd2"
}

.ri-contrast-2-fill:before {
    content: "\ebd3"
}

.ri-contrast-2-line:before {
    content: "\ebd4"
}

.ri-contrast-drop-2-fill:before {
    content: "\ebd5"
}

.ri-contrast-drop-2-line:before {
    content: "\ebd6"
}

.ri-contrast-drop-fill:before {
    content: "\ebd7"
}

.ri-contrast-drop-line:before {
    content: "\ebd8"
}

.ri-contrast-fill:before {
    content: "\ebd9"
}

.ri-contrast-line:before {
    content: "\ebda"
}

.ri-copper-coin-fill:before {
    content: "\ebdb"
}

.ri-copper-coin-line:before {
    content: "\ebdc"
}

.ri-copper-diamond-fill:before {
    content: "\ebdd"
}

.ri-copper-diamond-line:before {
    content: "\ebde"
}

.ri-copyleft-fill:before {
    content: "\ebdf"
}

.ri-copyleft-line:before {
    content: "\ebe0"
}

.ri-copyright-fill:before {
    content: "\ebe1"
}

.ri-copyright-line:before {
    content: "\ebe2"
}

.ri-coreos-fill:before {
    content: "\ebe3"
}

.ri-coreos-line:before {
    content: "\ebe4"
}

.ri-coupon-2-fill:before {
    content: "\ebe5"
}

.ri-coupon-2-line:before {
    content: "\ebe6"
}

.ri-coupon-3-fill:before {
    content: "\ebe7"
}

.ri-coupon-3-line:before {
    content: "\ebe8"
}

.ri-coupon-4-fill:before {
    content: "\ebe9"
}

.ri-coupon-4-line:before {
    content: "\ebea"
}

.ri-coupon-5-fill:before {
    content: "\ebeb"
}

.ri-coupon-5-line:before {
    content: "\ebec"
}

.ri-coupon-fill:before {
    content: "\ebed"
}

.ri-coupon-line:before {
    content: "\ebee"
}

.ri-cpu-fill:before {
    content: "\ebef"
}

.ri-cpu-line:before {
    content: "\ebf0"
}

.ri-creative-commons-by-fill:before {
    content: "\ebf1"
}

.ri-creative-commons-by-line:before {
    content: "\ebf2"
}

.ri-creative-commons-fill:before {
    content: "\ebf3"
}

.ri-creative-commons-line:before {
    content: "\ebf4"
}

.ri-creative-commons-nc-fill:before {
    content: "\ebf5"
}

.ri-creative-commons-nc-line:before {
    content: "\ebf6"
}

.ri-creative-commons-nd-fill:before {
    content: "\ebf7"
}

.ri-creative-commons-nd-line:before {
    content: "\ebf8"
}

.ri-creative-commons-sa-fill:before {
    content: "\ebf9"
}

.ri-creative-commons-sa-line:before {
    content: "\ebfa"
}

.ri-creative-commons-zero-fill:before {
    content: "\ebfb"
}

.ri-creative-commons-zero-line:before {
    content: "\ebfc"
}

.ri-criminal-fill:before {
    content: "\ebfd"
}

.ri-criminal-line:before {
    content: "\ebfe"
}

.ri-crop-2-fill:before {
    content: "\ebff"
}

.ri-crop-2-line:before {
    content: "\ec00"
}

.ri-crop-fill:before {
    content: "\ec01"
}

.ri-crop-line:before {
    content: "\ec02"
}

.ri-css3-fill:before {
    content: "\ec03"
}

.ri-css3-line:before {
    content: "\ec04"
}

.ri-cup-fill:before {
    content: "\ec05"
}

.ri-cup-line:before {
    content: "\ec06"
}

.ri-currency-fill:before {
    content: "\ec07"
}

.ri-currency-line:before {
    content: "\ec08"
}

.ri-cursor-fill:before {
    content: "\ec09"
}

.ri-cursor-line:before {
    content: "\ec0a"
}

.ri-customer-service-2-fill:before {
    content: "\ec0b"
}

.ri-customer-service-2-line:before {
    content: "\ec0c"
}

.ri-customer-service-fill:before {
    content: "\ec0d"
}

.ri-customer-service-line:before {
    content: "\ec0e"
}

.ri-dashboard-2-fill:before {
    content: "\ec0f"
}

.ri-dashboard-2-line:before {
    content: "\ec10"
}

.ri-dashboard-3-fill:before {
    content: "\ec11"
}

.ri-dashboard-3-line:before {
    content: "\ec12"
}

.ri-dashboard-fill:before {
    content: "\ec13"
}

.ri-dashboard-line:before {
    content: "\ec14"
}

.ri-database-2-fill:before {
    content: "\ec15"
}

.ri-database-2-line:before {
    content: "\ec16"
}

.ri-database-fill:before {
    content: "\ec17"
}

.ri-database-line:before {
    content: "\ec18"
}

.ri-delete-back-2-fill:before {
    content: "\ec19"
}

.ri-delete-back-2-line:before {
    content: "\ec1a"
}

.ri-delete-back-fill:before {
    content: "\ec1b"
}

.ri-delete-back-line:before {
    content: "\ec1c"
}

.ri-delete-bin-2-fill:before {
    content: "\ec1d"
}

.ri-delete-bin-2-line:before {
    content: "\ec1e"
}

.ri-delete-bin-3-fill:before {
    content: "\ec1f"
}

.ri-delete-bin-3-line:before {
    content: "\ec20"
}

.ri-delete-bin-4-fill:before {
    content: "\ec21"
}

.ri-delete-bin-4-line:before {
    content: "\ec22"
}

.ri-delete-bin-5-fill:before {
    content: "\ec23"
}

.ri-delete-bin-5-line:before {
    content: "\ec24"
}

.ri-delete-bin-6-fill:before {
    content: "\ec25"
}

.ri-delete-bin-6-line:before {
    content: "\ec26"
}

.ri-delete-bin-7-fill:before {
    content: "\ec27"
}

.ri-delete-bin-7-line:before {
    content: "\ec28"
}

.ri-delete-bin-fill:before {
    content: "\ec29"
}

.ri-delete-bin-line:before {
    content: "\ec2a"
}

.ri-delete-column:before {
    content: "\ec2b"
}

.ri-delete-row:before {
    content: "\ec2c"
}

.ri-device-fill:before {
    content: "\ec2d"
}

.ri-device-line:before {
    content: "\ec2e"
}

.ri-device-recover-fill:before {
    content: "\ec2f"
}

.ri-device-recover-line:before {
    content: "\ec30"
}

.ri-dingding-fill:before {
    content: "\ec31"
}

.ri-dingding-line:before {
    content: "\ec32"
}

.ri-direction-fill:before {
    content: "\ec33"
}

.ri-direction-line:before {
    content: "\ec34"
}

.ri-disc-fill:before {
    content: "\ec35"
}

.ri-disc-line:before {
    content: "\ec36"
}

.ri-discord-fill:before {
    content: "\ec37"
}

.ri-discord-line:before {
    content: "\ec38"
}

.ri-discuss-fill:before {
    content: "\ec39"
}

.ri-discuss-line:before {
    content: "\ec3a"
}

.ri-dislike-fill:before {
    content: "\ec3b"
}

.ri-dislike-line:before {
    content: "\ec3c"
}

.ri-disqus-fill:before {
    content: "\ec3d"
}

.ri-disqus-line:before {
    content: "\ec3e"
}

.ri-divide-fill:before {
    content: "\ec3f"
}

.ri-divide-line:before {
    content: "\ec40"
}

.ri-donut-chart-fill:before {
    content: "\ec41"
}

.ri-donut-chart-line:before {
    content: "\ec42"
}

.ri-door-closed-fill:before {
    content: "\ec43"
}

.ri-door-closed-line:before {
    content: "\ec44"
}

.ri-door-fill:before {
    content: "\ec45"
}

.ri-door-line:before {
    content: "\ec46"
}

.ri-door-lock-box-fill:before {
    content: "\ec47"
}

.ri-door-lock-box-line:before {
    content: "\ec48"
}

.ri-door-lock-fill:before {
    content: "\ec49"
}

.ri-door-lock-line:before {
    content: "\ec4a"
}

.ri-door-open-fill:before {
    content: "\ec4b"
}

.ri-door-open-line:before {
    content: "\ec4c"
}

.ri-dossier-fill:before {
    content: "\ec4d"
}

.ri-dossier-line:before {
    content: "\ec4e"
}

.ri-douban-fill:before {
    content: "\ec4f"
}

.ri-douban-line:before {
    content: "\ec50"
}

.ri-double-quotes-l:before {
    content: "\ec51"
}

.ri-double-quotes-r:before {
    content: "\ec52"
}

.ri-download-2-fill:before {
    content: "\ec53"
}

.ri-download-2-line:before {
    content: "\ec54"
}

.ri-download-cloud-2-fill:before {
    content: "\ec55"
}

.ri-download-cloud-2-line:before {
    content: "\ec56"
}

.ri-download-cloud-fill:before {
    content: "\ec57"
}

.ri-download-cloud-line:before {
    content: "\ec58"
}

.ri-download-fill:before {
    content: "\ec59"
}

.ri-download-line:before {
    content: "\ec5a"
}

.ri-draft-fill:before {
    content: "\ec5b"
}

.ri-draft-line:before {
    content: "\ec5c"
}

.ri-drag-drop-fill:before {
    content: "\ec5d"
}

.ri-drag-drop-line:before {
    content: "\ec5e"
}

.ri-drag-move-2-fill:before {
    content: "\ec5f"
}

.ri-drag-move-2-line:before {
    content: "\ec60"
}

.ri-drag-move-fill:before {
    content: "\ec61"
}

.ri-drag-move-line:before {
    content: "\ec62"
}

.ri-dribbble-fill:before {
    content: "\ec63"
}

.ri-dribbble-line:before {
    content: "\ec64"
}

.ri-drive-fill:before {
    content: "\ec65"
}

.ri-drive-line:before {
    content: "\ec66"
}

.ri-drizzle-fill:before {
    content: "\ec67"
}

.ri-drizzle-line:before {
    content: "\ec68"
}

.ri-drop-fill:before {
    content: "\ec69"
}

.ri-drop-line:before {
    content: "\ec6a"
}

.ri-dropbox-fill:before {
    content: "\ec6b"
}

.ri-dropbox-line:before {
    content: "\ec6c"
}

.ri-dual-sim-1-fill:before {
    content: "\ec6d"
}

.ri-dual-sim-1-line:before {
    content: "\ec6e"
}

.ri-dual-sim-2-fill:before {
    content: "\ec6f"
}

.ri-dual-sim-2-line:before {
    content: "\ec70"
}

.ri-dv-fill:before {
    content: "\ec71"
}

.ri-dv-line:before {
    content: "\ec72"
}

.ri-dvd-fill:before {
    content: "\ec73"
}

.ri-dvd-line:before {
    content: "\ec74"
}

.ri-e-bike-2-fill:before {
    content: "\ec75"
}

.ri-e-bike-2-line:before {
    content: "\ec76"
}

.ri-e-bike-fill:before {
    content: "\ec77"
}

.ri-e-bike-line:before {
    content: "\ec78"
}

.ri-earth-fill:before {
    content: "\ec79"
}

.ri-earth-line:before {
    content: "\ec7a"
}

.ri-earthquake-fill:before {
    content: "\ec7b"
}

.ri-earthquake-line:before {
    content: "\ec7c"
}

.ri-edge-fill:before {
    content: "\ec7d"
}

.ri-edge-line:before {
    content: "\ec7e"
}

.ri-edit-2-fill:before {
    content: "\ec7f"
}

.ri-edit-2-line:before {
    content: "\ec80"
}

.ri-edit-box-fill:before {
    content: "\ec81"
}

.ri-edit-box-line:before {
    content: "\ec82"
}

.ri-edit-circle-fill:before {
    content: "\ec83"
}

.ri-edit-circle-line:before {
    content: "\ec84"
}

.ri-edit-fill:before {
    content: "\ec85"
}

.ri-edit-line:before {
    content: "\ec86"
}

.ri-eject-fill:before {
    content: "\ec87"
}

.ri-eject-line:before {
    content: "\ec88"
}

.ri-emotion-2-fill:before {
    content: "\ec89"
}

.ri-emotion-2-line:before {
    content: "\ec8a"
}

.ri-emotion-fill:before {
    content: "\ec8b"
}

.ri-emotion-happy-fill:before {
    content: "\ec8c"
}

.ri-emotion-happy-line:before {
    content: "\ec8d"
}

.ri-emotion-laugh-fill:before {
    content: "\ec8e"
}

.ri-emotion-laugh-line:before {
    content: "\ec8f"
}

.ri-emotion-line:before {
    content: "\ec90"
}

.ri-emotion-normal-fill:before {
    content: "\ec91"
}

.ri-emotion-normal-line:before {
    content: "\ec92"
}

.ri-emotion-sad-fill:before {
    content: "\ec93"
}

.ri-emotion-sad-line:before {
    content: "\ec94"
}

.ri-emotion-unhappy-fill:before {
    content: "\ec95"
}

.ri-emotion-unhappy-line:before {
    content: "\ec96"
}

.ri-empathize-fill:before {
    content: "\ec97"
}

.ri-empathize-line:before {
    content: "\ec98"
}

.ri-emphasis-cn:before {
    content: "\ec99"
}

.ri-emphasis:before {
    content: "\ec9a"
}

.ri-english-input:before {
    content: "\ec9b"
}

.ri-equalizer-fill:before {
    content: "\ec9c"
}

.ri-equalizer-line:before {
    content: "\ec9d"
}

.ri-eraser-fill:before {
    content: "\ec9e"
}

.ri-eraser-line:before {
    content: "\ec9f"
}

.ri-error-warning-fill:before {
    content: "\eca0"
}

.ri-error-warning-line:before {
    content: "\eca1"
}

.ri-evernote-fill:before {
    content: "\eca2"
}

.ri-evernote-line:before {
    content: "\eca3"
}

.ri-exchange-box-fill:before {
    content: "\eca4"
}

.ri-exchange-box-line:before {
    content: "\eca5"
}

.ri-exchange-cny-fill:before {
    content: "\eca6"
}

.ri-exchange-cny-line:before {
    content: "\eca7"
}

.ri-exchange-dollar-fill:before {
    content: "\eca8"
}

.ri-exchange-dollar-line:before {
    content: "\eca9"
}

.ri-exchange-fill:before {
    content: "\ecaa"
}

.ri-exchange-funds-fill:before {
    content: "\ecab"
}

.ri-exchange-funds-line:before {
    content: "\ecac"
}

.ri-exchange-line:before {
    content: "\ecad"
}

.ri-external-link-fill:before {
    content: "\ecae"
}

.ri-external-link-line:before {
    content: "\ecaf"
}

.ri-eye-2-fill:before {
    content: "\ecb0"
}

.ri-eye-2-line:before {
    content: "\ecb1"
}

.ri-eye-close-fill:before {
    content: "\ecb2"
}

.ri-eye-close-line:before {
    content: "\ecb3"
}

.ri-eye-fill:before {
    content: "\ecb4"
}

.ri-eye-line:before {
    content: "\ecb5"
}

.ri-eye-off-fill:before {
    content: "\ecb6"
}

.ri-eye-off-line:before {
    content: "\ecb7"
}

.ri-facebook-box-fill:before {
    content: "\ecb8"
}

.ri-facebook-box-line:before {
    content: "\ecb9"
}

.ri-facebook-circle-fill:before {
    content: "\ecba"
}

.ri-facebook-circle-line:before {
    content: "\ecbb"
}

.ri-facebook-fill:before {
    content: "\ecbc"
}

.ri-facebook-line:before {
    content: "\ecbd"
}

.ri-fahrenheit-fill:before {
    content: "\ecbe"
}

.ri-fahrenheit-line:before {
    content: "\ecbf"
}

.ri-feedback-fill:before {
    content: "\ecc0"
}

.ri-feedback-line:before {
    content: "\ecc1"
}

.ri-file-2-fill:before {
    content: "\ecc2"
}

.ri-file-2-line:before {
    content: "\ecc3"
}

.ri-file-3-fill:before {
    content: "\ecc4"
}

.ri-file-3-line:before {
    content: "\ecc5"
}

.ri-file-4-fill:before {
    content: "\ecc6"
}

.ri-file-4-line:before {
    content: "\ecc7"
}

.ri-file-add-fill:before {
    content: "\ecc8"
}

.ri-file-add-line:before {
    content: "\ecc9"
}

.ri-file-chart-2-fill:before {
    content: "\ecca"
}

.ri-file-chart-2-line:before {
    content: "\eccb"
}

.ri-file-chart-fill:before {
    content: "\eccc"
}

.ri-file-chart-line:before {
    content: "\eccd"
}

.ri-file-cloud-fill:before {
    content: "\ecce"
}

.ri-file-cloud-line:before {
    content: "\eccf"
}

.ri-file-code-fill:before {
    content: "\ecd0"
}

.ri-file-code-line:before {
    content: "\ecd1"
}

.ri-file-copy-2-fill:before {
    content: "\ecd2"
}

.ri-file-copy-2-line:before {
    content: "\ecd3"
}

.ri-file-copy-fill:before {
    content: "\ecd4"
}

.ri-file-copy-line:before {
    content: "\ecd5"
}

.ri-file-damage-fill:before {
    content: "\ecd6"
}

.ri-file-damage-line:before {
    content: "\ecd7"
}

.ri-file-download-fill:before {
    content: "\ecd8"
}

.ri-file-download-line:before {
    content: "\ecd9"
}

.ri-file-edit-fill:before {
    content: "\ecda"
}

.ri-file-edit-line:before {
    content: "\ecdb"
}

.ri-file-excel-2-fill:before {
    content: "\ecdc"
}

.ri-file-excel-2-line:before {
    content: "\ecdd"
}

.ri-file-excel-fill:before {
    content: "\ecde"
}

.ri-file-excel-line:before {
    content: "\ecdf"
}

.ri-file-fill:before {
    content: "\ece0"
}

.ri-file-forbid-fill:before {
    content: "\ece1"
}

.ri-file-forbid-line:before {
    content: "\ece2"
}

.ri-file-gif-fill:before {
    content: "\ece3"
}

.ri-file-gif-line:before {
    content: "\ece4"
}

.ri-file-history-fill:before {
    content: "\ece5"
}

.ri-file-history-line:before {
    content: "\ece6"
}

.ri-file-hwp-fill:before {
    content: "\ece7"
}

.ri-file-hwp-line:before {
    content: "\ece8"
}

.ri-file-info-fill:before {
    content: "\ece9"
}

.ri-file-info-line:before {
    content: "\ecea"
}

.ri-file-line:before {
    content: "\eceb"
}

.ri-file-list-2-fill:before {
    content: "\ecec"
}

.ri-file-list-2-line:before {
    content: "\eced"
}

.ri-file-list-3-fill:before {
    content: "\ecee"
}

.ri-file-list-3-line:before {
    content: "\ecef"
}

.ri-file-list-fill:before {
    content: "\ecf0"
}

.ri-file-list-line:before {
    content: "\ecf1"
}

.ri-file-lock-fill:before {
    content: "\ecf2"
}

.ri-file-lock-line:before {
    content: "\ecf3"
}

.ri-file-marked-fill:before {
    content: "\ecf4"
}

.ri-file-marked-line:before {
    content: "\ecf5"
}

.ri-file-music-fill:before {
    content: "\ecf6"
}

.ri-file-music-line:before {
    content: "\ecf7"
}

.ri-file-paper-2-fill:before {
    content: "\ecf8"
}

.ri-file-paper-2-line:before {
    content: "\ecf9"
}

.ri-file-paper-fill:before {
    content: "\ecfa"
}

.ri-file-paper-line:before {
    content: "\ecfb"
}

.ri-file-pdf-fill:before {
    content: "\ecfc"
}

.ri-file-pdf-line:before {
    content: "\ecfd"
}

.ri-file-ppt-2-fill:before {
    content: "\ecfe"
}

.ri-file-ppt-2-line:before {
    content: "\ecff"
}

.ri-file-ppt-fill:before {
    content: "\ed00"
}

.ri-file-ppt-line:before {
    content: "\ed01"
}

.ri-file-reduce-fill:before {
    content: "\ed02"
}

.ri-file-reduce-line:before {
    content: "\ed03"
}

.ri-file-search-fill:before {
    content: "\ed04"
}

.ri-file-search-line:before {
    content: "\ed05"
}

.ri-file-settings-fill:before {
    content: "\ed06"
}

.ri-file-settings-line:before {
    content: "\ed07"
}

.ri-file-shield-2-fill:before {
    content: "\ed08"
}

.ri-file-shield-2-line:before {
    content: "\ed09"
}

.ri-file-shield-fill:before {
    content: "\ed0a"
}

.ri-file-shield-line:before {
    content: "\ed0b"
}

.ri-file-shred-fill:before {
    content: "\ed0c"
}

.ri-file-shred-line:before {
    content: "\ed0d"
}

.ri-file-text-fill:before {
    content: "\ed0e"
}

.ri-file-text-line:before {
    content: "\ed0f"
}

.ri-file-transfer-fill:before {
    content: "\ed10"
}

.ri-file-transfer-line:before {
    content: "\ed11"
}

.ri-file-unknow-fill:before {
    content: "\ed12"
}

.ri-file-unknow-line:before {
    content: "\ed13"
}

.ri-file-upload-fill:before {
    content: "\ed14"
}

.ri-file-upload-line:before {
    content: "\ed15"
}

.ri-file-user-fill:before {
    content: "\ed16"
}

.ri-file-user-line:before {
    content: "\ed17"
}

.ri-file-warning-fill:before {
    content: "\ed18"
}

.ri-file-warning-line:before {
    content: "\ed19"
}

.ri-file-word-2-fill:before {
    content: "\ed1a"
}

.ri-file-word-2-line:before {
    content: "\ed1b"
}

.ri-file-word-fill:before {
    content: "\ed1c"
}

.ri-file-word-line:before {
    content: "\ed1d"
}

.ri-file-zip-fill:before {
    content: "\ed1e"
}

.ri-file-zip-line:before {
    content: "\ed1f"
}

.ri-film-fill:before {
    content: "\ed20"
}

.ri-film-line:before {
    content: "\ed21"
}

.ri-filter-2-fill:before {
    content: "\ed22"
}

.ri-filter-2-line:before {
    content: "\ed23"
}

.ri-filter-3-fill:before {
    content: "\ed24"
}

.ri-filter-3-line:before {
    content: "\ed25"
}

.ri-filter-fill:before {
    content: "\ed26"
}

.ri-filter-line:before {
    content: "\ed27"
}

.ri-filter-off-fill:before {
    content: "\ed28"
}

.ri-filter-off-line:before {
    content: "\ed29"
}

.ri-find-replace-fill:before {
    content: "\ed2a"
}

.ri-find-replace-line:before {
    content: "\ed2b"
}

.ri-finder-fill:before {
    content: "\ed2c"
}

.ri-finder-line:before {
    content: "\ed2d"
}

.ri-fingerprint-2-fill:before {
    content: "\ed2e"
}

.ri-fingerprint-2-line:before {
    content: "\ed2f"
}

.ri-fingerprint-fill:before {
    content: "\ed30"
}

.ri-fingerprint-line:before {
    content: "\ed31"
}

.ri-fire-fill:before {
    content: "\ed32"
}

.ri-fire-line:before {
    content: "\ed33"
}

.ri-firefox-fill:before {
    content: "\ed34"
}

.ri-firefox-line:before {
    content: "\ed35"
}

.ri-first-aid-kit-fill:before {
    content: "\ed36"
}

.ri-first-aid-kit-line:before {
    content: "\ed37"
}

.ri-flag-2-fill:before {
    content: "\ed38"
}

.ri-flag-2-line:before {
    content: "\ed39"
}

.ri-flag-fill:before {
    content: "\ed3a"
}

.ri-flag-line:before {
    content: "\ed3b"
}

.ri-flashlight-fill:before {
    content: "\ed3c"
}

.ri-flashlight-line:before {
    content: "\ed3d"
}

.ri-flask-fill:before {
    content: "\ed3e"
}

.ri-flask-line:before {
    content: "\ed3f"
}

.ri-flight-land-fill:before {
    content: "\ed40"
}

.ri-flight-land-line:before {
    content: "\ed41"
}

.ri-flight-takeoff-fill:before {
    content: "\ed42"
}

.ri-flight-takeoff-line:before {
    content: "\ed43"
}

.ri-flood-fill:before {
    content: "\ed44"
}

.ri-flood-line:before {
    content: "\ed45"
}

.ri-flow-chart:before {
    content: "\ed46"
}

.ri-flutter-fill:before {
    content: "\ed47"
}

.ri-flutter-line:before {
    content: "\ed48"
}

.ri-focus-2-fill:before {
    content: "\ed49"
}

.ri-focus-2-line:before {
    content: "\ed4a"
}

.ri-focus-3-fill:before {
    content: "\ed4b"
}

.ri-focus-3-line:before {
    content: "\ed4c"
}

.ri-focus-fill:before {
    content: "\ed4d"
}

.ri-focus-line:before {
    content: "\ed4e"
}

.ri-foggy-fill:before {
    content: "\ed4f"
}

.ri-foggy-line:before {
    content: "\ed50"
}

.ri-folder-2-fill:before {
    content: "\ed51"
}

.ri-folder-2-line:before {
    content: "\ed52"
}

.ri-folder-3-fill:before {
    content: "\ed53"
}

.ri-folder-3-line:before {
    content: "\ed54"
}

.ri-folder-4-fill:before {
    content: "\ed55"
}

.ri-folder-4-line:before {
    content: "\ed56"
}

.ri-folder-5-fill:before {
    content: "\ed57"
}

.ri-folder-5-line:before {
    content: "\ed58"
}

.ri-folder-add-fill:before {
    content: "\ed59"
}

.ri-folder-add-line:before {
    content: "\ed5a"
}

.ri-folder-chart-2-fill:before {
    content: "\ed5b"
}

.ri-folder-chart-2-line:before {
    content: "\ed5c"
}

.ri-folder-chart-fill:before {
    content: "\ed5d"
}

.ri-folder-chart-line:before {
    content: "\ed5e"
}

.ri-folder-download-fill:before {
    content: "\ed5f"
}

.ri-folder-download-line:before {
    content: "\ed60"
}

.ri-folder-fill:before {
    content: "\ed61"
}

.ri-folder-forbid-fill:before {
    content: "\ed62"
}

.ri-folder-forbid-line:before {
    content: "\ed63"
}

.ri-folder-history-fill:before {
    content: "\ed64"
}

.ri-folder-history-line:before {
    content: "\ed65"
}

.ri-folder-info-fill:before {
    content: "\ed66"
}

.ri-folder-info-line:before {
    content: "\ed67"
}

.ri-folder-keyhole-fill:before {
    content: "\ed68"
}

.ri-folder-keyhole-line:before {
    content: "\ed69"
}

.ri-folder-line:before {
    content: "\ed6a"
}

.ri-folder-lock-fill:before {
    content: "\ed6b"
}

.ri-folder-lock-line:before {
    content: "\ed6c"
}

.ri-folder-music-fill:before {
    content: "\ed6d"
}

.ri-folder-music-line:before {
    content: "\ed6e"
}

.ri-folder-open-fill:before {
    content: "\ed6f"
}

.ri-folder-open-line:before {
    content: "\ed70"
}

.ri-folder-received-fill:before {
    content: "\ed71"
}

.ri-folder-received-line:before {
    content: "\ed72"
}

.ri-folder-reduce-fill:before {
    content: "\ed73"
}

.ri-folder-reduce-line:before {
    content: "\ed74"
}

.ri-folder-settings-fill:before {
    content: "\ed75"
}

.ri-folder-settings-line:before {
    content: "\ed76"
}

.ri-folder-shared-fill:before {
    content: "\ed77"
}

.ri-folder-shared-line:before {
    content: "\ed78"
}

.ri-folder-shield-2-fill:before {
    content: "\ed79"
}

.ri-folder-shield-2-line:before {
    content: "\ed7a"
}

.ri-folder-shield-fill:before {
    content: "\ed7b"
}

.ri-folder-shield-line:before {
    content: "\ed7c"
}

.ri-folder-transfer-fill:before {
    content: "\ed7d"
}

.ri-folder-transfer-line:before {
    content: "\ed7e"
}

.ri-folder-unknow-fill:before {
    content: "\ed7f"
}

.ri-folder-unknow-line:before {
    content: "\ed80"
}

.ri-folder-upload-fill:before {
    content: "\ed81"
}

.ri-folder-upload-line:before {
    content: "\ed82"
}

.ri-folder-user-fill:before {
    content: "\ed83"
}

.ri-folder-user-line:before {
    content: "\ed84"
}

.ri-folder-warning-fill:before {
    content: "\ed85"
}

.ri-folder-warning-line:before {
    content: "\ed86"
}

.ri-folder-zip-fill:before {
    content: "\ed87"
}

.ri-folder-zip-line:before {
    content: "\ed88"
}

.ri-folders-fill:before {
    content: "\ed89"
}

.ri-folders-line:before {
    content: "\ed8a"
}

.ri-font-color:before {
    content: "\ed8b"
}

.ri-font-size-2:before {
    content: "\ed8c"
}

.ri-font-size:before {
    content: "\ed8d"
}

.ri-football-fill:before {
    content: "\ed8e"
}

.ri-football-line:before {
    content: "\ed8f"
}

.ri-footprint-fill:before {
    content: "\ed90"
}

.ri-footprint-line:before {
    content: "\ed91"
}

.ri-forbid-2-fill:before {
    content: "\ed92"
}

.ri-forbid-2-line:before {
    content: "\ed93"
}

.ri-forbid-fill:before {
    content: "\ed94"
}

.ri-forbid-line:before {
    content: "\ed95"
}

.ri-format-clear:before {
    content: "\ed96"
}

.ri-fridge-fill:before {
    content: "\ed97"
}

.ri-fridge-line:before {
    content: "\ed98"
}

.ri-fullscreen-exit-fill:before {
    content: "\ed99"
}

.ri-fullscreen-exit-line:before {
    content: "\ed9a"
}

.ri-fullscreen-fill:before {
    content: "\ed9b"
}

.ri-fullscreen-line:before {
    content: "\ed9c"
}

.ri-function-fill:before {
    content: "\ed9d"
}

.ri-function-line:before {
    content: "\ed9e"
}

.ri-functions:before {
    content: "\ed9f"
}

.ri-funds-box-fill:before {
    content: "\eda0"
}

.ri-funds-box-line:before {
    content: "\eda1"
}

.ri-funds-fill:before {
    content: "\eda2"
}

.ri-funds-line:before {
    content: "\eda3"
}

.ri-gallery-fill:before {
    content: "\eda4"
}

.ri-gallery-line:before {
    content: "\eda5"
}

.ri-gallery-upload-fill:before {
    content: "\eda6"
}

.ri-gallery-upload-line:before {
    content: "\eda7"
}

.ri-game-fill:before {
    content: "\eda8"
}

.ri-game-line:before {
    content: "\eda9"
}

.ri-gamepad-fill:before {
    content: "\edaa"
}

.ri-gamepad-line:before {
    content: "\edab"
}

.ri-gas-station-fill:before {
    content: "\edac"
}

.ri-gas-station-line:before {
    content: "\edad"
}

.ri-gatsby-fill:before {
    content: "\edae"
}

.ri-gatsby-line:before {
    content: "\edaf"
}

.ri-genderless-fill:before {
    content: "\edb0"
}

.ri-genderless-line:before {
    content: "\edb1"
}

.ri-ghost-2-fill:before {
    content: "\edb2"
}

.ri-ghost-2-line:before {
    content: "\edb3"
}

.ri-ghost-fill:before {
    content: "\edb4"
}

.ri-ghost-line:before {
    content: "\edb5"
}

.ri-ghost-smile-fill:before {
    content: "\edb6"
}

.ri-ghost-smile-line:before {
    content: "\edb7"
}

.ri-gift-2-fill:before {
    content: "\edb8"
}

.ri-gift-2-line:before {
    content: "\edb9"
}

.ri-gift-fill:before {
    content: "\edba"
}

.ri-gift-line:before {
    content: "\edbb"
}

.ri-git-branch-fill:before {
    content: "\edbc"
}

.ri-git-branch-line:before {
    content: "\edbd"
}

.ri-git-commit-fill:before {
    content: "\edbe"
}

.ri-git-commit-line:before {
    content: "\edbf"
}

.ri-git-merge-fill:before {
    content: "\edc0"
}

.ri-git-merge-line:before {
    content: "\edc1"
}

.ri-git-pull-request-fill:before {
    content: "\edc2"
}

.ri-git-pull-request-line:before {
    content: "\edc3"
}

.ri-git-repository-commits-fill:before {
    content: "\edc4"
}

.ri-git-repository-commits-line:before {
    content: "\edc5"
}

.ri-git-repository-fill:before {
    content: "\edc6"
}

.ri-git-repository-line:before {
    content: "\edc7"
}

.ri-git-repository-private-fill:before {
    content: "\edc8"
}

.ri-git-repository-private-line:before {
    content: "\edc9"
}

.ri-github-fill:before {
    content: "\edca"
}

.ri-github-line:before {
    content: "\edcb"
}

.ri-gitlab-fill:before {
    content: "\edcc"
}

.ri-gitlab-line:before {
    content: "\edcd"
}

.ri-global-fill:before {
    content: "\edce"
}

.ri-global-line:before {
    content: "\edcf"
}

.ri-globe-fill:before {
    content: "\edd0"
}

.ri-globe-line:before {
    content: "\edd1"
}

.ri-goblet-fill:before {
    content: "\edd2"
}

.ri-goblet-line:before {
    content: "\edd3"
}

.ri-google-fill:before {
    content: "\edd4"
}

.ri-google-line:before {
    content: "\edd5"
}

.ri-google-play-fill:before {
    content: "\edd6"
}

.ri-google-play-line:before {
    content: "\edd7"
}

.ri-government-fill:before {
    content: "\edd8"
}

.ri-government-line:before {
    content: "\edd9"
}

.ri-gps-fill:before {
    content: "\edda"
}

.ri-gps-line:before {
    content: "\eddb"
}

.ri-gradienter-fill:before {
    content: "\eddc"
}

.ri-gradienter-line:before {
    content: "\eddd"
}

.ri-grid-fill:before {
    content: "\edde"
}

.ri-grid-line:before {
    content: "\eddf"
}

.ri-group-2-fill:before {
    content: "\ede0"
}

.ri-group-2-line:before {
    content: "\ede1"
}

.ri-group-fill:before {
    content: "\ede2"
}

.ri-group-line:before {
    content: "\ede3"
}

.ri-guide-fill:before {
    content: "\ede4"
}

.ri-guide-line:before {
    content: "\ede5"
}

.ri-h-1:before {
    content: "\ede6"
}

.ri-h-2:before {
    content: "\ede7"
}

.ri-h-3:before {
    content: "\ede8"
}

.ri-h-4:before {
    content: "\ede9"
}

.ri-h-5:before {
    content: "\edea"
}

.ri-h-6:before {
    content: "\edeb"
}

.ri-hail-fill:before {
    content: "\edec"
}

.ri-hail-line:before {
    content: "\eded"
}

.ri-hammer-fill:before {
    content: "\edee"
}

.ri-hammer-line:before {
    content: "\edef"
}

.ri-hand-coin-fill:before {
    content: "\edf0"
}

.ri-hand-coin-line:before {
    content: "\edf1"
}

.ri-hand-heart-fill:before {
    content: "\edf2"
}

.ri-hand-heart-line:before {
    content: "\edf3"
}

.ri-hand-sanitizer-fill:before {
    content: "\edf4"
}

.ri-hand-sanitizer-line:before {
    content: "\edf5"
}

.ri-handbag-fill:before {
    content: "\edf6"
}

.ri-handbag-line:before {
    content: "\edf7"
}

.ri-hard-drive-2-fill:before {
    content: "\edf8"
}

.ri-hard-drive-2-line:before {
    content: "\edf9"
}

.ri-hard-drive-fill:before {
    content: "\edfa"
}

.ri-hard-drive-line:before {
    content: "\edfb"
}

.ri-hashtag:before {
    content: "\edfc"
}

.ri-haze-2-fill:before {
    content: "\edfd"
}

.ri-haze-2-line:before {
    content: "\edfe"
}

.ri-haze-fill:before {
    content: "\edff"
}

.ri-haze-line:before {
    content: "\ee00"
}

.ri-hd-fill:before {
    content: "\ee01"
}

.ri-hd-line:before {
    content: "\ee02"
}

.ri-heading:before {
    content: "\ee03"
}

.ri-headphone-fill:before {
    content: "\ee04"
}

.ri-headphone-line:before {
    content: "\ee05"
}

.ri-health-book-fill:before {
    content: "\ee06"
}

.ri-health-book-line:before {
    content: "\ee07"
}

.ri-heart-2-fill:before {
    content: "\ee08"
}

.ri-heart-2-line:before {
    content: "\ee09"
}

.ri-heart-3-fill:before {
    content: "\ee0a"
}

.ri-heart-3-line:before {
    content: "\ee0b"
}

.ri-heart-add-fill:before {
    content: "\ee0c"
}

.ri-heart-add-line:before {
    content: "\ee0d"
}

.ri-heart-fill:before {
    content: "\ee0e"
}

.ri-heart-line:before {
    content: "\ee0f"
}

.ri-heart-pulse-fill:before {
    content: "\ee10"
}

.ri-heart-pulse-line:before {
    content: "\ee11"
}

.ri-hearts-fill:before {
    content: "\ee12"
}

.ri-hearts-line:before {
    content: "\ee13"
}

.ri-heavy-showers-fill:before {
    content: "\ee14"
}

.ri-heavy-showers-line:before {
    content: "\ee15"
}

.ri-history-fill:before {
    content: "\ee16"
}

.ri-history-line:before {
    content: "\ee17"
}

.ri-home-2-fill:before {
    content: "\ee18"
}

.ri-home-2-line:before {
    content: "\ee19"
}

.ri-home-3-fill:before {
    content: "\ee1a"
}

.ri-home-3-line:before {
    content: "\ee1b"
}

.ri-home-4-fill:before {
    content: "\ee1c"
}

.ri-home-4-line:before {
    content: "\ee1d"
}

.ri-home-5-fill:before {
    content: "\ee1e"
}

.ri-home-5-line:before {
    content: "\ee1f"
}

.ri-home-6-fill:before {
    content: "\ee20"
}

.ri-home-6-line:before {
    content: "\ee21"
}

.ri-home-7-fill:before {
    content: "\ee22"
}

.ri-home-7-line:before {
    content: "\ee23"
}

.ri-home-8-fill:before {
    content: "\ee24"
}

.ri-home-8-line:before {
    content: "\ee25"
}

.ri-home-fill:before {
    content: "\ee26"
}

.ri-home-gear-fill:before {
    content: "\ee27"
}

.ri-home-gear-line:before {
    content: "\ee28"
}

.ri-home-heart-fill:before {
    content: "\ee29"
}

.ri-home-heart-line:before {
    content: "\ee2a"
}

.ri-home-line:before {
    content: "\ee2b"
}

.ri-home-smile-2-fill:before {
    content: "\ee2c"
}

.ri-home-smile-2-line:before {
    content: "\ee2d"
}

.ri-home-smile-fill:before {
    content: "\ee2e"
}

.ri-home-smile-line:before {
    content: "\ee2f"
}

.ri-home-wifi-fill:before {
    content: "\ee30"
}

.ri-home-wifi-line:before {
    content: "\ee31"
}

.ri-honor-of-kings-fill:before {
    content: "\ee32"
}

.ri-honor-of-kings-line:before {
    content: "\ee33"
}

.ri-honour-fill:before {
    content: "\ee34"
}

.ri-honour-line:before {
    content: "\ee35"
}

.ri-hospital-fill:before {
    content: "\ee36"
}

.ri-hospital-line:before {
    content: "\ee37"
}

.ri-hotel-bed-fill:before {
    content: "\ee38"
}

.ri-hotel-bed-line:before {
    content: "\ee39"
}

.ri-hotel-fill:before {
    content: "\ee3a"
}

.ri-hotel-line:before {
    content: "\ee3b"
}

.ri-hotspot-fill:before {
    content: "\ee3c"
}

.ri-hotspot-line:before {
    content: "\ee3d"
}

.ri-hq-fill:before {
    content: "\ee3e"
}

.ri-hq-line:before {
    content: "\ee3f"
}

.ri-html5-fill:before {
    content: "\ee40"
}

.ri-html5-line:before {
    content: "\ee41"
}

.ri-ie-fill:before {
    content: "\ee42"
}

.ri-ie-line:before {
    content: "\ee43"
}

.ri-image-2-fill:before {
    content: "\ee44"
}

.ri-image-2-line:before {
    content: "\ee45"
}

.ri-image-add-fill:before {
    content: "\ee46"
}

.ri-image-add-line:before {
    content: "\ee47"
}

.ri-image-edit-fill:before {
    content: "\ee48"
}

.ri-image-edit-line:before {
    content: "\ee49"
}

.ri-image-fill:before {
    content: "\ee4a"
}

.ri-image-line:before {
    content: "\ee4b"
}

.ri-inbox-archive-fill:before {
    content: "\ee4c"
}

.ri-inbox-archive-line:before {
    content: "\ee4d"
}

.ri-inbox-fill:before {
    content: "\ee4e"
}

.ri-inbox-line:before {
    content: "\ee4f"
}

.ri-inbox-unarchive-fill:before {
    content: "\ee50"
}

.ri-inbox-unarchive-line:before {
    content: "\ee51"
}

.ri-increase-decrease-fill:before {
    content: "\ee52"
}

.ri-increase-decrease-line:before {
    content: "\ee53"
}

.ri-indent-decrease:before {
    content: "\ee54"
}

.ri-indent-increase:before {
    content: "\ee55"
}

.ri-indeterminate-circle-fill:before {
    content: "\ee56"
}

.ri-indeterminate-circle-line:before {
    content: "\ee57"
}

.ri-information-fill:before {
    content: "\ee58"
}

.ri-information-line:before {
    content: "\ee59"
}

.ri-infrared-thermometer-fill:before {
    content: "\ee5a"
}

.ri-infrared-thermometer-line:before {
    content: "\ee5b"
}

.ri-ink-bottle-fill:before {
    content: "\ee5c"
}

.ri-ink-bottle-line:before {
    content: "\ee5d"
}

.ri-input-cursor-move:before {
    content: "\ee5e"
}

.ri-input-method-fill:before {
    content: "\ee5f"
}

.ri-input-method-line:before {
    content: "\ee60"
}

.ri-insert-column-left:before {
    content: "\ee61"
}

.ri-insert-column-right:before {
    content: "\ee62"
}

.ri-insert-row-bottom:before {
    content: "\ee63"
}

.ri-insert-row-top:before {
    content: "\ee64"
}

.ri-instagram-fill:before {
    content: "\ee65"
}

.ri-instagram-line:before {
    content: "\ee66"
}

.ri-install-fill:before {
    content: "\ee67"
}

.ri-install-line:before {
    content: "\ee68"
}

.ri-invision-fill:before {
    content: "\ee69"
}

.ri-invision-line:before {
    content: "\ee6a"
}

.ri-italic:before {
    content: "\ee6b"
}

.ri-kakao-talk-fill:before {
    content: "\ee6c"
}

.ri-kakao-talk-line:before {
    content: "\ee6d"
}

.ri-key-2-fill:before {
    content: "\ee6e"
}

.ri-key-2-line:before {
    content: "\ee6f"
}

.ri-key-fill:before {
    content: "\ee70"
}

.ri-key-line:before {
    content: "\ee71"
}

.ri-keyboard-box-fill:before {
    content: "\ee72"
}

.ri-keyboard-box-line:before {
    content: "\ee73"
}

.ri-keyboard-fill:before {
    content: "\ee74"
}

.ri-keyboard-line:before {
    content: "\ee75"
}

.ri-keynote-fill:before {
    content: "\ee76"
}

.ri-keynote-line:before {
    content: "\ee77"
}

.ri-knife-blood-fill:before {
    content: "\ee78"
}

.ri-knife-blood-line:before {
    content: "\ee79"
}

.ri-knife-fill:before {
    content: "\ee7a"
}

.ri-knife-line:before {
    content: "\ee7b"
}

.ri-landscape-fill:before {
    content: "\ee7c"
}

.ri-landscape-line:before {
    content: "\ee7d"
}

.ri-layout-2-fill:before {
    content: "\ee7e"
}

.ri-layout-2-line:before {
    content: "\ee7f"
}

.ri-layout-3-fill:before {
    content: "\ee80"
}

.ri-layout-3-line:before {
    content: "\ee81"
}

.ri-layout-4-fill:before {
    content: "\ee82"
}

.ri-layout-4-line:before {
    content: "\ee83"
}

.ri-layout-5-fill:before {
    content: "\ee84"
}

.ri-layout-5-line:before {
    content: "\ee85"
}

.ri-layout-6-fill:before {
    content: "\ee86"
}

.ri-layout-6-line:before {
    content: "\ee87"
}

.ri-layout-bottom-2-fill:before {
    content: "\ee88"
}

.ri-layout-bottom-2-line:before {
    content: "\ee89"
}

.ri-layout-bottom-fill:before {
    content: "\ee8a"
}

.ri-layout-bottom-line:before {
    content: "\ee8b"
}

.ri-layout-column-fill:before {
    content: "\ee8c"
}

.ri-layout-column-line:before {
    content: "\ee8d"
}

.ri-layout-fill:before {
    content: "\ee8e"
}

.ri-layout-grid-fill:before {
    content: "\ee8f"
}

.ri-layout-grid-line:before {
    content: "\ee90"
}

.ri-layout-left-2-fill:before {
    content: "\ee91"
}

.ri-layout-left-2-line:before {
    content: "\ee92"
}

.ri-layout-left-fill:before {
    content: "\ee93"
}

.ri-layout-left-line:before {
    content: "\ee94"
}

.ri-layout-line:before {
    content: "\ee95"
}

.ri-layout-masonry-fill:before {
    content: "\ee96"
}

.ri-layout-masonry-line:before {
    content: "\ee97"
}

.ri-layout-right-2-fill:before {
    content: "\ee98"
}

.ri-layout-right-2-line:before {
    content: "\ee99"
}

.ri-layout-right-fill:before {
    content: "\ee9a"
}

.ri-layout-right-line:before {
    content: "\ee9b"
}

.ri-layout-row-fill:before {
    content: "\ee9c"
}

.ri-layout-row-line:before {
    content: "\ee9d"
}

.ri-layout-top-2-fill:before {
    content: "\ee9e"
}

.ri-layout-top-2-line:before {
    content: "\ee9f"
}

.ri-layout-top-fill:before {
    content: "\eea0"
}

.ri-layout-top-line:before {
    content: "\eea1"
}

.ri-leaf-fill:before {
    content: "\eea2"
}

.ri-leaf-line:before {
    content: "\eea3"
}

.ri-lifebuoy-fill:before {
    content: "\eea4"
}

.ri-lifebuoy-line:before {
    content: "\eea5"
}

.ri-lightbulb-fill:before {
    content: "\eea6"
}

.ri-lightbulb-flash-fill:before {
    content: "\eea7"
}

.ri-lightbulb-flash-line:before {
    content: "\eea8"
}

.ri-lightbulb-line:before {
    content: "\eea9"
}

.ri-line-chart-fill:before {
    content: "\eeaa"
}

.ri-line-chart-line:before {
    content: "\eeab"
}

.ri-line-fill:before {
    content: "\eeac"
}

.ri-line-height:before {
    content: "\eead"
}

.ri-line-line:before {
    content: "\eeae"
}

.ri-link-m:before {
    content: "\eeaf"
}

.ri-link-unlink-m:before {
    content: "\eeb0"
}

.ri-link-unlink:before {
    content: "\eeb1"
}

.ri-link:before {
    content: "\eeb2"
}

.ri-linkedin-box-fill:before {
    content: "\eeb3"
}

.ri-linkedin-box-line:before {
    content: "\eeb4"
}

.ri-linkedin-fill:before {
    content: "\eeb5"
}

.ri-linkedin-line:before {
    content: "\eeb6"
}

.ri-links-fill:before {
    content: "\eeb7"
}

.ri-links-line:before {
    content: "\eeb8"
}

.ri-list-check-2:before {
    content: "\eeb9"
}

.ri-list-check:before {
    content: "\eeba"
}

.ri-list-ordered:before {
    content: "\eebb"
}

.ri-list-settings-fill:before {
    content: "\eebc"
}

.ri-list-settings-line:before {
    content: "\eebd"
}

.ri-list-unordered:before {
    content: "\eebe"
}

.ri-live-fill:before {
    content: "\eebf"
}

.ri-live-line:before {
    content: "\eec0"
}

.ri-loader-2-fill:before {
    content: "\eec1"
}

.ri-loader-2-line:before {
    content: "\eec2"
}

.ri-loader-3-fill:before {
    content: "\eec3"
}

.ri-loader-3-line:before {
    content: "\eec4"
}

.ri-loader-4-fill:before {
    content: "\eec5"
}

.ri-loader-4-line:before {
    content: "\eec6"
}

.ri-loader-5-fill:before {
    content: "\eec7"
}

.ri-loader-5-line:before {
    content: "\eec8"
}

.ri-loader-fill:before {
    content: "\eec9"
}

.ri-loader-line:before {
    content: "\eeca"
}

.ri-lock-2-fill:before {
    content: "\eecb"
}

.ri-lock-2-line:before {
    content: "\eecc"
}

.ri-lock-fill:before {
    content: "\eecd"
}

.ri-lock-line:before {
    content: "\eece"
}

.ri-lock-password-fill:before {
    content: "\eecf"
}

.ri-lock-password-line:before {
    content: "\eed0"
}

.ri-lock-unlock-fill:before {
    content: "\eed1"
}

.ri-lock-unlock-line:before {
    content: "\eed2"
}

.ri-login-box-fill:before {
    content: "\eed3"
}

.ri-login-box-line:before {
    content: "\eed4"
}

.ri-login-circle-fill:before {
    content: "\eed5"
}

.ri-login-circle-line:before {
    content: "\eed6"
}

.ri-logout-box-fill:before {
    content: "\eed7"
}

.ri-logout-box-line:before {
    content: "\eed8"
}

.ri-logout-box-r-fill:before {
    content: "\eed9"
}

.ri-logout-box-r-line:before {
    content: "\eeda"
}

.ri-logout-circle-fill:before {
    content: "\eedb"
}

.ri-logout-circle-line:before {
    content: "\eedc"
}

.ri-logout-circle-r-fill:before {
    content: "\eedd"
}

.ri-logout-circle-r-line:before {
    content: "\eede"
}

.ri-luggage-cart-fill:before {
    content: "\eedf"
}

.ri-luggage-cart-line:before {
    content: "\eee0"
}

.ri-luggage-deposit-fill:before {
    content: "\eee1"
}

.ri-luggage-deposit-line:before {
    content: "\eee2"
}

.ri-lungs-fill:before {
    content: "\eee3"
}

.ri-lungs-line:before {
    content: "\eee4"
}

.ri-mac-fill:before {
    content: "\eee5"
}

.ri-mac-line:before {
    content: "\eee6"
}

.ri-macbook-fill:before {
    content: "\eee7"
}

.ri-macbook-line:before {
    content: "\eee8"
}

.ri-magic-fill:before {
    content: "\eee9"
}

.ri-magic-line:before {
    content: "\eeea"
}

.ri-mail-add-fill:before {
    content: "\eeeb"
}

.ri-mail-add-line:before {
    content: "\eeec"
}

.ri-mail-check-fill:before {
    content: "\eeed"
}

.ri-mail-check-line:before {
    content: "\eeee"
}

.ri-mail-close-fill:before {
    content: "\eeef"
}

.ri-mail-close-line:before {
    content: "\eef0"
}

.ri-mail-download-fill:before {
    content: "\eef1"
}

.ri-mail-download-line:before {
    content: "\eef2"
}

.ri-mail-fill:before {
    content: "\eef3"
}

.ri-mail-forbid-fill:before {
    content: "\eef4"
}

.ri-mail-forbid-line:before {
    content: "\eef5"
}

.ri-mail-line:before {
    content: "\eef6"
}

.ri-mail-lock-fill:before {
    content: "\eef7"
}

.ri-mail-lock-line:before {
    content: "\eef8"
}

.ri-mail-open-fill:before {
    content: "\eef9"
}

.ri-mail-open-line:before {
    content: "\eefa"
}

.ri-mail-send-fill:before {
    content: "\eefb"
}

.ri-mail-send-line:before {
    content: "\eefc"
}

.ri-mail-settings-fill:before {
    content: "\eefd"
}

.ri-mail-settings-line:before {
    content: "\eefe"
}

.ri-mail-star-fill:before {
    content: "\eeff"
}

.ri-mail-star-line:before {
    content: "\ef00"
}

.ri-mail-unread-fill:before {
    content: "\ef01"
}

.ri-mail-unread-line:before {
    content: "\ef02"
}

.ri-mail-volume-fill:before {
    content: "\ef03"
}

.ri-mail-volume-line:before {
    content: "\ef04"
}

.ri-map-2-fill:before {
    content: "\ef05"
}

.ri-map-2-line:before {
    content: "\ef06"
}

.ri-map-fill:before {
    content: "\ef07"
}

.ri-map-line:before {
    content: "\ef08"
}

.ri-map-pin-2-fill:before {
    content: "\ef09"
}

.ri-map-pin-2-line:before {
    content: "\ef0a"
}

.ri-map-pin-3-fill:before {
    content: "\ef0b"
}

.ri-map-pin-3-line:before {
    content: "\ef0c"
}

.ri-map-pin-4-fill:before {
    content: "\ef0d"
}

.ri-map-pin-4-line:before {
    content: "\ef0e"
}

.ri-map-pin-5-fill:before {
    content: "\ef0f"
}

.ri-map-pin-5-line:before {
    content: "\ef10"
}

.ri-map-pin-add-fill:before {
    content: "\ef11"
}

.ri-map-pin-add-line:before {
    content: "\ef12"
}

.ri-map-pin-fill:before {
    content: "\ef13"
}

.ri-map-pin-line:before {
    content: "\ef14"
}

.ri-map-pin-range-fill:before {
    content: "\ef15"
}

.ri-map-pin-range-line:before {
    content: "\ef16"
}

.ri-map-pin-time-fill:before {
    content: "\ef17"
}

.ri-map-pin-time-line:before {
    content: "\ef18"
}

.ri-map-pin-user-fill:before {
    content: "\ef19"
}

.ri-map-pin-user-line:before {
    content: "\ef1a"
}

.ri-mark-pen-fill:before {
    content: "\ef1b"
}

.ri-mark-pen-line:before {
    content: "\ef1c"
}

.ri-markdown-fill:before {
    content: "\ef1d"
}

.ri-markdown-line:before {
    content: "\ef1e"
}

.ri-markup-fill:before {
    content: "\ef1f"
}

.ri-markup-line:before {
    content: "\ef20"
}

.ri-mastercard-fill:before {
    content: "\ef21"
}

.ri-mastercard-line:before {
    content: "\ef22"
}

.ri-mastodon-fill:before {
    content: "\ef23"
}

.ri-mastodon-line:before {
    content: "\ef24"
}

.ri-medal-2-fill:before {
    content: "\ef25"
}

.ri-medal-2-line:before {
    content: "\ef26"
}

.ri-medal-fill:before {
    content: "\ef27"
}

.ri-medal-line:before {
    content: "\ef28"
}

.ri-medicine-bottle-fill:before {
    content: "\ef29"
}

.ri-medicine-bottle-line:before {
    content: "\ef2a"
}

.ri-medium-fill:before {
    content: "\ef2b"
}

.ri-medium-line:before {
    content: "\ef2c"
}

.ri-men-fill:before {
    content: "\ef2d"
}

.ri-men-line:before {
    content: "\ef2e"
}

.ri-mental-health-fill:before {
    content: "\ef2f"
}

.ri-mental-health-line:before {
    content: "\ef30"
}

.ri-menu-2-fill:before {
    content: "\ef31"
}

.ri-menu-2-line:before {
    content: "\ef32"
}

.ri-menu-3-fill:before {
    content: "\ef33"
}

.ri-menu-3-line:before {
    content: "\ef34"
}

.ri-menu-4-fill:before {
    content: "\ef35"
}

.ri-menu-4-line:before {
    content: "\ef36"
}

.ri-menu-5-fill:before {
    content: "\ef37"
}

.ri-menu-5-line:before {
    content: "\ef38"
}

.ri-menu-add-fill:before {
    content: "\ef39"
}

.ri-menu-add-line:before {
    content: "\ef3a"
}

.ri-menu-fill:before {
    content: "\ef3b"
}

.ri-menu-fold-fill:before {
    content: "\ef3c"
}

.ri-menu-fold-line:before {
    content: "\ef3d"
}

.ri-menu-line:before {
    content: "\ef3e"
}

.ri-menu-unfold-fill:before {
    content: "\ef3f"
}

.ri-menu-unfold-line:before {
    content: "\ef40"
}

.ri-merge-cells-horizontal:before {
    content: "\ef41"
}

.ri-merge-cells-vertical:before {
    content: "\ef42"
}

.ri-message-2-fill:before {
    content: "\ef43"
}

.ri-message-2-line:before {
    content: "\ef44"
}

.ri-message-3-fill:before {
    content: "\ef45"
}

.ri-message-3-line:before {
    content: "\ef46"
}

.ri-message-fill:before {
    content: "\ef47"
}

.ri-message-line:before {
    content: "\ef48"
}

.ri-messenger-fill:before {
    content: "\ef49"
}

.ri-messenger-line:before {
    content: "\ef4a"
}

.ri-meteor-fill:before {
    content: "\ef4b"
}

.ri-meteor-line:before {
    content: "\ef4c"
}

.ri-mic-2-fill:before {
    content: "\ef4d"
}

.ri-mic-2-line:before {
    content: "\ef4e"
}

.ri-mic-fill:before {
    content: "\ef4f"
}

.ri-mic-line:before {
    content: "\ef50"
}

.ri-mic-off-fill:before {
    content: "\ef51"
}

.ri-mic-off-line:before {
    content: "\ef52"
}

.ri-mickey-fill:before {
    content: "\ef53"
}

.ri-mickey-line:before {
    content: "\ef54"
}

.ri-microscope-fill:before {
    content: "\ef55"
}

.ri-microscope-line:before {
    content: "\ef56"
}

.ri-microsoft-fill:before {
    content: "\ef57"
}

.ri-microsoft-line:before {
    content: "\ef58"
}

.ri-mind-map:before {
    content: "\ef59"
}

.ri-mini-program-fill:before {
    content: "\ef5a"
}

.ri-mini-program-line:before {
    content: "\ef5b"
}

.ri-mist-fill:before {
    content: "\ef5c"
}

.ri-mist-line:before {
    content: "\ef5d"
}

.ri-money-cny-box-fill:before {
    content: "\ef5e"
}

.ri-money-cny-box-line:before {
    content: "\ef5f"
}

.ri-money-cny-circle-fill:before {
    content: "\ef60"
}

.ri-money-cny-circle-line:before {
    content: "\ef61"
}

.ri-money-dollar-box-fill:before {
    content: "\ef62"
}

.ri-money-dollar-box-line:before {
    content: "\ef63"
}

.ri-money-dollar-circle-fill:before {
    content: "\ef64"
}

.ri-money-dollar-circle-line:before {
    content: "\ef65"
}

.ri-money-euro-box-fill:before {
    content: "\ef66"
}

.ri-money-euro-box-line:before {
    content: "\ef67"
}

.ri-money-euro-circle-fill:before {
    content: "\ef68"
}

.ri-money-euro-circle-line:before {
    content: "\ef69"
}

.ri-money-pound-box-fill:before {
    content: "\ef6a"
}

.ri-money-pound-box-line:before {
    content: "\ef6b"
}

.ri-money-pound-circle-fill:before {
    content: "\ef6c"
}

.ri-money-pound-circle-line:before {
    content: "\ef6d"
}

.ri-moon-clear-fill:before {
    content: "\ef6e"
}

.ri-moon-clear-line:before {
    content: "\ef6f"
}

.ri-moon-cloudy-fill:before {
    content: "\ef70"
}

.ri-moon-cloudy-line:before {
    content: "\ef71"
}

.ri-moon-fill:before {
    content: "\ef72"
}

.ri-moon-foggy-fill:before {
    content: "\ef73"
}

.ri-moon-foggy-line:before {
    content: "\ef74"
}

.ri-moon-line:before {
    content: "\ef75"
}

.ri-more-2-fill:before {
    content: "\ef76"
}

.ri-more-2-line:before {
    content: "\ef77"
}

.ri-more-fill:before {
    content: "\ef78"
}

.ri-more-line:before {
    content: "\ef79"
}

.ri-motorbike-fill:before {
    content: "\ef7a"
}

.ri-motorbike-line:before {
    content: "\ef7b"
}

.ri-mouse-fill:before {
    content: "\ef7c"
}

.ri-mouse-line:before {
    content: "\ef7d"
}

.ri-movie-2-fill:before {
    content: "\ef7e"
}

.ri-movie-2-line:before {
    content: "\ef7f"
}

.ri-movie-fill:before {
    content: "\ef80"
}

.ri-movie-line:before {
    content: "\ef81"
}

.ri-music-2-fill:before {
    content: "\ef82"
}

.ri-music-2-line:before {
    content: "\ef83"
}

.ri-music-fill:before {
    content: "\ef84"
}

.ri-music-line:before {
    content: "\ef85"
}

.ri-mv-fill:before {
    content: "\ef86"
}

.ri-mv-line:before {
    content: "\ef87"
}

.ri-navigation-fill:before {
    content: "\ef88"
}

.ri-navigation-line:before {
    content: "\ef89"
}

.ri-netease-cloud-music-fill:before {
    content: "\ef8a"
}

.ri-netease-cloud-music-line:before {
    content: "\ef8b"
}

.ri-netflix-fill:before {
    content: "\ef8c"
}

.ri-netflix-line:before {
    content: "\ef8d"
}

.ri-newspaper-fill:before {
    content: "\ef8e"
}

.ri-newspaper-line:before {
    content: "\ef8f"
}

.ri-node-tree:before {
    content: "\ef90"
}

.ri-notification-2-fill:before {
    content: "\ef91"
}

.ri-notification-2-line:before {
    content: "\ef92"
}

.ri-notification-3-fill:before {
    content: "\ef93"
}

.ri-notification-3-line:before {
    content: "\ef94"
}

.ri-notification-4-fill:before {
    content: "\ef95"
}

.ri-notification-4-line:before {
    content: "\ef96"
}

.ri-notification-badge-fill:before {
    content: "\ef97"
}

.ri-notification-badge-line:before {
    content: "\ef98"
}

.ri-notification-fill:before {
    content: "\ef99"
}

.ri-notification-line:before {
    content: "\ef9a"
}

.ri-notification-off-fill:before {
    content: "\ef9b"
}

.ri-notification-off-line:before {
    content: "\ef9c"
}

.ri-npmjs-fill:before {
    content: "\ef9d"
}

.ri-npmjs-line:before {
    content: "\ef9e"
}

.ri-number-0:before {
    content: "\ef9f"
}

.ri-number-1:before {
    content: "\efa0"
}

.ri-number-2:before {
    content: "\efa1"
}

.ri-number-3:before {
    content: "\efa2"
}

.ri-number-4:before {
    content: "\efa3"
}

.ri-number-5:before {
    content: "\efa4"
}

.ri-number-6:before {
    content: "\efa5"
}

.ri-number-7:before {
    content: "\efa6"
}

.ri-number-8:before {
    content: "\efa7"
}

.ri-number-9:before {
    content: "\efa8"
}

.ri-numbers-fill:before {
    content: "\efa9"
}

.ri-numbers-line:before {
    content: "\efaa"
}

.ri-nurse-fill:before {
    content: "\efab"
}

.ri-nurse-line:before {
    content: "\efac"
}

.ri-oil-fill:before {
    content: "\efad"
}

.ri-oil-line:before {
    content: "\efae"
}

.ri-omega:before {
    content: "\efaf"
}

.ri-open-arm-fill:before {
    content: "\efb0"
}

.ri-open-arm-line:before {
    content: "\efb1"
}

.ri-open-source-fill:before {
    content: "\efb2"
}

.ri-open-source-line:before {
    content: "\efb3"
}

.ri-opera-fill:before {
    content: "\efb4"
}

.ri-opera-line:before {
    content: "\efb5"
}

.ri-order-play-fill:before {
    content: "\efb6"
}

.ri-order-play-line:before {
    content: "\efb7"
}

.ri-organization-chart:before {
    content: "\efb8"
}

.ri-outlet-2-fill:before {
    content: "\efb9"
}

.ri-outlet-2-line:before {
    content: "\efba"
}

.ri-outlet-fill:before {
    content: "\efbb"
}

.ri-outlet-line:before {
    content: "\efbc"
}

.ri-page-separator:before {
    content: "\efbd"
}

.ri-pages-fill:before {
    content: "\efbe"
}

.ri-pages-line:before {
    content: "\efbf"
}

.ri-paint-brush-fill:before {
    content: "\efc0"
}

.ri-paint-brush-line:before {
    content: "\efc1"
}

.ri-paint-fill:before {
    content: "\efc2"
}

.ri-paint-line:before {
    content: "\efc3"
}

.ri-palette-fill:before {
    content: "\efc4"
}

.ri-palette-line:before {
    content: "\efc5"
}

.ri-pantone-fill:before {
    content: "\efc6"
}

.ri-pantone-line:before {
    content: "\efc7"
}

.ri-paragraph:before {
    content: "\efc8"
}

.ri-parent-fill:before {
    content: "\efc9"
}

.ri-parent-line:before {
    content: "\efca"
}

.ri-parentheses-fill:before {
    content: "\efcb"
}

.ri-parentheses-line:before {
    content: "\efcc"
}

.ri-parking-box-fill:before {
    content: "\efcd"
}

.ri-parking-box-line:before {
    content: "\efce"
}

.ri-parking-fill:before {
    content: "\efcf"
}

.ri-parking-line:before {
    content: "\efd0"
}

.ri-passport-fill:before {
    content: "\efd1"
}

.ri-passport-line:before {
    content: "\efd2"
}

.ri-patreon-fill:before {
    content: "\efd3"
}

.ri-patreon-line:before {
    content: "\efd4"
}

.ri-pause-circle-fill:before {
    content: "\efd5"
}

.ri-pause-circle-line:before {
    content: "\efd6"
}

.ri-pause-fill:before {
    content: "\efd7"
}

.ri-pause-line:before {
    content: "\efd8"
}

.ri-pause-mini-fill:before {
    content: "\efd9"
}

.ri-pause-mini-line:before {
    content: "\efda"
}

.ri-paypal-fill:before {
    content: "\efdb"
}

.ri-paypal-line:before {
    content: "\efdc"
}

.ri-pen-nib-fill:before {
    content: "\efdd"
}

.ri-pen-nib-line:before {
    content: "\efde"
}

.ri-pencil-fill:before {
    content: "\efdf"
}

.ri-pencil-line:before {
    content: "\efe0"
}

.ri-pencil-ruler-2-fill:before {
    content: "\efe1"
}

.ri-pencil-ruler-2-line:before {
    content: "\efe2"
}

.ri-pencil-ruler-fill:before {
    content: "\efe3"
}

.ri-pencil-ruler-line:before {
    content: "\efe4"
}

.ri-percent-fill:before {
    content: "\efe5"
}

.ri-percent-line:before {
    content: "\efe6"
}

.ri-phone-camera-fill:before {
    content: "\efe7"
}

.ri-phone-camera-line:before {
    content: "\efe8"
}

.ri-phone-fill:before {
    content: "\efe9"
}

.ri-phone-find-fill:before {
    content: "\efea"
}

.ri-phone-find-line:before {
    content: "\efeb"
}

.ri-phone-line:before {
    content: "\efec"
}

.ri-phone-lock-fill:before {
    content: "\efed"
}

.ri-phone-lock-line:before {
    content: "\efee"
}

.ri-picture-in-picture-2-fill:before {
    content: "\efef"
}

.ri-picture-in-picture-2-line:before {
    content: "\eff0"
}

.ri-picture-in-picture-exit-fill:before {
    content: "\eff1"
}

.ri-picture-in-picture-exit-line:before {
    content: "\eff2"
}

.ri-picture-in-picture-fill:before {
    content: "\eff3"
}

.ri-picture-in-picture-line:before {
    content: "\eff4"
}

.ri-pie-chart-2-fill:before {
    content: "\eff5"
}

.ri-pie-chart-2-line:before {
    content: "\eff6"
}

.ri-pie-chart-box-fill:before {
    content: "\eff7"
}

.ri-pie-chart-box-line:before {
    content: "\eff8"
}

.ri-pie-chart-fill:before {
    content: "\eff9"
}

.ri-pie-chart-line:before {
    content: "\effa"
}

.ri-pin-distance-fill:before {
    content: "\effb"
}

.ri-pin-distance-line:before {
    content: "\effc"
}

.ri-ping-pong-fill:before {
    content: "\effd"
}

.ri-ping-pong-line:before {
    content: "\effe"
}

.ri-pinterest-fill:before {
    content: "\efff"
}

.ri-pinterest-line:before {
    content: "\f000"
}

.ri-pinyin-input:before {
    content: "\f001"
}

.ri-pixelfed-fill:before {
    content: "\f002"
}

.ri-pixelfed-line:before {
    content: "\f003"
}

.ri-plane-fill:before {
    content: "\f004"
}

.ri-plane-line:before {
    content: "\f005"
}

.ri-plant-fill:before {
    content: "\f006"
}

.ri-plant-line:before {
    content: "\f007"
}

.ri-play-circle-fill:before {
    content: "\f008"
}

.ri-play-circle-line:before {
    content: "\f009"
}

.ri-play-fill:before {
    content: "\f00a"
}

.ri-play-line:before {
    content: "\f00b"
}

.ri-play-list-2-fill:before {
    content: "\f00c"
}

.ri-play-list-2-line:before {
    content: "\f00d"
}

.ri-play-list-add-fill:before {
    content: "\f00e"
}

.ri-play-list-add-line:before {
    content: "\f00f"
}

.ri-play-list-fill:before {
    content: "\f010"
}

.ri-play-list-line:before {
    content: "\f011"
}

.ri-play-mini-fill:before {
    content: "\f012"
}

.ri-play-mini-line:before {
    content: "\f013"
}

.ri-playstation-fill:before {
    content: "\f014"
}

.ri-playstation-line:before {
    content: "\f015"
}

.ri-plug-2-fill:before {
    content: "\f016"
}

.ri-plug-2-line:before {
    content: "\f017"
}

.ri-plug-fill:before {
    content: "\f018"
}

.ri-plug-line:before {
    content: "\f019"
}

.ri-polaroid-2-fill:before {
    content: "\f01a"
}

.ri-polaroid-2-line:before {
    content: "\f01b"
}

.ri-polaroid-fill:before {
    content: "\f01c"
}

.ri-polaroid-line:before {
    content: "\f01d"
}

.ri-police-car-fill:before {
    content: "\f01e"
}

.ri-police-car-line:before {
    content: "\f01f"
}

.ri-price-tag-2-fill:before {
    content: "\f020"
}

.ri-price-tag-2-line:before {
    content: "\f021"
}

.ri-price-tag-3-fill:before {
    content: "\f022"
}

.ri-price-tag-3-line:before {
    content: "\f023"
}

.ri-price-tag-fill:before {
    content: "\f024"
}

.ri-price-tag-line:before {
    content: "\f025"
}

.ri-printer-cloud-fill:before {
    content: "\f026"
}

.ri-printer-cloud-line:before {
    content: "\f027"
}

.ri-printer-fill:before {
    content: "\f028"
}

.ri-printer-line:before {
    content: "\f029"
}

.ri-product-hunt-fill:before {
    content: "\f02a"
}

.ri-product-hunt-line:before {
    content: "\f02b"
}

.ri-profile-fill:before {
    content: "\f02c"
}

.ri-profile-line:before {
    content: "\f02d"
}

.ri-projector-2-fill:before {
    content: "\f02e"
}

.ri-projector-2-line:before {
    content: "\f02f"
}

.ri-projector-fill:before {
    content: "\f030"
}

.ri-projector-line:before {
    content: "\f031"
}

.ri-psychotherapy-fill:before {
    content: "\f032"
}

.ri-psychotherapy-line:before {
    content: "\f033"
}

.ri-pulse-fill:before {
    content: "\f034"
}

.ri-pulse-line:before {
    content: "\f035"
}

.ri-pushpin-2-fill:before {
    content: "\f036"
}

.ri-pushpin-2-line:before {
    content: "\f037"
}

.ri-pushpin-fill:before {
    content: "\f038"
}

.ri-pushpin-line:before {
    content: "\f039"
}

.ri-qq-fill:before {
    content: "\f03a"
}

.ri-qq-line:before {
    content: "\f03b"
}

.ri-qr-code-fill:before {
    content: "\f03c"
}

.ri-qr-code-line:before {
    content: "\f03d"
}

.ri-qr-scan-2-fill:before {
    content: "\f03e"
}

.ri-qr-scan-2-line:before {
    content: "\f03f"
}

.ri-qr-scan-fill:before {
    content: "\f040"
}

.ri-qr-scan-line:before {
    content: "\f041"
}

.ri-question-answer-fill:before {
    content: "\f042"
}

.ri-question-answer-line:before {
    content: "\f043"
}

.ri-question-fill:before {
    content: "\f044"
}

.ri-question-line:before {
    content: "\f045"
}

.ri-question-mark:before {
    content: "\f046"
}

.ri-questionnaire-fill:before {
    content: "\f047"
}

.ri-questionnaire-line:before {
    content: "\f048"
}

.ri-quill-pen-fill:before {
    content: "\f049"
}

.ri-quill-pen-line:before {
    content: "\f04a"
}

.ri-radar-fill:before {
    content: "\f04b"
}

.ri-radar-line:before {
    content: "\f04c"
}

.ri-radio-2-fill:before {
    content: "\f04d"
}

.ri-radio-2-line:before {
    content: "\f04e"
}

.ri-radio-button-fill:before {
    content: "\f04f"
}

.ri-radio-button-line:before {
    content: "\f050"
}

.ri-radio-fill:before {
    content: "\f051"
}

.ri-radio-line:before {
    content: "\f052"
}

.ri-rainbow-fill:before {
    content: "\f053"
}

.ri-rainbow-line:before {
    content: "\f054"
}

.ri-rainy-fill:before {
    content: "\f055"
}

.ri-rainy-line:before {
    content: "\f056"
}

.ri-reactjs-fill:before {
    content: "\f057"
}

.ri-reactjs-line:before {
    content: "\f058"
}

.ri-record-circle-fill:before {
    content: "\f059"
}

.ri-record-circle-line:before {
    content: "\f05a"
}

.ri-record-mail-fill:before {
    content: "\f05b"
}

.ri-record-mail-line:before {
    content: "\f05c"
}

.ri-recycle-fill:before {
    content: "\f05d"
}

.ri-recycle-line:before {
    content: "\f05e"
}

.ri-red-packet-fill:before {
    content: "\f05f"
}

.ri-red-packet-line:before {
    content: "\f060"
}

.ri-reddit-fill:before {
    content: "\f061"
}

.ri-reddit-line:before {
    content: "\f062"
}

.ri-refresh-fill:before {
    content: "\f063"
}

.ri-refresh-line:before {
    content: "\f064"
}

.ri-refund-2-fill:before {
    content: "\f065"
}

.ri-refund-2-line:before {
    content: "\f066"
}

.ri-refund-fill:before {
    content: "\f067"
}

.ri-refund-line:before {
    content: "\f068"
}

.ri-registered-fill:before {
    content: "\f069"
}

.ri-registered-line:before {
    content: "\f06a"
}

.ri-remixicon-fill:before {
    content: "\f06b"
}

.ri-remixicon-line:before {
    content: "\f06c"
}

.ri-remote-control-2-fill:before {
    content: "\f06d"
}

.ri-remote-control-2-line:before {
    content: "\f06e"
}

.ri-remote-control-fill:before {
    content: "\f06f"
}

.ri-remote-control-line:before {
    content: "\f070"
}

.ri-repeat-2-fill:before {
    content: "\f071"
}

.ri-repeat-2-line:before {
    content: "\f072"
}

.ri-repeat-fill:before {
    content: "\f073"
}

.ri-repeat-line:before {
    content: "\f074"
}

.ri-repeat-one-fill:before {
    content: "\f075"
}

.ri-repeat-one-line:before {
    content: "\f076"
}

.ri-reply-all-fill:before {
    content: "\f077"
}

.ri-reply-all-line:before {
    content: "\f078"
}

.ri-reply-fill:before {
    content: "\f079"
}

.ri-reply-line:before {
    content: "\f07a"
}

.ri-reserved-fill:before {
    content: "\f07b"
}

.ri-reserved-line:before {
    content: "\f07c"
}

.ri-rest-time-fill:before {
    content: "\f07d"
}

.ri-rest-time-line:before {
    content: "\f07e"
}

.ri-restart-fill:before {
    content: "\f07f"
}

.ri-restart-line:before {
    content: "\f080"
}

.ri-restaurant-2-fill:before {
    content: "\f081"
}

.ri-restaurant-2-line:before {
    content: "\f082"
}

.ri-restaurant-fill:before {
    content: "\f083"
}

.ri-restaurant-line:before {
    content: "\f084"
}

.ri-rewind-fill:before {
    content: "\f085"
}

.ri-rewind-line:before {
    content: "\f086"
}

.ri-rewind-mini-fill:before {
    content: "\f087"
}

.ri-rewind-mini-line:before {
    content: "\f088"
}

.ri-rhythm-fill:before {
    content: "\f089"
}

.ri-rhythm-line:before {
    content: "\f08a"
}

.ri-riding-fill:before {
    content: "\f08b"
}

.ri-riding-line:before {
    content: "\f08c"
}

.ri-road-map-fill:before {
    content: "\f08d"
}

.ri-road-map-line:before {
    content: "\f08e"
}

.ri-roadster-fill:before {
    content: "\f08f"
}

.ri-roadster-line:before {
    content: "\f090"
}

.ri-robot-fill:before {
    content: "\f091"
}

.ri-robot-line:before {
    content: "\f092"
}

.ri-rocket-2-fill:before {
    content: "\f093"
}

.ri-rocket-2-line:before {
    content: "\f094"
}

.ri-rocket-fill:before {
    content: "\f095"
}

.ri-rocket-line:before {
    content: "\f096"
}

.ri-rotate-lock-fill:before {
    content: "\f097"
}

.ri-rotate-lock-line:before {
    content: "\f098"
}

.ri-rounded-corner:before {
    content: "\f099"
}

.ri-route-fill:before {
    content: "\f09a"
}

.ri-route-line:before {
    content: "\f09b"
}

.ri-router-fill:before {
    content: "\f09c"
}

.ri-router-line:before {
    content: "\f09d"
}

.ri-rss-fill:before {
    content: "\f09e"
}

.ri-rss-line:before {
    content: "\f09f"
}

.ri-ruler-2-fill:before {
    content: "\f0a0"
}

.ri-ruler-2-line:before {
    content: "\f0a1"
}

.ri-ruler-fill:before {
    content: "\f0a2"
}

.ri-ruler-line:before {
    content: "\f0a3"
}

.ri-run-fill:before {
    content: "\f0a4"
}

.ri-run-line:before {
    content: "\f0a5"
}

.ri-safari-fill:before {
    content: "\f0a6"
}

.ri-safari-line:before {
    content: "\f0a7"
}

.ri-safe-2-fill:before {
    content: "\f0a8"
}

.ri-safe-2-line:before {
    content: "\f0a9"
}

.ri-safe-fill:before {
    content: "\f0aa"
}

.ri-safe-line:before {
    content: "\f0ab"
}

.ri-sailboat-fill:before {
    content: "\f0ac"
}

.ri-sailboat-line:before {
    content: "\f0ad"
}

.ri-save-2-fill:before {
    content: "\f0ae"
}

.ri-save-2-line:before {
    content: "\f0af"
}

.ri-save-3-fill:before {
    content: "\f0b0"
}

.ri-save-3-line:before {
    content: "\f0b1"
}

.ri-save-fill:before {
    content: "\f0b2"
}

.ri-save-line:before {
    content: "\f0b3"
}

.ri-scales-2-fill:before {
    content: "\f0b4"
}

.ri-scales-2-line:before {
    content: "\f0b5"
}

.ri-scales-3-fill:before {
    content: "\f0b6"
}

.ri-scales-3-line:before {
    content: "\f0b7"
}

.ri-scales-fill:before {
    content: "\f0b8"
}

.ri-scales-line:before {
    content: "\f0b9"
}

.ri-scan-2-fill:before {
    content: "\f0ba"
}

.ri-scan-2-line:before {
    content: "\f0bb"
}

.ri-scan-fill:before {
    content: "\f0bc"
}

.ri-scan-line:before {
    content: "\f0bd"
}

.ri-scissors-2-fill:before {
    content: "\f0be"
}

.ri-scissors-2-line:before {
    content: "\f0bf"
}

.ri-scissors-cut-fill:before {
    content: "\f0c0"
}

.ri-scissors-cut-line:before {
    content: "\f0c1"
}

.ri-scissors-fill:before {
    content: "\f0c2"
}

.ri-scissors-line:before {
    content: "\f0c3"
}

.ri-screenshot-2-fill:before {
    content: "\f0c4"
}

.ri-screenshot-2-line:before {
    content: "\f0c5"
}

.ri-screenshot-fill:before {
    content: "\f0c6"
}

.ri-screenshot-line:before {
    content: "\f0c7"
}

.ri-sd-card-fill:before {
    content: "\f0c8"
}

.ri-sd-card-line:before {
    content: "\f0c9"
}

.ri-sd-card-mini-fill:before {
    content: "\f0ca"
}

.ri-sd-card-mini-line:before {
    content: "\f0cb"
}

.ri-search-2-fill:before {
    content: "\f0cc"
}

.ri-search-2-line:before {
    content: "\f0cd"
}

.ri-search-eye-fill:before {
    content: "\f0ce"
}

.ri-search-eye-line:before {
    content: "\f0cf"
}

.ri-search-fill:before {
    content: "\f0d0"
}

.ri-search-line:before {
    content: "\f0d1"
}

.ri-secure-payment-fill:before {
    content: "\f0d2"
}

.ri-secure-payment-line:before {
    content: "\f0d3"
}

.ri-seedling-fill:before {
    content: "\f0d4"
}

.ri-seedling-line:before {
    content: "\f0d5"
}

.ri-send-backward:before {
    content: "\f0d6"
}

.ri-send-plane-2-fill:before {
    content: "\f0d7"
}

.ri-send-plane-2-line:before {
    content: "\f0d8"
}

.ri-send-plane-fill:before {
    content: "\f0d9"
}

.ri-send-plane-line:before {
    content: "\f0da"
}

.ri-send-to-back:before {
    content: "\f0db"
}

.ri-sensor-fill:before {
    content: "\f0dc"
}

.ri-sensor-line:before {
    content: "\f0dd"
}

.ri-separator:before {
    content: "\f0de"
}

.ri-server-fill:before {
    content: "\f0df"
}

.ri-server-line:before {
    content: "\f0e0"
}

.ri-service-fill:before {
    content: "\f0e1"
}

.ri-service-line:before {
    content: "\f0e2"
}

.ri-settings-2-fill:before {
    content: "\f0e3"
}

.ri-settings-2-line:before {
    content: "\f0e4"
}

.ri-settings-3-fill:before {
    content: "\f0e5"
}

.ri-settings-3-line:before {
    content: "\f0e6"
}

.ri-settings-4-fill:before {
    content: "\f0e7"
}

.ri-settings-4-line:before {
    content: "\f0e8"
}

.ri-settings-5-fill:before {
    content: "\f0e9"
}

.ri-settings-5-line:before {
    content: "\f0ea"
}

.ri-settings-6-fill:before {
    content: "\f0eb"
}

.ri-settings-6-line:before {
    content: "\f0ec"
}

.ri-settings-fill:before {
    content: "\f0ed"
}

.ri-settings-line:before {
    content: "\f0ee"
}

.ri-shape-2-fill:before {
    content: "\f0ef"
}

.ri-shape-2-line:before {
    content: "\f0f0"
}

.ri-shape-fill:before {
    content: "\f0f1"
}

.ri-shape-line:before {
    content: "\f0f2"
}

.ri-share-box-fill:before {
    content: "\f0f3"
}

.ri-share-box-line:before {
    content: "\f0f4"
}

.ri-share-circle-fill:before {
    content: "\f0f5"
}

.ri-share-circle-line:before {
    content: "\f0f6"
}

.ri-share-fill:before {
    content: "\f0f7"
}

.ri-share-forward-2-fill:before {
    content: "\f0f8"
}

.ri-share-forward-2-line:before {
    content: "\f0f9"
}

.ri-share-forward-box-fill:before {
    content: "\f0fa"
}

.ri-share-forward-box-line:before {
    content: "\f0fb"
}

.ri-share-forward-fill:before {
    content: "\f0fc"
}

.ri-share-forward-line:before {
    content: "\f0fd"
}

.ri-share-line:before {
    content: "\f0fe"
}

.ri-shield-check-fill:before {
    content: "\f0ff"
}

.ri-shield-check-line:before {
    content: "\f100"
}

.ri-shield-cross-fill:before {
    content: "\f101"
}

.ri-shield-cross-line:before {
    content: "\f102"
}

.ri-shield-fill:before {
    content: "\f103"
}

.ri-shield-flash-fill:before {
    content: "\f104"
}

.ri-shield-flash-line:before {
    content: "\f105"
}

.ri-shield-keyhole-fill:before {
    content: "\f106"
}

.ri-shield-keyhole-line:before {
    content: "\f107"
}

.ri-shield-line:before {
    content: "\f108"
}

.ri-shield-star-fill:before {
    content: "\f109"
}

.ri-shield-star-line:before {
    content: "\f10a"
}

.ri-shield-user-fill:before {
    content: "\f10b"
}

.ri-shield-user-line:before {
    content: "\f10c"
}

.ri-ship-2-fill:before {
    content: "\f10d"
}

.ri-ship-2-line:before {
    content: "\f10e"
}

.ri-ship-fill:before {
    content: "\f10f"
}

.ri-ship-line:before {
    content: "\f110"
}

.ri-shirt-fill:before {
    content: "\f111"
}

.ri-shirt-line:before {
    content: "\f112"
}

.ri-shopping-bag-2-fill:before {
    content: "\f113"
}

.ri-shopping-bag-2-line:before {
    content: "\f114"
}

.ri-shopping-bag-3-fill:before {
    content: "\f115"
}

.ri-shopping-bag-3-line:before {
    content: "\f116"
}

.ri-shopping-bag-fill:before {
    content: "\f117"
}

.ri-shopping-bag-line:before {
    content: "\f118"
}

.ri-shopping-basket-2-fill:before {
    content: "\f119"
}

.ri-shopping-basket-2-line:before {
    content: "\f11a"
}

.ri-shopping-basket-fill:before {
    content: "\f11b"
}

.ri-shopping-basket-line:before {
    content: "\f11c"
}

.ri-shopping-cart-2-fill:before {
    content: "\f11d"
}

.ri-shopping-cart-2-line:before {
    content: "\f11e"
}

.ri-shopping-cart-fill:before {
    content: "\f11f"
}

.ri-shopping-cart-line:before {
    content: "\f120"
}

.ri-showers-fill:before {
    content: "\f121"
}

.ri-showers-line:before {
    content: "\f122"
}

.ri-shuffle-fill:before {
    content: "\f123"
}

.ri-shuffle-line:before {
    content: "\f124"
}

.ri-shut-down-fill:before {
    content: "\f125"
}

.ri-shut-down-line:before {
    content: "\f126"
}

.ri-side-bar-fill:before {
    content: "\f127"
}

.ri-side-bar-line:before {
    content: "\f128"
}

.ri-signal-tower-fill:before {
    content: "\f129"
}

.ri-signal-tower-line:before {
    content: "\f12a"
}

.ri-signal-wifi-1-fill:before {
    content: "\f12b"
}

.ri-signal-wifi-1-line:before {
    content: "\f12c"
}

.ri-signal-wifi-2-fill:before {
    content: "\f12d"
}

.ri-signal-wifi-2-line:before {
    content: "\f12e"
}

.ri-signal-wifi-3-fill:before {
    content: "\f12f"
}

.ri-signal-wifi-3-line:before {
    content: "\f130"
}

.ri-signal-wifi-error-fill:before {
    content: "\f131"
}

.ri-signal-wifi-error-line:before {
    content: "\f132"
}

.ri-signal-wifi-fill:before {
    content: "\f133"
}

.ri-signal-wifi-line:before {
    content: "\f134"
}

.ri-signal-wifi-off-fill:before {
    content: "\f135"
}

.ri-signal-wifi-off-line:before {
    content: "\f136"
}

.ri-sim-card-2-fill:before {
    content: "\f137"
}

.ri-sim-card-2-line:before {
    content: "\f138"
}

.ri-sim-card-fill:before {
    content: "\f139"
}

.ri-sim-card-line:before {
    content: "\f13a"
}

.ri-single-quotes-l:before {
    content: "\f13b"
}

.ri-single-quotes-r:before {
    content: "\f13c"
}

.ri-sip-fill:before {
    content: "\f13d"
}

.ri-sip-line:before {
    content: "\f13e"
}

.ri-skip-back-fill:before {
    content: "\f13f"
}

.ri-skip-back-line:before {
    content: "\f140"
}

.ri-skip-back-mini-fill:before {
    content: "\f141"
}

.ri-skip-back-mini-line:before {
    content: "\f142"
}

.ri-skip-forward-fill:before {
    content: "\f143"
}

.ri-skip-forward-line:before {
    content: "\f144"
}

.ri-skip-forward-mini-fill:before {
    content: "\f145"
}

.ri-skip-forward-mini-line:before {
    content: "\f146"
}

.ri-skull-2-fill:before {
    content: "\f147"
}

.ri-skull-2-line:before {
    content: "\f148"
}

.ri-skull-fill:before {
    content: "\f149"
}

.ri-skull-line:before {
    content: "\f14a"
}

.ri-skype-fill:before {
    content: "\f14b"
}

.ri-skype-line:before {
    content: "\f14c"
}

.ri-slack-fill:before {
    content: "\f14d"
}

.ri-slack-line:before {
    content: "\f14e"
}

.ri-slice-fill:before {
    content: "\f14f"
}

.ri-slice-line:before {
    content: "\f150"
}

.ri-slideshow-2-fill:before {
    content: "\f151"
}

.ri-slideshow-2-line:before {
    content: "\f152"
}

.ri-slideshow-3-fill:before {
    content: "\f153"
}

.ri-slideshow-3-line:before {
    content: "\f154"
}

.ri-slideshow-4-fill:before {
    content: "\f155"
}

.ri-slideshow-4-line:before {
    content: "\f156"
}

.ri-slideshow-fill:before {
    content: "\f157"
}

.ri-slideshow-line:before {
    content: "\f158"
}

.ri-smartphone-fill:before {
    content: "\f159"
}

.ri-smartphone-line:before {
    content: "\f15a"
}

.ri-snapchat-fill:before {
    content: "\f15b"
}

.ri-snapchat-line:before {
    content: "\f15c"
}

.ri-snowy-fill:before {
    content: "\f15d"
}

.ri-snowy-line:before {
    content: "\f15e"
}

.ri-sort-asc:before {
    content: "\f15f"
}

.ri-sort-desc:before {
    content: "\f160"
}

.ri-sound-module-fill:before {
    content: "\f161"
}

.ri-sound-module-line:before {
    content: "\f162"
}

.ri-soundcloud-fill:before {
    content: "\f163"
}

.ri-soundcloud-line:before {
    content: "\f164"
}

.ri-space-ship-fill:before {
    content: "\f165"
}

.ri-space-ship-line:before {
    content: "\f166"
}

.ri-space:before {
    content: "\f167"
}

.ri-spam-2-fill:before {
    content: "\f168"
}

.ri-spam-2-line:before {
    content: "\f169"
}

.ri-spam-3-fill:before {
    content: "\f16a"
}

.ri-spam-3-line:before {
    content: "\f16b"
}

.ri-spam-fill:before {
    content: "\f16c"
}

.ri-spam-line:before {
    content: "\f16d"
}

.ri-speaker-2-fill:before {
    content: "\f16e"
}

.ri-speaker-2-line:before {
    content: "\f16f"
}

.ri-speaker-3-fill:before {
    content: "\f170"
}

.ri-speaker-3-line:before {
    content: "\f171"
}

.ri-speaker-fill:before {
    content: "\f172"
}

.ri-speaker-line:before {
    content: "\f173"
}

.ri-spectrum-fill:before {
    content: "\f174"
}

.ri-spectrum-line:before {
    content: "\f175"
}

.ri-speed-fill:before {
    content: "\f176"
}

.ri-speed-line:before {
    content: "\f177"
}

.ri-speed-mini-fill:before {
    content: "\f178"
}

.ri-speed-mini-line:before {
    content: "\f179"
}

.ri-split-cells-horizontal:before {
    content: "\f17a"
}

.ri-split-cells-vertical:before {
    content: "\f17b"
}

.ri-spotify-fill:before {
    content: "\f17c"
}

.ri-spotify-line:before {
    content: "\f17d"
}

.ri-spy-fill:before {
    content: "\f17e"
}

.ri-spy-line:before {
    content: "\f17f"
}

.ri-stack-fill:before {
    content: "\f180"
}

.ri-stack-line:before {
    content: "\f181"
}

.ri-stack-overflow-fill:before {
    content: "\f182"
}

.ri-stack-overflow-line:before {
    content: "\f183"
}

.ri-stackshare-fill:before {
    content: "\f184"
}

.ri-stackshare-line:before {
    content: "\f185"
}

.ri-star-fill:before {
    content: "\f186"
}

.ri-star-half-fill:before {
    content: "\f187"
}

.ri-star-half-line:before {
    content: "\f188"
}

.ri-star-half-s-fill:before {
    content: "\f189"
}

.ri-star-half-s-line:before {
    content: "\f18a"
}

.ri-star-line:before {
    content: "\f18b"
}

.ri-star-s-fill:before {
    content: "\f18c"
}

.ri-star-s-line:before {
    content: "\f18d"
}

.ri-star-smile-fill:before {
    content: "\f18e"
}

.ri-star-smile-line:before {
    content: "\f18f"
}

.ri-steam-fill:before {
    content: "\f190"
}

.ri-steam-line:before {
    content: "\f191"
}

.ri-steering-2-fill:before {
    content: "\f192"
}

.ri-steering-2-line:before {
    content: "\f193"
}

.ri-steering-fill:before {
    content: "\f194"
}

.ri-steering-line:before {
    content: "\f195"
}

.ri-stethoscope-fill:before {
    content: "\f196"
}

.ri-stethoscope-line:before {
    content: "\f197"
}

.ri-sticky-note-2-fill:before {
    content: "\f198"
}

.ri-sticky-note-2-line:before {
    content: "\f199"
}

.ri-sticky-note-fill:before {
    content: "\f19a"
}

.ri-sticky-note-line:before {
    content: "\f19b"
}

.ri-stock-fill:before {
    content: "\f19c"
}

.ri-stock-line:before {
    content: "\f19d"
}

.ri-stop-circle-fill:before {
    content: "\f19e"
}

.ri-stop-circle-line:before {
    content: "\f19f"
}

.ri-stop-fill:before {
    content: "\f1a0"
}

.ri-stop-line:before {
    content: "\f1a1"
}

.ri-stop-mini-fill:before {
    content: "\f1a2"
}

.ri-stop-mini-line:before {
    content: "\f1a3"
}

.ri-store-2-fill:before {
    content: "\f1a4"
}

.ri-store-2-line:before {
    content: "\f1a5"
}

.ri-store-3-fill:before {
    content: "\f1a6"
}

.ri-store-3-line:before {
    content: "\f1a7"
}

.ri-store-fill:before {
    content: "\f1a8"
}

.ri-store-line:before {
    content: "\f1a9"
}

.ri-strikethrough-2:before {
    content: "\f1aa"
}

.ri-strikethrough:before {
    content: "\f1ab"
}

.ri-subscript-2:before {
    content: "\f1ac"
}

.ri-subscript:before {
    content: "\f1ad"
}

.ri-subtract-fill:before {
    content: "\f1ae"
}

.ri-subtract-line:before {
    content: "\f1af"
}

.ri-subway-fill:before {
    content: "\f1b0"
}

.ri-subway-line:before {
    content: "\f1b1"
}

.ri-subway-wifi-fill:before {
    content: "\f1b2"
}

.ri-subway-wifi-line:before {
    content: "\f1b3"
}

.ri-suitcase-2-fill:before {
    content: "\f1b4"
}

.ri-suitcase-2-line:before {
    content: "\f1b5"
}

.ri-suitcase-3-fill:before {
    content: "\f1b6"
}

.ri-suitcase-3-line:before {
    content: "\f1b7"
}

.ri-suitcase-fill:before {
    content: "\f1b8"
}

.ri-suitcase-line:before {
    content: "\f1b9"
}

.ri-sun-cloudy-fill:before {
    content: "\f1ba"
}

.ri-sun-cloudy-line:before {
    content: "\f1bb"
}

.ri-sun-fill:before {
    content: "\f1bc"
}

.ri-sun-foggy-fill:before {
    content: "\f1bd"
}

.ri-sun-foggy-line:before {
    content: "\f1be"
}

.ri-sun-line:before {
    content: "\f1bf"
}

.ri-superscript-2:before {
    content: "\f1c0"
}

.ri-superscript:before {
    content: "\f1c1"
}

.ri-surgical-mask-fill:before {
    content: "\f1c2"
}

.ri-surgical-mask-line:before {
    content: "\f1c3"
}

.ri-surround-sound-fill:before {
    content: "\f1c4"
}

.ri-surround-sound-line:before {
    content: "\f1c5"
}

.ri-survey-fill:before {
    content: "\f1c6"
}

.ri-survey-line:before {
    content: "\f1c7"
}

.ri-swap-box-fill:before {
    content: "\f1c8"
}

.ri-swap-box-line:before {
    content: "\f1c9"
}

.ri-swap-fill:before {
    content: "\f1ca"
}

.ri-swap-line:before {
    content: "\f1cb"
}

.ri-switch-fill:before {
    content: "\f1cc"
}

.ri-switch-line:before {
    content: "\f1cd"
}

.ri-sword-fill:before {
    content: "\f1ce"
}

.ri-sword-line:before {
    content: "\f1cf"
}

.ri-syringe-fill:before {
    content: "\f1d0"
}

.ri-syringe-line:before {
    content: "\f1d1"
}

.ri-t-box-fill:before {
    content: "\f1d2"
}

.ri-t-box-line:before {
    content: "\f1d3"
}

.ri-t-shirt-2-fill:before {
    content: "\f1d4"
}

.ri-t-shirt-2-line:before {
    content: "\f1d5"
}

.ri-t-shirt-air-fill:before {
    content: "\f1d6"
}

.ri-t-shirt-air-line:before {
    content: "\f1d7"
}

.ri-t-shirt-fill:before {
    content: "\f1d8"
}

.ri-t-shirt-line:before {
    content: "\f1d9"
}

.ri-table-2:before {
    content: "\f1da"
}

.ri-table-alt-fill:before {
    content: "\f1db"
}

.ri-table-alt-line:before {
    content: "\f1dc"
}

.ri-table-fill:before {
    content: "\f1dd"
}

.ri-table-line:before {
    content: "\f1de"
}

.ri-tablet-fill:before {
    content: "\f1df"
}

.ri-tablet-line:before {
    content: "\f1e0"
}

.ri-takeaway-fill:before {
    content: "\f1e1"
}

.ri-takeaway-line:before {
    content: "\f1e2"
}

.ri-taobao-fill:before {
    content: "\f1e3"
}

.ri-taobao-line:before {
    content: "\f1e4"
}

.ri-tape-fill:before {
    content: "\f1e5"
}

.ri-tape-line:before {
    content: "\f1e6"
}

.ri-task-fill:before {
    content: "\f1e7"
}

.ri-task-line:before {
    content: "\f1e8"
}

.ri-taxi-fill:before {
    content: "\f1e9"
}

.ri-taxi-line:before {
    content: "\f1ea"
}

.ri-taxi-wifi-fill:before {
    content: "\f1eb"
}

.ri-taxi-wifi-line:before {
    content: "\f1ec"
}

.ri-team-fill:before {
    content: "\f1ed"
}

.ri-team-line:before {
    content: "\f1ee"
}

.ri-telegram-fill:before {
    content: "\f1ef"
}

.ri-telegram-line:before {
    content: "\f1f0"
}

.ri-temp-cold-fill:before {
    content: "\f1f1"
}

.ri-temp-cold-line:before {
    content: "\f1f2"
}

.ri-temp-hot-fill:before {
    content: "\f1f3"
}

.ri-temp-hot-line:before {
    content: "\f1f4"
}

.ri-terminal-box-fill:before {
    content: "\f1f5"
}

.ri-terminal-box-line:before {
    content: "\f1f6"
}

.ri-terminal-fill:before {
    content: "\f1f7"
}

.ri-terminal-line:before {
    content: "\f1f8"
}

.ri-terminal-window-fill:before {
    content: "\f1f9"
}

.ri-terminal-window-line:before {
    content: "\f1fa"
}

.ri-test-tube-fill:before {
    content: "\f1fb"
}

.ri-test-tube-line:before {
    content: "\f1fc"
}

.ri-text-direction-l:before {
    content: "\f1fd"
}

.ri-text-direction-r:before {
    content: "\f1fe"
}

.ri-text-spacing:before {
    content: "\f1ff"
}

.ri-text-wrap:before {
    content: "\f200"
}

.ri-text:before {
    content: "\f201"
}

.ri-thermometer-fill:before {
    content: "\f202"
}

.ri-thermometer-line:before {
    content: "\f203"
}

.ri-thumb-down-fill:before {
    content: "\f204"
}

.ri-thumb-down-line:before {
    content: "\f205"
}

.ri-thumb-up-fill:before {
    content: "\f206"
}

.ri-thumb-up-line:before {
    content: "\f207"
}

.ri-thunderstorms-fill:before {
    content: "\f208"
}

.ri-thunderstorms-line:before {
    content: "\f209"
}

.ri-ticket-2-fill:before {
    content: "\f20a"
}

.ri-ticket-2-line:before {
    content: "\f20b"
}

.ri-ticket-fill:before {
    content: "\f20c"
}

.ri-ticket-line:before {
    content: "\f20d"
}

.ri-time-fill:before {
    content: "\f20e"
}

.ri-time-line:before {
    content: "\f20f"
}

.ri-timer-2-fill:before {
    content: "\f210"
}

.ri-timer-2-line:before {
    content: "\f211"
}

.ri-timer-fill:before {
    content: "\f212"
}

.ri-timer-flash-fill:before {
    content: "\f213"
}

.ri-timer-flash-line:before {
    content: "\f214"
}

.ri-timer-line:before {
    content: "\f215"
}

.ri-todo-fill:before {
    content: "\f216"
}

.ri-todo-line:before {
    content: "\f217"
}

.ri-toggle-fill:before {
    content: "\f218"
}

.ri-toggle-line:before {
    content: "\f219"
}

.ri-tools-fill:before {
    content: "\f21a"
}

.ri-tools-line:before {
    content: "\f21b"
}

.ri-tornado-fill:before {
    content: "\f21c"
}

.ri-tornado-line:before {
    content: "\f21d"
}

.ri-trademark-fill:before {
    content: "\f21e"
}

.ri-trademark-line:before {
    content: "\f21f"
}

.ri-traffic-light-fill:before {
    content: "\f220"
}

.ri-traffic-light-line:before {
    content: "\f221"
}

.ri-train-fill:before {
    content: "\f222"
}

.ri-train-line:before {
    content: "\f223"
}

.ri-train-wifi-fill:before {
    content: "\f224"
}

.ri-train-wifi-line:before {
    content: "\f225"
}

.ri-translate-2:before {
    content: "\f226"
}

.ri-translate:before {
    content: "\f227"
}

.ri-travesti-fill:before {
    content: "\f228"
}

.ri-travesti-line:before {
    content: "\f229"
}

.ri-treasure-map-fill:before {
    content: "\f22a"
}

.ri-treasure-map-line:before {
    content: "\f22b"
}

.ri-trello-fill:before {
    content: "\f22c"
}

.ri-trello-line:before {
    content: "\f22d"
}

.ri-trophy-fill:before {
    content: "\f22e"
}

.ri-trophy-line:before {
    content: "\f22f"
}

.ri-truck-fill:before {
    content: "\f230"
}

.ri-truck-line:before {
    content: "\f231"
}

.ri-tumblr-fill:before {
    content: "\f232"
}

.ri-tumblr-line:before {
    content: "\f233"
}

.ri-tv-2-fill:before {
    content: "\f234"
}

.ri-tv-2-line:before {
    content: "\f235"
}

.ri-tv-fill:before {
    content: "\f236"
}

.ri-tv-line:before {
    content: "\f237"
}

.ri-twitch-fill:before {
    content: "\f238"
}

.ri-twitch-line:before {
    content: "\f239"
}

.ri-twitter-fill:before {
    content: "\f23a"
}

.ri-twitter-line:before {
    content: "\f23b"
}

.ri-typhoon-fill:before {
    content: "\f23c"
}

.ri-typhoon-line:before {
    content: "\f23d"
}

.ri-u-disk-fill:before {
    content: "\f23e"
}

.ri-u-disk-line:before {
    content: "\f23f"
}

.ri-ubuntu-fill:before {
    content: "\f240"
}

.ri-ubuntu-line:before {
    content: "\f241"
}

.ri-umbrella-fill:before {
    content: "\f242"
}

.ri-umbrella-line:before {
    content: "\f243"
}

.ri-underline:before {
    content: "\f244"
}

.ri-uninstall-fill:before {
    content: "\f245"
}

.ri-uninstall-line:before {
    content: "\f246"
}

.ri-unsplash-fill:before {
    content: "\f247"
}

.ri-unsplash-line:before {
    content: "\f248"
}

.ri-upload-2-fill:before {
    content: "\f249"
}

.ri-upload-2-line:before {
    content: "\f24a"
}

.ri-upload-cloud-2-fill:before {
    content: "\f24b"
}

.ri-upload-cloud-2-line:before {
    content: "\f24c"
}

.ri-upload-cloud-fill:before {
    content: "\f24d"
}

.ri-upload-cloud-line:before {
    content: "\f24e"
}

.ri-upload-fill:before {
    content: "\f24f"
}

.ri-upload-line:before {
    content: "\f250"
}

.ri-usb-fill:before {
    content: "\f251"
}

.ri-usb-line:before {
    content: "\f252"
}

.ri-user-2-fill:before {
    content: "\f253"
}

.ri-user-2-line:before {
    content: "\f254"
}

.ri-user-3-fill:before {
    content: "\f255"
}

.ri-user-3-line:before {
    content: "\f256"
}

.ri-user-4-fill:before {
    content: "\f257"
}

.ri-user-4-line:before {
    content: "\f258"
}

.ri-user-5-fill:before {
    content: "\f259"
}

.ri-user-5-line:before {
    content: "\f25a"
}

.ri-user-6-fill:before {
    content: "\f25b"
}

.ri-user-6-line:before {
    content: "\f25c"
}

.ri-user-add-fill:before {
    content: "\f25d"
}

.ri-user-add-line:before {
    content: "\f25e"
}

.ri-user-fill:before {
    content: "\f25f"
}

.ri-user-follow-fill:before {
    content: "\f260"
}

.ri-user-follow-line:before {
    content: "\f261"
}

.ri-user-heart-fill:before {
    content: "\f262"
}

.ri-user-heart-line:before {
    content: "\f263"
}

.ri-user-line:before {
    content: "\f264"
}

.ri-user-location-fill:before {
    content: "\f265"
}

.ri-user-location-line:before {
    content: "\f266"
}

.ri-user-received-2-fill:before {
    content: "\f267"
}

.ri-user-received-2-line:before {
    content: "\f268"
}

.ri-user-received-fill:before {
    content: "\f269"
}

.ri-user-received-line:before {
    content: "\f26a"
}

.ri-user-search-fill:before {
    content: "\f26b"
}

.ri-user-search-line:before {
    content: "\f26c"
}

.ri-user-settings-fill:before {
    content: "\f26d"
}

.ri-user-settings-line:before {
    content: "\f26e"
}

.ri-user-shared-2-fill:before {
    content: "\f26f"
}

.ri-user-shared-2-line:before {
    content: "\f270"
}

.ri-user-shared-fill:before {
    content: "\f271"
}

.ri-user-shared-line:before {
    content: "\f272"
}

.ri-user-smile-fill:before {
    content: "\f273"
}

.ri-user-smile-line:before {
    content: "\f274"
}

.ri-user-star-fill:before {
    content: "\f275"
}

.ri-user-star-line:before {
    content: "\f276"
}

.ri-user-unfollow-fill:before {
    content: "\f277"
}

.ri-user-unfollow-line:before {
    content: "\f278"
}

.ri-user-voice-fill:before {
    content: "\f279"
}

.ri-user-voice-line:before {
    content: "\f27a"
}

.ri-video-add-fill:before {
    content: "\f27b"
}

.ri-video-add-line:before {
    content: "\f27c"
}

.ri-video-chat-fill:before {
    content: "\f27d"
}

.ri-video-chat-line:before {
    content: "\f27e"
}

.ri-video-download-fill:before {
    content: "\f27f"
}

.ri-video-download-line:before {
    content: "\f280"
}

.ri-video-fill:before {
    content: "\f281"
}

.ri-video-line:before {
    content: "\f282"
}

.ri-video-upload-fill:before {
    content: "\f283"
}

.ri-video-upload-line:before {
    content: "\f284"
}

.ri-vidicon-2-fill:before {
    content: "\f285"
}

.ri-vidicon-2-line:before {
    content: "\f286"
}

.ri-vidicon-fill:before {
    content: "\f287"
}

.ri-vidicon-line:before {
    content: "\f288"
}

.ri-vimeo-fill:before {
    content: "\f289"
}

.ri-vimeo-line:before {
    content: "\f28a"
}

.ri-vip-crown-2-fill:before {
    content: "\f28b"
}

.ri-vip-crown-2-line:before {
    content: "\f28c"
}

.ri-vip-crown-fill:before {
    content: "\f28d"
}

.ri-vip-crown-line:before {
    content: "\f28e"
}

.ri-vip-diamond-fill:before {
    content: "\f28f"
}

.ri-vip-diamond-line:before {
    content: "\f290"
}

.ri-vip-fill:before {
    content: "\f291"
}

.ri-vip-line:before {
    content: "\f292"
}

.ri-virus-fill:before {
    content: "\f293"
}

.ri-virus-line:before {
    content: "\f294"
}

.ri-visa-fill:before {
    content: "\f295"
}

.ri-visa-line:before {
    content: "\f296"
}

.ri-voice-recognition-fill:before {
    content: "\f297"
}

.ri-voice-recognition-line:before {
    content: "\f298"
}

.ri-voiceprint-fill:before {
    content: "\f299"
}

.ri-voiceprint-line:before {
    content: "\f29a"
}

.ri-volume-down-fill:before {
    content: "\f29b"
}

.ri-volume-down-line:before {
    content: "\f29c"
}

.ri-volume-mute-fill:before {
    content: "\f29d"
}

.ri-volume-mute-line:before {
    content: "\f29e"
}

.ri-volume-off-vibrate-fill:before {
    content: "\f29f"
}

.ri-volume-off-vibrate-line:before {
    content: "\f2a0"
}

.ri-volume-up-fill:before {
    content: "\f2a1"
}

.ri-volume-up-line:before {
    content: "\f2a2"
}

.ri-volume-vibrate-fill:before {
    content: "\f2a3"
}

.ri-volume-vibrate-line:before {
    content: "\f2a4"
}

.ri-vuejs-fill:before {
    content: "\f2a5"
}

.ri-vuejs-line:before {
    content: "\f2a6"
}

.ri-walk-fill:before {
    content: "\f2a7"
}

.ri-walk-line:before {
    content: "\f2a8"
}

.ri-wallet-2-fill:before {
    content: "\f2a9"
}

.ri-wallet-2-line:before {
    content: "\f2aa"
}

.ri-wallet-3-fill:before {
    content: "\f2ab"
}

.ri-wallet-3-line:before {
    content: "\f2ac"
}

.ri-wallet-fill:before {
    content: "\f2ad"
}

.ri-wallet-line:before {
    content: "\f2ae"
}

.ri-water-flash-fill:before {
    content: "\f2af"
}

.ri-water-flash-line:before {
    content: "\f2b0"
}

.ri-webcam-fill:before {
    content: "\f2b1"
}

.ri-webcam-line:before {
    content: "\f2b2"
}

.ri-wechat-2-fill:before {
    content: "\f2b3"
}

.ri-wechat-2-line:before {
    content: "\f2b4"
}

.ri-wechat-fill:before {
    content: "\f2b5"
}

.ri-wechat-line:before {
    content: "\f2b6"
}

.ri-wechat-pay-fill:before {
    content: "\f2b7"
}

.ri-wechat-pay-line:before {
    content: "\f2b8"
}

.ri-weibo-fill:before {
    content: "\f2b9"
}

.ri-weibo-line:before {
    content: "\f2ba"
}

.ri-whatsapp-fill:before {
    content: "\f2bb"
}

.ri-whatsapp-line:before {
    content: "\f2bc"
}

.ri-wheelchair-fill:before {
    content: "\f2bd"
}

.ri-wheelchair-line:before {
    content: "\f2be"
}

.ri-wifi-fill:before {
    content: "\f2bf"
}

.ri-wifi-line:before {
    content: "\f2c0"
}

.ri-wifi-off-fill:before {
    content: "\f2c1"
}

.ri-wifi-off-line:before {
    content: "\f2c2"
}

.ri-window-2-fill:before {
    content: "\f2c3"
}

.ri-window-2-line:before {
    content: "\f2c4"
}

.ri-window-fill:before {
    content: "\f2c5"
}

.ri-window-line:before {
    content: "\f2c6"
}

.ri-windows-fill:before {
    content: "\f2c7"
}

.ri-windows-line:before {
    content: "\f2c8"
}

.ri-windy-fill:before {
    content: "\f2c9"
}

.ri-windy-line:before {
    content: "\f2ca"
}

.ri-wireless-charging-fill:before {
    content: "\f2cb"
}

.ri-wireless-charging-line:before {
    content: "\f2cc"
}

.ri-women-fill:before {
    content: "\f2cd"
}

.ri-women-line:before {
    content: "\f2ce"
}

.ri-wubi-input:before {
    content: "\f2cf"
}

.ri-xbox-fill:before {
    content: "\f2d0"
}

.ri-xbox-line:before {
    content: "\f2d1"
}

.ri-xing-fill:before {
    content: "\f2d2"
}

.ri-xing-line:before {
    content: "\f2d3"
}

.ri-youtube-fill:before {
    content: "\f2d4"
}

.ri-youtube-line:before {
    content: "\f2d5"
}

.ri-zcool-fill:before {
    content: "\f2d6"
}

.ri-zcool-line:before {
    content: "\f2d7"
}

.ri-zhihu-fill:before {
    content: "\f2d8"
}

.ri-zhihu-line:before {
    content: "\f2d9"
}

.ri-zoom-in-fill:before {
    content: "\f2da"
}

.ri-zoom-in-line:before {
    content: "\f2db"
}

.ri-zoom-out-fill:before {
    content: "\f2dc"
}

.ri-zoom-out-line:before {
    content: "\f2dd"
}

.ri-zzz-fill:before {
    content: "\f2de"
}

.ri-zzz-line:before {
    content: "\f2df"
}

.ri-arrow-down-double-fill:before {
    content: "\f2e0"
}

.ri-arrow-down-double-line:before {
    content: "\f2e1"
}

.ri-arrow-left-double-fill:before {
    content: "\f2e2"
}

.ri-arrow-left-double-line:before {
    content: "\f2e3"
}

.ri-arrow-right-double-fill:before {
    content: "\f2e4"
}

.ri-arrow-right-double-line:before {
    content: "\f2e5"
}

.ri-arrow-turn-back-fill:before {
    content: "\f2e6"
}

.ri-arrow-turn-back-line:before {
    content: "\f2e7"
}

.ri-arrow-turn-forward-fill:before {
    content: "\f2e8"
}

.ri-arrow-turn-forward-line:before {
    content: "\f2e9"
}

.ri-arrow-up-double-fill:before {
    content: "\f2ea"
}

.ri-arrow-up-double-line:before {
    content: "\f2eb"
}

.ri-bard-fill:before {
    content: "\f2ec"
}

.ri-bard-line:before {
    content: "\f2ed"
}

.ri-bootstrap-fill:before {
    content: "\f2ee"
}

.ri-bootstrap-line:before {
    content: "\f2ef"
}

.ri-box-1-fill:before {
    content: "\f2f0"
}

.ri-box-1-line:before {
    content: "\f2f1"
}

.ri-box-2-fill:before {
    content: "\f2f2"
}

.ri-box-2-line:before {
    content: "\f2f3"
}

.ri-box-3-fill:before {
    content: "\f2f4"
}

.ri-box-3-line:before {
    content: "\f2f5"
}

.ri-brain-fill:before {
    content: "\f2f6"
}

.ri-brain-line:before {
    content: "\f2f7"
}

.ri-candle-fill:before {
    content: "\f2f8"
}

.ri-candle-line:before {
    content: "\f2f9"
}

.ri-cash-fill:before {
    content: "\f2fa"
}

.ri-cash-line:before {
    content: "\f2fb"
}

.ri-contract-left-fill:before {
    content: "\f2fc"
}

.ri-contract-left-line:before {
    content: "\f2fd"
}

.ri-contract-left-right-fill:before {
    content: "\f2fe"
}

.ri-contract-left-right-line:before {
    content: "\f2ff"
}

.ri-contract-right-fill:before {
    content: "\f300"
}

.ri-contract-right-line:before {
    content: "\f301"
}

.ri-contract-up-down-fill:before {
    content: "\f302"
}

.ri-contract-up-down-line:before {
    content: "\f303"
}

.ri-copilot-fill:before {
    content: "\f304"
}

.ri-copilot-line:before {
    content: "\f305"
}

.ri-corner-down-left-fill:before {
    content: "\f306"
}

.ri-corner-down-left-line:before {
    content: "\f307"
}

.ri-corner-down-right-fill:before {
    content: "\f308"
}

.ri-corner-down-right-line:before {
    content: "\f309"
}

.ri-corner-left-down-fill:before {
    content: "\f30a"
}

.ri-corner-left-down-line:before {
    content: "\f30b"
}

.ri-corner-left-up-fill:before {
    content: "\f30c"
}

.ri-corner-left-up-line:before {
    content: "\f30d"
}

.ri-corner-right-down-fill:before {
    content: "\f30e"
}

.ri-corner-right-down-line:before {
    content: "\f30f"
}

.ri-corner-right-up-fill:before {
    content: "\f310"
}

.ri-corner-right-up-line:before {
    content: "\f311"
}

.ri-corner-up-left-double-fill:before {
    content: "\f312"
}

.ri-corner-up-left-double-line:before {
    content: "\f313"
}

.ri-corner-up-left-fill:before {
    content: "\f314"
}

.ri-corner-up-left-line:before {
    content: "\f315"
}

.ri-corner-up-right-double-fill:before {
    content: "\f316"
}

.ri-corner-up-right-double-line:before {
    content: "\f317"
}

.ri-corner-up-right-fill:before {
    content: "\f318"
}

.ri-corner-up-right-line:before {
    content: "\f319"
}

.ri-cross-fill:before {
    content: "\f31a"
}

.ri-cross-line:before {
    content: "\f31b"
}

.ri-edge-new-fill:before {
    content: "\f31c"
}

.ri-edge-new-line:before {
    content: "\f31d"
}

.ri-equal-fill:before {
    content: "\f31e"
}

.ri-equal-line:before {
    content: "\f31f"
}

.ri-expand-left-fill:before {
    content: "\f320"
}

.ri-expand-left-line:before {
    content: "\f321"
}

.ri-expand-left-right-fill:before {
    content: "\f322"
}

.ri-expand-left-right-line:before {
    content: "\f323"
}

.ri-expand-right-fill:before {
    content: "\f324"
}

.ri-expand-right-line:before {
    content: "\f325"
}

.ri-expand-up-down-fill:before {
    content: "\f326"
}

.ri-expand-up-down-line:before {
    content: "\f327"
}

.ri-flickr-fill:before {
    content: "\f328"
}

.ri-flickr-line:before {
    content: "\f329"
}

.ri-forward-10-fill:before {
    content: "\f32a"
}

.ri-forward-10-line:before {
    content: "\f32b"
}

.ri-forward-15-fill:before {
    content: "\f32c"
}

.ri-forward-15-line:before {
    content: "\f32d"
}

.ri-forward-30-fill:before {
    content: "\f32e"
}

.ri-forward-30-line:before {
    content: "\f32f"
}

.ri-forward-5-fill:before {
    content: "\f330"
}

.ri-forward-5-line:before {
    content: "\f331"
}

.ri-graduation-cap-fill:before {
    content: "\f332"
}

.ri-graduation-cap-line:before {
    content: "\f333"
}

.ri-home-office-fill:before {
    content: "\f334"
}

.ri-home-office-line:before {
    content: "\f335"
}

.ri-hourglass-2-fill:before {
    content: "\f336"
}

.ri-hourglass-2-line:before {
    content: "\f337"
}

.ri-hourglass-fill:before {
    content: "\f338"
}

.ri-hourglass-line:before {
    content: "\f339"
}

.ri-javascript-fill:before {
    content: "\f33a"
}

.ri-javascript-line:before {
    content: "\f33b"
}

.ri-loop-left-fill:before {
    content: "\f33c"
}

.ri-loop-left-line:before {
    content: "\f33d"
}

.ri-loop-right-fill:before {
    content: "\f33e"
}

.ri-loop-right-line:before {
    content: "\f33f"
}

.ri-memories-fill:before {
    content: "\f340"
}

.ri-memories-line:before {
    content: "\f341"
}

.ri-meta-fill:before {
    content: "\f342"
}

.ri-meta-line:before {
    content: "\f343"
}

.ri-microsoft-loop-fill:before {
    content: "\f344"
}

.ri-microsoft-loop-line:before {
    content: "\f345"
}

.ri-nft-fill:before {
    content: "\f346"
}

.ri-nft-line:before {
    content: "\f347"
}

.ri-notion-fill:before {
    content: "\f348"
}

.ri-notion-line:before {
    content: "\f349"
}

.ri-openai-fill:before {
    content: "\f34a"
}

.ri-openai-line:before {
    content: "\f34b"
}

.ri-overline:before {
    content: "\f34c"
}

.ri-p2p-fill:before {
    content: "\f34d"
}

.ri-p2p-line:before {
    content: "\f34e"
}

.ri-presentation-fill:before {
    content: "\f34f"
}

.ri-presentation-line:before {
    content: "\f350"
}

.ri-replay-10-fill:before {
    content: "\f351"
}

.ri-replay-10-line:before {
    content: "\f352"
}

.ri-replay-15-fill:before {
    content: "\f353"
}

.ri-replay-15-line:before {
    content: "\f354"
}

.ri-replay-30-fill:before {
    content: "\f355"
}

.ri-replay-30-line:before {
    content: "\f356"
}

.ri-replay-5-fill:before {
    content: "\f357"
}

.ri-replay-5-line:before {
    content: "\f358"
}

.ri-school-fill:before {
    content: "\f359"
}

.ri-school-line:before {
    content: "\f35a"
}

.ri-shining-2-fill:before {
    content: "\f35b"
}

.ri-shining-2-line:before {
    content: "\f35c"
}

.ri-shining-fill:before {
    content: "\f35d"
}

.ri-shining-line:before {
    content: "\f35e"
}

.ri-sketching:before {
    content: "\f35f"
}

.ri-skip-down-fill:before {
    content: "\f360"
}

.ri-skip-down-line:before {
    content: "\f361"
}

.ri-skip-left-fill:before {
    content: "\f362"
}

.ri-skip-left-line:before {
    content: "\f363"
}

.ri-skip-right-fill:before {
    content: "\f364"
}

.ri-skip-right-line:before {
    content: "\f365"
}

.ri-skip-up-fill:before {
    content: "\f366"
}

.ri-skip-up-line:before {
    content: "\f367"
}

.ri-slow-down-fill:before {
    content: "\f368"
}

.ri-slow-down-line:before {
    content: "\f369"
}

.ri-sparkling-2-fill:before {
    content: "\f36a"
}

.ri-sparkling-2-line:before {
    content: "\f36b"
}

.ri-sparkling-fill:before {
    content: "\f36c"
}

.ri-sparkling-line:before {
    content: "\f36d"
}

.ri-speak-fill:before {
    content: "\f36e"
}

.ri-speak-line:before {
    content: "\f36f"
}

.ri-speed-up-fill:before {
    content: "\f370"
}

.ri-speed-up-line:before {
    content: "\f371"
}

.ri-tiktok-fill:before {
    content: "\f372"
}

.ri-tiktok-line:before {
    content: "\f373"
}

.ri-token-swap-fill:before {
    content: "\f374"
}

.ri-token-swap-line:before {
    content: "\f375"
}

.ri-unpin-fill:before {
    content: "\f376"
}

.ri-unpin-line:before {
    content: "\f377"
}

.ri-wechat-channels-fill:before {
    content: "\f378"
}

.ri-wechat-channels-line:before {
    content: "\f379"
}

.ri-wordpress-fill:before {
    content: "\f37a"
}

.ri-wordpress-line:before {
    content: "\f37b"
}

.ri-blender-fill:before {
    content: "\f37c"
}

.ri-blender-line:before {
    content: "\f37d"
}

.ri-emoji-sticker-fill:before {
    content: "\f37e"
}

.ri-emoji-sticker-line:before {
    content: "\f37f"
}

.ri-git-close-pull-request-fill:before {
    content: "\f380"
}

.ri-git-close-pull-request-line:before {
    content: "\f381"
}

.ri-instance-fill:before {
    content: "\f382"
}

.ri-instance-line:before {
    content: "\f383"
}

.ri-megaphone-fill:before {
    content: "\f384"
}

.ri-megaphone-line:before {
    content: "\f385"
}

.ri-pass-expired-fill:before {
    content: "\f386"
}

.ri-pass-expired-line:before {
    content: "\f387"
}

.ri-pass-pending-fill:before {
    content: "\f388"
}

.ri-pass-pending-line:before {
    content: "\f389"
}

.ri-pass-valid-fill:before {
    content: "\f38a"
}

.ri-pass-valid-line:before {
    content: "\f38b"
}

.ri-ai-generate:before {
    content: "\f38c"
}

.ri-calendar-close-fill:before {
    content: "\f38d"
}

.ri-calendar-close-line:before {
    content: "\f38e"
}

.ri-draggable:before {
    content: "\f38f"
}

.ri-font-family:before {
    content: "\f390"
}

.ri-font-mono:before {
    content: "\f391"
}

.ri-font-sans-serif:before {
    content: "\f392"
}

.ri-font-sans:before {
    content: "\f393"
}

.ri-hard-drive-3-fill:before {
    content: "\f394"
}

.ri-hard-drive-3-line:before {
    content: "\f395"
}

.ri-kick-fill:before {
    content: "\f396"
}

.ri-kick-line:before {
    content: "\f397"
}

.ri-list-check-3:before {
    content: "\f398"
}

.ri-list-indefinite:before {
    content: "\f399"
}

.ri-list-ordered-2:before {
    content: "\f39a"
}

.ri-list-radio:before {
    content: "\f39b"
}

.ri-openbase-fill:before {
    content: "\f39c"
}

.ri-openbase-line:before {
    content: "\f39d"
}

.ri-planet-fill:before {
    content: "\f39e"
}

.ri-planet-line:before {
    content: "\f39f"
}

.ri-prohibited-fill:before {
    content: "\f3a0"
}

.ri-prohibited-line:before {
    content: "\f3a1"
}

.ri-quote-text:before {
    content: "\f3a2"
}

.ri-seo-fill:before {
    content: "\f3a3"
}

.ri-seo-line:before {
    content: "\f3a4"
}

.ri-slash-commands:before {
    content: "\f3a5"
}

.ri-archive-2-fill:before {
    content: "\f3a6"
}

.ri-archive-2-line:before {
    content: "\f3a7"
}

.ri-inbox-2-fill:before {
    content: "\f3a8"
}

.ri-inbox-2-line:before {
    content: "\f3a9"
}

.ri-shake-hands-fill:before {
    content: "\f3aa"
}

.ri-shake-hands-line:before {
    content: "\f3ab"
}

.ri-supabase-fill:before {
    content: "\f3ac"
}

.ri-supabase-line:before {
    content: "\f3ad"
}

.ri-water-percent-fill:before {
    content: "\f3ae"
}

.ri-water-percent-line:before {
    content: "\f3af"
}

.ri-yuque-fill:before {
    content: "\f3b0"
}

.ri-yuque-line:before {
    content: "\f3b1"
}

.ri-crosshair-2-fill:before {
    content: "\f3b2"
}

.ri-crosshair-2-line:before {
    content: "\f3b3"
}

.ri-crosshair-fill:before {
    content: "\f3b4"
}

.ri-crosshair-line:before {
    content: "\f3b5"
}

.ri-file-close-fill:before {
    content: "\f3b6"
}

.ri-file-close-line:before {
    content: "\f3b7"
}

.ri-infinity-fill:before {
    content: "\f3b8"
}

.ri-infinity-line:before {
    content: "\f3b9"
}

.ri-rfid-fill:before {
    content: "\f3ba"
}

.ri-rfid-line:before {
    content: "\f3bb"
}

.ri-slash-commands-2:before {
    content: "\f3bc"
}

.ri-user-forbid-fill:before {
    content: "\f3bd"
}

.ri-user-forbid-line:before {
    content: "\f3be"
}

.ri-beer-fill:before {
    content: "\f3bf"
}

.ri-beer-line:before {
    content: "\f3c0"
}

.ri-circle-fill:before {
    content: "\f3c1"
}

.ri-circle-line:before {
    content: "\f3c2"
}

.ri-dropdown-list:before {
    content: "\f3c3"
}

.ri-file-image-fill:before {
    content: "\f3c4"
}

.ri-file-image-line:before {
    content: "\f3c5"
}

.ri-file-pdf-2-fill:before {
    content: "\f3c6"
}

.ri-file-pdf-2-line:before {
    content: "\f3c7"
}

.ri-file-video-fill:before {
    content: "\f3c8"
}

.ri-file-video-line:before {
    content: "\f3c9"
}

.ri-folder-image-fill:before {
    content: "\f3ca"
}

.ri-folder-image-line:before {
    content: "\f3cb"
}

.ri-folder-video-fill:before {
    content: "\f3cc"
}

.ri-folder-video-line:before {
    content: "\f3cd"
}

.ri-hexagon-fill:before {
    content: "\f3ce"
}

.ri-hexagon-line:before {
    content: "\f3cf"
}

.ri-menu-search-fill:before {
    content: "\f3d0"
}

.ri-menu-search-line:before {
    content: "\f3d1"
}

.ri-octagon-fill:before {
    content: "\f3d2"
}

.ri-octagon-line:before {
    content: "\f3d3"
}

.ri-pentagon-fill:before {
    content: "\f3d4"
}

.ri-pentagon-line:before {
    content: "\f3d5"
}

.ri-rectangle-fill:before {
    content: "\f3d6"
}

.ri-rectangle-line:before {
    content: "\f3d7"
}

.ri-robot-2-fill:before {
    content: "\f3d8"
}

.ri-robot-2-line:before {
    content: "\f3d9"
}

.ri-shapes-fill:before {
    content: "\f3da"
}

.ri-shapes-line:before {
    content: "\f3db"
}

.ri-square-fill:before {
    content: "\f3dc"
}

.ri-square-line:before {
    content: "\f3dd"
}

.ri-tent-fill:before {
    content: "\f3de"
}

.ri-tent-line:before {
    content: "\f3df"
}

.ri-threads-fill:before {
    content: "\f3e0"
}

.ri-threads-line:before {
    content: "\f3e1"
}

.ri-tree-fill:before {
    content: "\f3e2"
}

.ri-tree-line:before {
    content: "\f3e3"
}

.ri-triangle-fill:before {
    content: "\f3e4"
}

.ri-triangle-line:before {
    content: "\f3e5"
}

.ri-twitter-x-fill:before {
    content: "\f3e6"
}

.ri-twitter-x-line:before {
    content: "\f3e7"
}

.ri-verified-badge-fill:before {
    content: "\f3e8"
}

.ri-verified-badge-line:before {
    content: "\f3e9"
}

.ri-armchair-fill:before {
    content: "\f3ea"
}

.ri-armchair-line:before {
    content: "\f3eb"
}

.ri-bnb-fill:before {
    content: "\f3ec"
}

.ri-bnb-line:before {
    content: "\f3ed"
}

.ri-bread-fill:before {
    content: "\f3ee"
}

.ri-bread-line:before {
    content: "\f3ef"
}

.ri-btc-fill:before {
    content: "\f3f0"
}

.ri-btc-line:before {
    content: "\f3f1"
}

.ri-calendar-schedule-fill:before {
    content: "\f3f2"
}

.ri-calendar-schedule-line:before {
    content: "\f3f3"
}

.ri-dice-1-fill:before {
    content: "\f3f4"
}

.ri-dice-1-line:before {
    content: "\f3f5"
}

.ri-dice-2-fill:before {
    content: "\f3f6"
}

.ri-dice-2-line:before {
    content: "\f3f7"
}

.ri-dice-3-fill:before {
    content: "\f3f8"
}

.ri-dice-3-line:before {
    content: "\f3f9"
}

.ri-dice-4-fill:before {
    content: "\f3fa"
}

.ri-dice-4-line:before {
    content: "\f3fb"
}

.ri-dice-5-fill:before {
    content: "\f3fc"
}

.ri-dice-5-line:before {
    content: "\f3fd"
}

.ri-dice-6-fill:before {
    content: "\f3fe"
}

.ri-dice-6-line:before {
    content: "\f3ff"
}

.ri-dice-fill:before {
    content: "\f400"
}

.ri-dice-line:before {
    content: "\f401"
}

.ri-drinks-fill:before {
    content: "\f402"
}

.ri-drinks-line:before {
    content: "\f403"
}

.ri-equalizer-2-fill:before {
    content: "\f404"
}

.ri-equalizer-2-line:before {
    content: "\f405"
}

.ri-equalizer-3-fill:before {
    content: "\f406"
}

.ri-equalizer-3-line:before {
    content: "\f407"
}

.ri-eth-fill:before {
    content: "\f408"
}

.ri-eth-line:before {
    content: "\f409"
}

.ri-flower-fill:before {
    content: "\f40a"
}

.ri-flower-line:before {
    content: "\f40b"
}

.ri-glasses-2-fill:before {
    content: "\f40c"
}

.ri-glasses-2-line:before {
    content: "\f40d"
}

.ri-glasses-fill:before {
    content: "\f40e"
}

.ri-glasses-line:before {
    content: "\f40f"
}

.ri-goggles-fill:before {
    content: "\f410"
}

.ri-goggles-line:before {
    content: "\f411"
}

.ri-image-circle-fill:before {
    content: "\f412"
}

.ri-image-circle-line:before {
    content: "\f413"
}

.ri-info-i:before {
    content: "\f414"
}

.ri-money-rupee-circle-fill:before {
    content: "\f415"
}

.ri-money-rupee-circle-line:before {
    content: "\f416"
}

.ri-news-fill:before {
    content: "\f417"
}

.ri-news-line:before {
    content: "\f418"
}

.ri-robot-3-fill:before {
    content: "\f419"
}

.ri-robot-3-line:before {
    content: "\f41a"
}

.ri-share-2-fill:before {
    content: "\f41b"
}

.ri-share-2-line:before {
    content: "\f41c"
}

.ri-sofa-fill:before {
    content: "\f41d"
}

.ri-sofa-line:before {
    content: "\f41e"
}

.ri-svelte-fill:before {
    content: "\f41f"
}

.ri-svelte-line:before {
    content: "\f420"
}

.ri-vk-fill:before {
    content: "\f421"
}

.ri-vk-line:before {
    content: "\f422"
}

.ri-xrp-fill:before {
    content: "\f423"
}

.ri-xrp-line:before {
    content: "\f424"
}

.ri-xtz-fill:before {
    content: "\f425"
}

.ri-xtz-line:before {
    content: "\f426"
}

.ri-archive-stack-fill:before {
    content: "\f427"
}

.ri-archive-stack-line:before {
    content: "\f428"
}

.ri-bowl-fill:before {
    content: "\f429"
}

.ri-bowl-line:before {
    content: "\f42a"
}

.ri-calendar-view:before {
    content: "\f42b"
}

.ri-carousel-view:before {
    content: "\f42c"
}

.ri-code-block:before {
    content: "\f42d"
}

.ri-color-filter-fill:before {
    content: "\f42e"
}

.ri-color-filter-line:before {
    content: "\f42f"
}

.ri-contacts-book-3-fill:before {
    content: "\f430"
}

.ri-contacts-book-3-line:before {
    content: "\f431"
}

.ri-contract-fill:before {
    content: "\f432"
}

.ri-contract-line:before {
    content: "\f433"
}

.ri-drinks-2-fill:before {
    content: "\f434"
}

.ri-drinks-2-line:before {
    content: "\f435"
}

.ri-export-fill:before {
    content: "\f436"
}

.ri-export-line:before {
    content: "\f437"
}

.ri-file-check-fill:before {
    content: "\f438"
}

.ri-file-check-line:before {
    content: "\f439"
}

.ri-focus-mode:before {
    content: "\f43a"
}

.ri-folder-6-fill:before {
    content: "\f43b"
}

.ri-folder-6-line:before {
    content: "\f43c"
}

.ri-folder-check-fill:before {
    content: "\f43d"
}

.ri-folder-check-line:before {
    content: "\f43e"
}

.ri-folder-close-fill:before {
    content: "\f43f"
}

.ri-folder-close-line:before {
    content: "\f440"
}

.ri-folder-cloud-fill:before {
    content: "\f441"
}

.ri-folder-cloud-line:before {
    content: "\f442"
}

.ri-gallery-view-2:before {
    content: "\f443"
}

.ri-gallery-view:before {
    content: "\f444"
}

.ri-hand:before {
    content: "\f445"
}

.ri-import-fill:before {
    content: "\f446"
}

.ri-import-line:before {
    content: "\f447"
}

.ri-information-2-fill:before {
    content: "\f448"
}

.ri-information-2-line:before {
    content: "\f449"
}

.ri-kanban-view-2:before {
    content: "\f44a"
}

.ri-kanban-view:before {
    content: "\f44b"
}

.ri-list-view:before {
    content: "\f44c"
}

.ri-lock-star-fill:before {
    content: "\f44d"
}

.ri-lock-star-line:before {
    content: "\f44e"
}

.ri-puzzle-2-fill:before {
    content: "\f44f"
}

.ri-puzzle-2-line:before {
    content: "\f450"
}

.ri-puzzle-fill:before {
    content: "\f451"
}

.ri-puzzle-line:before {
    content: "\f452"
}

.ri-ram-2-fill:before {
    content: "\f453"
}

.ri-ram-2-line:before {
    content: "\f454"
}

.ri-ram-fill:before {
    content: "\f455"
}

.ri-ram-line:before {
    content: "\f456"
}

.ri-receipt-fill:before {
    content: "\f457"
}

.ri-receipt-line:before {
    content: "\f458"
}

.ri-shadow-fill:before {
    content: "\f459"
}

.ri-shadow-line:before {
    content: "\f45a"
}

.ri-sidebar-fold-fill:before {
    content: "\f45b"
}

.ri-sidebar-fold-line:before {
    content: "\f45c"
}

.ri-sidebar-unfold-fill:before {
    content: "\f45d"
}

.ri-sidebar-unfold-line:before {
    content: "\f45e"
}

.ri-slideshow-view:before {
    content: "\f45f"
}

.ri-sort-alphabet-asc:before {
    content: "\f460"
}

.ri-sort-alphabet-desc:before {
    content: "\f461"
}

.ri-sort-number-asc:before {
    content: "\f462"
}

.ri-sort-number-desc:before {
    content: "\f463"
}

.ri-stacked-view:before {
    content: "\f464"
}

.ri-sticky-note-add-fill:before {
    content: "\f465"
}

.ri-sticky-note-add-line:before {
    content: "\f466"
}

.ri-swap-2-fill:before {
    content: "\f467"
}

.ri-swap-2-line:before {
    content: "\f468"
}

.ri-swap-3-fill:before {
    content: "\f469"
}

.ri-swap-3-line:before {
    content: "\f46a"
}

.ri-table-3:before {
    content: "\f46b"
}

.ri-table-view:before {
    content: "\f46c"
}

.ri-text-block:before {
    content: "\f46d"
}

.ri-text-snippet:before {
    content: "\f46e"
}

.ri-timeline-view:before {
    content: "\f46f"
}

.ri-blogger-fill:before {
    content: "\f470"
}

.ri-blogger-line:before {
    content: "\f471"
}

.ri-chat-thread-fill:before {
    content: "\f472"
}

.ri-chat-thread-line:before {
    content: "\f473"
}

.ri-discount-percent-fill:before {
    content: "\f474"
}

.ri-discount-percent-line:before {
    content: "\f475"
}

.ri-exchange-2-fill:before {
    content: "\f476"
}

.ri-exchange-2-line:before {
    content: "\f477"
}

.ri-git-fork-fill:before {
    content: "\f478"
}

.ri-git-fork-line:before {
    content: "\f479"
}

.ri-input-field:before {
    content: "\f47a"
}

.ri-progress-1-fill:before {
    content: "\f47b"
}

.ri-progress-1-line:before {
    content: "\f47c"
}

.ri-progress-2-fill:before {
    content: "\f47d"
}

.ri-progress-2-line:before {
    content: "\f47e"
}

.ri-progress-3-fill:before {
    content: "\f47f"
}

.ri-progress-3-line:before {
    content: "\f480"
}

.ri-progress-4-fill:before {
    content: "\f481"
}

.ri-progress-4-line:before {
    content: "\f482"
}

.ri-progress-5-fill:before {
    content: "\f483"
}

.ri-progress-5-line:before {
    content: "\f484"
}

.ri-progress-6-fill:before {
    content: "\f485"
}

.ri-progress-6-line:before {
    content: "\f486"
}

.ri-progress-7-fill:before {
    content: "\f487"
}

.ri-progress-7-line:before {
    content: "\f488"
}

.ri-progress-8-fill:before {
    content: "\f489"
}

.ri-progress-8-line:before {
    content: "\f48a"
}

.ri-remix-run-fill:before {
    content: "\f48b"
}

.ri-remix-run-line:before {
    content: "\f48c"
}

.ri-signpost-fill:before {
    content: "\f48d"
}

.ri-signpost-line:before {
    content: "\f48e"
}

.ri-time-zone-fill:before {
    content: "\f48f"
}

.ri-time-zone-line:before {
    content: "\f490"
}

.ri-arrow-down-wide-fill:before {
    content: "\f491"
}

.ri-arrow-down-wide-line:before {
    content: "\f492"
}

.ri-arrow-left-wide-fill:before {
    content: "\f493"
}

.ri-arrow-left-wide-line:before {
    content: "\f494"
}

.ri-arrow-right-wide-fill:before {
    content: "\f495"
}

.ri-arrow-right-wide-line:before {
    content: "\f496"
}

.ri-arrow-up-wide-fill:before {
    content: "\f497"
}

.ri-arrow-up-wide-line:before {
    content: "\f498"
}

.ri-bluesky-fill:before {
    content: "\f499"
}

.ri-bluesky-line:before {
    content: "\f49a"
}

.ri-expand-height-fill:before {
    content: "\f49b"
}

.ri-expand-height-line:before {
    content: "\f49c"
}

.ri-expand-width-fill:before {
    content: "\f49d"
}

.ri-expand-width-line:before {
    content: "\f49e"
}

.ri-forward-end-fill:before {
    content: "\f49f"
}

.ri-forward-end-line:before {
    content: "\f4a0"
}

.ri-forward-end-mini-fill:before {
    content: "\f4a1"
}

.ri-forward-end-mini-line:before {
    content: "\f4a2"
}

.ri-friendica-fill:before {
    content: "\f4a3"
}

.ri-friendica-line:before {
    content: "\f4a4"
}

.ri-git-pr-draft-fill:before {
    content: "\f4a5"
}

.ri-git-pr-draft-line:before {
    content: "\f4a6"
}

.ri-play-reverse-fill:before {
    content: "\f4a7"
}

.ri-play-reverse-line:before {
    content: "\f4a8"
}

.ri-play-reverse-mini-fill:before {
    content: "\f4a9"
}

.ri-play-reverse-mini-line:before {
    content: "\f4aa"
}

.ri-rewind-start-fill:before {
    content: "\f4ab"
}

.ri-rewind-start-line:before {
    content: "\f4ac"
}

.ri-rewind-start-mini-fill:before {
    content: "\f4ad"
}

.ri-rewind-start-mini-line:before {
    content: "\f4ae"
}

.ri-scroll-to-bottom-fill:before {
    content: "\f4af"
}

.ri-scroll-to-bottom-line:before {
    content: "\f4b0"
}

.ri-add-large-fill:before {
    content: "\f4b1"
}

.ri-add-large-line:before {
    content: "\f4b2"
}

.ri-aed-electrodes-fill:before {
    content: "\f4b3"
}

.ri-aed-electrodes-line:before {
    content: "\f4b4"
}

.ri-aed-fill:before {
    content: "\f4b5"
}

.ri-aed-line:before {
    content: "\f4b6"
}

.ri-alibaba-cloud-fill:before {
    content: "\f4b7"
}

.ri-alibaba-cloud-line:before {
    content: "\f4b8"
}

.ri-align-item-bottom-fill:before {
    content: "\f4b9"
}

.ri-align-item-bottom-line:before {
    content: "\f4ba"
}

.ri-align-item-horizontal-center-fill:before {
    content: "\f4bb"
}

.ri-align-item-horizontal-center-line:before {
    content: "\f4bc"
}

.ri-align-item-left-fill:before {
    content: "\f4bd"
}

.ri-align-item-left-line:before {
    content: "\f4be"
}

.ri-align-item-right-fill:before {
    content: "\f4bf"
}

.ri-align-item-right-line:before {
    content: "\f4c0"
}

.ri-align-item-top-fill:before {
    content: "\f4c1"
}

.ri-align-item-top-line:before {
    content: "\f4c2"
}

.ri-align-item-vertical-center-fill:before {
    content: "\f4c3"
}

.ri-align-item-vertical-center-line:before {
    content: "\f4c4"
}

.ri-apps-2-add-fill:before {
    content: "\f4c5"
}

.ri-apps-2-add-line:before {
    content: "\f4c6"
}

.ri-close-large-fill:before {
    content: "\f4c7"
}

.ri-close-large-line:before {
    content: "\f4c8"
}

.ri-collapse-diagonal-2-fill:before {
    content: "\f4c9"
}

.ri-collapse-diagonal-2-line:before {
    content: "\f4ca"
}

.ri-collapse-diagonal-fill:before {
    content: "\f4cb"
}

.ri-collapse-diagonal-line:before {
    content: "\f4cc"
}

.ri-dashboard-horizontal-fill:before {
    content: "\f4cd"
}

.ri-dashboard-horizontal-line:before {
    content: "\f4ce"
}

.ri-expand-diagonal-2-fill:before {
    content: "\f4cf"
}

.ri-expand-diagonal-2-line:before {
    content: "\f4d0"
}

.ri-expand-diagonal-fill:before {
    content: "\f4d1"
}

.ri-expand-diagonal-line:before {
    content: "\f4d2"
}

.ri-firebase-fill:before {
    content: "\f4d3"
}

.ri-firebase-line:before {
    content: "\f4d4"
}

.ri-flip-horizontal-2-fill:before {
    content: "\f4d5"
}

.ri-flip-horizontal-2-line:before {
    content: "\f4d6"
}

.ri-flip-horizontal-fill:before {
    content: "\f4d7"
}

.ri-flip-horizontal-line:before {
    content: "\f4d8"
}

.ri-flip-vertical-2-fill:before {
    content: "\f4d9"
}

.ri-flip-vertical-2-line:before {
    content: "\f4da"
}

.ri-flip-vertical-fill:before {
    content: "\f4db"
}

.ri-flip-vertical-line:before {
    content: "\f4dc"
}

.ri-formula:before {
    content: "\f4dd"
}

.ri-function-add-fill:before {
    content: "\f4de"
}

.ri-function-add-line:before {
    content: "\f4df"
}

.ri-goblet-2-fill:before {
    content: "\f4e0"
}

.ri-goblet-2-line:before {
    content: "\f4e1"
}

.ri-golf-ball-fill:before {
    content: "\f4e2"
}

.ri-golf-ball-line:before {
    content: "\f4e3"
}

.ri-group-3-fill:before {
    content: "\f4e4"
}

.ri-group-3-line:before {
    content: "\f4e5"
}

.ri-heart-add-2-fill:before {
    content: "\f4e6"
}

.ri-heart-add-2-line:before {
    content: "\f4e7"
}

.ri-id-card-fill:before {
    content: "\f4e8"
}

.ri-id-card-line:before {
    content: "\f4e9"
}

.ri-information-off-fill:before {
    content: "\f4ea"
}

.ri-information-off-line:before {
    content: "\f4eb"
}

.ri-java-fill:before {
    content: "\f4ec"
}

.ri-java-line:before {
    content: "\f4ed"
}

.ri-layout-grid-2-fill:before {
    content: "\f4ee"
}

.ri-layout-grid-2-line:before {
    content: "\f4ef"
}

.ri-layout-horizontal-fill:before {
    content: "\f4f0"
}

.ri-layout-horizontal-line:before {
    content: "\f4f1"
}

.ri-layout-vertical-fill:before {
    content: "\f4f2"
}

.ri-layout-vertical-line:before {
    content: "\f4f3"
}

.ri-menu-fold-2-fill:before {
    content: "\f4f4"
}

.ri-menu-fold-2-line:before {
    content: "\f4f5"
}

.ri-menu-fold-3-fill:before {
    content: "\f4f6"
}

.ri-menu-fold-3-line:before {
    content: "\f4f7"
}

.ri-menu-fold-4-fill:before {
    content: "\f4f8"
}

.ri-menu-fold-4-line:before {
    content: "\f4f9"
}

.ri-menu-unfold-2-fill:before {
    content: "\f4fa"
}

.ri-menu-unfold-2-line:before {
    content: "\f4fb"
}

.ri-menu-unfold-3-fill:before {
    content: "\f4fc"
}

.ri-menu-unfold-3-line:before {
    content: "\f4fd"
}

.ri-menu-unfold-4-fill:before {
    content: "\f4fe"
}

.ri-menu-unfold-4-line:before {
    content: "\f4ff"
}

.ri-mobile-download-fill:before {
    content: "\f500"
}

.ri-mobile-download-line:before {
    content: "\f501"
}

.ri-nextjs-fill:before {
    content: "\f502"
}

.ri-nextjs-line:before {
    content: "\f503"
}

.ri-nodejs-fill:before {
    content: "\f504"
}

.ri-nodejs-line:before {
    content: "\f505"
}

.ri-pause-large-fill:before {
    content: "\f506"
}

.ri-pause-large-line:before {
    content: "\f507"
}

.ri-play-large-fill:before {
    content: "\f508"
}

.ri-play-large-line:before {
    content: "\f509"
}

.ri-play-reverse-large-fill:before {
    content: "\f50a"
}

.ri-play-reverse-large-line:before {
    content: "\f50b"
}

.ri-police-badge-fill:before {
    content: "\f50c"
}

.ri-police-badge-line:before {
    content: "\f50d"
}

.ri-prohibited-2-fill:before {
    content: "\f50e"
}

.ri-prohibited-2-line:before {
    content: "\f50f"
}

.ri-shopping-bag-4-fill:before {
    content: "\f510"
}

.ri-shopping-bag-4-line:before {
    content: "\f511"
}

.ri-snowflake-fill:before {
    content: "\f512"
}

.ri-snowflake-line:before {
    content: "\f513"
}

.ri-square-root:before {
    content: "\f514"
}

.ri-stop-large-fill:before {
    content: "\f515"
}

.ri-stop-large-line:before {
    content: "\f516"
}

.ri-tailwind-css-fill:before {
    content: "\f517"
}

.ri-tailwind-css-line:before {
    content: "\f518"
}

.ri-tooth-fill:before {
    content: "\f519"
}

.ri-tooth-line:before {
    content: "\f51a"
}

.ri-video-off-fill:before {
    content: "\f51b"
}

.ri-video-off-line:before {
    content: "\f51c"
}

.ri-video-on-fill:before {
    content: "\f51d"
}

.ri-video-on-line:before {
    content: "\f51e"
}

.ri-webhook-fill:before {
    content: "\f51f"
}

.ri-webhook-line:before {
    content: "\f520"
}

.ri-weight-fill:before {
    content: "\f521"
}

.ri-weight-line:before {
    content: "\f522"
}

.ri-book-shelf-fill:before {
    content: "\f523"
}

.ri-book-shelf-line:before {
    content: "\f524"
}

.ri-brain-2-fill:before {
    content: "\f525"
}

.ri-brain-2-line:before {
    content: "\f526"
}

.ri-chat-search-fill:before {
    content: "\f527"
}

.ri-chat-search-line:before {
    content: "\f528"
}

.ri-chat-unread-fill:before {
    content: "\f529"
}

.ri-chat-unread-line:before {
    content: "\f52a"
}

.ri-collapse-horizontal-fill:before {
    content: "\f52b"
}

.ri-collapse-horizontal-line:before {
    content: "\f52c"
}

.ri-collapse-vertical-fill:before {
    content: "\f52d"
}

.ri-collapse-vertical-line:before {
    content: "\f52e"
}

.ri-dna-fill:before {
    content: "\f52f"
}

.ri-dna-line:before {
    content: "\f530"
}

.ri-dropper-fill:before {
    content: "\f531"
}

.ri-dropper-line:before {
    content: "\f532"
}

.ri-expand-diagonal-s-2-fill:before {
    content: "\f533"
}

.ri-expand-diagonal-s-2-line:before {
    content: "\f534"
}

.ri-expand-diagonal-s-fill:before {
    content: "\f535"
}

.ri-expand-diagonal-s-line:before {
    content: "\f536"
}

.ri-expand-horizontal-fill:before {
    content: "\f537"
}

.ri-expand-horizontal-line:before {
    content: "\f538"
}

.ri-expand-horizontal-s-fill:before {
    content: "\f539"
}

.ri-expand-horizontal-s-line:before {
    content: "\f53a"
}

.ri-expand-vertical-fill:before {
    content: "\f53b"
}

.ri-expand-vertical-line:before {
    content: "\f53c"
}

.ri-expand-vertical-s-fill:before {
    content: "\f53d"
}

.ri-expand-vertical-s-line:before {
    content: "\f53e"
}

.ri-gemini-fill:before {
    content: "\f53f"
}

.ri-gemini-line:before {
    content: "\f540"
}

.ri-reset-left-fill:before {
    content: "\f541"
}

.ri-reset-left-line:before {
    content: "\f542"
}

.ri-reset-right-fill:before {
    content: "\f543"
}

.ri-reset-right-line:before {
    content: "\f544"
}

.ri-stairs-fill:before {
    content: "\f545"
}

.ri-stairs-line:before {
    content: "\f546"
}

.ri-telegram-2-fill:before {
    content: "\f547"
}

.ri-telegram-2-line:before {
    content: "\f548"
}

.ri-triangular-flag-fill:before {
    content: "\f549"
}

.ri-triangular-flag-line:before {
    content: "\f54a"
}

.ri-user-minus-fill:before {
    content: "\f54b"
}

.ri-user-minus-line:before {
    content: "\f54c"
}

.ri-account-box-2-fill:before {
    content: "\f54d"
}

.ri-account-box-2-line:before {
    content: "\f54e"
}

.ri-account-circle-2-fill:before {
    content: "\f54f"
}

.ri-account-circle-2-line:before {
    content: "\f550"
}

.ri-alarm-snooze-fill:before {
    content: "\f551"
}

.ri-alarm-snooze-line:before {
    content: "\f552"
}

.ri-arrow-down-box-fill:before {
    content: "\f553"
}

.ri-arrow-down-box-line:before {
    content: "\f554"
}

.ri-arrow-left-box-fill:before {
    content: "\f555"
}

.ri-arrow-left-box-line:before {
    content: "\f556"
}

.ri-arrow-left-down-box-fill:before {
    content: "\f557"
}

.ri-arrow-left-down-box-line:before {
    content: "\f558"
}

.ri-arrow-left-up-box-fill:before {
    content: "\f559"
}

.ri-arrow-left-up-box-line:before {
    content: "\f55a"
}

.ri-arrow-right-box-fill:before {
    content: "\f55b"
}

.ri-arrow-right-box-line:before {
    content: "\f55c"
}

.ri-arrow-right-down-box-fill:before {
    content: "\f55d"
}

.ri-arrow-right-down-box-line:before {
    content: "\f55e"
}

.ri-arrow-right-up-box-fill:before {
    content: "\f55f"
}

.ri-arrow-right-up-box-line:before {
    content: "\f560"
}

.ri-arrow-up-box-fill:before {
    content: "\f561"
}

.ri-arrow-up-box-line:before {
    content: "\f562"
}

.ri-bar-chart-box-ai-fill:before {
    content: "\f563"
}

.ri-bar-chart-box-ai-line:before {
    content: "\f564"
}

.ri-brush-ai-fill:before {
    content: "\f565"
}

.ri-brush-ai-line:before {
    content: "\f566"
}

.ri-camera-ai-fill:before {
    content: "\f567"
}

.ri-camera-ai-line:before {
    content: "\f568"
}

.ri-chat-ai-fill:before {
    content: "\f569"
}

.ri-chat-ai-line:before {
    content: "\f56a"
}

.ri-chat-smile-ai-fill:before {
    content: "\f56b"
}

.ri-chat-smile-ai-line:before {
    content: "\f56c"
}

.ri-chat-voice-ai-fill:before {
    content: "\f56d"
}

.ri-chat-voice-ai-line:before {
    content: "\f56e"
}

.ri-code-ai-fill:before {
    content: "\f56f"
}

.ri-code-ai-line:before {
    content: "\f570"
}

.ri-color-filter-ai-fill:before {
    content: "\f571"
}

.ri-color-filter-ai-line:before {
    content: "\f572"
}

.ri-custom-size:before {
    content: "\f573"
}

.ri-fediverse-fill:before {
    content: "\f574"
}

.ri-fediverse-line:before {
    content: "\f575"
}

.ri-flag-off-fill:before {
    content: "\f576"
}

.ri-flag-off-line:before {
    content: "\f577"
}

.ri-home-9-fill:before {
    content: "\f578"
}

.ri-home-9-line:before {
    content: "\f579"
}

.ri-image-ai-fill:before {
    content: "\f57a"
}

.ri-image-ai-line:before {
    content: "\f57b"
}

.ri-image-circle-ai-fill:before {
    content: "\f57c"
}

.ri-image-circle-ai-line:before {
    content: "\f57d"
}

.ri-info-card-fill:before {
    content: "\f57e"
}

.ri-info-card-line:before {
    content: "\f57f"
}

.ri-landscape-ai-fill:before {
    content: "\f580"
}

.ri-landscape-ai-line:before {
    content: "\f581"
}

.ri-letter-spacing-2:before {
    content: "\f582"
}

.ri-line-height-2:before {
    content: "\f583"
}

.ri-mail-ai-fill:before {
    content: "\f584"
}

.ri-mail-ai-line:before {
    content: "\f585"
}

.ri-mic-2-ai-fill:before {
    content: "\f586"
}

.ri-mic-2-ai-line:before {
    content: "\f587"
}

.ri-mic-ai-fill:before {
    content: "\f588"
}

.ri-mic-ai-line:before {
    content: "\f589"
}

.ri-movie-ai-fill:before {
    content: "\f58a"
}

.ri-movie-ai-line:before {
    content: "\f58b"
}

.ri-music-ai-fill:before {
    content: "\f58c"
}

.ri-music-ai-line:before {
    content: "\f58d"
}

.ri-notification-snooze-fill:before {
    content: "\f58e"
}

.ri-notification-snooze-line:before {
    content: "\f58f"
}

.ri-php-fill:before {
    content: "\f590"
}

.ri-php-line:before {
    content: "\f591"
}

.ri-pix-fill:before {
    content: "\f592"
}

.ri-pix-line:before {
    content: "\f593"
}

.ri-pulse-ai-fill:before {
    content: "\f594"
}

.ri-pulse-ai-line:before {
    content: "\f595"
}

.ri-quill-pen-ai-fill:before {
    content: "\f596"
}

.ri-quill-pen-ai-line:before {
    content: "\f597"
}

.ri-speak-ai-fill:before {
    content: "\f598"
}

.ri-speak-ai-line:before {
    content: "\f599"
}

.ri-star-off-fill:before {
    content: "\f59a"
}

.ri-star-off-line:before {
    content: "\f59b"
}

.ri-translate-ai-2:before {
    content: "\f59c"
}

.ri-translate-ai:before {
    content: "\f59d"
}

.ri-user-community-fill:before {
    content: "\f59e"
}

.ri-user-community-line:before {
    content: "\f59f"
}

.ri-vercel-fill:before {
    content: "\f5a0"
}

.ri-vercel-line:before {
    content: "\f5a1"
}

.ri-video-ai-fill:before {
    content: "\f5a2"
}

.ri-video-ai-line:before {
    content: "\f5a3"
}

.ri-video-on-ai-fill:before {
    content: "\f5a4"
}

.ri-video-on-ai-line:before {
    content: "\f5a5"
}

.ri-voice-ai-fill:before {
    content: "\f5a6"
}

.ri-voice-ai-line:before {
    content: "\f5a7"
}

.ri-ai-generate-2:before {
    content: "\f5a8"
}

.ri-ai-generate-text:before {
    content: "\f5a9"
}

.ri-anthropic-fill:before {
    content: "\f5aa"
}

.ri-anthropic-line:before {
    content: "\f5ab"
}

.ri-apps-2-ai-fill:before {
    content: "\f5ac"
}

.ri-apps-2-ai-line:before {
    content: "\f5ad"
}

.ri-camera-lens-ai-fill:before {
    content: "\f5ae"
}

.ri-camera-lens-ai-line:before {
    content: "\f5af"
}

.ri-clapperboard-ai-fill:before {
    content: "\f5b0"
}

.ri-clapperboard-ai-line:before {
    content: "\f5b1"
}

.ri-claude-fill:before {
    content: "\f5b2"
}

.ri-claude-line:before {
    content: "\f5b3"
}

.ri-closed-captioning-ai-fill:before {
    content: "\f5b4"
}

.ri-closed-captioning-ai-line:before {
    content: "\f5b5"
}

.ri-dvd-ai-fill:before {
    content: "\f5b6"
}

.ri-dvd-ai-line:before {
    content: "\f5b7"
}

.ri-film-ai-fill:before {
    content: "\f5b8"
}

.ri-film-ai-line:before {
    content: "\f5b9"
}

.ri-font-size-ai:before {
    content: "\f5ba"
}

.ri-mixtral-fill:before {
    content: "\f5bb"
}

.ri-mixtral-line:before {
    content: "\f5bc"
}

.ri-movie-2-ai-fill:before {
    content: "\f5bd"
}

.ri-movie-2-ai-line:before {
    content: "\f5be"
}

.ri-mv-ai-fill:before {
    content: "\f5bf"
}

.ri-mv-ai-line:before {
    content: "\f5c0"
}

.ri-perplexity-fill:before {
    content: "\f5c1"
}

.ri-perplexity-line:before {
    content: "\f5c2"
}

.ri-poker-clubs-fill:before {
    content: "\f5c3"
}

.ri-poker-clubs-line:before {
    content: "\f5c4"
}

.ri-poker-diamonds-fill:before {
    content: "\f5c5"
}

.ri-poker-diamonds-line:before {
    content: "\f5c6"
}

.ri-poker-hearts-fill:before {
    content: "\f5c7"
}

.ri-poker-hearts-line:before {
    content: "\f5c8"
}

.ri-poker-spades-fill:before {
    content: "\f5c9"
}

.ri-poker-spades-line:before {
    content: "\f5ca"
}

.ri-safe-3-fill:before {
    content: "\f5cb"
}

.ri-safe-3-line:before {
    content: "\f5cc"
}

.ri-accessibility-fill:before {
    content: "\f5cd"
}

.ri-accessibility-line:before {
    content: "\f5ce"
}

.ri-alarm-add-fill:before {
    content: "\f5cf"
}

.ri-alarm-add-line:before {
    content: "\f5d0"
}

.ri-arrow-down-long-fill:before {
    content: "\f5d1"
}

.ri-arrow-down-long-line:before {
    content: "\f5d2"
}

.ri-arrow-left-down-long-fill:before {
    content: "\f5d3"
}

.ri-arrow-left-down-long-line:before {
    content: "\f5d4"
}

.ri-arrow-left-long-fill:before {
    content: "\f5d5"
}

.ri-arrow-left-long-line:before {
    content: "\f5d6"
}

.ri-arrow-left-up-long-fill:before {
    content: "\f5d7"
}

.ri-arrow-left-up-long-line:before {
    content: "\f5d8"
}

.ri-arrow-right-down-long-fill:before {
    content: "\f5d9"
}

.ri-arrow-right-down-long-line:before {
    content: "\f5da"
}

.ri-arrow-right-long-fill:before {
    content: "\f5db"
}

.ri-arrow-right-long-line:before {
    content: "\f5dc"
}

.ri-arrow-right-up-long-fill:before {
    content: "\f5dd"
}

.ri-arrow-right-up-long-line:before {
    content: "\f5de"
}

.ri-arrow-up-long-fill:before {
    content: "\f5df"
}

.ri-arrow-up-long-line:before {
    content: "\f5e0"
}

.ri-chess-fill:before {
    content: "\f5e1"
}

.ri-chess-line:before {
    content: "\f5e2"
}

.ri-diamond-fill:before {
    content: "\f5e3"
}

.ri-diamond-line:before {
    content: "\f5e4"
}

.ri-diamond-ring-fill:before {
    content: "\f5e5"
}

.ri-diamond-ring-line:before {
    content: "\f5e6"
}

.ri-figma-fill:before {
    content: "\f5e7"
}

.ri-figma-line:before {
    content: "\f5e8"
}

.ri-firefox-browser-fill:before {
    content: "\f5e9"
}

.ri-firefox-browser-line:before {
    content: "\f5ea"
}

.ri-jewelry-fill:before {
    content: "\f5eb"
}

.ri-jewelry-line:before {
    content: "\f5ec"
}

.ri-multi-image-fill:before {
    content: "\f5ed"
}

.ri-multi-image-line:before {
    content: "\f5ee"
}

.ri-no-credit-card-fill:before {
    content: "\f5ef"
}

.ri-no-credit-card-line:before {
    content: "\f5f0"
}

.ri-service-bell-fill:before {
    content: "\f5f1"
}

.ri-service-bell-line:before {
    content: "\f5f2"
}

[data-cue=bounceInDown],[data-cue=bounceInLeft],[data-cue=bounceInRight],[data-cue=bounceInUp],[data-cue=bounceIn],[data-cue=fadeIn],[data-cue=rotateIn],[data-cue=slideInDown],[data-cue=slideInLeft],[data-cue=slideInRight],[data-cue=slideInUp],[data-cue=zoomIn],[data-cue=zoomOut],[data-cues=bounceInDown]>*,[data-cues=bounceInLeft]>*,[data-cues=bounceInRight]>*,[data-cues=bounceInUp]>*,[data-cues=bounceIn]>*,[data-cues=fadeIn]>*,[data-cues=rotateIn]>*,[data-cues=slideInDown]>*,[data-cues=slideInLeft]>*,[data-cues=slideInRight]>*,[data-cues=slideInUp]>*,[data-cues=zoomIn]>*,[data-cues=zoomOut]>* {
    opacity: 0
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoomOut {
    from {
        opacity: 0;
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes rotateIn {
    from {
        opacity: 0;
        transform: rotateZ(-15deg)
    }

    to {
        opacity: 1;
        transform: rotateZ(0)
    }
}

@keyframes bounceIn {
    0% {
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

[data-cue=flipInX],[data-cue=flipInY],[data-cues=flipInX]>*,[data-cues=flipInY]>* {
    opacity: 0;
    backface-visibility: visible
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        opacity: 1;
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        opacity: 1;
        transform: perspective(400px)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgb(0 0 0 / .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgb(0 0 0 / .5),#fff0)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgb(0 0 0 / .5),#fff0)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgb(0 0 0 / .5),#fff0)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgb(0 0 0 / .5),#fff0)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: #fff0
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgb(0 0 0 / .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgb(0 0 0 / .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgb(0 0 0 / .5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@charset "UTF-8"body {
    margin: 0;
    padding: 0;
    font-family: "Manrope",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    font-size: 16px;
    color: #63667D
}

html,body {
    font-synthesis-weight: none;
    font-optical-sizing: auto
}

p {
    margin-bottom: 15px;
    line-height: 1.7;
    color: #4B5563;
    font-family: "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    font-size: 15px
}

p:last-child {
    margin-bottom: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: #131F34;
    font-weight: 700
}

.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: #131F34
}

.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    color: var(--main-color)
}

a {
    text-decoration: none;
    outline: 0!important;
    transition: 0.7s
}

:focus {
    outline: 0!important
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto
}

.ptb-140 {
    padding-top: 140px;
    padding-bottom: 140px
}

.pt-140 {
    padding-top: 140px
}

.pb-140 {
    padding-bottom: 140px
}

.mb-140 {
    margin-bottom: 140px
}

.dl-rectangle-inner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: url(../images/rectangle-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.dl-rectangle-inner .rectangle-shape1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    z-index: -1
}

.dl-rectangle-inner .rectangle-shape1 img {
    width: 100%
}

.dl-rectangle-inner .rectangle-shape2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: -1
}

.dl-rectangle-inner .rectangle-shape2 img {
    width: 100%
}

@keyframes waviy {
    0%,40%,100% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-20px)
    }
}

@keyframes moveBounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes moveLeftBounce {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(20px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes rotateme {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.default-btn,.usermenu span.login a {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    padding: 15px 25px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: 0.7s
}

.default-btn svg {
    transition: 0.7s
}

.default-btn::after,.usermenu span.login a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,transparent,rgb(255 255 255 / .4),transparent);
    transform: skewX(-25deg);
    transition: 0.75s;
    z-index: 1
}

.default-btn:hover,.usermenu span.login a:hover {
    background-color: var(--secondary-color)
}

.default-btn:hover::after,.usermenu span.login a:hover::after {
    left: 125%
}

.default-btn:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.section-title {
    text-align: center;
    max-width: 510px;
    margin: 0 auto 55px
}

.section-title .sub {
    color: var(--main-color);
    font-weight: 500;
    display: block;
    margin-bottom: 12px
}

.section-title h2,.section-title .h2 {
    font-size: 38px;
    position: relative;
    z-index: 1;
    margin-bottom: 0
}

.section-title h2 img,.section-title .h2 img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    z-index: -1;
    margin: auto;
    transition: 0.7s;
    animation: animate__fadeInLeft 2s;
    animation-name: fadeInLeft;
    animation-duration: 2s
}

.section-title p {
    margin-top: 25px;
    margin-bottom: 0
}

.preloader-area {
    z-index: 9999;
    background-color: #fff
}

.preloader-area .loader {
    transform: translateY(-50%);
    top: 50%
}

.preloader-area .waviy {
    font-size: 50px;
    margin-top: 10px;
    -webkit-box-reflect: below -35px linear-gradient(transparent,rgb(0 0 0 / .2))
}

.preloader-area .waviy span {
    animation-delay: 0.1s;
    animation: waviy 1s infinite;
    font-weight: 700;
    color: #131F34
}

.preloader-area .waviy span:nth-child(2) {
    animation-delay: 0.2s
}

.preloader-area .waviy span:nth-child(3) {
    animation-delay: 0.3s
}

.preloader-area .waviy span:nth-child(4) {
    animation-delay: 0.4s
}

.top-header-area {
    background-color: #131F34
}

.top-header-area.style-wrap2 {
    padding-top: 12px;
    padding-bottom: 12px
}

.top-header-area .container-fluid,.top-header-area .container-sm,.top-header-area .container-md,.top-header-area .container-lg,.top-header-area .container-xl,.top-header-area .container-xxl {
    padding-left: 20px;
    padding-right: 20px
}

.top-header-content a {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #fff;
    font-weight: 500;
    text-decoration-line: underline;
    font-size: 15px
}

.top-header-content a span strong {
    font-weight: 700
}

.top-header-content a svg {
    transition: 0.7s
}

.top-header-content a:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.top-header-link {
    display: flex;
    justify-content: end;
    text-align: end
}

.top-header-link .account-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background-color: var(--secondary-color);
    color: #fff;
    padding: 12px 18px;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.top-header-link .account-btn svg {
    transition: 0.7s
}

.top-header-link .account-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,transparent,rgb(255 255 255 / .4),transparent);
    transform: skewX(-25deg);
    transition: 0.75s;
    z-index: 1
}

.top-header-link .account-btn:hover {
    background-color: var(--main-color)
}

.top-header-link .account-btn:hover::after {
    left: 125%
}

.top-header-link .account-btn:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.top-header-link .account-btn.wrap2 {
    background-color: #fff0;
    padding: 0
}

.top-header-link .account-btn.wrap2::after {
    display: none
}

.top-header-link .account-btn.wrap2:hover {
    color: var(--secondary-color)
}

.navbar {
    padding-top: 15px;
    padding-bottom: 15px
}

.navbar.sticky {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    position: sticky;
    background-color: #fff;
    box-shadow: 0 0 60px 0 rgb(32 38 91 / .1);
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown
}

.navbar .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl,.navbar .container-xxl {
    padding-left: 20px;
    padding-right: 20px
}

.navbar .category-menu {
    position: relative
}

.navbar .category-menu .category-menu-toggle {
    display: flex;
    gap: 7px;
    align-items: center;
    color: #131F34;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    border-left: 1px solid #D9D9D9;
    padding-left: 20px;
    margin-top: 12px;
    margin-bottom: 12px
}

.navbar .category-menu .category-dropdown-wrap {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.25s cubic-bezier(.645,.045,.355,1);
    position: absolute;
    z-index: 4;
    top: 100%;
    left: 0
}

.navbar .category-menu .category-dropdown-wrap .ul {
    margin: 0;
    list-style-type: none;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / .12);
    max-width: none!important;
    position: relative;
    border-radius: 5px;
    padding: 15px 0;
    width: 250px
}

.navbar .category-menu .category-dropdown-wrap .ul .li {
    margin: 0;
    padding: 0;
    position: static;
    list-style-type: none
}

.navbar .category-menu .category-dropdown-wrap .ul .li a {
    display: block;
    padding: 10px 30px;
    position: relative;
    color: #4B5563;
    font-size: 14.5px;
    font-weight: 500
}

.navbar .category-menu .category-dropdown-wrap .ul .li a i {
    top: 50%;
    right: 20px;
    font-size: 13px;
    margin-top: 2px;
    position: absolute;
    transform: translateY(-50%)
}

.navbar .category-menu .category-dropdown-wrap .ul .li:hover a {
    color: var(--main-color);
    background-color: #f5f5f5
}

.navbar .category-menu .category-dropdown-wrap .ul .li:hover .children {
    display: block
}

.navbar .category-menu .category-dropdown-wrap .ul .children {
    top: 0;
    left: 100%;
    z-index: -1;
    width: 255px;
    display: none;
    position: absolute;
    border-radius: 0 5px 5px 0;
    transform: translateX(-5px);
    min-height: calc(100% + 2px)
}

.navbar .category-menu .category-dropdown-wrap .ul .children .li a {
    color: #131F34;
    background-color: #fff0
}

.navbar .category-menu .category-dropdown-wrap .ul .children .li:hover a {
    color: var(--main-color);
    background-color: #f5f5f5
}

.navbar .category-menu .category-dropdown-wrap .ul .children .li:hover .children {
    display: block
}

.navbar .category-menu .category-dropdown-wrap .ul .children .li .children {
    display: none
}

.navbar .category-menu .category-dropdown-wrap .ul .children.sub-categories {
    box-shadow: none
}

.navbar .category-menu .category-dropdown-wrap .ul .children.sub-categories::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 100%;
    filter: unset;
    position: absolute;
    border-radius: inherit;
    background: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / .12)
}

.navbar .category-menu .category-dropdown-wrap .ul .children::after {
    display: none
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list {
    width: 420px
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list::before,.navbar .category-menu .category-dropdown-wrap .ul .children.course-list::after {
    display: none
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li {
    position: relative
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink {
    display: flex;
    margin: 0 20px;
    position: relative;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-thumbnail {
    margin: 0 12px 0 0;
    flex-shrink: 0;
    width: 60px
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-thumbnail img {
    border-radius: 3px
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-caption {
    flex-grow: 1
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-caption h3,.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-caption .h3 {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-caption .price {
    color: #4B5563;
    font-size: 13px;
    line-height: 1
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-caption .price .new-price {
    font-weight: 600
}

.navbar .category-menu .category-dropdown-wrap .ul .children.course-list .li a.course-permalink .course-caption .price .old-price {
    text-decoration: line-through;
    font-size: 12px
}

.navbar .category-menu .category-dropdown-wrap .ul::before,.navbar .category-menu .category-dropdown-wrap .ul::after {
    position: absolute;
    bottom: 100%;
    content: "";
    left: 42px;
    height: 0;
    width: 0
}

.navbar .category-menu .category-dropdown-wrap .ul:after {
    border-left: 8px solid #fff0;
    border-right: 8px solid #fff0;
    border-bottom: 10px solid #fff
}

.navbar .category-menu .category-dropdown-wrap .ul::before {
    transform: translateX(-1px);
    border-left: 9px solid #fff0;
    border-right: 9px solid #fff0;
    border-bottom: 11px solid #fff;
    filter: drop-shadow(0 0 30px rgb(0 0 0 / .12))
}

.navbar .category-menu:hover .category-dropdown-wrap {
    opacity: 1;
    transform: none;
    visibility: visible
}

.navbar .navbar-toggler {
    color: var(--main-color);
    font-size: inherit;
    box-shadow: unset;
    border: none;
    padding: 0
}

.navbar .navbar-toggler .burger-menu {
    cursor: pointer
}

.navbar .navbar-toggler .burger-menu span {
    height: 3px;
    width: 30px;
    margin: 5px 0;
    display: block;
    background: var(--main-color)
}

.navbar ul {
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0
}

.navbar .navbar-nav {
    margin-left: auto;
    margin-right: 0
}

.navbar .navbar-nav .nav-item {
    position: relative;
    margin-left: 15px;
    margin-right: 15px
}

.navbar .navbar-nav .nav-item .nav-link {
    position: relative;
    color: #131F34;
    transition: 0.7s;
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.navbar .navbar-nav .nav-item .nav-link svg path {
    transition: 0.7s
}

.navbar .navbar-nav .nav-item .nav-link:hover,.navbar .navbar-nav .nav-item .nav-link.active {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .nav-link:hover svg path,.navbar .navbar-nav .nav-item .nav-link.active svg path {
    stroke: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-toggle {
    padding-right: 0
}

.navbar .navbar-nav .nav-item .dropdown-toggle::after {
    margin-left: 0;
    vertical-align: 0;
    border: none
}

.navbar .navbar-nav .nav-item:first-child {
    margin-left: 0
}

.navbar .navbar-nav .nav-item:last-child {
    margin-right: 0
}

.navbar .navbar-nav .nav-item:hover,.navbar .navbar-nav .nav-item.active {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu {
    left: 0;
    top: 50px;
    opacity: 0;
    z-index: 99;
    width: 250px;
    margin-top: 0;
    display: block;
    border-radius: 10px;
    position: absolute;
    visibility: hidden;
    background-color: #fff;
    border: none;
    transition: all 0.2s ease-in-out;
    transform: translate3d(0,18px,0);
    box-shadow: 0 4px 70px 0 rgb(0 0 0 / .1);
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
    margin: 0
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    display: flex;
    gap: 7px;
    justify-content: space-between;
    align-items: center;
    color: #131F34;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item::after {
    display: none
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.active,.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    margin-left: 5px
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
    top: -5px;
    opacity: 0;
    right: -100%;
    left: auto;
    margin-top: 0;
    visibility: hidden;
    transform: translate3d(0,18px,0)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item {
    color: #131F34
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item.active,.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    margin-left: 5px
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
    top: -5px;
    opacity: 0;
    right: -100%;
    left: auto;
    visibility: hidden;
    transform: translate3d(0,18px,0)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item {
    color: #131F34
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item.active,.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    margin-left: 5px
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
    top: -5px;
    opacity: 0;
    right: 100%;
    left: auto;
    visibility: hidden;
    transform: translate3d(0,18px,0)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item {
    color: #131F34
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item.active,.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .dropdown-item:hover {
    margin-left: 5px
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link {
    color: var(--main-color)
}

.navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
    opacity: 1;
    margin-top: 0;
    visibility: visible;
    transform: translate3d(0,0,0)
}

.navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0)
}

.navbar .others-option {
    margin-left: 35px
}

.navbar .others-option .option-item {
    margin-right: 30px
}

.navbar .others-option .option-item .search-form {
    position: relative;
    width: 285px
}

.navbar .others-option .option-item .search-form .form-control {
    display: inline-block;
    height: 50px;
    border-radius: 100px;
    background-color: #F6F9FF;
    border: none;
    outline: 0;
    box-shadow: unset;
    color: #4B5563;
    font-size: 15px;
    transition: 0.7s;
    padding: 10px 70px 10px 20px
}

.navbar .others-option .option-item .search-form .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.navbar .others-option .option-item .search-form .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.navbar .others-option .option-item .search-form .form-control:focus::-moz-placeholder {
    color: #fff0
}

.navbar .others-option .option-item .search-form .form-control:focus::placeholder {
    color: #fff0
}

.navbar .others-option .option-item .search-form button {
    background-color: #fff0;
    border: none;
    padding: 0;
    transition: 0.7s;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1
}

.navbar .others-option .option-item .search-form button:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.navbar .others-option .option-item .cart-btn {
    position: relative;
    padding-top: 5px;
    padding-right: 5px
}

.navbar .others-option .option-item .cart-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    width: 17px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 14px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0
}

.navbar .others-option .option-item .cart-btn svg {
    transition: 0.7s
}

.navbar .others-option .option-item .cart-btn:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.navbar .others-option .option-item:last-child {
    margin-right: 0
}

.navbar.style-wrap2 .others-option .option-item .default-btn {
    background-color: var(--tertiary-color)
}

.navbar.style-wrap2 .others-option .option-item .default-btn:hover {
    background-color: var(--main-color)
}

.sidebar-menu-area {
    border: none!important;
    background-color: #fff;
    width: 400px!important
}

.sidebar-menu-area .offcanvas-header {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    background-color: #fff0;
    border-bottom: 1px solid #F6F9FF;
    padding: 17px 20px
}

.sidebar-menu-area .offcanvas-header .close-btn {
    border: none;
    font-size: 25px;
    transition: 0.7s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 50px;
    transition: 0.7s
}

.sidebar-menu-area .offcanvas-header .close-btn:hover {
    background-color: var(--secondary-color)
}

.sidebar-menu-area .offcanvas-body {
    background-color: #fff0;
    padding: 30px 20px
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item {
    border: 0;
    padding: 0;
    border-radius: 0;
    margin-bottom: 35px;
    color: #131F34;
    background-color: #fff0
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button {
    display: block;
    box-shadow: unset;
    position: relative;
    padding: 0 0 12px 0;
    color: #131F34;
    background-color: #fff0;
    transition: 0.7s;
    font-weight: 500;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eee;
    font-size: 15px
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button::after {
    display: none
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button::before {
    position: absolute;
    content: "\ea4e";
    right: 0;
    top: 2.5px;
    font-family: "remixicon";
    font-size: 20px;
    transition: 0.7s;
    color: #4B5563;
    line-height: 1
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button.without-icon {
    border-bottom: none;
    padding-bottom: 0
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button.without-icon::before {
    display: none
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button:hover,.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button.active {
    color: var(--main-color)
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button:hover::before,.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-button.active::before {
    color: var(--main-color)
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-body {
    padding: 25px;
    background-color: #F6F9FF;
    border-radius: 0
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-body .accordion-item {
    color: #131F34;
    margin-bottom: 20px
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-body .accordion-item .accordion-link {
    width: 100%;
    display: block;
    color: #131F34;
    background-color: #fff0;
    font-size: 15px;
    font-weight: 500
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-body .accordion-item .accordion-link:hover,.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-body .accordion-item .accordion-link.active {
    color: var(--main-color)
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-body .accordion-item:last-child {
    margin-bottom: 0
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item .accordion-body.white-wrap {
    padding: 20px;
    background-color: #fff
}

.sidebar-menu-area .offcanvas-body .accordion .accordion-item:last-child {
    margin-bottom: 0
}

.sidebar-menu-area .offcanvas-body .others-option {
    text-align: center;
    margin-top: 45px
}

.sidebar-menu-area .offcanvas-body .others-option .option-item {
    margin-bottom: 30px
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form {
    position: relative
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form .form-control {
    display: inline-block;
    height: 50px;
    border-radius: 100px;
    background-color: #F6F9FF;
    border: none;
    outline: 0;
    box-shadow: unset;
    color: #4B5563;
    font-size: 15px;
    transition: 0.7s;
    padding: 10px 70px 10px 20px
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form .form-control:focus::-moz-placeholder {
    color: #fff0
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form .form-control:focus::placeholder {
    color: #fff0
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form button {
    background-color: #fff0;
    border: none;
    padding: 0;
    transition: 0.7s;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .search-form button:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .cart-btn {
    position: relative;
    padding-top: 5px;
    padding-right: 5px
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .cart-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    width: 17px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 14px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 0
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .cart-btn svg {
    transition: 0.7s
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .cart-btn:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .social-list {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .social-list li {
    list-style-type: none
}

.sidebar-menu-area .offcanvas-body .others-option .option-item .social-list li i {
    font-size: 25px
}

.sidebar-menu-area .offcanvas-body .others-option .option-item:last-child {
    margin-bottom: 0
}

.sidebar-menu-area .offcanvas-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    border-radius: 50px
}

.sidebar-menu-area .offcanvas-body::-webkit-scrollbar-track {
    background: #F0F0F4;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    border-radius: 50px
}

.sidebar-menu-area .offcanvas-body::-webkit-scrollbar-thumb {
    background: var(--main-color);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    border-radius: 50px
}

.sidebar-menu-area .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-color);
    border-radius: 50px
}

.sidebar-menu-area.style-wrap2 .offcanvas-body .others-option .option-item .default-btn {
    background-color: var(--tertiary-color)
}

.sidebar-menu-area.style-wrap2 .offcanvas-body .others-option .option-item .default-btn:hover {
    background-color: var(--main-color)
}

.education-banner-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(180deg,#F6F9FF 0%,#F7F8FF 50%,#FFF7F5 100%);
    padding-top: 55px
}

.education-banner-content {
    overflow: hidden;
    max-width: 585px;
    position: relative;
    top: -35px
}

.education-banner-content h1,.education-banner-content .h1 {
    font-size: 64px;
    font-weight: 500;
    margin-bottom: 20px
}

.education-banner-content h1 span,.education-banner-content .h1 span {
    font-weight: 600;
    position: relative;
    z-index: 1
}

.education-banner-content h1 span img,.education-banner-content .h1 span img {
    position: absolute;
    left: 0;
    bottom: 1px;
    z-index: -1;
    animation: animate__fadeInLeft 2s;
    animation-name: fadeInLeft;
    animation-duration: 2s
}

.education-banner-content p {
    font-size: 16px;
    margin-bottom: 0
}

.education-banner-content .banner-btn {
    margin-top: 40px
}

.education-banner-image {
    text-align: center;
    position: relative;
    z-index: 1
}

.education-banner-image .mesh-grad {
    position: absolute;
    left: -100px;
    right: 0;
    bottom: 40px;
    z-index: -1;
    transform: scaleX(1.2) scaleY(1.2)
}

.education-banner-image .trust-review {
    position: absolute;
    left: -15px;
    top: 30px;
    border-radius: 7px;
    background: linear-gradient(180deg,rgb(255 255 255 / .3) 0%,#ffffff 100%);
    padding: 17px 25px;
    text-align: start
}

.education-banner-image .trust-review .sub {
    font-size: 14px;
    font-weight: 500;
    color: #131F34;
    display: block;
    margin-bottom: 7px
}

.education-banner-image .trust-review h5,.education-banner-image .trust-review .h5 {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px
}

.education-banner-image .trust-review h5 img,.education-banner-image .trust-review .h5 img {
    position: relative;
    top: -1px
}

.education-banner-image .trust-review .list {
    display: flex;
    gap: 5px;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0
}

.education-banner-image .trust-review .list li {
    list-style-type: none
}

.education-banner-image .trust-review span {
    display: block;
    font-size: 14px
}

.education-banner-image .trust-review .arrow {
    position: absolute;
    right: -20px;
    bottom: -50px
}

.education-banner-vector {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1
}

.education-banner-vector img {
    width: 100%;
    height: 100%
}

.education-banner-shape1 {
    position: absolute;
    left: 0;
    bottom: 65px;
    z-index: -1;
    animation: moveBounce 2s linear infinite
}

.education-banner-shape2 {
    position: absolute;
    top: 100px;
    left: 250px;
    z-index: -1;
    animation: moveLeftBounce 3s linear infinite
}

.education-banner-shape3 {
    position: absolute;
    left: 470px;
    bottom: 130px;
    z-index: -1;
    animation: moveLeftBounce 3s linear infinite
}

.education-banner-shape4 {
    position: absolute;
    right: 0;
    top: 40px;
    z-index: -1;
    animation: moveBounce 2s linear infinite
}

.education-fun-area {
    overflow: hidden;
    background-color: var(--main-color)
}

.education-fun-area .g-5,.education-fun-area .gy-5 {
    --bs-gutter-y: 7rem
}

.education-fun-area .g-5,.education-fun-area .gx-5 {
    --bs-gutter-x: 7rem
}

.education-fun-area .col-lg-3:nth-child(4) .education-fun-card::before {
    display: none
}

.education-fun-area .col-lg-3:nth-child(8) .education-fun-card::before {
    display: none
}

.education-fun-area .col-lg-3:nth-child(12) .education-fun-card::before {
    display: none
}

.education-fun-card {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px
}

.education-fun-card .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    width: 58px;
    background-color: rgb(255 255 255 / .3);
    border-radius: 50px;
    transition: 0.7s;
    max-width: unset;
    max-height: unset;
    margin: unset;
    padding: unset;
    box-sizing: unset
}

.education-fun-card .content h3,.education-fun-card .content .h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Inter",sans-serif;
    margin-bottom: 7px;
    color: #fff;
    line-height: 1
}

.education-fun-card .content p {
    color: #fff;
    margin-bottom: 0
}

.education-fun-card::before {
    position: absolute;
    content: "";
    right: -55px;
    top: 0;
    background-image: url(/theme/image.php/olan/theme/1757783192/fun);
    width: 52px;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.education-fun-card:hover .icon {
    animation: animate__flipInY 1s;
    animation-name: flipInY;
    animation-duration: 1s;
    max-width: unset;
    max-height: unset;
    padding: unset
}

.education-categories-card {
    display: flex;
    gap: 25px;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #CADFFF;
    background: #EAF2FF;
    padding: 20px 30px;
    transition: 0.7s
}

.education-categories-card .icon {
    max-width: unset;
    max-height: unset;
    margin: unset;
    padding: unset;
    box-sizing: unset
}

.education-categories-card .icon img {
    transition: 0.7s
}

.education-categories-card .icon a {
    background-color: #fff;
    height: 50px;
    width: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    border-radius: 50%;
    cursor: pointer
}

.education-categories-card .title h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0
}

.education-categories-card .title h3 a {
    color: #131F34
}

.education-categories-card .title .h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0
}

.education-categories-card .title .h3 a {
    color: #131F34
}

.education-categories-card:hover {
    border: 1px solid var(--main-color)
}

.education-categories-card:hover .icon img {
    animation: animate__ jackInTheBox 1s;
    animation-name: jackInTheBox;
    animation-duration: 1s
}

.education-categories-area .col-xl-4:nth-child(5n+2) .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+2) .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+2) .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+2) .education-categories-card {
    border: 1px solid #D8DAFF;
    background: #EFF0FF
}

.education-categories-area .col-xl-4:nth-child(5n+2) .education-categories-card:hover,.education-categories-area .col-xl-3:nth-child(5n+2) .education-categories-card:hover,.course_category_tree .col-xl-4:nth-child(5n+2) .education-categories-card:hover,.course_category_tree .col-xl-3:nth-child(5n+2) .education-categories-card:hover {
    border: 1px solid #5F1DFD
}

.education-categories-area .col-xl-4:nth-child(5n+2):hover .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+2):hover .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+2):hover .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+2):hover .education-categories-card {
    border: 1px solid #5F1DFD
}

.education-categories-area .col-xl-4:nth-child(5n+3) .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+3) .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+3) .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+3) .education-categories-card {
    border: 1px solid #FFD799;
    background: #FFEECB
}

.education-categories-area .col-xl-4:nth-child(5n+3) .education-categories-card:hover,.education-categories-area .col-xl-3:nth-child(5n+3) .education-categories-card:hover,.course_category_tree .col-xl-4:nth-child(5n+3) .education-categories-card:hover,.course_category_tree .col-xl-3:nth-child(5n+3) .education-categories-card:hover {
    border: 1px solid orange
}

.education-categories-area .col-xl-4:nth-child(5n+3):hover .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+3):hover .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+3):hover .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+3):hover .education-categories-card {
    border: 1px solid orange
}

.education-categories-area .col-xl-4:nth-child(5n+4) .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+4) .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+4) .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+4) .education-categories-card {
    border: 1px solid #ADEAF7;
    background: #DAF7FE
}

.education-categories-area .col-xl-4:nth-child(5n+4) .education-categories-card:hover,.education-categories-area .col-xl-3:nth-child(5n+4) .education-categories-card:hover,.course_category_tree .col-xl-4:nth-child(5n+4) .education-categories-card:hover,.course_category_tree .col-xl-3:nth-child(5n+4) .education-categories-card:hover {
    border: 1px solid #00BED9
}

.education-categories-area .col-xl-4:nth-child(5n+4):hover .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+4):hover .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+4):hover .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+4):hover .education-categories-card {
    border: 1px solid #00BED9
}

.education-categories-area .col-xl-4:nth-child(5n+5) .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+5) .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+5) .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+5) .education-categories-card {
    border: 1px solid #FFD8CC;
    background: #FFEAE4
}

.education-categories-area .col-xl-4:nth-child(5n+5) .education-categories-card:hover,.education-categories-area .col-xl-3:nth-child(5n+5) .education-categories-card:hover,.course_category_tree .col-xl-4:nth-child(5n+5) .education-categories-card:hover,.course_category_tree .col-xl-3:nth-child(5n+5) .education-categories-card:hover {
    border: 1px solid #F02A00
}

.education-categories-area .col-xl-4:nth-child(5n+5):hover .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+5):hover .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+5):hover .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+5):hover .education-categories-card {
    border: 1px solid #F02A00
}

.education-categories-area .col-xl-4:nth-child(5n+1) .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+1) .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+1) .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+1) .education-categories-card {
    border: 1px solid #CADFFF;
    background: #EAF2FF
}

.education-categories-area .col-xl-4:nth-child(5n+1) .education-categories-card:hover,.education-categories-area .col-xl-3:nth-child(5n+1) .education-categories-card:hover,.course_category_tree .col-xl-4:nth-child(5n+1) .education-categories-card:hover,.course_category_tree .col-xl-3:nth-child(5n+1) .education-categories-card:hover {
    border: 1px solid #1C43FE
}

.education-categories-area .col-xl-4:nth-child(5n+1):hover .education-categories-card,.education-categories-area .col-xl-3:nth-child(5n+1):hover .education-categories-card,.course_category_tree .col-xl-4:nth-child(5n+1):hover .education-categories-card,.course_category_tree .col-xl-3:nth-child(5n+1):hover .education-categories-card {
    border: 1px solid #1C43FE
}

.education-categories-right {
    position: relative;
    z-index: 1;
    text-align: end
}

.education-categories-right .circle-box {
    display: inline-flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    height: 190px;
    width: 190px;
    background: linear-gradient(199deg,var(--main-color) 8.34%,#1334B0 91.66%);
    color: #fff;
    font-weight: 500;
    transition: 0.7s;
    position: relative;
    overflow: hidden;
    border-radius: 190px;
    text-align: center
}

.education-categories-right .circle-box::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle,rgb(255 255 255 / .3) 0%,transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    opacity: 0;
    transition: transform 0.6s ease,opacity 0.6s ease;
    border-radius: 50%;
    pointer-events: none
}

.education-categories-right .circle-box:hover {
    gap: 20px
}

.education-categories-right .circle-box:hover::before {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1
}

.education-categories-right .vector-wrap {
    position: absolute;
    left: 8px;
    bottom: 35px;
    z-index: -1
}

.education-about-area {
    overflow: hidden
}

.education-about-area.wrap-style2 {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg,#EAEEFF 0%,#FBF9FF 39.24%,#FFF1EE 78.49%)
}

.education-about-area.wrap-style2 .education-about-image {
    padding: 0 75px 0 60px
}

.education-about-area.wrap-style2 .education-about-image .fun-wrap {
    right: 0;
    top: 65px
}

.education-about-area.wrap-style2 .education-about-image .fun-color-wrap {
    left: 0;
    bottom: 55px
}

.education-about-area.wrap-style2::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 195px;
    background-color: #fff;
    z-index: -1
}

.education-about-image {
    position: relative;
    padding: 90px 65px 60px 80px;
    margin-right: 30px
}

.education-about-image img {
    border-radius: 15px
}

.education-about-image .fun-wrap {
    border-radius: 10px;
    background: #fff;
    box-shadow: -18px 15px 49.3px 0 rgb(138 138 138 / .25);
    padding: 30px 25px;
    position: absolute;
    right: -10px;
    top: 180px
}

.education-about-image .fun-wrap .icon {
    margin: unset;
    margin-bottom: 20px;
    max-width: unset;
    max-height: unset;
    padding: unset;
    box-sizing: unset
}

.education-about-image .fun-wrap .icon svg {
    transition: 0.7s
}

.education-about-image .fun-wrap h3,.education-about-image .fun-wrap .h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 7px;
    line-height: 1;
    font-family: "Inter",sans-serif
}

.education-about-image .fun-wrap p {
    margin-bottom: 0
}

.education-about-image .fun-wrap:hover .icon svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.education-about-image .fun-color-wrap {
    border-radius: 10px;
    background: #1BC9E4;
    padding: 30px 25px;
    position: absolute;
    left: 25px;
    bottom: 115px
}

.education-about-image .fun-color-wrap .icon {
    margin: unset;
    margin-bottom: 20px;
    max-width: unset;
    max-height: unset;
    padding: unset;
    box-sizing: unset
}

.education-about-image .fun-color-wrap .icon svg {
    transition: 0.7s
}

.education-about-image .fun-color-wrap h3,.education-about-image .fun-color-wrap .h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 7px;
    line-height: 1;
    font-family: "Inter",sans-serif;
    color: #fff
}

.education-about-image .fun-color-wrap p {
    margin-bottom: 0;
    color: #fff
}

.education-about-image .fun-color-wrap:hover .icon svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.education-about-image .shape1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.education-about-image .shape1 img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.education-about-image .shape2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}

.education-about-image .shape2 img {
    animation-name: rotateme;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.education-about-content {
    padding-left: 20px
}

.education-about-content .sub {
    font-weight: 500;
    color: var(--main-color);
    display: block;
    margin-bottom: 10px
}

.education-about-content h2,.education-about-content .h2 {
    font-size: 38px;
    margin-bottom: 25px;
    line-height: 1.3;
    max-width: 527px
}

.education-about-content h2 span,.education-about-content .h2 span {
    position: relative;
    z-index: 1
}

.education-about-content h2 span img,.education-about-content .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.education-about-content p {
    margin-bottom: 0
}

.education-about-content .list {
    margin-top: 45px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.education-about-content .list li {
    display: flex;
    align-items: start;
    gap: 20px;
    list-style-type: none;
    border-bottom: 1px solid #EAF2FF;
    margin-bottom: 25px;
    padding-bottom: 25px
}

.education-about-content .list li .content {
    max-width: 550px
}

.education-about-content .list li .content h3,.education-about-content .list li .content .h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px
}

.education-about-content .list li .content p {
    margin-bottom: 0
}

.education-about-content .list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.education-about-content .about-btn {
    margin-top: 45px
}

.education-about-rectangle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 193px;
    z-index: -1
}

.education-about-rectangle img {
    width: 100%
}

.education-courses-area {
    background: linear-gradient(180deg,#F6F9FF 0%,#F7F8FF 50%,#FFF7F5 100%)
}

.education-courses-area.without-bg-color {
    background: #fff0
}

.education-courses-tabs .nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px solid #E9F1FE;
    padding-left: 0;
    padding-right: 0
}

.education-courses-tabs .nav .nav-item {
    margin-right: 10px
}

.education-courses-tabs .nav .nav-link {
    padding: 0 0 20px 0;
    border: none;
    background-color: #fff0;
    font-size: 18px;
    font-weight: 500;
    color: #4B5563;
    transition: 0.7s;
    position: relative;
    cursor: pointer
}

.education-courses-tabs .nav .nav-link::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background-color: var(--main-color);
    width: 0%;
    height: 1.5px;
    transition: 0.7s
}

.education-courses-tabs .nav .nav-link:hover,.education-courses-tabs .nav .nav-link.active {
    color: var(--main-color)
}

.education-courses-tabs .nav .nav-link:hover::before,.education-courses-tabs .nav .nav-link.active::before {
    width: 100%
}

.education-courses-tabs .nav .nav-item:last-child {
    margin-right: 0
}

.education-courses-tabs .inner_tabs {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 35px;
    padding-left: 0;
    padding-right: 0
}

.education-courses-tabs .inner_tabs li {
    list-style-type: none;
    border: 1px solid #CADFFF;
    background: #EAF2FF;
    padding: 14px 25px;
    text-align: center;
    border-radius: 50px;
    transition: 0.7s;
    cursor: pointer
}

.education-courses-tabs .inner_tabs li h5,.education-courses-tabs .inner_tabs li .h5 {
    font-size: 16px;
    margin-bottom: 0;
    transition: 0.7s
}

.education-courses-tabs .inner_tabs li span {
    font-size: 14px;
    display: block;
    margin-top: 5px;
    transition: 0.7s
}

.education-courses-tabs .inner_tabs li:hover,.education-courses-tabs .inner_tabs li.active {
    background-color: var(--main-color)
}

.education-courses-tabs .inner_tabs li:hover h5,.education-courses-tabs .inner_tabs li:hover .h5,.education-courses-tabs .inner_tabs li.active h5,.education-courses-tabs .inner_tabs li.active .h5 {
    color: #fff
}

.education-courses-tabs .inner_tabs li:hover span,.education-courses-tabs .inner_tabs li.active span {
    color: #fff
}

.education-courses-tabs .courses_item.active {
    display: block;
    animation: fadeIn 0.3s ease
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.courses-show-hide-style {
    position: relative
}

.courses-show-hide-style .education-courses-card {
    background-color: #fff;
    border-radius: 15px;
    opacity: 1;
    visibility: visible;
    transition: 0.7s
}

.courses-show-hide-style .education-courses-card .image {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    padding-top: 15px
}

.courses-show-hide-style .education-courses-card .image a img {
    border-radius: 12px
}

.courses-show-hide-style .education-courses-card .image .tag-btn {
    display: inline-table;
    background: #EAF2FF;
    color: var(--main-color);
    font-size: 13px;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    transform: rotate(-7.054deg);
    margin: auto;
    z-index: 11;
    transition: 0.7s
}

.courses-show-hide-style .education-courses-card .image .tag-btn:hover {
    background-color: var(--main-color);
    color: #fff
}

.courses-show-hide-style .education-courses-card .image .tag-btn.wrap2 {
    background: #FFEAE4;
    color: var(--secondary-color)
}

.courses-show-hide-style .education-courses-card .image .tag-btn.wrap2:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.courses-show-hide-style .education-courses-card .image .tag-btn.wrap3 {
    background: #DAF7FE;
    color: #00BED9
}

.courses-show-hide-style .education-courses-card .image .tag-btn.wrap3:hover {
    background-color: #00BED9;
    color: #fff
}

.courses-show-hide-style .education-courses-card .image .tag-btn.wrap4 {
    background: #EFF0FF;
    color: #5F1DFD
}

.courses-show-hide-style .education-courses-card .image .tag-btn.wrap4:hover {
    background-color: #5F1DFD;
    color: #fff
}

.courses-show-hide-style .education-courses-card .image .vector,.courses-show-hide-style .education-courses-card .image svg {
    position: absolute;
    right: -1px;
    bottom: -1px
}

.courses-show-hide-style .education-courses-card .content {
    padding: 25px
}

.courses-show-hide-style .education-courses-card .content h3,.courses-show-hide-style .education-courses-card .content .h3 {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.4
}

.courses-show-hide-style .education-courses-card .content .info-rating {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 0;
    line-height: 1;
    border-top: 1px solid #E9F1FE;
    border-bottom: 1px solid #E9F1FE;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 7px
}

.courses-show-hide-style .education-courses-card .content .info-rating li {
    list-style-type: none
}

.courses-show-hide-style .education-courses-card .content .info-rating li b {
    color: #131F34;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    margin-bottom: 0;
    font-size: 16px
}

.courses-show-hide-style .education-courses-card .content .info-rating li i {
    position: relative;
    top: -.5px;
    color: #FFAB31
}

.courses-show-hide-style .education-courses-card .content .info-rating li span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.courses-show-hide-style .education-courses-card .content .price {
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
    font-family: "Inter",sans-serif;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 20px
}

.courses-show-hide-style .education-courses-card .content .info-list {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.courses-show-hide-style .education-courses-card .content .info-list li {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style-type: none;
    margin-right: 30px;
    position: relative
}

.courses-show-hide-style .education-courses-card .content .info-list li span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.courses-show-hide-style .education-courses-card .content .info-list li::before {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #E9F1FE
}

.courses-show-hide-style .education-courses-card .content .info-list li:last-child {
    margin-right: 0
}

.courses-show-hide-style .education-courses-card .content .info-list li:last-child::before {
    display: none
}

.courses-show-hide-style .education-courses-card.wrap-bg {
    background-color: #F6F9FF
}

.courses-show-hide-style .education-courses-hover-card {
    background-color: #fff;
    border-radius: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s;
    z-index: 999
}

.courses-show-hide-style .education-courses-hover-card .image {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    padding-top: 15px
}

.courses-show-hide-style .education-courses-hover-card .image a img {
    border-radius: 12px
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn {
    display: inline-table;
    background: #EAF2FF;
    color: var(--main-color);
    font-size: 13px;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    transform: rotate(-7.054deg);
    margin: auto;
    z-index: 11;
    transition: 0.7s
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn:hover {
    background-color: var(--main-color);
    color: #fff
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn.wrap2 {
    background: #FFEAE4;
    color: var(--secondary-color)
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn.wrap2:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn.wrap3 {
    background: #DAF7FE;
    color: #00BED9
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn.wrap3:hover {
    background-color: #00BED9;
    color: #fff
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn.wrap4 {
    background: #EFF0FF;
    color: #5F1DFD
}

.courses-show-hide-style .education-courses-hover-card .image .tag-btn.wrap4:hover {
    background-color: #5F1DFD;
    color: #fff
}

.courses-show-hide-style .education-courses-hover-card .image .vector {
    position: absolute;
    right: -1px;
    bottom: -1px
}

.courses-show-hide-style .education-courses-hover-card .content {
    padding: 25px
}

.courses-show-hide-style .education-courses-hover-card .content h3,.courses-show-hide-style .education-courses-hover-card .content .h3 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.4
}

.courses-show-hide-style .education-courses-hover-card .content p {
    margin-bottom: 20px
}

.courses-show-hide-style .education-courses-hover-card .content .info-rating {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 0;
    line-height: 1;
    border-top: 1px solid #E9F1FE;
    border-bottom: 1px solid #E9F1FE;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 7px
}

.courses-show-hide-style .education-courses-hover-card .content .info-rating li {
    list-style-type: none
}

.courses-show-hide-style .education-courses-hover-card .content .info-rating li b {
    color: #131F34;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    margin-bottom: 0;
    font-size: 16px
}

.courses-show-hide-style .education-courses-hover-card .content .info-rating li i {
    position: relative;
    top: -.5px;
    color: #FFAB31
}

.courses-show-hide-style .education-courses-hover-card .content .info-rating li span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.courses-show-hide-style .education-courses-hover-card .content .price {
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
    font-family: "Inter",sans-serif;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 20px
}

.courses-show-hide-style .education-courses-hover-card .content .info-list {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.courses-show-hide-style .education-courses-hover-card .content .info-list li {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style-type: none;
    margin-right: 30px;
    position: relative
}

.courses-show-hide-style .education-courses-hover-card .content .info-list li span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.courses-show-hide-style .education-courses-hover-card .content .info-list li::before {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #E9F1FE
}

.courses-show-hide-style .education-courses-hover-card .content .info-list li:last-child {
    margin-right: 0
}

.courses-show-hide-style .education-courses-hover-card .content .info-list li:last-child::before {
    display: none
}

.courses-show-hide-style .education-courses-hover-card .content .info-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.courses-show-hide-style .education-courses-hover-card .content .info-bottom li {
    list-style-type: none
}

.courses-show-hide-style .education-courses-hover-card .content .info-bottom li .wishlist-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 55px;
    border: 1px solid #CADFFF;
    background: #EAF2FF;
    border-radius: 100px;
    transition: 0.7s
}

.courses-show-hide-style .education-courses-hover-card .content .info-bottom li .wishlist-btn:hover {
    border: 1px solid var(--main-color)
}

.courses-show-hide-style .education-courses-hover-card.wrap-bg {
    background-color: #F6F9FF
}

.courses-show-hide-style:hover .education-courses-card {
    opacity: 0;
    visibility: hidden
}

.courses-show-hide-style:hover .education-courses-hover-card {
    opacity: 1;
    visibility: visible
}

.education-courses-bottom-content {
    max-width: 630px;
    margin: 55px auto 0;
    text-align: center
}

.education-courses-bottom-content p {
    margin-bottom: 20px
}

.education-courses-bottom-content .link-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--main-color)
}

.education-courses-bottom-content .link-btn svg {
    transition: 0.7s
}

.education-courses-bottom-content .link-btn:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.courses-list-view-card {
    background: #F6F9FF;
    padding: 20px;
    border-radius: 15px
}

.courses-list-view-card .image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.courses-list-view-card .image .link-btn {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.courses-list-view-card .content {
    padding-top: 10px;
    padding-bottom: 10px
}

.courses-list-view-card .content .tag-btn {
    display: inline-table;
    background: #EAF2FF;
    color: var(--main-color);
    font-size: 13px;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 100px;
    transition: 0.7s;
    margin-bottom: 12px
}

.courses-list-view-card .content .tag-btn:hover {
    background-color: var(--main-color);
    color: #fff
}

.courses-list-view-card .content h3,.courses-list-view-card .content .h3 {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.4
}

.courses-list-view-card .content .info-rating {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    border-top: 1px solid #E9F1FE;
    border-bottom: 1px solid #E9F1FE;
    margin-bottom: 15px;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 7px
}

.courses-list-view-card .content .info-rating .rating {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.courses-list-view-card .content .info-rating .rating li {
    list-style-type: none
}

.courses-list-view-card .content .info-rating .rating li b {
    color: #131F34;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    margin-bottom: 0;
    font-size: 15px
}

.courses-list-view-card .content .info-rating .rating li i {
    position: relative;
    top: -.5px;
    color: #FFAB31
}

.courses-list-view-card .content .info-rating span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.courses-list-view-card .content p {
    margin-bottom: 20px
}

.courses-list-view-card .content .info-list {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.courses-list-view-card .content .info-list li {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style-type: none;
    margin-right: 30px;
    position: relative
}

.courses-list-view-card .content .info-list li span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.courses-list-view-card .content .info-list li::before {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #E9F1FE
}

.courses-list-view-card .content .info-list li:last-child {
    margin-right: 0
}

.courses-list-view-card .content .info-list li:last-child::before {
    display: none
}

.courses-list-view-card .info-content {
    text-align: end
}

.courses-list-view-card .info-content .top {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: end
}

.courses-list-view-card .info-content .top .price {
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
    font-family: "Inter",sans-serif;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 20px
}

.courses-list-view-card .info-content .top .wishlist-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 55px;
    border: 1px solid #CADFFF;
    background: #EAF2FF;
    border-radius: 100px;
    transition: 0.7s
}

.courses-list-view-card .info-content .top .wishlist-btn:hover {
    border: 1px solid var(--main-color)
}

.courses-list-view-card .info-content .bottom {
    margin-top: 130px
}

.courses-you-may-like-title {
    font-size: 24px;
    margin-bottom: 40px
}

.education-partner-title {
    text-align: center;
    margin-bottom: 50px
}

.education-partner-title span {
    display: block;
    font-size: 20px;
    font-weight: 500
}

.education-partner-item {
    text-align: center
}

.education-works-area {
    overflow: hidden
}

.education-works-image {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-right: 50px
}

.education-works-image .shape {
    position: absolute;
    left: 95px;
    top: 150px;
    z-index: -1
}

.education-works-image .shape img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.education-works-image .blur-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 465px;
    height: 168px;
    border-radius: 465px;
    background: #9A9A9A;
    filter: blur(50px);
    z-index: -1;
    margin: auto
}

.education-works-content {
    margin-left: 50px
}

.education-works-content .sub {
    font-weight: 500;
    color: var(--main-color);
    display: block;
    margin-bottom: 10px
}

.education-works-content h2,.education-works-content .h2 {
    font-size: 38px;
    margin-bottom: 0;
    position: relative;
    z-index: 1
}

.education-works-content h2 img,.education-works-content .h2 img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.education-works-content .items {
    margin-top: 75px
}

.education-works-content .items .item {
    display: flex;
    gap: 20px;
    align-items: center;
    border-bottom: 1px solid #EAF2FF;
    margin-bottom: 35px;
    padding-bottom: 35px
}

.education-works-content .items .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: var(--main-color);
    border-radius: 100px;
    max-width: unset;
    max-height: unset;
    padding: unset;
    box-sizing: unset
}

.education-works-content .items .item .content h3,.education-works-content .items .item .content .h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0
}

.education-works-content .items .item .content span {
    font-size: 15px;
    display: block;
    margin-top: 10px;
    font-family: "Inter",sans-serif
}

.education-works-content .items .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.education-works-content .items .item.wrap2 {
    margin-left: 70px
}

.education-works-content .items .item.wrap2 .icon {
    background-color: #00BED9
}

.education-works-content .items .item.wrap3 {
    margin-left: 140px
}

.education-works-content .items .item.wrap3 .icon {
    background-color: orange
}

.education-overview-inner {
    background: linear-gradient(180deg,#F6F9FF 0%,#F7F8FF 50%,#FFF7F5 100%);
    padding: 110px 100px;
    border-radius: 25px;
    margin-bottom: 5px
}

.overview-fun-items {
    display: flex;
    gap: 25px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px
}

.overview-fun-items .fun {
    text-align: center
}

.overview-fun-items .fun h3,.overview-fun-items .fun .h3 {
    font-size: 48px;
    font-weight: 700;
    color: var(--main-color);
    line-height: 1;
    margin-bottom: 10px
}

.overview-fun-items .fun p {
    margin-bottom: 0;
    color: #63667D;
    font-size: 16px
}

.overview-fun-items .fun.wrap2 h3,.overview-fun-items .fun.wrap2 .h3 {
    color: var(--tertiary-color)
}

.overview-fun-items .fun.wrap3 h3,.overview-fun-items .fun.wrap3 .h3 {
    color: orange
}

.overview-fun-items .fun.wrap4 h3,.overview-fun-items .fun.wrap4 .h3 {
    color: var(--secondary-color)
}

.education-overview-content {
    max-width: 500px
}

.education-overview-content .sub {
    font-weight: 500;
    color: var(--main-color);
    display: block;
    margin-bottom: 10px
}

.education-overview-content h2,.education-overview-content .h2 {
    font-size: 38px;
    margin-bottom: 30px;
    line-height: 1.3;
    max-width: 527px
}

.education-overview-content h2 span,.education-overview-content .h2 span {
    position: relative;
    z-index: 1
}

.education-overview-content h2 span img,.education-overview-content .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.education-overview-content p {
    margin-bottom: 0
}

.education-overview-content .overview-btn {
    margin-top: 35px
}

.education-overview-wrapper {
    background: linear-gradient(180deg,#F6F9FF 0%,#F7F8FF 50%,#FFF7F5 100%);
    padding: 75px 80px;
    height: 100%;
    border-radius: 25px;
    overflow: hidden
}

.education-overview-wrapper .overview-nav-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 40px
}

.education-overview-wrapper .overview-nav-buttons .button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 5px;
    transition: 0.7s
}

.education-overview-wrapper .overview-nav-buttons .button-prev svg path {
    transition: 0.7s
}

.education-overview-wrapper .overview-nav-buttons .button-prev:hover {
    background-color: var(--main-color)
}

.education-overview-wrapper .overview-nav-buttons .button-prev:hover svg path {
    stroke: #fff
}

.education-overview-wrapper .overview-nav-buttons .button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 5px;
    transition: 0.7s
}

.education-overview-wrapper .overview-nav-buttons .button-next svg path {
    transition: 0.7s
}

.education-overview-wrapper .overview-nav-buttons .button-next:hover {
    background-color: var(--main-color)
}

.education-overview-wrapper .overview-nav-buttons .button-next:hover svg path {
    stroke: #fff
}

.education-overview-slide-item {
    text-align: center
}

.education-overview-slide-item .quote {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    background-color: #fff;
    border-radius: 80px;
    margin: 0 auto 40px
}

.education-overview-slide-item p {
    font-size: 20px;
    margin-bottom: 0
}

.education-overview-slide-item .profile {
    margin-top: 65px
}

.education-overview-slide-item .profile .avatars {
    display: flex;
    align-items: center;
    justify-content: center
}

.education-overview-slide-item .profile .avatars img {
    border-radius: 5px
}

.education-overview-slide-item .profile .avatars .left {
    max-width: 60px;
    transform: rotate(-10deg);
    position: relative;
    top: 2px;
    left: 10px;
    z-index: -1
}

.education-overview-slide-item .profile .avatars .active {
    max-width: 80px
}

.education-overview-slide-item .profile .avatars .right {
    max-width: 60px;
    transform: rotate(10deg);
    position: relative;
    right: 10px;
    top: 2px;
    z-index: -1
}

.education-overview-slide-item .profile .content {
    margin-top: 30px
}

.education-overview-slide-item .profile .content h3,.education-overview-slide-item .profile .content .h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.education-overview-slide-item .profile .content span {
    font-size: 14px;
    display: block;
    margin-top: 10px
}

.education-overview-right {
    background: linear-gradient(180deg,#F6F9FF 0%,#F7F8FF 50%,#FFF7F5 100%);
    padding: 100px 80px 340px 80px;
    height: 100%;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.education-overview-right .content {
    max-width: 340px
}

.education-overview-right .content h3,.education-overview-right .content .h3 {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 1.3
}

.education-overview-right .content p {
    margin-bottom: 35px
}

.education-overview-right .content .default-btn {
    background-color: var(--tertiary-color)
}

.education-overview-right .content .default-btn:hover {
    background-color: var(--main-color)
}

.education-overview-right .users {
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: -1
}

.education-team-area {
    overflow: hidden
}

.education-team-area .container-fluid,.education-team-area .container-sm,.education-team-area .container-md,.education-team-area .container-lg,.education-team-area .container-xl,.education-team-area .container-xxl {
    padding-left: 20px;
    padding-right: 20px
}

.education-team-card .image {
    position: relative;
    overflow: hidden
}

.education-team-card .image a img {
    border-radius: 15px
}

.education-team-card .image .share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 55px;
    height: 50px;
    position: absolute;
    right: 50px;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    transition: 0.7s;
    cursor: pointer
}

.education-team-card .image .share-btn .list {
    margin-bottom: 0;
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    bottom: 40px;
    padding: 15px 0 12px;
    border-radius: 10px 10px 0 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s
}

.education-team-card .image .share-btn .list li {
    list-style-type: none;
    margin-bottom: 15px;
    line-height: 1
}

.education-team-card .image .share-btn .list li i {
    transition: 0.7s;
    font-size: 20px
}

.education-team-card .image .share-btn .list li:last-child {
    margin-bottom: 0
}

.education-team-card .image .share-btn .list li:hover i {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s;
    color: var(--main-color)
}

.education-team-card .image .share-btn .shape1 {
    position: absolute;
    bottom: -1px;
    left: -28px;
    transform: rotate(180deg)
}

.education-team-card .image .share-btn .shape1 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.education-team-card .image .share-btn .shape2 {
    position: absolute;
    bottom: -1px;
    right: -28px;
    transform: rotate(-90deg)
}

.education-team-card .image .share-btn .shape2 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.education-team-card .content {
    margin-top: 25px
}

.education-team-card .content h3,.education-team-card .content .h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0
}

.education-team-card .content span {
    font-size: 15px;
    display: block;
    margin-top: 8px
}

.education-team-card:hover .image .share-btn .list {
    opacity: 1;
    visibility: visible
}

.education-team-card.wrap-style {
    margin-top: 40px
}

.education-cta-inner {
    background-color: var(--main-color);
    padding: 100px;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.education-cta-inner .content {
    max-width: 620px;
    margin: auto;
    text-align: center
}

.education-cta-inner .content h2,.education-cta-inner .content .h2 {
    font-size: 38px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #fff
}

.education-cta-inner .content h2 span,.education-cta-inner .content .h2 span {
    position: relative;
    z-index: 1
}

.education-cta-inner .content h2 span img,.education-cta-inner .content .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.education-cta-inner .content p {
    margin-bottom: 35px;
    color: #fff
}

.education-cta-inner .content .default-btn {
    background-color: var(--secondary-color)
}

.education-cta-inner .content .default-btn:hover {
    background-color: var(--secondary-color)
}

.education-cta-inner .cta-shape1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.education-cta-inner .cta-shape2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.education-cta-inner.wrap-style2 {
    background: linear-gradient(180deg,#C2FFF3 0%,#FBF9FF 52.67%,#FFF1EE 105.35%),var(--main-color)
}

.education-cta-inner.wrap-style2 .content h2,.education-cta-inner.wrap-style2 .content .h2 {
    color: #131F34
}

.education-cta-inner.wrap-style2 .content p {
    color: #4B5563
}

.education-cta-inner.wrap-style3 .content {
    max-width: 680px
}

.education-cta-inner.wrap-style3 .content .default-btn {
    background-color: #fff;
    color: var(--main-color)
}

.education-cta-inner.wrap-style3 .cta-shape1 {
    left: 70px;
    top: 70px;
    bottom: unset
}

.education-cta-inner.wrap-style3 .cta-shape1 img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.education-cta-inner.wrap-style3 .cta-shape2 {
    right: 50px;
    top: unset;
    bottom: 80px
}

.education-cta-inner.wrap-style3 .cta-shape2 img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.education-blog-area {
    overflow: hidden
}

.education-blog-area.without-hidden {
    overflow: unset
}

.education-blog-content {
    max-width: 415px
}

.education-blog-content .sub {
    font-weight: 500;
    color: var(--main-color);
    display: block;
    margin-bottom: 10px
}

.education-blog-content h2,.education-blog-content .h2 {
    font-size: 38px;
    margin-bottom: 25px;
    line-height: 1.3;
    max-width: 527px
}

.education-blog-content h2 span,.education-blog-content .h2 span {
    position: relative;
    z-index: 1
}

.education-blog-content h2 span img,.education-blog-content .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.education-blog-content p {
    margin-bottom: 55px
}

.education-blog-card .image {
    position: relative
}

.education-blog-card .image a img {
    border-radius: 15px
}

.education-blog-card .image .arrow-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 55px;
    height: 50px;
    position: absolute;
    right: 50px;
    bottom: 0;
    border-radius: 10px 10px 0 0
}

.education-blog-card .image .arrow-btn .shape1 {
    position: absolute;
    bottom: -1px;
    left: -28px;
    transform: rotate(180deg)
}

.education-blog-card .image .arrow-btn .shape1 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.education-blog-card .image .arrow-btn .shape2 {
    position: absolute;
    bottom: -1px;
    right: -28px;
    transform: rotate(-90deg)
}

.education-blog-card .image .arrow-btn .shape2 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.education-blog-card .content {
    margin-top: 25px
}

.education-blog-card .content .tag-btn {
    display: inline-flex;
    padding: 5px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background-color: #EAF2FF;
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    transition: 0.7s;
    margin-bottom: 15px
}

.education-blog-card .content .tag-btn:hover {
    background-color: var(--main-color);
    color: #fff
}

.education-blog-card .content h3,.education-blog-card .content .h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 17px;
    line-height: 1.4
}

.education-blog-card .content .meta {
    display: flex;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0
}

.education-blog-card .content .meta li {
    list-style-type: none;
    display: flex;
    gap: 7px;
    align-items: center;
    position: relative;
    margin-right: 30px
}

.education-blog-card .content .meta li span {
    font-size: 15px
}

.education-blog-card .content .meta li::before {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #D9D9D9
}

.education-blog-card .content .meta li:last-child {
    margin-right: 0
}

.education-blog-card .content .meta li:last-child::before {
    display: none
}

.education-blog-card .content p {
    margin-bottom: 0
}

.education-blog-card .content .blog-link-btn {
    margin-top: 45px
}

.education-blog-card.wrap-style {
    margin-top: 55px
}

.education-blog-card.with-little-gap {
    margin-bottom: 25px
}

.distance-learning-banner-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(180deg,#C2FFF3 0%,#FBF9FF 52.67%,#FFF1EE 105.35%);
    padding-top: 30px
}

.distance-learning-banner-area .container-fluid,.distance-learning-banner-area .container-sm,.distance-learning-banner-area .container-md,.distance-learning-banner-area .container-lg,.distance-learning-banner-area .container-xl,.distance-learning-banner-area .container-xxl {
    padding-left: 20px;
    padding-right: 20px
}

.distance-learning-banner-content {
    max-width: 660px;
    position: relative;
    top: -80px
}

.distance-learning-banner-content h1,.distance-learning-banner-content .h1 {
    font-size: 64px;
    margin-bottom: 25px
}

.distance-learning-banner-content h1 span,.distance-learning-banner-content .h1 span {
    position: relative;
    z-index: 1
}

.distance-learning-banner-content h1 span img,.distance-learning-banner-content .h1 span img {
    position: absolute;
    left: 0;
    bottom: 1px;
    z-index: -1;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.distance-learning-banner-content p {
    font-size: 16px;
    margin-bottom: 0
}

.distance-learning-banner-content .banner-btn {
    display: flex;
    gap: 25px;
    margin-top: 35px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.distance-learning-banner-content .banner-btn li {
    list-style-type: none
}

.distance-learning-banner-content .banner-btn li:first-child .default-btn {
    border: 1px solid var(--main-color)
}

.distance-learning-banner-content .banner-btn li:first-child .default-btn:hover {
    border: 1px solid var(--secondary-color)
}

.distance-learning-banner-content .banner-btn li:last-child .default-btn {
    background-color: #fff0;
    color: var(--main-color);
    border: 1px solid var(--main-color)
}

.distance-learning-banner-image {
    position: relative;
    z-index: 1
}

.distance-learning-banner-image .fun {
    position: absolute;
    left: -175px;
    top: 115px;
    transform: rotate(-5.416deg)
}

.distance-learning-banner-image .fun .inner {
    display: flex;
    gap: 20px;
    align-items: center;
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 100px;
    position: relative
}

.distance-learning-banner-image .fun .inner .content h3,.distance-learning-banner-image .fun .inner .content .h3 {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 1
}

.distance-learning-banner-image .fun .inner .content p {
    margin-top: 5px
}

.distance-learning-banner-image .fun .inner::before {
    position: absolute;
    content: "";
    left: 2px;
    bottom: -8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: rgb(78 78 78 / .1);
    z-index: -1;
    transform: rotate(5.416deg)
}

.distance-learning-banner-image .fun-wrap {
    position: absolute;
    right: 60px;
    top: 50px
}

.distance-learning-banner-image .fun-wrap .inner {
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 75px 20px 20px 20px;
    position: relative;
    margin-top: 55px;
    margin-left: 10px;
    margin-bottom: 10px
}

.distance-learning-banner-image .fun-wrap .inner .image {
    position: absolute;
    left: 0;
    right: 0;
    top: -55px
}

.distance-learning-banner-image .fun-wrap .inner .content h3,.distance-learning-banner-image .fun-wrap .inner .content .h3 {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 1
}

.distance-learning-banner-image .fun-wrap .inner .content p {
    margin-top: 5px
}

.distance-learning-banner-image .fun-wrap .inner::before {
    position: absolute;
    content: "";
    left: -10px;
    bottom: -10px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgb(78 78 78 / .1);
    z-index: -1
}

.distance-learning-banner-image .fun-users {
    position: absolute;
    right: 0;
    bottom: 190px
}

.distance-learning-banner-image .fun-users .inner {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    position: relative;
    margin-bottom: 10px
}

.distance-learning-banner-image .fun-users .inner .content h3,.distance-learning-banner-image .fun-users .inner .content .h3 {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 1
}

.distance-learning-banner-image .fun-users .inner .content p {
    margin-top: 5px
}

.distance-learning-banner-image .fun-users .inner .content .users {
    margin-top: 20px
}

.distance-learning-banner-image .fun-users .inner .image img {
    border-radius: 12px;
    max-width: 90px
}

.distance-learning-banner-image .fun-users .inner::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -10px;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgb(78 78 78 / .1);
    max-width: 225px;
    margin: auto;
    z-index: -1
}

.distance-learning-banner-image .wrap-shape {
    position: absolute;
    left: -77px;
    bottom: 290px;
    z-index: -1
}

.distance-learning-banner-image .wrap-shape img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.distance-learning-banner-image .wrap-shape2 {
    position: absolute;
    left: -90px;
    bottom: 375px;
    z-index: -1
}

.distance-learning-banner-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px
}

.distance-learning-banner-shape img {
    width: 100%
}

.distance-learning-banner-mesh-grad {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.dl-choose-area {
    overflow: hidden
}

.dl-choose-area .section-title {
    max-width: 610px
}

.dl-choose-card {
    border-left: 1px solid var(--main-color);
    padding-left: 25px
}

.dl-choose-card .icon {
    margin-bottom: 45px;
    max-width: unset;
    max-height: unset;
    padding: unset
}

.dl-choose-card .content h3,.dl-choose-card .content .h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.dl-choose-card .content p {
    margin-bottom: 0
}

.dl-choose-card.wrap2 {
    border-left: 1px solid #1BC9E4
}

.dl-choose-card.wrap3 {
    border-left: 1px solid orange
}

.dl-choose-card.wrap4 {
    border-left: 1px solid var(--secondary-color)
}

.dl-categories-area {
    background-color: #F4FAFF;
    margin: 0 20px;
    border-radius: 15px
}

.dl-categories-area .section-title {
    max-width: 100%;
    text-align: start
}

.dl-categories-area .section-title .left {
    max-width: 450px
}

.dl-categories-area .section-title h2 img,.dl-categories-area .section-title .h2 img {
    left: 0;
    right: auto;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.dl-categories-area .section-title .right {
    text-align: end
}

.dl-categories-card {
    background-color: #fff;
    border: 1px solid #DBEAFF;
    padding: 35px;
    border-radius: 15px;
    transition: 0.7s
}

.dl-categories-card .icon {
    margin-bottom: 50px;
    max-width: unset;
    max-height: unset;
    padding: unset
}

.dl-categories-card h3,.dl-categories-card .h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px
}

.dl-categories-card p {
    margin-bottom: 0
}

.dl-categories-card .list {
    margin-top: 30px;
    margin-bottom: 35px;
    padding-left: 0;
    padding-right: 0
}

.dl-categories-card .list li {
    list-style-type: none;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #131F34;
    line-height: 1;
    margin-bottom: 18px
}

.dl-categories-card .list li:last-child {
    margin-bottom: 0
}

.dl-categories-card .link-btn {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    background-color: #F4FAFF;
    color: var(--main-color);
    padding: 15px 25px;
    border-radius: 5px;
    transition: 0.7s
}

.dl-categories-card .link-btn svg path {
    transition: 0.7s
}

.dl-categories-card:hover {
    border: 1px solid var(--main-color)
}

.dl-categories-card:hover .link-btn {
    background-color: var(--main-color);
    color: #fff
}

.dl-categories-card:hover .link-btn svg path {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s;
    stroke: #fff
}

.dl-fun-card {
    background-color: #E9F1FE;
    padding: 40px;
    text-align: center;
    border-radius: 15px
}

.dl-fun-card h3,.dl-fun-card .h3 {
    font-size: 48px;
    font-weight: 700;
    color: var(--main-color);
    line-height: 1;
    margin-bottom: 10px
}

.dl-fun-card p {
    margin-bottom: 0;
    color: #63667D;
    font-family: 16px
}

.dl-fun-card.wrap2 {
    background-color: #DAF7FE
}

.dl-fun-card.wrap2 h3,.dl-fun-card.wrap2 .h3 {
    color: var(--tertiary-color)
}

.dl-fun-card.wrap3 {
    background-color: #FFEECB
}

.dl-fun-card.wrap3 h3,.dl-fun-card.wrap3 .h3 {
    color: orange
}

.dl-fun-card.wrap4 {
    background-color: #FFEAE4
}

.dl-fun-card.wrap4 h3,.dl-fun-card.wrap4 .h3 {
    color: var(--secondary-color)
}

.dl-courses-area.wrap-bg-style {
    background-color: #F6F9FF
}

.dl-courses-show-hide-style {
    position: relative
}

.dl-courses-show-hide-style .dl-courses-card {
    background-color: #fff;
    border-radius: 15px;
    opacity: 1;
    visibility: visible;
    transition: 0.7s
}

.dl-courses-show-hide-style .dl-courses-card .image {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    padding-top: 15px
}

.dl-courses-show-hide-style .dl-courses-card .image a img {
    border-radius: 12px
}

.dl-courses-show-hide-style .dl-courses-card .image .tag-btn {
    display: inline-table;
    background: #EAF2FF;
    color: var(--main-color);
    font-size: 13px;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 100px;
    position: absolute;
    right: 25px;
    bottom: 15px;
    transform: rotate(-7.054deg);
    margin: auto;
    z-index: 11;
    transition: 0.7s
}

.dl-courses-show-hide-style .dl-courses-card .image .tag-btn:hover {
    background-color: var(--main-color);
    color: #fff
}

.dl-courses-show-hide-style .dl-courses-card .image .vector {
    position: absolute;
    right: -1px;
    bottom: -1px
}

.dl-courses-show-hide-style .dl-courses-card .content {
    padding: 30px 45px 35px
}

.dl-courses-show-hide-style .dl-courses-card .content h3,.dl-courses-show-hide-style .dl-courses-card .content .h3 {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.4
}

.dl-courses-show-hide-style .dl-courses-card .content .profile-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px
}

.dl-courses-show-hide-style .dl-courses-card .content .profile-btn a {
    font-size: 15px;
    font-weight: 500;
    color: #63667D
}

.dl-courses-show-hide-style .dl-courses-card .content .profile-btn a:hover {
    color: var(--main-color)
}

.dl-courses-show-hide-style .dl-courses-card .content .info-rating {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    border-top: 1px solid #E9F1FE;
    border-bottom: 1px solid #E9F1FE;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 7px
}

.dl-courses-show-hide-style .dl-courses-card .content .info-rating .rating {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.dl-courses-show-hide-style .dl-courses-card .content .info-rating .rating li {
    list-style-type: none
}

.dl-courses-show-hide-style .dl-courses-card .content .info-rating .rating li b {
    color: #131F34;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    margin-bottom: 0;
    font-size: 15px
}

.dl-courses-show-hide-style .dl-courses-card .content .info-rating .rating li i {
    position: relative;
    top: -.5px;
    color: #FFAB31
}

.dl-courses-show-hide-style .dl-courses-card .content .info-rating span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.dl-courses-show-hide-style .dl-courses-card .content .price {
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
    font-family: "Inter",sans-serif;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 20px
}

.dl-courses-show-hide-style .dl-courses-card .content .info-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.dl-courses-show-hide-style .dl-courses-card .content .info-list li {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style-type: none;
    margin-right: 30px;
    position: relative
}

.dl-courses-show-hide-style .dl-courses-card .content .info-list li span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.dl-courses-show-hide-style .dl-courses-card .content .info-list li::before {
    position: absolute;
    content: "";
    right: -55px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #E9F1FE
}

.dl-courses-show-hide-style .dl-courses-card .content .info-list li:last-child {
    margin-right: 0
}

.dl-courses-show-hide-style .dl-courses-card .content .info-list li:last-child::before {
    display: none
}

.dl-courses-show-hide-style .dl-courses-card.wrap-bg {
    background-color: #F6F9FF
}

.dl-courses-show-hide-style .dl-courses-hover-card {
    background-color: #fff;
    border-radius: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s;
    z-index: 999
}

.dl-courses-show-hide-style .dl-courses-hover-card .image {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    padding-top: 15px
}

.dl-courses-show-hide-style .dl-courses-hover-card .image a img {
    border-radius: 12px
}

.dl-courses-show-hide-style .dl-courses-hover-card .image .tag-btn {
    display: inline-table;
    background: #EAF2FF;
    color: var(--main-color);
    font-size: 13px;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 100px;
    position: absolute;
    right: 25px;
    bottom: 15px;
    transform: rotate(-7.054deg);
    margin: auto;
    z-index: 11;
    transition: 0.7s
}

.dl-courses-show-hide-style .dl-courses-hover-card .image .tag-btn:hover {
    background-color: var(--main-color);
    color: #fff
}

.dl-courses-show-hide-style .dl-courses-hover-card .image .vector {
    position: absolute;
    right: -1px;
    bottom: -1px
}

.dl-courses-show-hide-style .dl-courses-hover-card .content {
    padding: 30px 45px 35px
}

.dl-courses-show-hide-style .dl-courses-hover-card .content h3,.dl-courses-show-hide-style .dl-courses-hover-card .content .h3 {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.4
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .profile-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .profile-btn a {
    font-size: 15px;
    font-weight: 500;
    color: #63667D
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .profile-btn a:hover {
    color: var(--main-color)
}

.dl-courses-show-hide-style .dl-courses-hover-card .content p {
    margin-bottom: 20px
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-rating {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    border-top: 1px solid #E9F1FE;
    border-bottom: 1px solid #E9F1FE;
    padding-top: 7px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 7px
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-rating .rating {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-rating .rating li {
    list-style-type: none
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-rating .rating li b {
    color: #131F34;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    margin-bottom: 0;
    font-size: 15px
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-rating .rating li i {
    position: relative;
    top: -.5px;
    color: #FFAB31
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-rating span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .price {
    font-size: 20px;
    font-weight: 700;
    color: var(--main-color);
    font-family: "Inter",sans-serif;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 20px
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-list li {
    display: flex;
    gap: 5px;
    align-items: center;
    list-style-type: none;
    margin-right: 30px;
    position: relative
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-list li span {
    font-size: 14px;
    font-family: "Inter",sans-serif
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-list li::before {
    position: absolute;
    content: "";
    right: -55px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #E9F1FE
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-list li:last-child {
    margin-right: 0
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-list li:last-child::before {
    display: none
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-bottom li {
    list-style-type: none
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-bottom li .wishlist-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 55px;
    border: 1px solid #CADFFF;
    background: #EAF2FF;
    border-radius: 100px;
    transition: 0.7s
}

.dl-courses-show-hide-style .dl-courses-hover-card .content .info-bottom li .wishlist-btn:hover {
    border: 1px solid var(--main-color)
}

.dl-courses-show-hide-style .dl-courses-hover-card.wrap-bg {
    background-color: #F6F9FF
}

.dl-courses-show-hide-style:hover .dl-courses-card {
    opacity: 0;
    visibility: hidden
}

.dl-courses-show-hide-style:hover .dl-courses-hover-card {
    opacity: 1;
    visibility: visible
}

.dl-courses-all-btn {
    margin-top: 60px;
    text-align: center
}

.dl-courses-all-btn .default-btn {
    position: unset
}

.dl-courses-all-btn .default-btn::after {
    display: none
}

.courses-author-title {
    font-size: 24px;
    margin-bottom: 40px
}

.courses-author-title span {
    color: var(--main-color)
}

.dl-courses-bottom-content {
    max-width: 630px;
    margin: 55px auto 0;
    text-align: center
}

.dl-courses-bottom-content p {
    margin-bottom: 20px
}

.dl-courses-bottom-content .link-btn {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--main-color)
}

.dl-courses-bottom-content .link-btn svg {
    transition: 0.7s
}

.dl-courses-bottom-content .link-btn:hover svg {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.dl-video-view {
    text-align: center;
    position: relative
}

.dl-video-view .video-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    background-color: rgb(255 165 0 / .8);
    -webkit-backdrop-filter: blur(.9px);
    backdrop-filter: blur(.9px);
    margin: auto;
    border-radius: 50%;
    transition: all 0.4s ease;
    box-shadow: 0 0 10px rgb(255 165 0 / .5)
}

.dl-video-view .video-btn:hover {
    transform: translateY(-50%) scale(1.1) rotate(5deg);
    background-color: rgb(255 140 0 / .9);
    box-shadow: 0 0 20px rgb(255 140 0 / .8),0 0 40px rgb(255 140 0 / .5);
    filter: brightness(1.1);
    animation: pulse 1s infinite ease-in-out
}

@keyframes pulse {
    0% {
        transform: translateY(-50%) scale(1.1) rotate(5deg)
    }

    50% {
        transform: translateY(-50%) scale(1.15) rotate(-5deg)
    }

    100% {
        transform: translateY(-50%) scale(1.1) rotate(5deg)
    }
}

.dl-journey-area {
    padding-top: 50px;
    padding-bottom: 50px
}

.dl-journey-content h2,.dl-journey-content .h2 {
    font-size: 38px;
    margin-bottom: 25px;
    line-height: 1.3
}

.dl-journey-content h2 span,.dl-journey-content .h2 span {
    position: relative;
    z-index: 1
}

.dl-journey-content h2 span img,.dl-journey-content .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.dl-journey-content p {
    margin-bottom: 0
}

.dl-journey-content .journey-btn {
    margin-top: 35px
}

.dl-partner-inner {
    background-color: #F4FAFF;
    padding: 120px 70px;
    border-radius: 15px
}

.dl-partner-content {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 55px
}

.dl-partner-content h3,.dl-partner-content .h3 {
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 500
}

.dl-partner-content p {
    margin-bottom: 0
}

.dl-partner-item {
    text-align: center
}

.online-training-banner-area {
    background-image: url(../images/banner/rectangle-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 140px;
    padding-bottom: 270px
}

.online-training-banner-area .container-fluid,.online-training-banner-area .container-sm,.online-training-banner-area .container-md,.online-training-banner-area .container-lg,.online-training-banner-area .container-xl,.online-training-banner-area .container-xxl {
    padding-left: 20px;
    padding-right: 20px
}

.online-training-banner-left-image {
    text-align: start
}

.online-training-banner-content {
    text-align: center
}

.online-training-banner-content .sub {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    background: rgb(255 255 255 / .71);
    padding: 8px 15px;
    border-radius: 100px;
    margin-bottom: 20px
}

.online-training-banner-content h1,.online-training-banner-content .h1 {
    font-size: 60px;
    margin-bottom: 25px
}

.online-training-banner-content h1 span,.online-training-banner-content .h1 span {
    position: relative;
    z-index: 1
}

.online-training-banner-content h1 span img,.online-training-banner-content .h1 span img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    z-index: -1;
    animation: animate__fadeInRight 1s;
    animation-name: fadeInRight;
    animation-duration: 1s;
    margin: auto
}

.online-training-banner-content p {
    margin-bottom: 0;
    max-width: 562px;
    margin: auto;
    font-size: 16px
}

.online-training-banner-content .banner-btn {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 35px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.online-training-banner-content .banner-btn li {
    list-style-type: none
}

.online-training-banner-content .banner-btn li:first-child .default-btn {
    border: 1px solid var(--main-color)
}

.online-training-banner-content .banner-btn li:first-child .default-btn:hover {
    border: 1px solid var(--secondary-color)
}

.online-training-banner-content .banner-btn li:last-child .default-btn {
    background-color: #fff0;
    color: var(--main-color);
    border: 1px solid var(--main-color)
}

.online-training-banner-right-image {
    text-align: end;
    position: relative;
    padding: 0 0 60px 140px;
    margin-left: -55px
}

.online-training-banner-right-image .wrap {
    display: inline-flex;
    background: rgb(255 255 255 / .6);
    padding: 10px;
    border-radius: 15px
}

.online-training-banner-right-image .wrap img {
    border-radius: 10px
}

.online-training-banner-right-image .wrap.wrap2 {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 170px
}

.online-training-banner-right-image .fun {
    display: flex;
    gap: 20px;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0
}

.online-training-banner-right-image .fun .content h3,.online-training-banner-right-image .fun .content .h3 {
    font-size: 25px;
    margin-bottom: 0;
    line-height: 1
}

.online-training-banner-right-image .fun .content p {
    margin-top: 7px;
    line-height: 1.1;
    font-size: 14px
}

.online-training-banner-arrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -70px;
    text-align: center
}

.online-training-banner-arrow .arrow-btn {
    display: flex;
    justify-content: center;
    width: 178px;
    height: 178px;
    background: linear-gradient(180deg,rgb(255 255 255 / .5) 0%,#fff0 100%);
    margin: auto;
    border-radius: 178px;
    position: relative;
    overflow: hidden;
    transition: 0.7s
}

.online-training-banner-arrow .arrow-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(rgb(255 255 255 / .15),rgb(255 255 255 / .05));
    animation: spin 3s linear infinite;
    z-index: 0;
    opacity: .4
}

.online-training-banner-arrow .arrow-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,transparent,rgb(255 255 255 / .3),transparent);
    transform: skewX(-20deg);
    transition: left 0.5s ease;
    z-index: 2
}

.online-training-banner-arrow .arrow-btn svg {
    margin-top: 32px;
    z-index: 3;
    transition: 0.7s
}

.online-training-banner-arrow .arrow-btn:hover {
    background-color: var(--secondary-color);
    transform: scale(1.1)
}

.online-training-banner-arrow .arrow-btn:hover::after {
    left: 130%
}

.online-training-banner-arrow .arrow-btn:hover svg {
    animation: float-bounce 0.8s ease infinite;
    transform: rotate(6deg)
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes float-bounce {
    0%,100% {
        transform: translateY(0) rotate(6deg)
    }

    50% {
        transform: translateY(-8px) rotate(6deg)
    }
}

.online-training-banner-rectangle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: -1
}

.online-training-banner-rectangle img {
    width: 100%
}

.ot-fun-inner {
    border-bottom: 1px solid #EAF2FF;
    padding-bottom: 80px;
    overflow: hidden
}

.ot-fun-card {
    display: flex;
    gap: 20px;
    align-items: center
}

.ot-fun-card .icon {
    max-width: unset;
    max-height: unset;
    margin: unset;
    padding: unset;
    box-sizing: unset
}

.ot-fun-card .content h3,.ot-fun-card .content .h3 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0
}

.ot-fun-card .content p {
    font-size: 16px;
    margin-top: 5px
}

.ot-fun-box-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 345px;
    width: 345px;
    border: 1px solid var(--main-color);
    background-color: #E9F1FE;
    border-radius: 345px;
    text-align: center;
    transition: all 0.3s ease
}

.ot-fun-box-item .content {
    position: relative;
    left: -15px
}

.ot-fun-box-item .content h3,.ot-fun-box-item .content .h3 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    color: var(--main-color);
    transition: color 0.3s ease
}

.ot-fun-box-item .content p {
    font-size: 16px;
    margin-top: 8px;
    transition: color 0.3s ease
}

.ot-fun-box-item.wrap2 {
    border: 1px solid var(--tertiary-color);
    background-color: #DAF7FE;
    margin-left: -12.5px
}

.ot-fun-box-item.wrap2 .content {
    position: relative;
    left: 0
}

.ot-fun-box-item.wrap2 .content h3,.ot-fun-box-item.wrap2 .content .h3 {
    color: var(--tertiary-color)
}

.ot-fun-box-item.wrap3 {
    border: 1px solid #FFAB31;
    background-color: #FFEECB;
    margin-left: -15.5px
}

.ot-fun-box-item.wrap3 .content {
    position: relative;
    left: 0
}

.ot-fun-box-item.wrap3 .content h3,.ot-fun-box-item.wrap3 .content .h3 {
    color: #FFAB31
}

.ot-fun-box-item.wrap4 {
    border: 1px solid var(--secondary-color);
    background-color: #FFEAE4;
    margin-left: -22.5px
}

.ot-fun-box-item.wrap4 .content {
    position: relative;
    left: 0
}

.ot-fun-box-item.wrap4 .content h3,.ot-fun-box-item.wrap4 .content .h3 {
    color: var(--secondary-color)
}

.ot-fun-box-item:hover {
    transform: scale(1.05);
    background-color: rgb(252.5130434783,253.4173913043,254.8869565217)
}

.ot-courses-area.wrap-bg-style {
    background-color: #E9F1FE
}

.ot-courses-card .image {
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.ot-courses-card .image img {
    border-radius: 15px;
    transition: 0.7s
}

.ot-courses-card .image .info-list {
    display: flex;
    gap: 15px;
    margin-bottom: 0;
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding-left: 0;
    padding-right: 0
}

.ot-courses-card .image .info-list li {
    list-style-type: none;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / .8);
    -webkit-backdrop-filter: blur(1.9500000477px);
    backdrop-filter: blur(1.9500000477px);
    padding: 7px 15px;
    border-radius: 100px
}

.ot-courses-card .image .info-list li span {
    color: var(--main-color);
    font-family: "Inter",sans-serif;
    font-size: 14px
}

.ot-courses-card .content {
    margin-top: 25px
}

.ot-courses-card .content .tag-btn {
    color: var(--main-color);
    font-weight: 500;
    display: block;
    margin-bottom: 10px
}

.ot-courses-card .content h3,.ot-courses-card .content .h3 {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 17px
}

.ot-courses-card .content .profile-btn {
    display: flex;
    gap: 10px;
    align-items: center
}

.ot-courses-card .content .profile-btn a {
    font-size: 15px;
    font-weight: 500;
    color: #63667D
}

.ot-courses-card .content .profile-btn a:hover {
    color: var(--main-color)
}

.ot-courses-card:hover .image img {
    transform: scale(1.2)
}

.ot-courses-all-btn {
    text-align: center;
    margin-top: 80px
}

.ot-partner-area {
    overflow: hidden
}

.ot-partner-content {
    max-width: 527px
}

.ot-partner-content .sub {
    font-weight: 500;
    color: var(--main-color);
    display: block;
    margin-bottom: 10px
}

.ot-partner-content h2,.ot-partner-content .h2 {
    font-size: 38px;
    margin-bottom: 28px;
    line-height: 1.3
}

.ot-partner-content h2 span,.ot-partner-content .h2 span {
    position: relative;
    z-index: 1
}

.ot-partner-content h2 span img,.ot-partner-content .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.ot-partner-content p {
    margin-bottom: 0
}

.ot-partner-items {
    display: grid;
    gap: 0;
    margin-left: -25px
}

.ot-partner-items>div:nth-child(1) {
    grid-column: 2;
    grid-row: 1
}

.ot-partner-items>div:nth-child(2) {
    grid-column: 3;
    grid-row: 1
}

.ot-partner-items>div:nth-child(3) {
    grid-column: 1;
    grid-row: 2
}

.ot-partner-items>div:nth-child(4) {
    grid-column: 2;
    grid-row: 2
}

.ot-partner-items>div:nth-child(5) {
    grid-column: 3;
    grid-row: 2
}

.ot-partner-items>div:nth-child(6) {
    grid-column: 4;
    grid-row: 2
}

.ot-partner-items>div:nth-child(7) {
    grid-column: 5;
    grid-row: 2
}

.ot-partner-items>div:nth-child(8) {
    grid-column: 3;
    grid-row: 4
}

.ot-partner-items>div:nth-child(9) {
    grid-column: 4;
    grid-row: 4
}

.ot-partner-items .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    height: 130px;
    width: 130px;
    border: 1px solid #ECEFF1;
    border-radius: 10px
}

.ot-feedback-inner {
    background-color: var(--main-color);
    border-radius: 15px
}

.ot-feedback-inner .inner-top {
    border-radius: 15px;
    background-color: #F1F6FF;
    padding: 80px;
    position: relative
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons {
    display: flex;
    gap: 15px;
    position: absolute;
    right: 80px;
    bottom: 80px;
    z-index: 1
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 5px;
    transition: 0.7s
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-prev svg path {
    transition: 0.7s
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-prev:hover {
    background-color: var(--main-color)
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-prev:hover svg path {
    stroke: #fff
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 5px;
    transition: 0.7s
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-next svg path {
    transition: 0.7s
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-next:hover {
    background-color: var(--main-color)
}

.ot-feedback-inner .inner-top .ot-feedback-nav-buttons .ot-button-next:hover svg path {
    stroke: #fff
}

.ot-feedback-inner .inner-bottom {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    padding: 30px 80px
}

.ot-feedback-inner .inner-bottom h2,.ot-feedback-inner .inner-bottom .h2 {
    margin-bottom: 0;
    font-size: 38px;
    color: #fff
}

.ot-feedback-inner .inner-bottom .default-btn {
    background-color: #fff;
    color: var(--main-color)
}

.ot-feedback-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    border-radius: 15px
}

.ot-feedback-content {
    padding-left: 120px
}

.ot-feedback-content .top {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D7E5FF;
    padding-bottom: 20px;
    margin-bottom: 35px
}

.ot-feedback-content .top .rating {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.ot-feedback-content .top .rating li {
    list-style-type: none;
    margin-right: 5px
}

.ot-feedback-content .top .rating li:last-child {
    margin-right: 0
}

.ot-feedback-content p {
    font-size: 20px;
    margin-bottom: 0
}

.ot-feedback-content .info {
    border-top: 1px solid #D7E5FF;
    margin-top: 180px;
    padding-top: 25px;
    padding-right: 200px
}

.ot-feedback-content .info h3,.ot-feedback-content .info .h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.ot-feedback-content .info span {
    font-size: 14px;
    display: block;
    margin-top: 8px
}

.ot-team-card .image {
    position: relative;
    overflow: hidden
}

.ot-team-card .image a img {
    border-radius: 20px
}

.ot-team-card .image .share-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 15px;
    border-radius: 15px 0 0 0
}

.ot-team-card .image .share-btn .list {
    display: flex;
    gap: 12px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.ot-team-card .image .share-btn .list li {
    list-style-type: none
}

.ot-team-card .image .share-btn .shape1 {
    position: absolute;
    bottom: -1px;
    left: -29.5px;
    transform: rotate(180deg)
}

.ot-team-card .image .share-btn .shape1 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.ot-team-card .image .share-btn .shape2 {
    position: absolute;
    top: -29.5px;
    right: -1px;
    transform: rotate(180deg)
}

.ot-team-card .image .share-btn .shape2 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.ot-team-card .content {
    margin-top: 25px;
    margin-left: 20px
}

.ot-team-card .content h3,.ot-team-card .content .h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0
}

.ot-team-card .content span {
    display: block;
    margin-top: 8px;
    font-size: 15px
}

.ot-team-card.wrap-style {
    margin-top: 100px
}

.faq-area {
    overflow: hidden;
    background-color: #F1F6FF
}

.faq-area.wrap-bg-transparent {
    background-color: #fff0
}

.faq-area.wrap-bg-transparent .section-title h2 img,.faq-area.wrap-bg-transparent .section-title .h2 img {
    bottom: 0
}

.faq-image {
    margin-bottom: -140px
}

.faq-content .title {
    max-width: 515px;
    margin-bottom: 55px
}

.faq-content .title .sub {
    font-weight: 500;
    color: var(--main-color);
    display: block;
    margin-bottom: 10px
}

.faq-content .title h2,.faq-content .title .h2 {
    font-size: 38px;
    margin-bottom: 0;
    line-height: 1.3
}

.faq-content .title h2 span,.faq-content .title .h2 span {
    position: relative;
    z-index: 1
}

.faq-content .title h2 span img,.faq-content .title .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.faq-accordion .accordion .accordion-item {
    border: 0;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 5px
}

.faq-accordion .accordion .accordion-item .accordion-button {
    border: none;
    box-shadow: unset;
    position: relative;
    padding: 15px 57px 15px 20px;
    background-color: #fff0;
    color: #131F34;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
    transition: 0.7s
}

.faq-accordion .accordion .accordion-item .accordion-button::before {
    position: absolute;
    content: "\ea13";
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-family: "remixicon";
    font-size: 20px;
    color: #131F34;
    font-weight: 400;
    transition: 0.7s
}

.faq-accordion .accordion .accordion-item .accordion-button::after {
    display: none
}

.faq-accordion .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: var(--main-color);
    color: #fff
}

.faq-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::before {
    content: "\f1af";
    color: #fff
}

.faq-accordion .accordion .accordion-item .accordion-button.collapsed {
    background-color: #fff0
}

.faq-accordion .accordion .accordion-item .accordion-body {
    padding: 15px 20px
}

.faq-accordion .accordion .accordion-item .accordion-body p a {
    color: var(--main-color)
}

.faq-accordion .accordion .accordion-item .accordion-body p a:hover {
    color: var(--secondary-color)
}

.faq-accordion .accordion .accordion-item:last-child {
    margin-bottom: 0
}

.faq-tabs .nav {
    border: none;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.faq-tabs .nav .nav-item {
    margin-bottom: 25px
}

.faq-tabs .nav .nav-item .nav-link {
    background-color: #fff0;
    padding: 0;
    border: none;
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    color: #63667D;
    cursor: pointer
}

.faq-tabs .nav .nav-item .nav-link:hover,.faq-tabs .nav .nav-item .nav-link.active {
    color: var(--main-color)
}

.faq-tabs .nav .nav-item:last-child {
    margin-bottom: 0
}

.faq-tabs .accordion .accordion-item {
    border: 0;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 197px 55px 0 #fff0,0 126px 51px 0 rgb(171 171 171 / .02),0 71px 43px 0 rgb(171 171 171 / .06),0 32px 32px 0 rgb(171 171 171 / .1),0 8px 17px 0 rgb(171 171 171 / .12)
}

.faq-tabs .accordion .accordion-item .accordion-button {
    border: none;
    box-shadow: unset;
    position: relative;
    padding: 15px 57px 15px 20px;
    background-color: #fff0;
    color: #131F34;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
    transition: 0.7s
}

.faq-tabs .accordion .accordion-item .accordion-button::before {
    position: absolute;
    content: "\ea13";
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-family: "remixicon";
    font-size: 20px;
    color: #131F34;
    font-weight: 400;
    transition: 0.7s
}

.faq-tabs .accordion .accordion-item .accordion-button::after {
    display: none
}

.faq-tabs .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: var(--main-color);
    color: #fff
}

.faq-tabs .accordion .accordion-item .accordion-button:not(.collapsed)::before {
    content: "\f1af";
    color: #fff
}

.faq-tabs .accordion .accordion-item .accordion-button.collapsed {
    background-color: #fff0
}

.faq-tabs .accordion .accordion-item .accordion-body {
    padding: 15px 20px
}

.faq-tabs .accordion .accordion-item .accordion-body p a {
    color: var(--main-color)
}

.faq-tabs .accordion .accordion-item .accordion-body p a:hover {
    color: var(--secondary-color)
}

.faq-tabs .accordion .accordion-item:last-child {
    margin-bottom: 0
}

.page-banner-area {
    background-color: var(--main-color);
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 135px
}

.page-banner-area.course-details-banner {
    padding-top: 80px;
    padding-bottom: 80px
}

.page-banner-area.course-details-banner .page-banner-shape1 {
    left: 0;
    bottom: 55px
}

.page-banner-area.course-details-banner .page-banner-shape1 img {
    animation: unset
}

.page-banner-area.course-details-banner .page-banner-shape2 {
    right: 0;
    top: 55px
}

.page-banner-area.course-details-banner .page-banner-shape2 img {
    animation: unset
}

.page-banner-content {
    max-width: 630px;
    margin: auto;
    text-align: center
}

.page-banner-content h2,.page-banner-content .h2 {
    font-size: 38px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.3
}

.page-banner-content ol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    background: rgb(0 0 0 / .1);
    padding: 10px 20px;
    border-radius: 5px
}

.page-banner-content ol li {
    list-style-type: none;
    font-size: 15px;
    color: #fff;
    font-family: "Inter",sans-serif;
    margin-right: 40px;
    position: relative
}

.page-banner-content ol li a {
    color: #fff
}

.page-banner-content ol li a:hover {
    color: var(--secondary-color)
}

.page-banner-content ol li::before {
    position: absolute;
    content: "\ea6e"!important;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "remixicon"!important;
    color: #ffffff!important;
    font-size: 20px;
    line-height: 1
}

.page-banner-content ol li:last-child {
    margin-right: 0
}

.page-banner-content ol li:last-child::before {
    display: none
}

.page-banner-subtract {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    text-align: center
}

.page-banner-shape1 {
    position: absolute;
    left: 100px;
    bottom: 55px;
    z-index: -1
}

.page-banner-shape1 img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.page-banner-shape2 {
    position: absolute;
    right: 100px;
    top: 55px;
    z-index: -1
}

.page-banner-shape2 img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.course-details-banner-content {
    max-width: 630px
}

.course-details-banner-content .list {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: rgb(0 0 0 / .1);
    padding: 10px 20px;
    border-radius: 5px
}

.course-details-banner-content .list li {
    list-style-type: none;
    font-size: 15px;
    color: #fff;
    font-family: "Inter",sans-serif;
    margin-right: 40px;
    position: relative
}

.course-details-banner-content .list li a {
    color: #fff
}

.course-details-banner-content .list li a:hover {
    color: var(--secondary-color)
}

.course-details-banner-content .list li::before {
    position: absolute;
    content: "\ea6e"!important;
    right: -32px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "remixicon"!important;
    color: #fff;
    font-size: 20px;
    line-height: 1
}

.course-details-banner-content .list li:last-child {
    margin-right: 0
}

.course-details-banner-content .list li:last-child::before {
    display: none
}

.course-details-banner-content h2,.course-details-banner-content .h2 {
    font-size: 38px;
    color: #fff;
    margin-bottom: 20px
}

.course-details-banner-content p {
    color: #fff;
    margin-bottom: 25px
}

.course-details-banner-content .info-rating {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 0;
    line-height: 1;
    padding-left: 0;
    padding-right: 0
}

.course-details-banner-content .info-rating li {
    list-style-type: none
}

.course-details-banner-content .info-rating li b {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px
}

.course-details-banner-content .info-rating li svg {
    position: relative;
    top: -1.5px
}

.course-details-banner-content .info-rating li span {
    font-size: 15px;
    color: #fff
}

.course-details-banner-content .info-list {
    display: inline-flex;
    border-radius: 7px;
    border: 1px solid rgb(208 219 255 / .35);
    padding: 5px 15px;
    margin-top: 30px;
    margin-bottom: 0
}

.course-details-banner-content .info-list li {
    list-style-type: none;
    display: flex;
    gap: 7px;
    align-items: center;
    position: relative;
    margin-right: 30px
}

.course-details-banner-content .info-list li.user-btn {
    display: flex;
    gap: 10px;
    align-items: center
}

.course-details-banner-content .info-list li.user-btn img {
    max-width: 30px
}

.course-details-banner-content .info-list li.user-btn a {
    color: #fff
}

.course-details-banner-content .info-list li.user-btn a:hover {
    color: var(--secondary-color)
}

.course-details-banner-content .info-list li span {
    color: #fff
}

.course-details-banner-content .info-list li::before {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: rgb(233 241 254 / .35)
}

.course-details-banner-content .info-list li:last-child {
    margin-right: 0
}

.course-details-banner-content .info-list li:last-child::before {
    display: none
}

.cta-wrap-area {
    background-color: var(--main-color);
    position: relative;
    z-index: 1;
    overflow: hidden
}

.cta-wrap-content {
    max-width: 615px;
    margin: auto;
    text-align: center
}

.cta-wrap-content h2,.cta-wrap-content .h2 {
    font-size: 38px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #fff
}

.cta-wrap-content h2 span,.cta-wrap-content .h2 span {
    position: relative;
    z-index: 1
}

.cta-wrap-content h2 span img,.cta-wrap-content .h2 span img {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    transition: 0.7s;
    animation: animate__fadeInRight 2s;
    animation-name: fadeInRight;
    animation-duration: 2s
}

.cta-wrap-content p {
    margin-bottom: 35px;
    color: #fff
}

.cta-wrap-content .default-btn {
    background-color: #fff;
    color: var(--main-color)
}

.cta-wrap-shape1 {
    position: absolute;
    left: 200px;
    top: 70px;
    z-index: -1
}

.cta-wrap-shape1 img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.cta-wrap-shape2 {
    position: absolute;
    right: 150px;
    bottom: 65px;
    z-index: -1
}

.cta-wrap-shape2 img {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.become-an-instructor-features {
    padding-bottom: 100px
}

.become-an-instructor-features .feature {
    padding: 30px;
    border-left: 1px solid var(--main-color);
    background-color: #f9f9f9;
    border-radius: 12px
}

.become-an-instructor-features .feature h3,.become-an-instructor-features .feature .h3 {
    font-size: 20px;
    margin-bottom: 15px
}

.become-an-instructor-features .feature p {
    margin-bottom: 0
}

.become-an-instructor-features .feature.wrap2 {
    border-left: 1px solid var(--secondary-color)
}

.become-an-instructor-features .feature.wrap3 {
    border-left: 1px solid #FFAB31
}

.become-an-instructor-features .feature.wrap4 {
    border-left: 1px solid var(--tertiary-color)
}

.become-an-instructor-steps {
    max-width: 900px;
    background-color: #F4FAFF;
    padding: 50px;
    border-radius: 12px;
    margin: 0 auto 50px
}

.become-an-instructor-steps h2,.become-an-instructor-steps .h2 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center
}

.become-an-instructor-steps .step-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.become-an-instructor-steps .step-list li {
    list-style-type: none;
    background-color: #fff;
    border-left: 2px solid var(--main-color);
    padding: 15px 25px;
    border-radius: 5px;
    margin-bottom: 15px
}

.become-an-instructor-steps .step-list li strong {
    color: var(--main-color)
}

.become-an-instructor-steps .step-list li:last-child {
    margin-bottom: 0
}

.become-an-instructor-benefits {
    max-width: 900px;
    background-color: #F4FAFF;
    padding: 50px;
    border-radius: 12px;
    margin: 0 auto 50px
}

.become-an-instructor-benefits h2,.become-an-instructor-benefits .h2 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center
}

.become-an-instructor-benefits .benefits-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.become-an-instructor-benefits .benefits-list li {
    list-style-type: none;
    background-color: #fff;
    border-left: 2px solid var(--main-color);
    padding: 15px 25px;
    border-radius: 5px;
    margin-bottom: 15px
}

.become-an-instructor-benefits .benefits-list li strong {
    color: var(--main-color)
}

.become-an-instructor-benefits .benefits-list li:last-child {
    margin-bottom: 0
}

.become-an-instructor-testimonials {
    max-width: 900px;
    margin: auto;
    background-color: #F4FAFF;
    padding: 50px;
    border-radius: 12px
}

.become-an-instructor-testimonials h2,.become-an-instructor-testimonials .h2 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center
}

.become-an-instructor-testimonials .testimonial {
    margin-bottom: 30px
}

.become-an-instructor-testimonials .testimonial p {
    margin-bottom: 10px
}

.become-an-instructor-testimonials .testimonial span {
    color: var(--main-color);
    font-weight: 500;
    font-size: 14px
}

.become-an-instructor-testimonials .testimonial:last-child {
    margin-bottom: 0
}

.become-an-instructor-apply-area {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 250px;
    padding-bottom: 140px
}

.become-an-instructor-apply-form {
    background-color: #fff;
    padding: 45px;
    max-width: 610px;
    border-radius: 15px;
    margin-left: auto;
    margin-right: 0
}

.become-an-instructor-apply-form h2,.become-an-instructor-apply-form .h2 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center
}

.become-an-instructor-apply-form .form-group {
    margin-bottom: 25px
}

.become-an-instructor-apply-form .form-group label {
    color: #131F34;
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin-bottom: 10px
}

.become-an-instructor-apply-form .form-group .form-control {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: unset;
    outline: 0;
    height: 55px;
    border-radius: 7px;
    padding: 15px 20px;
    color: #4B5563;
    transition: 0.7s
}

.become-an-instructor-apply-form .form-group .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.become-an-instructor-apply-form .form-group .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.become-an-instructor-apply-form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.become-an-instructor-apply-form .form-group textarea.form-control {
    min-height: 130px
}

.become-an-instructor-apply-form .default-btn {
    border: none
}

.pricing-plans-area {
    overflow: hidden
}

.pricing-plans-area .section-title {
    max-width: 490px
}

.pricing-toggle-billing {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
    padding-left: 0;
    padding-right: 0
}

.pricing-toggle-billing li {
    list-style-type: none;
    background-color: #F4FAFF;
    padding: 10px 20px;
    border-radius: 30px;
    line-height: 1;
    font-family: "Inter",sans-serif;
    font-size: 15px;
    cursor: pointer;
    transition: 0.7s
}

.pricing-toggle-billing li:hover,.pricing-toggle-billing li.active {
    background-color: var(--main-color);
    color: #fff
}

.pricing-plans-card {
    background-color: #F4FAFF;
    padding: 45px;
    height: 100%;
    border-radius: 15px
}

.pricing-plans-card h2,.pricing-plans-card .h2 {
    font-size: 23.5px;
    margin-bottom: 18px;
    line-height: 1
}

.pricing-plans-card .price {
    font-size: 35px;
    color: var(--main-color);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 25px
}

.pricing-plans-card .price span {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: -2px;
    color: #4B5563
}

.pricing-plans-card .features {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.pricing-plans-card .features li {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px
}

.pricing-plans-card .features li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--main-color)
}

.pricing-plans-card .features li:last-child {
    margin-bottom: 0
}

.pricing-plans-card .price-btn {
    margin-top: 30px
}

.pricing-plans-card .price-btn .default-btn {
    width: 100%
}

.instructor-details-image {
    position: sticky;
    top: 120px;
    overflow: hidden
}

.instructor-details-image img {
    border-radius: 20px
}

.instructor-details-image .share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 65px;
    height: 65px;
    position: absolute;
    right: 50px;
    bottom: 0;
    border-radius: 20px 20px 0 0;
    transition: 0.7s;
    cursor: pointer
}

.instructor-details-image .share-btn .list {
    margin-bottom: 0;
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    bottom: 47px;
    padding: 15px 0 10px;
    border-radius: 20px 20px 0 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s
}

.instructor-details-image .share-btn .list li {
    list-style-type: none;
    margin-bottom: 15px;
    line-height: 1
}

.instructor-details-image .share-btn .list li svg path {
    transition: 0.7s
}

.instructor-details-image .share-btn .list li:last-child {
    margin-bottom: 0
}

.instructor-details-image .share-btn .list li:hover svg path {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s;
    stroke: var(--main-color);
    fill: var(--main-color)
}

.instructor-details-image .share-btn .shape1 {
    position: absolute;
    bottom: -1px;
    left: -28px;
    transform: rotate(180deg)
}

.instructor-details-image .share-btn .shape1 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.instructor-details-image .share-btn .shape2 {
    position: absolute;
    bottom: -1px;
    right: -28px;
    transform: rotate(-90deg)
}

.instructor-details-image .share-btn .shape2 svg {
    width: 30px;
    height: 30px;
    fill: #fff
}

.instructor-details-image:hover .share-btn .list {
    opacity: 1;
    visibility: visible
}

.instructor-details-content {
    padding-left: 50px
}

.instructor-details-content h3,.instructor-details-content .h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 0
}

.instructor-details-content .sub {
    font-size: 18px;
    display: block;
    margin-top: 5px
}

.instructor-details-content .info-rating {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    line-height: 1;
    border: 1px solid #D0DBFF;
    padding: 7px 14px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px
}

.instructor-details-content .info-rating li {
    list-style-type: none
}

.instructor-details-content .info-rating li b {
    color: #131F34;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px
}

.instructor-details-content .info-rating li i {
    position: relative;
    top: -.5px;
    color: #FFAB31
}

.instructor-details-content .info-rating li span {
    font-size: 14px
}

.instructor-details-content .info-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.instructor-details-content .info-list li {
    list-style-type: none;
    margin-bottom: 25px
}

.instructor-details-content .info-list li span {
    display: block;
    margin-bottom: 5px
}

.instructor-details-content .info-list li b {
    font-weight: 500;
    color: #131F34
}

.instructor-details-content .info-list li:last-child {
    margin-bottom: 0
}

.instructor-details-content .content {
    margin-top: 70px
}

.instructor-details-content .content h3,.instructor-details-content .content .h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px
}

.instructor-details-content .content .list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.instructor-details-content .content .list li {
    list-style-type: none;
    margin-bottom: 25px
}

.instructor-details-content .content .list li span {
    display: block;
    margin-bottom: 2px
}

.instructor-details-content .content .list li a {
    color: var(--main-color);
    font-weight: 500
}

.instructor-details-content .content .list li a:hover {
    color: var(--secondary-color)
}

.instructor-details-content .content .list li.phone a {
    color: #131F34
}

.instructor-details-content .content .list li.phone a:hover {
    color: var(--main-color)
}

.instructor-details-content .content .list li:last-child {
    margin-bottom: 0
}

.products-card .image {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.products-card .image a img {
    border-radius: 15px;
    transition: 0.7s
}

.products-card .image .action-list {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.7s;
    opacity: 0;
    visibility: hidden;
    padding-left: 0;
    padding-right: 0
}

.products-card .image .action-list li {
    list-style-type: none
}

.products-card .image .action-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 5px;
    transition: 0.7s
}

.products-card .image .action-list li a img {
    border-radius: 0
}

.products-card .image .action-list li a:hover {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.products-card .content {
    margin-top: 25px
}

.products-card .content .sub {
    font-size: 15px;
    color: var(--main-color);
    display: block;
    margin-bottom: 10px
}

.products-card .content h3,.products-card .content .h3 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 12px
}

.products-card .content .info-rating {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    line-height: 1;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.products-card .content .info-rating li {
    list-style-type: none
}

.products-card .content .info-rating li i {
    position: relative;
    top: -.5px;
    color: #FFAB31
}

.products-card .content .info-rating li b {
    color: #131F34;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px
}

.products-card .content .info-rating li span {
    font-size: 15px
}

.products-card .content .price {
    font-size: 25px;
    font-weight: 500;
    color: var(--main-color);
    line-height: 1;
    margin-top: 20px
}

.products-card:hover .image a img {
    transform: scale(1.1)
}

.products-card:hover .image .action-list {
    bottom: 50px;
    opacity: 1;
    visibility: visible
}

.related-products-title {
    font-size: 30px;
    margin-bottom: 35px
}

.cart-table .table {
    margin-bottom: 0
}

.cart-table .table thead tr {
    border: none;
    border-bottom: 1px solid #E9F1FE
}

.cart-table .table thead tr th {
    color: #4B5563;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff0;
    border: none;
    padding: 0 25px 20px 25px;
    font-weight: 600
}

.cart-table .table thead tr th:first-child {
    padding-left: 0
}

.cart-table .table thead tr th:last-child {
    text-align: end
}

.cart-table .table tbody tr {
    border: none;
    margin-bottom: 25px;
    border-bottom: 1px solid #E9F1FE
}

.cart-table .table tbody tr td {
    vertical-align: middle;
    white-space: nowrap;
    padding: 25px;
    border: none;
    background-color: #fff0
}

.cart-table .table tbody tr td:first-child {
    padding-left: 0
}

.cart-table .table tbody tr td:last-child {
    text-align: end
}

.cart-table .table tbody tr td.remove i {
    font-size: 20px;
    color: var(--main-color);
    transition: 0.7s;
    cursor: pointer
}

.cart-table .table tbody tr td.remove i:hover {
    color: var(--secondary-color)
}

.cart-table .table tbody tr td.product-thumbnail {
    display: flex;
    align-items: center
}

.cart-table .table tbody tr td.product-thumbnail .image {
    width: 80px
}

.cart-table .table tbody tr td.product-thumbnail .image img {
    border-radius: 10px
}

.cart-table .table tbody tr td.product-thumbnail .title {
    margin-left: 25px
}

.cart-table .table tbody tr td.product-thumbnail .title h3,.cart-table .table tbody tr td.product-thumbnail .title .h3 {
    font-size: 17px;
    margin-bottom: 0;
    line-height: 1.5
}

.cart-table .table tbody tr td.product-price .unit-amount {
    font-size: 18px;
    color: #131F34;
    font-weight: 700
}

.cart-table .table tbody tr td.stock {
    color: #4B5563
}

.cart-table .table tbody tr td.product-quantity .input-counter {
    display: inline-flex;
    border-radius: 5px;
    border: 1px solid #E9F1FE;
    padding: 15px 20px;
    line-height: 1;
    align-items: center
}

.cart-table .table tbody tr td.product-quantity .input-counter i {
    color: #63667D;
    font-size: 20px;
    line-height: 1;
    transition: 0.7s;
    cursor: pointer
}

.cart-table .table tbody tr td.product-quantity .input-counter i:hover {
    color: var(--main-color)
}

.cart-table .table tbody tr td.product-quantity .input-counter input {
    background-color: #fff0;
    border: none;
    text-align: center;
    font-weight: 700;
    letter-spacing: .32px;
    color: #131F34;
    max-width: 90px;
    padding: 0 10px
}

.cart-table .table tbody tr td.product-subtotal .subtotal-amount {
    font-size: 18px;
    color: #131F34;
    font-weight: 700
}

.cart-table .table tbody:not(:first-child) {
    border-top: unset
}

.shopping-cart-buttons {
    margin-top: 25px
}

.shopping-cart-buttons .shopping-coupon-code {
    max-width: 500px;
    position: relative
}

.shopping-cart-buttons .shopping-coupon-code .form-control {
    display: inline-block;
    background-color: #F6F9FF;
    border: 1px solid #F6F9FF;
    width: 100%;
    height: 57px;
    box-shadow: unset;
    color: #4B5563;
    transition: 0.7s;
    padding: 15px 190px 15px 25px;
    border-radius: 5px
}

.shopping-cart-buttons .shopping-coupon-code .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.shopping-cart-buttons .shopping-coupon-code .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.shopping-cart-buttons .shopping-coupon-code .form-control:focus {
    border: 1px solid var(--main-color)
}

.shopping-cart-buttons .shopping-coupon-code .form-control:focus::-moz-placeholder {
    color: #fff0
}

.shopping-cart-buttons .shopping-coupon-code .form-control:focus::placeholder {
    color: #fff0
}

.shopping-cart-buttons .shopping-coupon-code .default-btn {
    gap: 10px;
    border: none;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 57px;
    padding: 15px 20px
}

.shopping-cart-buttons .info-btn {
    text-align: end
}

.shopping-cart-buttons .info-btn .default-btn {
    border: none;
    height: 57px
}

.shopping-cart-totals {
    border-radius: 10px;
    background-color: #F6F9FF;
    padding: 40px;
    max-width: 530px;
    margin: 50px 0 0 auto
}

.shopping-cart-totals h3,.shopping-cart-totals .h3 {
    font-size: 25px;
    margin-bottom: 30px
}

.shopping-cart-totals ul {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.shopping-cart-totals ul li {
    list-style-type: none;
    margin-bottom: 25px;
    color: #4B5563;
    border-bottom: 1px solid #E9F1FE;
    padding-bottom: 20px;
    font-weight: 500
}

.shopping-cart-totals ul li span {
    font-weight: 600;
    color: var(--main-color)
}

.shopping-cart-totals ul li:last-child {
    margin-bottom: 0;
    font-size: 18px;
    color: #131F34;
    font-weight: 700
}

.shopping-cart-totals ul li:last-child span {
    font-weight: 700;
    color: var(--main-color)
}

.shopping-cart-totals .bottom-btn {
    text-align: end;
    margin-top: 30px
}

.wishlist-table .table {
    margin-bottom: 0
}

.wishlist-table .table thead tr {
    border: none;
    border-bottom: 1px solid #E9F1FE
}

.wishlist-table .table thead tr th {
    color: #4B5563;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff0;
    border: none;
    padding: 0 25px 20px 25px;
    font-weight: 600
}

.wishlist-table .table thead tr th:first-child {
    padding-left: 0
}

.wishlist-table .table thead tr th:last-child {
    text-align: end
}

.wishlist-table .table tbody tr {
    border: none;
    margin-bottom: 25px;
    border-bottom: 1px solid #E9F1FE
}

.wishlist-table .table tbody tr td {
    vertical-align: middle;
    white-space: nowrap;
    padding: 25px;
    border: none;
    background-color: #fff0
}

.wishlist-table .table tbody tr td:first-child {
    padding-left: 0
}

.wishlist-table .table tbody tr td:last-child {
    text-align: end
}

.wishlist-table .table tbody tr td.product-thumbnail {
    display: flex;
    align-items: center
}

.wishlist-table .table tbody tr td.product-thumbnail .image {
    width: 80px
}

.wishlist-table .table tbody tr td.product-thumbnail .image img {
    border-radius: 10px
}

.wishlist-table .table tbody tr td.product-thumbnail .title {
    margin-left: 25px
}

.wishlist-table .table tbody tr td.product-thumbnail .title h3,.wishlist-table .table tbody tr td.product-thumbnail .title .h3 {
    font-size: 17px;
    margin-bottom: 0;
    line-height: 1.5
}

.wishlist-table .table tbody tr td.product-price .unit-amount {
    font-size: 18px;
    color: #131F34;
    font-weight: 700
}

.wishlist-table .table tbody tr td.stock {
    color: #4B5563
}

.wishlist-table .table tbody tr td.product-quantity .input-counter {
    display: inline-flex;
    border-radius: 5px;
    border: 1px solid #E9F1FE;
    padding: 15px;
    line-height: 1;
    align-items: center
}

.wishlist-table .table tbody tr td.product-quantity .input-counter i {
    color: #63667D;
    font-size: 20px;
    line-height: 1;
    transition: 0.7s;
    cursor: pointer
}

.wishlist-table .table tbody tr td.product-quantity .input-counter i:hover {
    color: var(--main-color)
}

.wishlist-table .table tbody tr td.product-quantity .input-counter input {
    background-color: #fff0;
    border: none;
    text-align: center;
    font-weight: 700;
    letter-spacing: .32px;
    color: #131F34;
    max-width: 90px;
    padding: 0 10px
}

.wishlist-table .table tbody tr td.add-remove {
    display: flex;
    justify-content: end;
    gap: 30px;
    align-items: center
}

.wishlist-table .table tbody tr td.add-remove .cart-btn {
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    padding: 8px 15px;
    transition: 0.7s;
    font-size: 15px
}

.wishlist-table .table tbody tr td.add-remove .cart-btn:hover {
    background-color: var(--secondary-color)
}

.wishlist-table .table tbody tr td.add-remove i {
    font-size: 20px;
    color: var(--main-color);
    transition: 0.7s;
    cursor: pointer
}

.wishlist-table .table tbody tr td.add-remove i:hover {
    color: var(--secondary-color)
}

.wishlist-table .table tbody:not(:first-child) {
    border-top: unset
}

.checkout-form {
    border-radius: 10px;
    background: #F6F9FF;
    padding: 45px 35px
}

.checkout-form h2,.checkout-form .h2 {
    font-size: 25px;
    margin-bottom: 40px
}

.checkout-form .info-title {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 25px
}

.checkout-form .form-group {
    margin-bottom: 25px
}

.checkout-form .form-group label {
    font-size: 14px;
    letter-spacing: .28px;
    display: block;
    margin-bottom: 8px;
    color: #131F34;
    font-weight: 500
}

.checkout-form .form-group .form-control {
    display: inline-block;
    height: 57px;
    background-color: #fff;
    color: #63667D;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #E9F1FE;
    border-radius: 5px;
    padding: 15px 20px;
    transition: 0.7s;
    font-size: 15px
}

.checkout-form .form-group .form-control::-moz-placeholder {
    color: #63667D;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.checkout-form .form-group .form-control::placeholder {
    color: #63667D;
    transition: 0.7s
}

.checkout-form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.checkout-form .form-group .form-control:focus::-moz-placeholder {
    color: #fff0
}

.checkout-form .form-group .form-control:focus::placeholder {
    color: #fff0
}

.checkout-form .form-group textarea.form-control {
    display: flex;
    min-height: 120px
}

.checkout-form .form-group .form-check {
    margin-bottom: 0;
    display: flex;
    gap: 8px;
    align-items: center;
    padding-left: 0
}

.checkout-form .form-group .form-check .form-check-input {
    outline: 0;
    box-shadow: unset;
    margin-top: 0;
    margin-left: 0
}

.checkout-form .form-group .form-check .form-check-label {
    color: #4B5563;
    margin-bottom: 0
}

.checkout-form .form-group .form-check .form-check-label a {
    color: #4B5563
}

.checkout-form .form-group .form-check .form-check-label a:hover {
    color: var(--main-color)
}

.checkout-form .form-group.gap-zero {
    margin-bottom: 0
}

.checkout-sidebar .order-box {
    border-radius: 10px;
    background: #F6F9FF;
    padding: 30px
}

.checkout-sidebar .order-box h3,.checkout-sidebar .order-box .h3 {
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9F1FE;
    padding-bottom: 20px
}

.checkout-sidebar .order-box .list {
    margin-bottom: 25px;
    padding-left: 0;
    padding-right: 0
}

.checkout-sidebar .order-box .list li {
    list-style-type: none;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9F1FE;
    padding-bottom: 20px
}

.checkout-sidebar .order-box .list li .info {
    display: flex;
    gap: 20px;
    align-items: center
}

.checkout-sidebar .order-box .list li .info .image img {
    border-radius: 10px;
    max-width: 95px
}

.checkout-sidebar .order-box .list li .info .title h4,.checkout-sidebar .order-box .list li .info .title .h4 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.5
}

.checkout-sidebar .order-box .list li .info .title .price {
    font-size: 15px;
    font-weight: 500;
    color: var(--main-color)
}

.checkout-sidebar .order-box .list li:last-child {
    margin-bottom: 0
}

.checkout-sidebar .order-box .order-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.checkout-sidebar .order-box .order-list li {
    list-style-type: none;
    margin-bottom: 20px;
    color: #4B5563;
    border-bottom: 1px solid #E9F1FE;
    padding-bottom: 20px;
    font-weight: 500
}

.checkout-sidebar .order-box .order-list li span {
    color: var(--main-color)
}

.checkout-sidebar .order-box .order-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.checkout-sidebar .order-box .order-list li:last-child span {
    font-weight: 700
}

.checkout-sidebar .payment-container {
    border-radius: 10px;
    background-color: #F6F9FF;
    padding: 30px;
    margin-top: 30px
}

.checkout-sidebar .payment-container h3,.checkout-sidebar .payment-container .h3 {
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E9F1FE;
    padding-bottom: 20px
}

.checkout-sidebar .payment-container .payment-methods {
    display: flex;
    gap: 15px;
    flex-direction: column
}

.checkout-sidebar .payment-container .payment-methods .payment-option {
    border: 1px solid #E9F1FE;
    border-radius: 8px;
    padding: 15px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.3s
}

.checkout-sidebar .payment-container .payment-methods .payment-option input[type=radio] {
    margin-right: 15px;
    accent-color: var(--main-color)
}

.checkout-sidebar .payment-container .payment-methods .payment-option:hover {
    border-color: var(--main-color);
    background-color: #fff
}

.checkout-sidebar .payment-container .payment-methods .payment-option.selected {
    border-color: var(--main-color);
    background-color: #fff
}

.checkout-sidebar .order-btn {
    margin-top: 30px
}

.checkout-sidebar .order-btn .default-btn {
    width: 100%;
    border: none
}

.profile-authentication-area {
    background-color: #F6F9FF;
    overflow: hidden
}

.profile-authentication-inner {
    background-color: #E9F1FE;
    padding: 60px 50px;
    border-radius: 15px
}

.profile-authentication-inner .content {
    margin-bottom: 35px
}

.profile-authentication-inner .content h3,.profile-authentication-inner .content .h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px
}

.profile-authentication-inner .content p {
    margin-bottom: 0
}

.profile-authentication-inner form .form-group {
    margin-bottom: 25px
}

.profile-authentication-inner form .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #131F34;
    font-weight: 600
}

.profile-authentication-inner form .form-group .form-control {
    display: inline-block;
    height: 57px;
    background-color: #fff;
    color: #63667D;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #A4BDE7;
    border-radius: 5px;
    padding: 15px 20px;
    transition: 0.7s;
    font-size: 15px
}

.profile-authentication-inner form .form-group .form-control::-moz-placeholder {
    color: #63667D;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.profile-authentication-inner form .form-group .form-control::placeholder {
    color: #63667D;
    transition: 0.7s
}

.profile-authentication-inner form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.profile-authentication-inner form .form-group .form-control:focus::-moz-placeholder {
    color: #fff0
}

.profile-authentication-inner form .form-group .form-control:focus::placeholder {
    color: #fff0
}

.profile-authentication-inner form .options {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between
}

.profile-authentication-inner form .options input[type=checkbox] {
    margin-right: 8px;
    accent-color: var(--main-color)
}

.profile-authentication-inner form .options a {
    color: var(--main-color)
}

.profile-authentication-inner form .options a:hover {
    color: var(--secondary-color)
}

.profile-authentication-inner form .authentication-btn {
    margin-top: 50px
}

.profile-authentication-inner form .authentication-btn .default-btn {
    border: none
}

.profile-authentication-inner .bottom-text {
    margin-top: 35px
}

.profile-authentication-inner .bottom-text span a {
    color: var(--main-color)
}

.profile-authentication-inner .bottom-text span a:hover {
    color: var(--secondary-color)
}

.forgot-container {
    background-color: #E9F1FE;
    padding: 50px;
    border-radius: 15px;
    max-width: 495px;
    margin: auto
}

.forgot-container .content {
    margin-bottom: 35px
}

.forgot-container .content h3,.forgot-container .content .h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px
}

.forgot-container .info-text p a {
    color: var(--main-color);
    font-weight: 500
}

.forgot-container .info-text p a:hover {
    color: var(--secondary-color)
}

.forgot-container form .form-group {
    margin-bottom: 20px
}

.forgot-container form .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #131F34;
    font-weight: 600
}

.forgot-container form .form-group .form-control {
    display: inline-block;
    height: 57px;
    background-color: #fff;
    color: #63667D;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #A4BDE7;
    border-radius: 5px;
    padding: 15px 20px;
    transition: 0.7s;
    font-size: 15px
}

.forgot-container form .form-group .form-control::-moz-placeholder {
    color: #63667D;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.forgot-container form .form-group .form-control::placeholder {
    color: #63667D;
    transition: 0.7s
}

.forgot-container form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.forgot-container form .form-group .form-control:focus::-moz-placeholder {
    color: #fff0
}

.forgot-container form .form-group .form-control:focus::placeholder {
    color: #fff0
}

.forgot-container form .default-btn {
    width: 100%;
    border: none
}

.forgot-container .back-link {
    text-align: center;
    display: block;
    color: var(--main-color);
    margin-top: 15px
}

.forgot-container .back-link:hover {
    color: var(--secondary-color)
}

.products-details-image {
    margin-right: 55px
}

.products-details-image img {
    border-radius: 20px
}

.products-details-desc {
    padding-left: 25px
}

.products-details-desc h3,.products-details-desc .h3 {
    margin-bottom: 17px;
    font-size: 35px;
    line-height: 1.3
}

.products-details-desc .price {
    margin-bottom: 15px;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

.products-details-desc .price .old-price {
    text-decoration: line-through;
    position: relative;
    top: -1px;
    color: #a3a4a5
}

.products-details-desc .products-meta {
    margin-top: 20px
}

.products-details-desc .products-meta span {
    display: block;
    color: #4B5563;
    margin-bottom: 15px;
    font-weight: 500
}

.products-details-desc .products-meta span:last-child {
    margin-bottom: 0
}

.products-details-desc .products-meta span span {
    display: inline-block;
    margin-bottom: 0
}

.products-details-desc .products-meta span span.sku {
    color: var(--secondary-color)
}

.products-details-desc .products-meta span span.in-stock {
    color: var(--tertiary-color)
}

.products-details-desc .products-meta span a {
    display: inline-block;
    color: #4B5563
}

.products-details-desc .products-meta span a:hover,.products-details-desc .products-meta span a:focus {
    color: var(--main-color)
}

.products-details-desc .products-add-to-cart {
    margin-top: 30px;
    display: flex;
    align-items: center
}

.products-details-desc .products-add-to-cart .input-counter {
    text-align: center;
    display: inline-flex;
    position: relative
}

.products-details-desc .products-add-to-cart .input-counter span {
    display: inline-block;
    background-color: var(--main-color);
    cursor: pointer;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    transition: 0.7s;
    font-size: 25px;
    border-radius: 5px;
    position: relative
}

.products-details-desc .products-add-to-cart .input-counter span:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

.products-details-desc .products-add-to-cart .input-counter span i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.products-details-desc .products-add-to-cart .input-counter input {
    height: 55px;
    color: #fff;
    outline: 0;
    display: inline-block;
    background-color: #131F34;
    text-align: center;
    width: 55px;
    line-height: 55px;
    font-weight: 700;
    border-radius: 5px;
    border: none;
    margin: 0 5px
}

.products-details-desc .products-add-to-cart .input-counter input::-moz-placeholder {
    color: #fff
}

.products-details-desc .products-add-to-cart .input-counter input::placeholder {
    color: #fff
}

.products-details-desc .products-add-to-cart .default-btn {
    border: none;
    margin-left: 20px
}

.products-details-tabs {
    margin-top: 70px
}

.products-details-tabs .nav {
    margin-bottom: 35px;
    list-style-type: none;
    display: flex;
    border-bottom: none
}

.products-details-tabs .nav .nav-item {
    display: inline-block;
    margin-right: 20px
}

.products-details-tabs .nav .nav-item:last-child {
    margin-right: 0
}

.products-details-tabs .nav .nav-item .nav-link {
    border-radius: 0;
    border: none;
    padding: 0;
    transition: 0.7s;
    padding: 15px 30px;
    border-radius: 5px;
    font-weight: 700;
    background-color: #F2F1F3;
    color: #131F34
}

.products-details-tabs .nav .nav-item .nav-link:hover,.products-details-tabs .nav .nav-item .nav-link.active {
    color: #fff;
    background: var(--main-color)
}

.products-details-tabs .tab-content .tab-pane {
    padding: 50px;
    background: #F6F9FF;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .content p {
    line-height: 1.8
}

.products-details-tabs .tab-content .tab-pane .products-reviews h3,.products-details-tabs .tab-content .tab-pane .products-reviews .h3 {
    margin-bottom: 15px;
    display: inline-block;
    font-size: 20px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating span {
    color: #cecfd2
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating span.checked {
    color: #FFAB31
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating-count {
    margin-top: 10px;
    margin-bottom: 20px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating-count span {
    display: block;
    font-size: 15px;
    color: #4B5563;
    font-weight: 500
}

.products-details-tabs .tab-content .tab-pane .products-reviews .row {
    overflow: hidden;
    margin-left: 0;
    margin-right: 0
}

.products-details-tabs .tab-content .tab-pane .products-reviews .side {
    float: left;
    width: 8%;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0
}

.products-details-tabs .tab-content .tab-pane .products-reviews .side div {
    font-weight: 600
}

.products-details-tabs .tab-content .tab-pane .products-reviews .middle {
    margin-top: 14px;
    float: left;
    width: 82%
}

.products-details-tabs .tab-content .tab-pane .products-reviews .right {
    text-align: end
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-container {
    width: 100%;
    background-color: #eee;
    text-align: center;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-5 {
    width: 100%;
    height: 18px;
    background-color: #4CAF50;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-4 {
    width: 75%;
    height: 18px;
    background-color: #2196F3;
    border-radius: 5px;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-3 {
    width: 50%;
    height: 18px;
    background-color: #00bcd4;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-2 {
    width: 25%;
    height: 18px;
    background-color: #ff9800;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-1 {
    width: 0;
    height: 18px;
    background-color: #f44336;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments {
    margin-top: 40px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments h3,.products-details-tabs .tab-content .tab-pane .products-review-comments .h3 {
    border-bottom: 1px solid #E9F1FE;
    padding-bottom: 12px;
    margin-bottom: 0;
    font-size: 20px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
    border-bottom: 1px solid #E9F1FE;
    padding: 20px 0 20px 110px;
    position: relative
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
    position: absolute;
    left: 0;
    top: 20px;
    width: 90px;
    height: 90px;
    border-radius: 5px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .sub-comment {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 15px;
    color: var(--main-color)
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review p {
    font-size: 15px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating {
    display: block;
    margin-bottom: 8px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars {
    display: inline-block
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i {
    color: #cecfd2;
    font-size: 15px;
    display: inline-block;
    margin-right: -2px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i.checked {
    color: #FFAB31
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating span {
    color: #131F34;
    position: relative;
    top: -2px;
    font-weight: 600;
    margin-left: 5px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper {
    margin-top: 30px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3,.products-details-tabs .tab-content .tab-pane .review-form-wrapper .h3 {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #131F34;
    font-weight: 700
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper .comment-notes span {
    color: red
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form {
    margin-top: 20px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group {
    margin-bottom: 25px;
    text-align: start
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control {
    height: 55px;
    padding: 15px 20px;
    line-height: initial;
    color: #4B5563;
    background-color: #fff;
    box-shadow: unset;
    border-radius: 5px;
    transition: 0.7s
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::-moz-placeholder {
    color: #fff0;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::placeholder {
    color: #fff0;
    transition: 0.7s
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group textarea.form-control {
    min-height: 115px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating {
    text-align: left;
    overflow: hidden;
    max-width: 115px;
    margin-top: -5px;
    margin-bottom: 30px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label {
    float: right;
    position: relative;
    width: 23px;
    height: 23px;
    cursor: pointer
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:not(:first-of-type) {
    padding-right: 5px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:before {
    content: "★";
    transition: 0.7s;
    font-size: 25px;
    color: #4B5563;
    line-height: 1
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input {
    display: none
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input:checked~label:before,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked)>label:hover:before,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked)>label:hover~label:before {
    color: #FFAB31
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent input {
    margin-right: 5px;
    position: relative;
    accent-color: var(--main-color)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .default-btn {
    margin-top: 22px;
    border: none;
    padding: 15px 30px
}

.events-card {
    background-color: #fff;
    box-shadow: 0 4px 25px rgb(34 86 102 / .07);
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.7s
}

.events-card::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background-color: var(--main-color);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s
}

.events-card .content {
    padding: 0 20px 25px 20px;
    position: relative;
    margin-top: -15px
}

.events-card .content .date {
    display: inline-block;
    background-color: #00BED9;
    box-shadow: 0 4px 15px rgb(30 166 154 / .1);
    padding: 5px 10px;
    font-size: 15px;
    color: #fff;
    margin-bottom: 15px
}

.events-card .content h3,.events-card .content .h3 {
    font-size: 22px;
    margin-bottom: 14px;
    line-height: 1.4
}

.events-card .content span {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 15px
}

.events-card .content span i {
    font-size: 18px;
    color: var(--main-color);
    line-height: 1
}

.events-card:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible
}

.events-details-content {
    background-color: #F6F9FF;
    padding: 70px;
    max-width: 1000px;
    margin: 0 auto 100px;
    text-align: center;
    border-radius: 10px
}

.events-details-content .meta-list {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

.events-details-content .meta-list li {
    list-style-type: none;
    display: flex;
    gap: 7px;
    align-items: center
}

.events-details-content .meta-list li i {
    font-size: 18px;
    color: var(--main-color);
    line-height: 1
}

.events-details-content h3,.events-details-content .h3 {
    font-size: 38px;
    margin-bottom: 0
}

.events-details-content .timer {
    margin-top: 30px
}

.events-details-content .timer div {
    display: inline-block;
    color: var(--main-color);
    margin: 0 50px;
    line-height: 1;
    text-align: center;
    position: relative;
    font-size: 45px;
    font-weight: 800
}

.events-details-content .timer div:first-child {
    margin-left: 0
}

.events-details-content .timer div:last-child {
    margin-right: 0
}

.events-details-content .timer div:last-child::before {
    display: none
}

.events-details-content .timer div::before {
    position: absolute;
    content: ":";
    right: -60px;
    color: #E0DFE6;
    font-size: 45px;
    top: 0
}

.events-details-content .timer span {
    display: block;
    margin-top: 15px;
    color: #131F34;
    font-size: 18px;
    font-weight: 700
}

.events-details-desc img {
    border-radius: 5px
}

.events-details-desc h3,.events-details-desc .h3 {
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 17px
}

.events-details-desc p span {
    color: var(--main-color)
}

.events-details-desc .list-width {
    max-width: 645px
}

.events-details-desc .info-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.events-details-desc .info-list li {
    list-style-type: none;
    background: #F6F8FA;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    border-radius: 5px
}

.events-details-desc .info-list li i {
    color: var(--main-color);
    font-size: 20px;
    line-height: 1
}

.events-details-desc .info-list li span {
    color: #131F34;
    margin-left: 15px
}

.events-details-desc .info-list li:last-child {
    margin-bottom: 0
}

.events-details-desc .map {
    margin-top: 25px
}

.events-details-desc .map iframe {
    display: flex;
    width: 100%;
    height: 410px;
    border-radius: 5px
}

.events-details-desc .education-team-card {
    margin-top: 10px
}

.events-details-info {
    background: #E9F1FE;
    padding: 30px;
    border-radius: 5px;
    position: sticky;
    top: 130px
}

.events-details-info h3,.events-details-info .h3 {
    font-size: 24px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    position: relative
}

.events-details-info h3::before,.events-details-info .h3::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: var(--main-color);
    width: 40px;
    height: 2.5px;
    border-radius: 5px
}

.events-details-info .list {
    padding-left: 0;
    margin-bottom: 0
}

.events-details-info .list li {
    list-style-type: none;
    margin-bottom: 15px;
    color: #4B5563
}

.events-details-info .list li:last-child {
    margin-bottom: 0
}

.events-details-info .list li span {
    color: #131F34;
    font-weight: 600;
    margin-right: 5px
}

.events-details-info .list li a {
    color: #4B5563
}

.events-details-info .list li a:hover {
    color: var(--main-color)
}

.events-details-info .events-details-btn {
    margin-top: 30px
}

.events-details-info .events-details-btn .default-btn {
    width: 100%;
    border: none
}

.success-story-area .section-title {
    max-width: 750px
}

.success-story-play {
    text-align: center;
    position: relative
}

.success-story-play img {
    border-radius: 30px
}

.success-story-play .video-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: var(--main-color);
    border-radius: 50%;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 45px;
    transition: 0.7s
}

.success-story-play .video-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    animation: ripple 2s linear infinite;
    background: #fff0;
    border: 1px solid var(--main-color)
}

.success-story-play .video-btn:hover {
    background: var(--secondary-color)
}

.success-story-play .video-btn:hover::before {
    border: 1px solid var(--secondary-color)
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.75);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

.straight-quotes-area {
    background-color: #F6F9FF
}

.straight-quotes-content {
    max-width: 700px;
    margin: auto
}

.straight-quotes-content .quotes-image {
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    padding-bottom: 30px
}

.straight-quotes-content .quotes-image img {
    border: 2.5px solid #fff;
    filter: drop-shadow(0 4px 15px rgb(27 35 51 / .12));
    border-radius: 10px 65px 10px 10px
}

.straight-quotes-content .quotes-image .icon {
    position: absolute;
    right: 20px;
    bottom: 0;
    max-width: unset;
    max-height: unset;
    padding: unset
}

.straight-quotes-content .quotes-image .icon img {
    border: none;
    border-radius: 0
}

.straight-quotes-content .quotes-content p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    color: #131F34;
    font-family: "Manrope",sans-serif
}

.straight-quotes-content .quotes-content .info {
    margin-top: 25px
}

.straight-quotes-content .quotes-content .info h3,.straight-quotes-content .quotes-content .info .h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 5px
}

.straight-quotes-content .quotes-content .info span {
    font-size: 14px;
    color: #4B5563
}

.success-overview-content {
    border-bottom: 1px solid rgb(224 223 230 / .4);
    margin-bottom: 30px;
    padding-bottom: 30px
}

.success-overview-content .heading-content h3,.success-overview-content .heading-content .h3 {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 23.5px;
    line-height: 1.4;
    margin-bottom: 0
}

.success-overview-content .heading-content h3 i,.success-overview-content .heading-content .h3 i {
    font-size: 28px;
    color: var(--main-color)
}

.success-overview-content .paragraph-content {
    padding-left: 100px
}

.success-overview-content:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.improving-card {
    background: #F6F9FF;
    padding: 35px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.improving-card i {
    font-size: 35px;
    color: var(--main-color);
    line-height: 1;
    margin-bottom: 25px;
    display: inline-block
}

.improving-card h3,.improving-card .h3 {
    font-size: 23.5px;
    margin-bottom: 12px
}

.improving-card::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background-color: var(--main-color);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: 0.7s
}

.improving-card:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible
}

.membership-levels-table .table {
    margin-bottom: 0;
    border: 1px solid #F6F9FF
}

.membership-levels-table .table thead th {
    vertical-align: middle;
    background-color: var(--main-color);
    white-space: nowrap;
    padding: 25px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #131F34;
    border-bottom: none
}

.membership-levels-table .table thead th .desc-1 {
    color: #fff;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    display: block;
    line-height: 1
}

.membership-levels-table .table thead th .desc-2 {
    color: #fff;
    margin-top: 12px;
    margin-bottom: 5px;
    font-weight: 500;
    display: block
}

.membership-levels-table .table thead th .desc-3 {
    color: #fff;
    font-weight: 400;
    display: block
}

.membership-levels-table .table thead th:first-child {
    border-left: none
}

.membership-levels-table .table thead th:last-child {
    border-right: none
}

.membership-levels-table .table tbody tr td {
    padding: 20px 25px;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    text-align: center;
    font-weight: 600
}

.membership-levels-table .table tbody tr td a {
    color: #131F34
}

.membership-levels-table .table tbody tr td .default-btn {
    color: #fff
}

.membership-levels-table .table tbody tr td:first-child {
    text-align: start
}

.membership-levels-table .table tbody tr td.item-check i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    background-color: var(--tertiary-color);
    color: #fff;
    display: block;
    margin: 0 auto
}

.membership-levels-table .table tbody tr td.item-none i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    background-color: var(--secondary-color);
    color: #fff;
    display: block;
    margin: 0 auto
}

.membership-levels-table .table tbody:not(:first-child) {
    border-top: unset
}

.purchase-guide-content h3,.purchase-guide-content .h3 {
    margin-bottom: 15px;
    margin-top: 25px;
    font-size: 25.5px
}

.purchase-guide-content .blockquote,.purchase-guide-content blockquote {
    margin-bottom: 30px;
    background-color: #F6F9FF;
    padding: 25px
}

.purchase-guide-content .blockquote p,.purchase-guide-content blockquote p {
    margin-bottom: 0;
    line-height: 1.8
}

.purchase-guide-content .blockquote::after,.purchase-guide-content blockquote::after {
    display: none
}

.purchase-guide-content .blockquote::before,.purchase-guide-content blockquote::before {
    display: none
}

.purchase-guide-content ol,.purchase-guide-content ul {
    margin-bottom: 25px
}

.purchase-guide-content ol li,.purchase-guide-content ul li {
    margin-bottom: 10px;
    line-height: 1.8;
    color: #131F34
}

.privacy-policy-content h3,.privacy-policy-content .h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 25px
}

.privacy-policy-content .blockquote,.privacy-policy-content blockquote {
    margin-top: 25px;
    margin-bottom: 35px;
    background-color: #F6F9FF;
    text-align: start!important;
    padding: 25px!important;
    border-radius: 10px
}

.privacy-policy-content .blockquote p,.privacy-policy-content blockquote p {
    margin-bottom: 0;
    line-height: 1.9
}

.privacy-policy-content .blockquote::after,.privacy-policy-content blockquote::after {
    display: none
}

.privacy-policy-content .blockquote::before,.privacy-policy-content blockquote::before {
    display: none
}

.privacy-policy-content ol,.privacy-policy-content ul {
    margin-top: 20px
}

.privacy-policy-content ol li,.privacy-policy-content ul li {
    margin-bottom: 10px;
    color: #4B5563;
    line-height: 1.8
}

.terms-of-service-content h3,.terms-of-service-content .h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 25px
}

.terms-of-service-content .blockquote,.terms-of-service-content blockquote {
    margin-top: 25px;
    margin-bottom: 35px;
    background-color: #F6F9FF;
    text-align: start!important;
    padding: 25px!important;
    border-radius: 10px
}

.terms-of-service-content .blockquote p,.terms-of-service-content blockquote p {
    margin-bottom: 0;
    line-height: 1.9
}

.terms-of-service-content .blockquote::after,.terms-of-service-content blockquote::after {
    display: none
}

.terms-of-service-content .blockquote::before,.terms-of-service-content blockquote::before {
    display: none
}

.terms-of-service-content ol,.terms-of-service-content ul {
    margin-top: 20px
}

.terms-of-service-content ol li,.terms-of-service-content ul li {
    margin-bottom: 10px;
    color: #4B5563;
    line-height: 1.8
}

.not-found-content img {
    margin-bottom: 35px
}

.not-found-content h3,.not-found-content .h3 {
    font-size: 37px;
    margin-bottom: 30px
}

.blog-details-desc img {
    border-radius: 15px
}

.blog-details-desc .content {
    margin-top: 25px;
    border-bottom: 1px solid #E9F1FE;
    padding-bottom: 40px;
    margin-bottom: 45px
}

.blog-details-desc .content .tag-btn {
    display: inline-flex;
    padding: 5px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background-color: #EAF2FF;
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    transition: 0.7s;
    margin-bottom: 15px
}

.blog-details-desc .content .tag-btn:hover {
    background-color: var(--main-color);
    color: #fff
}

.blog-details-desc .content h3,.blog-details-desc .content .h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 17px;
    line-height: 1.4
}

.blog-details-desc .content .meta {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.blog-details-desc .content .meta li {
    list-style-type: none;
    display: flex;
    gap: 7px;
    align-items: center;
    position: relative;
    margin-right: 30px;
    font-size: 15px
}

.blog-details-desc .content .meta li.user-btn {
    display: flex;
    gap: 10px;
    align-items: center
}

.blog-details-desc .content .meta li.user-btn img {
    max-width: 30px
}

.blog-details-desc .content .meta li.user-btn a {
    color: #63667D
}

.blog-details-desc .content .meta li.user-btn a:hover {
    color: var(--main-color)
}

.blog-details-desc .content .meta li span {
    font-size: 15px
}

.blog-details-desc .content .meta li::before {
    position: absolute;
    content: "";
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #D9D9D9
}

.blog-details-desc .content .meta li:last-child {
    margin-right: 0
}

.blog-details-desc .content .meta li:last-child::before {
    display: none
}

.blog-details-desc .items .item {
    margin-bottom: 30px
}

.blog-details-desc .items .item h3,.blog-details-desc .items .item .h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px
}

.blog-details-desc .items .item img {
    border-radius: 10px
}

.blog-details-desc .items .item:last-child {
    margin-bottom: 0
}

.blog-details-desc .reply-form {
    background: #E9F1FE;
    border-radius: 15px;
    padding: 85px;
    margin-top: 50px
}

.blog-details-desc .reply-form .reply-content {
    margin-bottom: 35px
}

.blog-details-desc .reply-form .reply-content h3,.blog-details-desc .reply-form .reply-content .h3 {
    font-size: 38px;
    margin-bottom: 15px;
    font-weight: 500
}

.blog-details-desc .reply-form .reply-content p {
    margin-bottom: 0
}

.blog-details-desc .reply-form .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #131F34;
    font-weight: 600
}

.blog-details-desc .reply-form .form-group .form-control {
    display: inline-block;
    height: 57px;
    background-color: #fff;
    color: #63667D;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #A4BDE7;
    border-radius: 5px;
    padding: 15px 20px;
    transition: 0.7s;
    font-size: 15px
}

.blog-details-desc .reply-form .form-group .form-control::-moz-placeholder {
    color: #63667D;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.blog-details-desc .reply-form .form-group .form-control::placeholder {
    color: #63667D;
    transition: 0.7s
}

.blog-details-desc .reply-form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.blog-details-desc .reply-form .form-group .form-control:focus::-moz-placeholder {
    color: #fff0
}

.blog-details-desc .reply-form .form-group .form-control:focus::placeholder {
    color: #fff0
}

.blog-details-desc .reply-form .form-group textarea.form-control {
    min-height: 110px
}

.blog-details-desc .reply-form .options input[type=checkbox] {
    margin-right: 8px;
    accent-color: var(--main-color)
}

.blog-details-desc .reply-form .default-btn {
    border: none
}

.contact-info-card {
    border-radius: 10px;
    background-color: #E9F1FE;
    text-align: center;
    padding: 35px 40px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.contact-info-card .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 92px;
    width: 92px;
    background-color: var(--main-color);
    border-radius: 100px;
    margin: 0 auto 25px;
    max-width: unset;
    max-height: unset;
    padding: unset
}

.contact-info-card .icon.bg2 {
    background-color: var(--secondary-color)
}

.contact-info-card .icon.bg3 {
    background-color: #1BC9E4
}

.contact-info-card .icon.bg4 {
    background-color: var(--tertiary-color)
}

.contact-info-card h3,.contact-info-card .h3 {
    font-size: 20px;
    margin-bottom: 12px
}

.contact-info-card p {
    font-size: 17px
}

.contact-info-card p a {
    display: block;
    color: #63667D
}

.contact-info-card p a:hover {
    color: var(--main-color)
}

.contact-info-card::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: var(--main-color);
    transition: 0.7s
}

.contact-info-card:hover::before {
    width: 100%
}

.map-area iframe {
    display: flex;
    width: 100%;
    height: 675px
}

.contact-us-form {
    background: #E9F1FE;
    padding: 50px;
    border-radius: 10px;
    max-width: 930px;
    margin: auto
}

.contact-us-form h3,.contact-us-form .h3 {
    font-size: 25px;
    margin-bottom: 30px
}

.contact-us-form .form-group {
    margin-bottom: 25px
}

.contact-us-form .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #131F34;
    font-weight: 600
}

.contact-us-form .form-group .form-control {
    display: inline-block;
    height: 57px;
    background-color: #fff;
    color: #63667D;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #A4BDE7;
    border-radius: 5px;
    padding: 15px 20px;
    transition: 0.7s;
    font-size: 15px
}

.contact-us-form .form-group .form-control::-moz-placeholder {
    color: #63667D;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.contact-us-form .form-group .form-control::placeholder {
    color: #63667D;
    transition: 0.7s
}

.contact-us-form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.contact-us-form .form-group .form-control:focus::-moz-placeholder {
    color: #fff0
}

.contact-us-form .form-group .form-control:focus::placeholder {
    color: #fff0
}

.contact-us-form .form-group textarea.form-control {
    min-height: 110px
}

.contact-us-form .default-btn {
    border: none
}

.course-details-area {
    position: relative;
    z-index: 11
}

.course-details-desc {
    max-width: 750px
}

.course-details-desc .nav {
    display: flex;
    border: none;
    border-bottom: 1px solid #D0DBFF;
    justify-content: space-between;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0
}

.course-details-desc .nav .nav-item {
    margin-right: 65px
}

.course-details-desc .nav .nav-item .nav-link {
    background-color: #fff0;
    border: none;
    font-size: 20px;
    font-weight: 500;
    color: #131F34;
    padding: 0 0 20px 0;
    position: relative;
    transition: 0.7s
}

.course-details-desc .nav .nav-item .nav-link::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0%;
    background-color: var(--main-color);
    transition: 0.7s
}

.course-details-desc .nav .nav-item .nav-link:hover,.course-details-desc .nav .nav-item .nav-link.active {
    color: var(--main-color);
    font-weight: 600
}

.course-details-desc .nav .nav-item .nav-link:hover::before,.course-details-desc .nav .nav-item .nav-link.active::before {
    width: 100%
}

.course-details-desc .nav .nav-item:last-child {
    margin-right: 0
}

.course-details-desc .courses-overview h2,.course-details-desc .courses-overview .h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.course-details-desc .courses-overview h3,.course-details-desc .courses-overview .h3 {
    font-size: 24px;
    margin-top: 35px;
    margin-bottom: 17px
}

.course-details-desc .courses-overview .list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.course-details-desc .courses-overview .list li {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px
}

.course-details-desc .courses-overview .list li:last-child {
    margin-bottom: 0
}

.course-details-desc .courses-overview.with-gap {
    margin-bottom: 70px
}

.course-details-desc .curriculum h2,.course-details-desc .curriculum .h2 {
    font-size: 24px;
    margin-bottom: 30px
}

.course-details-desc .curriculum .items .item {
    border: 1px solid #D0DBFF;
    padding: 30px;
    margin-bottom: 30px
}

.course-details-desc .curriculum .items .item .curriculum-title {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px
}

.course-details-desc .curriculum .items .item .curriculum-title .left {
    display: flex;
    gap: 15px;
    align-items: center
}

.course-details-desc .curriculum .items .item .curriculum-title .left h5,.course-details-desc .curriculum .items .item .curriculum-title .left .h5 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500
}

.course-details-desc .curriculum .items .item .curriculum-title .right {
    display: flex;
    gap: 30px;
    align-items: center
}

.course-details-desc .curriculum .items .item .curriculum-title .right span {
    color: #131F34
}

.course-details-desc .curriculum .items .item .curriculum-title .right span b {
    font-weight: 500
}

.course-details-desc .curriculum .items .item .lesson-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.course-details-desc .curriculum .items .item .lesson-list li {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    border-top: 1px solid #D0DBFF;
    padding-top: 12px;
    margin-top: 12px
}

.course-details-desc .curriculum .items .item .lesson-list li .left {
    display: flex;
    gap: 12px;
    align-items: center
}

.course-details-desc .curriculum .items .item .lesson-list li .left a {
    color: #63667D
}

.course-details-desc .curriculum .items .item .lesson-list li .left a:hover {
    color: var(--main-color)
}

.course-details-desc .curriculum .items .item .lesson-list li .right {
    display: flex;
    gap: 10px;
    align-items: center
}

.course-details-desc .curriculum .items .item .lesson-list li .right .preview-btn {
    display: flex;
    gap: 5px;
    align-items: center;
    background-color: var(--main-color);
    padding: 7px 8px;
    font-size: 14px;
    border-radius: 3px;
    color: #fff;
    line-height: 1;
    transition: 0.7s
}

.course-details-desc .curriculum .items .item .lesson-list li .right .preview-btn:hover {
    background-color: var(--secondary-color)
}

.course-details-desc .curriculum .items .item .lesson-list li .right .time {
    display: flex;
    align-items: center;
    background-color: #FFEAE4;
    padding: 7px 8px;
    font-size: 14px;
    border-radius: 3px;
    color: var(--secondary-color);
    line-height: 1;
    transition: 0.7s;
    cursor: pointer
}

.course-details-desc .curriculum .items .item .lesson-list li .right .time:hover {
    background-color: var(--secondary-color);
    color: #fff
}

.course-details-desc .curriculum .items .item .lesson-list li .right .locked {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 7px;
    border-radius: 3px;
    border: 1px solid var(--main-color);
    cursor: pointer
}

.course-details-desc .curriculum .items .item .lesson-list li:first-child {
    margin-top: 0
}

.course-details-desc .curriculum .items .item:last-child {
    margin-bottom: 0
}

.course-details-desc .curriculum.with-gap {
    margin-bottom: 70px
}

.course-details-desc .instructor h2,.course-details-desc .instructor .h2 {
    font-size: 24px;
    margin-bottom: 30px
}

.course-details-desc .instructor .i-image img {
    border-radius: 10px
}

.course-details-desc .instructor .i-content {
    padding-left: 20px
}

.course-details-desc .instructor .i-content h3,.course-details-desc .instructor .i-content .h3 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 500;
    color: var(--main-color)
}

.course-details-desc .instructor .i-content .sub {
    display: block;
    margin-top: 7px
}

.course-details-desc .instructor .i-content .list {
    margin-top: 30px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.course-details-desc .instructor .i-content .list li {
    display: flex;
    gap: 20px;
    align-items: center;
    list-style-type: none;
    margin-bottom: 20px
}

.course-details-desc .instructor .i-content .list li b {
    color: #131F34;
    font-weight: 600
}

.course-details-desc .instructor .i-content .list li b span {
    color: #63667D;
    font-weight: 400
}

.course-details-desc .instructor .i-content .list li:last-child {
    margin-bottom: 0
}

.course-details-desc .instructor .text {
    margin-top: 35px
}

.course-details-desc .instructor.with-gap {
    margin-bottom: 70px
}

.course-details-desc .reviews h2,.course-details-desc .reviews .h2 {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 24px;
    margin-bottom: 30px
}

.course-details-desc .reviews h2 span,.course-details-desc .reviews .h2 span {
    font-size: 20px;
    font-weight: 400;
    color: #63667D
}

.course-details-desc .reviews h2 span b,.course-details-desc .reviews .h2 span b {
    font-weight: 500;
    color: #131F34
}

.course-details-desc .reviews .review-card .title {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px
}

.course-details-desc .reviews .review-card .title .left h5,.course-details-desc .reviews .review-card .title .left .h5 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    border-radius: 5px;
    background-color: #E9F1FE;
    font-size: 20px
}

.course-details-desc .reviews .review-card .title .right h3,.course-details-desc .reviews .review-card .title .right .h3 {
    font-size: 18px;
    margin-bottom: 7px
}

.course-details-desc .reviews .review-card .title .right .list {
    display: flex;
    gap: 2px;
    margin-bottom: 0;
    line-height: 1;
    padding-left: 0;
    padding-right: 0
}

.course-details-desc .reviews .review-card .title .right .list li {
    list-style-type: none
}

.course-details-desc .reviews .review-card .title .right .list li i {
    color: var(--secondary-color)
}

.course-details-desc .reviews .review-card p {
    margin-bottom: 0
}

.course-details-desc .reviews .review-form {
    background: #E9F1FE;
    padding: 50px;
    border-radius: 10px;
    margin-top: 50px
}

.course-details-desc .reviews .review-form h3,.course-details-desc .reviews .review-form .h3 {
    font-size: 23.5px;
    margin-bottom: 30px
}

.course-details-desc .reviews .review-form .form-group {
    margin-bottom: 25px
}

.course-details-desc .reviews .review-form .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #131F34;
    font-weight: 600
}

.course-details-desc .reviews .review-form .form-group .form-control {
    display: inline-block;
    height: 57px;
    background-color: #fff;
    color: #63667D;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #A4BDE7;
    border-radius: 5px;
    padding: 15px 20px;
    transition: 0.7s;
    font-size: 15px
}

.course-details-desc .reviews .review-form .form-group .form-control::-moz-placeholder {
    color: #63667D;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.course-details-desc .reviews .review-form .form-group .form-control::placeholder {
    color: #63667D;
    transition: 0.7s
}

.course-details-desc .reviews .review-form .form-group .form-control:focus {
    border: 1px solid var(--main-color)
}

.course-details-desc .reviews .review-form .form-group .form-control:focus::-moz-placeholder {
    color: #fff0
}

.course-details-desc .reviews .review-form .form-group .form-control:focus::placeholder {
    color: #fff0
}

.course-details-desc .reviews .review-form .form-group textarea.form-control {
    min-height: 110px
}

.course-details-desc .reviews .review-form .default-btn {
    border: none
}

.course-details-sidebar {
    background: #FFF;
    border-radius: 15px
}

.course-details-sidebar .c-image {
    position: relative
}

.course-details-sidebar .c-image img {
    border-radius: 10px
}

.course-details-sidebar .c-image .video-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    background-color: rgb(255 165 0 / .8);
    -webkit-backdrop-filter: blur(.9px);
    backdrop-filter: blur(.9px);
    margin: auto;
    border-radius: 50%;
    transition: all 0.4s ease;
    box-shadow: 0 0 10px rgb(255 165 0 / .5)
}

.course-details-sidebar .c-image .video-btn:hover {
    transform: translateY(-50%) scale(1.1) rotate(5deg);
    background-color: rgb(255 140 0 / .9);
    box-shadow: 0 0 20px rgb(255 140 0 / .8),0 0 40px rgb(255 140 0 / .5);
    filter: brightness(1.1);
    animation: pulse 1s infinite ease-in-out
}

@keyframes pulse {
    0% {
        transform: translateY(-50%) scale(1.1) rotate(5deg)
    }

    50% {
        transform: translateY(-50%) scale(1.15) rotate(-5deg)
    }

    100% {
        transform: translateY(-50%) scale(1.1) rotate(5deg)
    }
}

.course-details-sidebar .c-content h3,.course-details-sidebar .c-content .h3 {
    font-size: 24px;
    margin-bottom: 25px
}

.course-details-sidebar .c-content .list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.course-details-sidebar .c-content .list li {
    list-style-type: none;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #D0DBFF;
    padding-top: 20px;
    margin-top: 20px
}

.course-details-sidebar .c-content .list li .left {
    display: flex;
    gap: 10px;
    align-items: center
}

.course-details-sidebar .c-content .list li .left span {
    font-weight: 500;
    color: #131F34
}

.course-details-sidebar .c-content .list li .right .price {
    font-size: 20px;
    color: var(--main-color);
    font-weight: 600
}

.course-details-sidebar .c-content .list li .right span {
    font-weight: 600;
    color: #131F34
}

.course-details-sidebar .c-content .list li .right span a {
    color: #131F34
}

.course-details-sidebar .c-content .list li .right span a:hover {
    color: var(--main-color)
}

.course-details-sidebar .c-content .list li:first-child {
    margin-top: 0
}

.course-details-sidebar .c-content .list li:last-child {
    border-bottom: 1px solid #D0DBFF;
    padding-bottom: 20px
}

.course-details-sidebar .c-content .btn-list {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.course-details-sidebar .c-content .btn-list li {
    list-style-type: none;
    margin-bottom: 10px
}

.course-details-sidebar .c-content .btn-list li .default-btn {
    width: 100%
}

.course-details-sidebar .c-content .share-info {
    margin-top: 30px
}

.course-details-sidebar .c-content .share-info h4,.course-details-sidebar .c-content .share-info .h4 {
    font-size: 20px;
    margin-bottom: 15px
}

.course-details-sidebar .c-content .share-info .social-list {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.course-details-sidebar .c-content .share-info .social-list li {
    list-style-type: none;
    margin-right: 12px
}

.course-details-sidebar .c-content .share-info .social-list li a i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    border-radius: 5px;
    background-color: #F6F9FF;
    color: #63667D;
    font-size: 20px;
    transition: 0.7s
}

.course-details-sidebar .c-content .share-info .social-list li a i:hover {
    background-color: var(--main-color);
    color: #fff
}

.course-details-sidebar .c-content .share-info .social-list li:last-child {
    margin-right: 0
}

.showing-courses-bar {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px
}

.showing-courses-bar .results-text {
    font-size: 18px;
    font-weight: 500;
    color: #131F34
}

.showing-courses-bar .results-text span {
    color: var(--main-color);
    font-weight: 600
}

.showing-courses-bar .search-sort-wrapper {
    display: flex;
    gap: 15px;
    align-items: center
}

.showing-courses-bar .search-sort-wrapper .search-box {
    position: relative;
    width: 280px
}

.showing-courses-bar .search-sort-wrapper .search-box .form-control {
    border: none;
    display: inline-block;
    height: 55px;
    border-radius: 30px;
    background-color: #E9F1FE;
    box-shadow: unset;
    outline: 0;
    color: #4B5563;
    transition: 0.7s;
    padding: 10px 70px 10px 20px;
    font-size: 14px
}

.showing-courses-bar .search-sort-wrapper .search-box .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.showing-courses-bar .search-sort-wrapper .search-box .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.showing-courses-bar .search-sort-wrapper .search-box .form-control:focus::-moz-placeholder {
    color: #fff0
}

.showing-courses-bar .search-sort-wrapper .search-box .form-control:focus::placeholder {
    color: #fff0
}

.showing-courses-bar .search-sort-wrapper .search-box button {
    padding: 0;
    background-color: #fff0;
    border: none;
    color: #131F34;
    transition: 0.7s;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0
}

.showing-courses-bar .search-sort-wrapper .search-box button:hover {
    color: var(--main-color)
}

.showing-courses-bar .search-sort-wrapper .sort-dropdown {
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #63667D
}

.showing-courses-bar .search-sort-wrapper .sort-dropdown label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #63667D;
    margin-bottom: 5px
}

.showing-courses-bar .search-sort-wrapper .sort-dropdown .form-select {
    background-color: #fff0;
    border: none;
    outline: 0;
    box-shadow: unset;
    padding: 0 35px 0 0;
    background-position: right 0 center;
    cursor: pointer;
    color: #131F34;
    font-weight: 500;
    font-size: 15px
}

.showing-courses-bar .search-sort-wrapper .sort-dropdown .form-select option {
    color: #63667D;
    font-size: 14px
}

.showing-courses-bar .search-sort-wrapper .view-list {
    display: flex;
    gap: 15px;
    align-items: center
}

.showing-courses-bar .search-sort-wrapper .view-list .left span {
    font-size: 13px;
    font-weight: 500;
    color: #63667D;
    display: block;
    margin-bottom: 5px
}

.showing-courses-bar .search-sort-wrapper .view-list .left h5,.showing-courses-bar .search-sort-wrapper .view-list .left .h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0
}

.showing-courses-bar .search-sort-wrapper .view-list .right {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.showing-courses-bar .search-sort-wrapper .view-list .right li {
    list-style-type: none
}

.showing-courses-bar .search-sort-wrapper .view-list .right li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #63667D;
    padding: 22px;
    border-radius: 5px;
    transition: 0.7s
}

.showing-courses-bar .search-sort-wrapper .view-list .right li a svg path {
    transition: 0.7s
}

.showing-courses-bar .search-sort-wrapper .view-list .right li a:hover,.showing-courses-bar .search-sort-wrapper .view-list .right li a.active {
    border: 1px solid var(--main-color)
}

.showing-courses-bar .search-sort-wrapper .view-list .right li a:hover svg path,.showing-courses-bar .search-sort-wrapper .view-list .right li a.active svg path {
    stroke: var(--main-color);
    fill: var(--main-color)
}

.showing-team-bar {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px
}

.showing-team-bar .results-text {
    font-size: 18px;
    font-weight: 500;
    color: #131F34
}

.showing-team-bar .results-text span {
    color: var(--main-color);
    font-weight: 600
}

.showing-team-bar .search-sort-wrapper {
    display: flex;
    gap: 15px;
    align-items: center
}

.showing-team-bar .search-sort-wrapper .search-box {
    position: relative;
    width: 280px
}

.showing-team-bar .search-sort-wrapper .search-box .form-control {
    border: none;
    display: inline-block;
    height: 55px;
    border-radius: 30px;
    background-color: #E9F1FE;
    box-shadow: unset;
    outline: 0;
    color: #4B5563;
    transition: 0.7s;
    padding: 10px 70px 10px 20px;
    font-size: 14px
}

.showing-team-bar .search-sort-wrapper .search-box .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.showing-team-bar .search-sort-wrapper .search-box .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.showing-team-bar .search-sort-wrapper .search-box .form-control:focus::-moz-placeholder {
    color: #fff0
}

.showing-team-bar .search-sort-wrapper .search-box .form-control:focus::placeholder {
    color: #fff0
}

.showing-team-bar .search-sort-wrapper .search-box button {
    padding: 0;
    background-color: #fff0;
    border: none;
    color: #131F34;
    transition: 0.7s;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0
}

.showing-team-bar .search-sort-wrapper .search-box button:hover {
    color: var(--main-color)
}

.showing-team-bar .search-sort-wrapper .sort-dropdown {
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #63667D
}

.showing-team-bar .search-sort-wrapper .sort-dropdown label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #63667D;
    margin-bottom: 5px
}

.showing-team-bar .search-sort-wrapper .sort-dropdown .form-select {
    background-color: #fff0;
    border: none;
    outline: 0;
    box-shadow: unset;
    padding: 0 35px 0 0;
    background-position: right 0 center;
    cursor: pointer;
    color: #131F34;
    font-weight: 500;
    font-size: 15px
}

.showing-team-bar .search-sort-wrapper .sort-dropdown .form-select option {
    color: #63667D;
    font-size: 14px
}

.showing-products-bar {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px
}

.showing-products-bar .results-text {
    font-size: 18px;
    font-weight: 500;
    color: #131F34
}

.showing-products-bar .results-text span {
    color: var(--main-color);
    font-weight: 600
}

.showing-products-bar .search-sort-wrapper {
    display: flex;
    gap: 15px;
    align-items: center
}

.showing-products-bar .search-sort-wrapper .search-box {
    position: relative;
    width: 280px
}

.showing-products-bar .search-sort-wrapper .search-box .form-control {
    border: none;
    display: inline-block;
    height: 55px;
    border-radius: 30px;
    background-color: #E9F1FE;
    box-shadow: unset;
    outline: 0;
    color: #4B5563;
    transition: 0.7s;
    padding: 10px 70px 10px 20px;
    font-size: 14px
}

.showing-products-bar .search-sort-wrapper .search-box .form-control::-moz-placeholder {
    color: #4B5563;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.showing-products-bar .search-sort-wrapper .search-box .form-control::placeholder {
    color: #4B5563;
    transition: 0.7s
}

.showing-products-bar .search-sort-wrapper .search-box .form-control:focus::-moz-placeholder {
    color: #fff0
}

.showing-products-bar .search-sort-wrapper .search-box .form-control:focus::placeholder {
    color: #fff0
}

.showing-products-bar .search-sort-wrapper .search-box button {
    padding: 0;
    background-color: #fff0;
    border: none;
    color: #131F34;
    transition: 0.7s;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0
}

.showing-products-bar .search-sort-wrapper .search-box button:hover {
    color: var(--main-color)
}

.showing-products-bar .search-sort-wrapper .sort-dropdown {
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #63667D
}

.showing-products-bar .search-sort-wrapper .sort-dropdown label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #63667D;
    margin-bottom: 5px
}

.showing-products-bar .search-sort-wrapper .sort-dropdown .form-select {
    background-color: #fff0;
    border: none;
    outline: 0;
    box-shadow: unset;
    padding: 0 35px 0 0;
    background-position: right 0 center;
    cursor: pointer;
    color: #131F34;
    font-weight: 500;
    font-size: 15px
}

.showing-products-bar .search-sort-wrapper .sort-dropdown .form-select option {
    color: #63667D;
    font-size: 14px
}

.widget-area {
    background: #F6F9FF;
    padding: 40px 35px;
    border-radius: 10px;
    position: sticky;
    top: 120px
}

.widget-area .widget {
    margin-bottom: 45px
}

.widget-area .widget .widget-title {
    font-size: 23.5px;
    font-weight: 600;
    margin-bottom: 25px
}

.widget-area .widget:last-child {
    margin-bottom: 0
}

.widget-area .widget_search form {
    position: relative
}

.widget-area .widget_search form .form-control {
    display: inline-block;
    width: 100%;
    height: 57px;
    border-radius: 5px;
    outline: 0;
    box-shadow: unset;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 15px 75px 15px 20px;
    transition: 0.7s;
    color: #4B5563;
    font-size: 14px
}

.widget-area .widget_search form .form-control::-moz-placeholder {
    -moz-transition: 0.7s;
    transition: 0.7s;
    color: #4B5563
}

.widget-area .widget_search form .form-control::placeholder {
    transition: 0.7s;
    color: #4B5563
}

.widget-area .widget_search form .form-control:focus {
    border: 1px solid var(--main-color)
}

.widget-area .widget_search form .form-control:focus::-moz-placeholder {
    color: #fff0
}

.widget-area .widget_search form .form-control:focus::placeholder {
    color: #fff0
}

.widget-area .widget_search form button {
    background-color: #fff0;
    border: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    line-height: 1
}

.widget-area .widget_posts_thumb .item {
    margin-bottom: 25px
}

.widget-area .widget_posts_thumb .item .thumb img {
    border-radius: 5px;
    max-width: 85px
}

.widget-area .widget_posts_thumb .item .info .title {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 500;
    font-size: 18px
}

.widget-area .widget_posts_thumb .item .info span {
    display: flex;
    gap: 7px;
    align-items: center;
    font-size: 14px;
    margin-top: 10px;
    line-height: 1
}

.widget-area .widget_posts_thumb .item .info span i {
    font-size: 18px;
    color: var(--main-color)
}

.widget-area .widget_posts_thumb .item:last-child {
    margin-bottom: 0
}

.widget-area .widget_categories .list {
    padding-left: 0;
    margin-bottom: 0
}

.widget-area .widget_categories .list li {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 13px;
    margin-bottom: 13px;
    font-size: 18px;
    font-weight: 500
}

.widget-area .widget_categories .list li a {
    color: #131F34
}

.widget-area .widget_categories .list li a:hover {
    color: var(--main-color)
}

.widget-area .widget_categories .list li span {
    color: #63667D
}

.widget-area .widget_categories .list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.widget-area .widget_tag_cloud .tag-cloud {
    margin-top: -8px
}

.widget-area .widget_tag_cloud .tag-cloud a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 50px;
    background-color: #fff;
    color: #63667D;
    font-size: 18px;
    transition: 0.7s;
    margin-top: 8px;
    margin-right: 7px
}

.widget-area .widget_tag_cloud .tag-cloud a:hover {
    background-color: var(--main-color);
    color: #fff
}

.filter-wrapper {
    background-color: #fff;
    border: 1px solid #EAF2FF;
    box-shadow: 0 344px 96px 0 #fff0,0 220px 88px 0 rgb(0 0 0 / .01),0 124px 74px 0 rgb(0 0 0 / .03),0 55px 55px 0 rgb(0 0 0 / .05),0 14px 30px 0 rgb(0 0 0 / .06);
    padding: 30px;
    border-radius: 15px
}

.filter-wrapper .title {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.filter-wrapper .accordion .accordion-item {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.filter-wrapper .accordion .accordion-item .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #131F34;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer
}

.filter-wrapper .accordion .accordion-item .accordion-header i {
    color: #63667D
}

.filter-wrapper .accordion .accordion-item .accordion-content {
    display: none;
    margin-top: 20px
}

.filter-wrapper .accordion .accordion-item .accordion-content .filter-options .extra-option {
    display: none
}

.filter-wrapper .accordion .accordion-item .accordion-content .filter-options.expanded .extra-option {
    display: block
}

.filter-wrapper .accordion .accordion-item .accordion-content .filter-options label:last-child {
    margin-bottom: 15px
}

.filter-wrapper .accordion .accordion-item .accordion-content label {
    display: block;
    cursor: pointer;
    color: #63667D;
    margin-bottom: 15px
}

.filter-wrapper .accordion .accordion-item .accordion-content label:last-child {
    margin-bottom: 0
}

.filter-wrapper .accordion .accordion-item .accordion-content input[type=checkbox] {
    margin-right: 8px;
    transform: scale(1.1);
    accent-color: var(--main-color)
}

.filter-wrapper .accordion .accordion-item .accordion-content .show-more {
    display: inline-flex;
    align-items: center;
    color: var(--main-color);
    font-size: 15px;
    cursor: pointer;
    position: relative;
    padding-right: 25px;
    line-height: 1
}

.filter-wrapper .accordion .accordion-item .accordion-content .show-more::before {
    position: absolute;
    content: "\ea4e";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "remixicon"!important;
    font-size: 20px
}

.filter-wrapper .accordion .accordion-item.active .accordion-content {
    display: block
}

.filter-wrapper .accordion .accordion-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.footer-area {
    overflow: hidden;
    background: linear-gradient(180deg,var(--footerBG) 0%,var(--footerBG2) 50%,var(--footerBG3) 100%)
}

.footer-area.wrap-style2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(180deg,#FFF1EE 6.03%,#FBF9FF 55.53%,#C2FFF3 105.03%);
    padding-top: 270px
}

.footer-area.wrap-style3 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(102deg,#F5F0FF 2.94%,#F3F5FF 26.23%,#FFF8EE 53.32%,#EBFDFF 91%);
    padding-top: 165px
}

.footer-area.wrap-style3 .footer-rectangle {
    top: 0
}

.single-footer-widget .widget-logo {
    display: block;
    margin-bottom: 30px
}

.single-footer-widget h3,.single-footer-widget .h3 {
    font-size: 24px;
    margin-bottom: 30px
}

.single-footer-widget .social-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.single-footer-widget .social-list li {
    list-style-type: none;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block
}

.single-footer-widget .social-list li a {
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    background-color: #fff;
    /* line-height: 47px; */
    text-align: center;
    border-radius: 5px;
    padding-top: 15px;
}

.single-footer-widget .social-list li a i {
    color: var(--main-color)
}

.single-footer-widget .social-list li a svg {
    fill: var(--main-color);
    height: 19px
}

.single-footer-widget .social-list li a:hover {
    animation: animate__jello 1s;
    animation-name: jello;
    animation-duration: 1s
}

.single-footer-widget .social-list li:last-child {
    margin-right: 0
}

.single-footer-widget.left-gap {
    padding-left: 85px
}

.single-footer-widget .newsletter-form p {
    font-size: 14px;
    margin-bottom: 20px
}

.single-footer-widget .newsletter-form form {
    position: relative;
    padding-right: 155px
}

.single-footer-widget .newsletter-form form .form-control {
    display: inline-block;
    height: 55px;
    background-color: #fff;
    border: none;
    box-shadow: unset;
    outline: 0;
    border-radius: 5px;
    color: #A4BDE7;
    transition: 0.7s;
    padding: 10px 25px
}

.single-footer-widget .newsletter-form form .form-control::-moz-placeholder {
    color: #A4BDE7;
    -moz-transition: 0.7s;
    transition: 0.7s
}

.single-footer-widget .newsletter-form form .form-control::placeholder {
    color: #A4BDE7;
    transition: 0.7s
}

.single-footer-widget .newsletter-form form .form-control:focus::-moz-placeholder {
    color: #fff0
}

.single-footer-widget .newsletter-form form .form-control:focus::placeholder {
    color: #fff0
}

.single-footer-widget .newsletter-form form .default-btn {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 55px;
    gap: 10px;
    padding: 15px 22px
}

.single-footer-widget .links-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.single-footer-widget .links-list li {
    list-style-type: none;
    margin-bottom: 15px;
    font-family: "Inter",sans-serif;
    font-size: 15px
}

.single-footer-widget .links-list li a {
    color: #63667D
}

.single-footer-widget .links-list li a:hover {
    color: var(--main-color)
}

.single-footer-widget .links-list li:last-child {
    margin-bottom: 0
}

.single-footer-widget .info-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.single-footer-widget .info-list li {
    list-style-type: none;
    margin-bottom: 17px;
    font-family: "Inter",sans-serif;
    font-size: 15px
}

.single-footer-widget .info-list li span {
    display: block;
    margin-bottom: 5px
}

.single-footer-widget .info-list li a {
    color: var(--main-color);
    text-decoration-line: underline
}

.single-footer-widget .info-list li a:hover {
    color: var(--secondary-color)
}

.single-footer-widget .info-list li:last-child {
    margin-bottom: 0
}

.copyright-area {
    text-align: center;
    border-top: 1px solid #ECEFF1;
    padding-top: 25px;
    padding-bottom: 25px
}

.copyright-area p {
    margin-bottom: 0
}

.copyright-area p span {
    color: var(--main-color);
    font-weight: 500
}

.copyright-area p a {
    color: var(--main-color);
    font-weight: 500
}

.copyright-area p a:hover {
    color: var(--secondary-color)
}

.footer-rectangle {
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    z-index: -1
}

.footer-rectangle img {
    width: 100%
}

.pagination-area {
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: 30px
}

.pagination-area a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    font-weight: 600;
    font-size: 18px;
    background-color: #F6F9FF;
    color: #63667D;
    border-radius: 5px;
    transition: 0.7s;
    margin: 0 5px
}

.pagination-area a svg path {
    transition: 0.7s
}

.pagination-area a:hover,.pagination-area a.active {
    background-color: var(--main-color);
    color: #fff
}

.pagination-area a:hover svg path,.pagination-area a.active svg path {
    stroke: #fff
}

.pagination-area a:first-child {
    margin-left: 0
}

.pagination-area a:last-child {
    margin-right: 0
}

#back-to-top {
    opacity: 0;
    right: 20px;
    z-index: 99;
    bottom: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 25px;
    transition: 0.7s;
    background: var(--main-color);
    color: #fff;
    border-radius: 50%
}

#back-to-top.show {
    opacity: 1;
    pointer-events: auto;
}

#back-to-top:hover {
    background: var(--secondary-color)
}

ul.navbar-nav.ms-auto {
    margin-right: 20px
}

.single-footer-widget .newsletter-form .alert {
    padding: 7px 15px;
    margin-top: 9px!important
}

.no-courses-lq {
    padding-left: 30px!important;
    padding-top: 30px!important
}

.ot-team-card .image .share-btn .list li i {
    font-size: 20px
}

.wrap-style-skip .wrap-style {
    margin-top: 0
}

.education-blog-card .content .meta svg {
    position: relative;
    top: -2px
}

.lq-header-style-two .container {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

.notloggedin .lq-header-style-two .container {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1320px
}

#page-enrol-index .page-banner-area {
    display: none
}

#page-enrol-index .page-banner-area.course-details-banner {
    display: block
}

#page-enrol-index div#page {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding-top: 0!important;
    border: none
}

#page-enrol-index header#page-header {
    display: none
}

#page-enrol-index #region-main-box>.row>.col-lg-12 {
    padding-left: 0;
    padding-right: 0
}

.courses-overview p {
    line-height: 1.8
}

.courses-overview ul {
    padding: 0;
    margin-left: 10px
}

.courses-overview ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px
}

.courses-overview ul li:last-child {
    border-bottom: none
}

.course-details-sidebar .c-content .list li i {
    color: var(--main-color);
    font-size: 18px
}

.page-banner-content ol {
    line-height: 30px
}

.widget-area .widget_posts_thumb .item .info {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px
}

.mobile-menu {
    list-style: none;
    margin-left: 0;
    padding-bottom: 10px
}

.mobile-menu .nav-item {
    font-size: 18px;
    padding-bottom: 7px
}

@media only screen and (max-width: 767px) {
    #page-content .block_olan_course_desc.block.card {
        padding:20px 10px
    }
}

@charset "UTF-8";a {
    color: #63667D
}

a:hover {
    text-decoration: none
}

.nav-link {
    color: #63667D
}

.olan-nav .navbar {
    min-height: 88px
}

.user-notif .nav-link {
    padding: 0!important;
    outline: none!important
}

.user-notif .nav-link {
    padding: 0!important;
    outline: none!important
}

.popover-region-toggle::before,.popover-region-toggle::after {
    display: none!important
}

.popover-region-container {
    transition: none!important;
    top: 72px;
    border: none;
    border-radius: 5px;
    margin-left: -270px!important;
    margin-right: -27px;
    padding: 30px 30px 25px 30px;
    box-shadow: 0 0 50px 0 rgb(32 32 32 / .15);
    max-width: 340px
}

.popover-region-container a,.popover-region-container a span,.popover-region-container a i {
    color: #0a0a0a!important
}

.popover-region-container a:hover,.popover-region-container a:hover span,.popover-region-container a i:hover {
    color: var(--main-color)!important
}

.popover-region-container .icon {
    font-size: 14px!important
}

.popover-region-header-actions {
    position: absolute;
    top: 19px;
    right: 30px
}

[data-region=right-hand-drawer].drawer {
    top: 0!important;
    height: 100%!important;
    width: 420px
}

[data-region=right-hand-drawer].hidden {
    right: -420px
}

.drawer .message-app .iu_heading {
    position: relative
}

.drawer .message-app .iu_heading .candidate_revew_search_box input.form-control {
    width: 75%
}

.drawer .message-app .olan-msg-cog,.drawer .message-app .olan-msg-contacts {
    color: #212529;
    background: #f9fafc;
    height: 48px;
    line-height: 48px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    font-size: 14px
}

.drawer .message-app .olan-msg-cog {
    top: 0;
    right: 0;
    width: 48px
}

.drawer .olan-msg-cog .icon-back-in-drawer {
    margin-top: 0
}

.drawer .message-app .olan-msg-contacts {
    margin: 5px 0;
    width: 100%;
    font-size: 15px
}

.drawer .message-app .view-overview-body .section {
    margin: 0 0 5px
}

.drawer .message-app .view-overview-body .section:not(.expanded) .card-header {
    margin-bottom: 0!important
}

.drawer .message-app {
    padding: 17px
}

.message-app .clickable:hover {
    filter: none!important
}

.count-container {
    padding: 2px 4px;
    border-radius: 50px;
    background-color: #fff;
    color: #e35a9a;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    top: 0;
    right: -3px;
    box-shadow: 0 2px 1px rgb(0 0 0 / .2);
    font-weight: 700
}

.message_container .section.expanded {
    margin-bottom: 5px
}

.olan-header-user-sec {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
    margin-top: 0!important
}

.olan-header-user-sec li {
    display: inline-block;
    vertical-align: middle
}

.olan-header-user-sec li .dropdown .notification_icon {
    border-radius: 50%;
    display: block;
    height: 43px;
    line-height: 40px;
    text-align: center;
    width: 43px
}

.olan-header-user-sec li img {
    width: 50px
}

.olan-header-user-sec li:first-child {
    margin-right: 20px
}

.olan-header-user-sec li:nth-child(2) {
    margin-right: 15px
}

.olan-header-user-sec .user-notif {
    position: relative
}

.olan-header-user-sec .user-notif .dropdown-menu.notification_dropdown_content.show {
    border: none;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: -270px!important;
    padding: 30px 10px 25px 30px;
    box-shadow: 0 0 50px 0 rgb(32 32 32 / .15);
    max-width: 340px
}

.olan-header-user-sec .user-notif .dropdown-menu.notification_dropdown_content.show .view_all_noti {
    display: block;
    padding: 20px 0 0
}

.olan-header-user-sec .user-notif .so_heading:before {
    background-color: #fff;
    content: "";
    height: 37px;
    position: absolute;
    right: 30px;
    width: 37px;
    top: -7px;
    transform: rotate(45deg)
}

.olan-header-user-sec li.user_setting .dropdown-menu.notification_dropdown_content.show:before {
    background-color: #fff;
    content: "";
    height: 37px;
    position: absolute;
    right: 60px;
    width: 37px;
    top: -7px;
    transform: rotate(45deg)
}

.olan-header-user-sec .editmode-switch-form {
    display: inline-block!important
}

.olan-header-user-sec .divider {
    display: none
}

.navbar .popover-region-container {
    top: 3.96875rem
}

.olan-header-user-sec .user-notif .so_heading p,.olan-header-user-sec .olan-settings-nav .so_heading p {
    border-bottom: 1px solid #dedede;
    color: #0a0a0a;
    font-size: 18px;
    line-height: 1.333;
    margin-bottom: 0;
    padding-bottom: 20px
}

.olan-header-user-sec .user-notif .so_content {
    max-height: 200px
}

.olan-header-user-sec .user-notif .so_content .simplebar-offset {
    width: auto
}

.olan-header-user-sec .user-notif .so_content ul {
    margin-bottom: 0
}

.olan-header-user-sec .user-notif .so_content ul li {
    border-bottom: 1px solid #dedede;
    padding: 20px 0 20px
}

.olan-header-user-sec .user-notif .so_content ul li h5,.olan-header-user-sec .user-notif .so_content ul li p {
    font-size: 15px;
    margin-bottom: 0
}

.olan-header-user-sec .user-notif .so_content ul li p {
    color: #7f7f7f
}

.olan-header-user-sec .user-notif .so_content ul li:first-child {
    margin-right: 0
}

.olan-header-user-sec .user-notif .so_content ul li:last-child {
    border-bottom: none
}

.olan-header-user-sec .user-notif {
    padding: 0
}

.olan-header-user-sec .user-notif .simplebar-offset:focus {
    outline: none
}

.olan-header-user-sec .user-notif .simplebar-offset::-webkit-scrollbar {
    margin-top: 15px;
    margin-right: 10px;
    width: 6px;
    z-index: 3
}

.olan-header-user-sec .user-notif .simplebar-offset::-webkit-scrollbar * {
    background: #fff0
}

.olan-header-user-sec .user-notif .simplebar-offset::-webkit-scrollbar-track {
    display: none
}

.olan-header-user-sec .user-notif .simplebar-offset::-webkit-scrollbar-thumb {
    background-color: #dfdfdf!important;
    border-radius: 6px
}

.simplebar-placeholder {
    max-height: 355px!important;
    width: 325px!important
}

.olan-header-user-sec li.user_setting {
    position: relative
}

.olan-header-user-sec li.user_setting .btn {
    border: 1px solid #fff0;
    color: #fff
}

.olan-header-user-sec li.user_setting a.btn.dropdown-toggle:after {
    display: none
}

.olan-header-user-sec li.user_setting .btn:focus {
    border: 1px solid #fff0;
    box-shadow: none
}

.olan-header-user-sec li.user_setting .dropdown-menu.show {
    border: none;
    border-radius: 5px;
    margin-top: 19px;
    margin-left: -200px!important;
    padding: 30px 30px 10px;
    box-shadow: 0 0 50px 0 rgb(32 32 32 / .15);
    width: 300px
}

.olan-header-user-sec li.user_setting .dropdown-menu.show i {
    color: #0a0a0a
}

.olan-header-user-sec li.user_setting .dropdown-menu.show:before {
    background-color: #fff;
    content: "";
    height: 37px;
    position: absolute;
    right: 32px;
    width: 37px;
    top: -7px;
    transform: rotate(45deg)
}

.olan-header-user-sec li.user_setting .dropdown-menu.show .user_set_header {
    padding: 10px 0
}

.olan-header-user-sec li.user_setting .olan-profile-menu {
    background-color: transparent!important;
    border: none;
    box-shadow: none!important
}

.olan-header-user-sec li.user_setting .dropdown-menu.show .user_set_header img {
    margin-right: 15px
}

.olan-header-user-sec li.user_setting .dropdown-menu .user_set_header p {
    font-size: 16px;
    color: #0a0a0a;
    line-height: 1.2
}

.olan-header-user-sec li.user_setting .dropdown-menu .user_set_header p span {
    font-size: 14px;
    color: #7e7e7e;
    line-height: 1.2
}

.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a,.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content .no-action {
    border-bottom: 1px solid #dedede;
    color: #0a0a0a;
    font-size: 16px;
    line-height: 3.125;
    padding-left: 0;
    transition: all 0.3s ease 0s;
    max-width: 240px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a:last-child {
    border-bottom: none
}

.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a:hover,.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content .no-action:hover {
    padding-left: 12px
}

.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a.active,.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a.active span,.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a:hover,.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a:hover span {
    background-color: #fff0
}

.olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a span {
    margin-right: 10px
}

.olan-header-user-sec {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    transition: all 0.3s ease 0s
}

.olan-header-user-sec .olan-settings-nav {
    margin-right: 0!important;
    margin-left: 9px
}

.olan-header-user-sec .olan-settings-nav i {
    color: #fff;
    font-size: 20px;
    line-height: 2
}

.olan-header-user-sec li {
    display: inline-block;
    vertical-align: middle
}

.olan-header-user-sec li .dropdown .notification-icon {
    border-radius: 25%;
    background: var(--dashboardGradient);
    display: block;
    height: 43px;
    line-height: 40px;
    text-align: center;
    width: 43px
}

.olan-settings-nav .notification-icon>.icon {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #fff;
    line-height: 2.2;
    margin-left: 0
}

.olan-settings-nav .moremenu {
    height: auto!important
}

.olan-settings-nav .moremenu ul {
    margin-left: 0!important;
    display: block!important
}

.olan-settings-nav .moremenu ul li {
    display: block!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.olan-settings-nav .moremenu ul li .nav-link {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: 40px!important;
    border: none!important
}

.olan-settings-nav .moremenu ul li .nav-link:hover {
    padding-left: 12px!important
}

.olan-settings-nav .moremenu ul .nav-item .dropdown-menu {
    left: -280px!important;
    top: 0!important
}

.olan-settings-nav .moremenu ul .nav-item .dropdown-menu .dropdown-item {
    line-height: 1.5!important;
    border: none!important;
    text-align: right
}

.olan-settings-nav .moremenu ul .nav-item .dropdown-menu .dropdown-item:hover {
    color: var(--main-color)!important
}

.olan-settings-nav .moremenu li.nav-item.dropdown.dropdownmoremenu.d-none {
    display: none!important
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.btn-icon.icons-collapse-expand.stretched-link {
    padding: unset!important
}

.aabtn.focus,.btn-link.focus,.nav-link.focus,.atto_link_button.focus,[role=button].focus,.list-group-item-action.focus,input[type=checkbox].focus,input[type=radio].focus,input[type=file].focus,input[type=image].focus,.sr-only-focusable.focus,a.dropdown-item.focus,a.dropdown-toggle.focus,.modal-dialog[tabindex="0"].focus,.moodle-dialogue-base .closebutton.focus,button.close.focus,.aabtn:focus,.btn-link:focus,.nav-link:focus,.atto_link_button:focus,[role=button]:focus,.list-group-item-action:focus,input[type=checkbox]:focus,input[type=radio]:focus,input[type=file]:focus,input[type=image]:focus,.sr-only-focusable:focus,a.dropdown-item:focus,a.dropdown-toggle:focus,.modal-dialog[tabindex="0"]:focus,.moodle-dialogue-base .closebutton:focus,button.close:focus {
    outline: none;
    box-shadow: none
}

.aalink.focus,#page-footer a:not([class]).focus,.arrow_link.focus,a:not([class]).focus,.activityinstance>a.focus,.aalink:focus,#page-footer a:not([class]):focus,.arrow_link:focus,a:not([class]):focus,.activityinstance>a:focus {
    outline: none;
    color: inherit;
    background-color: inherit;
    box-shadow: inherit
}

.message_container:not(.message_container_drawer) {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / .09);
    margin: 0
}

.message_container_drawer {
    padding: 20px
}

.message_container .ui_kit_button .btn {
    margin-right: 5px
}

.message_container .candidate_revew_search_box {
    position: relative
}

.candidate_revew_search_box .olan-msg-cog {
    right: 35px;
    top: 12px
}

.message_container:not(.message_container_drawer) .inbox_user_list {
    background-color: #fff;
    border-right: 1px solid #eee;
    display: inline-block;
    padding: 30px 30px 40px;
    width: 100%;
    height: 100%
}

.inbox_user_list .wrap {
    position: relative
}

.inbox_user_list .wrap img {
    border-radius: 50%;
    float: left;
    margin-right: 15px
}

.inbox_user_list .wrap .meta h5.name {
    font-size: 16px;
    margin-bottom: 0
}

.inbox_user_list .wrap .meta p.preview {
    color: #7f7f7f;
    font-size: 14px
}

.inbox_user_list ul li {
    padding: 15px 0
}

.inbox_user_list .iu_heading {
    padding-bottom: 45px
}

.drawer .inbox_user_list .iu_heading {
    padding: 25px 0
}

.inbox_user_list ul li.contact .wrap .meta {
    display: inline-block;
    margin-top: 10px
}

.iu_heading .candidate_revew_search_box input.form-control {
    width: calc(100% - 41px)
}

.iu_heading .candidate_revew_search_box .candidate_revew_search_box button {
    background-color: #fff0
}

.inbox_user_list ul li.contact .wrap span {
    background-color: #95a5a6;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 13px;
    left: 50px;
    margin: 0 0 0 1px;
    position: absolute;
    width: 13px
}

.inbox_user_list ul li.contact .wrap span.online {
    background-color: #2ecc71
}

.inbox_user_list ul li.contact .wrap span.away {
    background-color: #f1c40f
}

.inbox_user_list ul li.contact .wrap span.busy {
    background-color: #e74c3c
}

.inbox_user_list ul li.contact .wrap img {
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    width: 60px
}

.message_container .inbox_chatting_box {
    background-color: #fff;
    position: relative;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 565px;
    margin: 10px 10px 130px 10px
}

.message_container .inbox_chatting_box::-webkit-scrollbar {
    background: #fff0;
    border-radius: 3px;
    padding-right: 10px;
    width: 8px
}

.message_container .inbox_chatting_box::-webkit-scrollbar-thumb {
    background-color: #ededed;
    border-radius: 3px
}

.message_container:not(.message_container_drawer) .user_heading {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 30px;
    position: relative
}

.message_container:not(.message_container_drawer) .user_heading:before {
    background-color: #eee;
    content: "";
    height: 1px;
    left: -50%;
    position: absolute;
    top: 107px;
    width: 100%
}

.inbox_chatting_box .chatting_content {
    padding: 30px 30px 0 30px;
    position: relative;
    width: 100%
}

.message_container_drawer .inbox_chatting_box .chatting_content {
    padding-left: 10px;
    padding-right: 10px
}

.message_container .user_heading .wrap img {
    float: left;
    margin-right: 10px;
    border-radius: 50%
}

.message_container .user_heading .wrap h5.name {
    font-size: 16px;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 0
}

.message_container .user_heading .wrap p.preview {
    font-size: 15px;
    color: #7f7f7f;
    line-height: 1.867;
    margin-bottom: 0
}

.message_container .last_seen_time {
    background-color: #fff;
    padding: 35px 0 0
}

.message_container .last_seen_time a {
    font-size: 17px;
    color: #7f7f7f;
    line-height: 1.647;
    margin-bottom: 0
}

.inbox_chatting_box .chatting_content li {
    padding: 20px 0;
    margin-bottom: 0
}

.inbox_chatting_box .chatting_content li.media {
    display: block
}

.inbox_chatting_box .chatting_content li.media.sent {
    float: left;
    clear: both
}

.inbox_chatting_box .chatting_content li.media img {
    border-radius: 50px;
    margin-bottom: 10px
}

.inbox_chatting_box .chatting_content li.media .media-body {
    display: block
}

.inbox_chatting_box .chatting_content li.media span {
    background-color: #95a5a6;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 13px;
    left: 80px;
    margin: 2px 0 0 -2px;
    position: absolute;
    width: 13px
}

.inbox_chatting_box .chatting_content li.media span.busy {
    background-color: #e74c3c
}

.inbox_chatting_box .chatting_content li.media .date_time {
    font-size: 14px;
    text-align: left
}

.inbox_chatting_box .chatting_content li.media.reply .date_time {
    text-align: right
}

.inbox_chatting_box .chatting_content li.media .media-body {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    padding: 10px 15px;
    max-width: 265px
}

.inbox_chatting_box .chatting_content li.media .media-body p {
    margin-bottom: 0
}

.inbox_chatting_box .chatting_content li.media.reply {
    float: right;
    clear: both
}

.inbox_chatting_box .chatting_content li.media.reply.first {
    margin: -100px 0 0
}

.inbox_chatting_box .chatting_content li.media.reply .media-body {
    border-radius: 5px;
    background-color: #f3f3f3;
    color: #7f7f7f;
    max-width: 320px;
    padding: 10px 15px
}

.message_container .message_input {
    background-color: #f9fafc;
    text-align: center;
    border-radius: 5px
}

.message_container .message_input input.form-control,.message_container .message_input textarea.form-control {
    background-color: #fafafa;
    border-color: #fff0;
    border-radius: 5px;
    height: 70px;
    width: 100%;
    padding-left: 30px;
    -o-box-shadow: none!important;
    box-shadow: none!important
}

.message_container .message_input textarea.form-control {
    width: calc(100% - 150px)
}

.message_container .message_input input.form-control:focus,.message_container .message_input textarea.form-control:focus {
    box-shadow: none;
    outline: none
}

.message_container .message_input button.btn {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    flex: 1;
    height: 50px;
    position: absolute;
    right: 15px;
    top: 7px;
    width: 125px;
    -o-box-shadow: none!important;
    box-shadow: none!important
}

.message_container.message_container_drawer .message_input button.btn {
    top: auto;
    right: 10px
}

.message_container .message_input form button.btn:focus {
    box-shadow: none;
    outline: none
}

.message_container .message_input form button.btn span {
    font-size: 20px;
    padding-left: 10px
}

.drawer .message_container .inbox_chatting_box {
    max-height: calc(100vh - 270px);
    margin: 10px 0 0;
    overflow-y: scroll;
    overflow-x: inherit
}

.message_container .footer-container {
    position: absolute;
    bottom: 40px;
    left: 30px;
    right: 30px
}

.message_container_drawer {
    height: 100%;
    position: relative
}

.btn-thm {
    background: var(--dashboardGradient);
    border-radius: 5px;
    color: #fff;
    transition: all 0.3s ease
}

.btn-thm:hover {
    animation: pulse 1.5s infinite
}

.user_board {
    position: relative
}

.dashboard_sidebar {
    bottom: 0;
    margin-top: 20px;
    left: 0;
    top: 0;
    width: 260px;
    z-index: 9
}

.dashboard_sidebar {
    height: 100vh;
    position: fixed;
    padding: 125px 0 0 0
}

.dashboard_sidebar:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: -60px;
    position: absolute
}

#page-my-index .footer-area,.path-admin .footer-area {
    max-width: 100%;
    padding-left: 300px;
    padding-left: 280px
}

.dashboard_main_content {
    max-width: 100%;
    padding-left: 300px;
    padding-left: 280px;
    padding-right: 0;
    position: relative
}

.dashboard_main_content .btn-secondary,.dashboard_main_content .btn:not(.btn-link) {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    padding: 14px 20px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 0;
    background: var(--dashboardGradient);
    border-width: 0!important;
    color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / .3);
    transition: all 0.3s ease;
    text-decoration: none;
    margin-top: 0!important;
    z-index: 1
}

.dashboard_main_content .btn-secondary:hover,.dashboard_main_content .btn:not(.btn-link):hover {
    text-decoration: none;
    animation: pulse 1.5s infinite
}

.navbar-area {
    z-index: 99;
    position: relative
}

.dashboard_nav_list h4 {
    position: relative;
    padding-left: 30px
}

.dashboard_nav_list ul {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.dashboard_nav_list li {
    height: 50px;
    line-height: 45px;
    padding-left: 30px;
    position: relative;
    transition: all 0.3s ease 0s
}

.dashboard_nav_list li a,.dashboard_nav_list li .no-action {
    color: #7f7f7f;
    font-size: 16px
}

.dashboard_nav_list li:hover a,.dashboard_nav_list li:hover a i {
    color: var(--main-color)
}

.dashboard_nav_list li.active {
    background-color: #f9fafc
}

.dashboard_nav_list li.active a,.dashboard_nav_list li a.active {
    color: var(--main-color)
}

.dashboard_nav_list li.active:before {
    bottom: 0;
    content: "";
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px
}

.dashboard_nav_list li a i:not(.olan_dashnav_item) {
    font-size: 20px;
    margin-right: 9px;
    position: relative;
    top: 5px;
    background: var(--dashboardGradient);
    padding: 5px 6px;
    border-radius: 4px;
    color: #fff
}

.dashboard_nav_list li a i:not(.olan_dashnav_item):hover {
    animation: pulse 1.5s infinite
}

.dashboard_nav_list li:hover a i {
    animation: pulse 1.5s infinite
}

.page-title-area .breadcrumb {
    display: inline-block
}

.our-dashboard {
    background-color: #f9fafc;
    position: relative
}

.dashboard_main_content {
    padding-top: 30px;
    padding-bottom: 30px
}

.dashboard_main_content #page-header .col-12.pt-3.pb-3 {
    padding-top: 0!important
}

.block.card {
    border: none;
    border-radius: 10px;
    border: 1px solid #efefef;
    padding: 15px
}

.block.card .action-menu .menubar {
    position: absolute;
    top: -15px;
    background: #eee;
    border-radius: 3px;
    padding: 7px 10px;
    z-index: 99;
    right: 0
}

.page-title-content .breadcrumb-item {
    display: inline-block
}

.page-title-content .breadcrumb-item+.breadcrumb-item {
    padding-left: 0
}

#adminsettings {
    border: none;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
    border: 1px solid #efefef
}

#page-admin-setting-themesettingolan .main_content_container,#page-site-index.editing .main_content_container {
    border: none;
    border-radius: 5px;
    padding: 15px;
    background: #fff
}

#page-admin-setting-themesettingolan #adminsettings {
    border: none;
    border-radius: 0;
    box-shadow: unset;
    padding: 0;
    background: #fff0
}

.alert {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / .09)
}

.dashboard #page-heading-button {
    padding: 0 0 30px!important;
    width: 100%
}

.olans-settings-menu-container {
    position: fixed;
    bottom: 75px;
    z-index: 99999;
    left: 10px;
    display: flex
}

#olan-settings-menu-inner {
    position: relative
}

.olans-settings-menu-container #region-main-settings-menu>div {
    position: relative;
    margin: 0
}

.olans-settings-menu-container #region-main-settings-menu .dropdown-item i {
    display: none
}

.olans-settings-menu-container #olan-settings-menu {
    background: var(--black-color);
    padding: 11px 18px 9px!important;
    margin: 0 10px 0 0!important;
    border-radius: 0;
    box-shadow: 0 2px 1px rgb(0 0 0 / .1);
    max-width: none!important;
    width: auto!important;
    height: auto!important;
    opacity: .9;
    transition: all 0.2s ease
}

.olans-settings-menu-container #olan-settings-menu:hover {
    opacity: 1
}

.olans-settings-menu-container #olan-settings-menu .dropdown-toggle i,.olans-settings-menu-container #region-main-settings-menu .dropdown-toggle i {
    font-size: 19px;
    height: auto;
    color: #000
}

.olans-settings-menu-container #olan-settings-menu .dropdown-toggle:after,.olans-settings-menu-container #region-main-settings-menu .dropdown-toggle:after {
    display: none
}

.olans-settings-menu-container #olan-settings-menu .dropdown-toggle:before,.olans-settings-menu-container #region-main-settings-menu .dropdown-toggle:before {
    content: "Options";
    float: right;
    padding: 2px 0 0 10px;
    color: #fff0;
    font-weight: 700;
    display: block;
    font-size: 14px;
    line-height: 1.3
}

.olans-settings-menu-container #region-main-settings-menu .dropdown-toggle:before {
    content: "Page Settings"
}

.olans-settings-menu-container #olan-settings-menu .dropdown-menu.show,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show {
    top: auto!important;
    position: fixed!important;
    bottom: 70px!important;
    left: 10px!important;
    min-width: 200px!important;
    box-shadow: 0 3px 30px rgb(0 0 0 / .2);
    border: 0;
    transform: none!important
}

@media (max-height: 940px) {
    .olans-settings-menu-container #olan-settings-menu .dropdown-menu.show,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show {
        max-height:calc(100vh - 150px);
        overflow: scroll
    }
}

.olan-fullwidth-top .card {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0!important;
    border: none
}

.olan-fullwidth-top .card-title.d-inline {
    position: absolute;
    visibility: hidden
}

.olan-fullwidth-top .card-body.p-3 {
    padding: 0!important
}

.olan-fullwidth-top .block-controls.float-right.header {
    position: absolute;
    right: 0;
    top: 31px;
    z-index: 99
}

.olan-fullwidth-top .card-text {
    margin: 0!important
}

.olan_icon_class .form-inline {
    display: unset
}

.breadcrumb_widgets {
    border-radius: 10px;
    height: 90px;
    margin-bottom: 30px;
    padding: 20px 30px;
    position: relative;
    border: 1px solid #efefef
}

.breadcrumb_widgets .title {
    font-size: 22px;
    font-weight: 600;
    color: #0a0a0a;
    line-height: 1.2;
    margin-bottom: 5px
}

.breadcrumb_widgets .breadcrumb {
    background-color: #fff0;
    padding: 0;
    position: relative
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.course_category_tree a.collapseexpand.aabtn {
    display: none
}

#page-course-index-category #region-main {
    overflow-x: unset
}

#page-course-index-category #page {
    padding-top: 0;
    border-top: 0;
    padding-bottom: 0;
    margin-top: 0
}

#page-course-index-category #page-course-index-category .form-control {
    height: 45px
}

#page {
    padding-top: 40px;
    border-top: 1px solid #efefef;
    padding-bottom: 25px
}

.blog-area h3.main.page-section-title-hide {
    display: none
}

.addbloglink a {
    position: fixed;
    right: 180px;
    z-index: 999999999;
    overflow: visible;
    background: #fff;
    color: #000000!important;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    transition: all 0.3s ease;
    text-decoration: none;
    margin-bottom: 0!important;
    border-color: #efefef;
    bottom: 20px
}

.addbloglink a:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgb(0 0 0 / .2)
}

.addbloglink a::before {
    content: "\ea13";
    font-family: "remixicon"!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    margin-right: 8px;
    font-size: 19px;
    background: rgb(222 222 222 / .27);
    border-radius: 9px;
    padding: 5px
}

.path-blog #region-main {
    overflow-x: unset
}

.tag_cloud .inline-list li a {
    padding: 5px 18px;
    border-radius: 30px;
    display: inline-block;
    background-color: #f9f9f9;
    color: var(--paragraphColor);
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 15.5px;
    font-weight: 500
}

.tag_cloud .inline-list li a:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.path-blog .block-region .block_olan_search .card-title {
    display: none!important
}

.path-blog .block-region .block_olan_search .content.mt-3 {
    margin-top: 0!important
}

.path-blog .block-region .block_olan_blog_recent_list .card-title {
    display: none!important
}

.path-blog .block-region .block_olan_blog_recent_list .content.mt-3 {
    margin-top: 0!important
}

.path-blog .block-region .card-title {
    display: block!important
}

.single-blog-post .commands a.btn.btn-secondary {
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px 17px;
    padding-top: 8px
}

.single-blog-post .meta-list {
    background: #fff;
    border: 1px solid #E6EDF6;
    padding: 10px;
    border-radius: 5px;
    margin-top: 0
}

.single-blog-post .meta-list li {
    display: inline-block;
    margin-right: 20px!important;
    position: relative;
    font-size: 16px!important;
    margin-bottom: 0!important;
    color: #666;
    list-style: disc;
    line-height: 1.8
}

.single-blog-post .meta-list li i {
    font-style: normal;
    background: rgb(48 179 159 / .1098039216);
    color: var(--main-color);
    padding: 6px;
    border-radius: 7px;
    margin-right: 0;
    position: relative;
    top: 3px
}

.blog-details-desc .article-content {
    padding-bottom: 50px
}

.comment-area textarea {
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    padding: 20px;
    height: 200px;
    max-width: 100%;
    border: 1px solid #A4BDE7!important;
    border-radius: 10px;
    font-size: 15px
}

.comment-area .fd a {
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    color: var(--white-color);
    transition: var(--transition);
    display: inline-block;
    padding: 10px 30px;
    box-shadow: unset;
    margin-top: 10px;
    font-size: var(--font-size);
    font-weight: 500
}

.comment-area .fd a:hover {
    background-color: var(--secondary-color)!important;
    border-color: var(--secondary-color)!important
}

.comment-area .fd {
    text-align: left
}

.comment-area {
    max-width: 100%;
    padding: 0
}

.comment-ctrl {
    margin-top: 10px
}

.comment-list li {
    padding: 20px;
    border-color: #818cf8!important;
    border: 1px solid;
    padding: 20px;
    border-color: #A4BDE7!important;
    border: 1px solid;
    background: #fff;
    border-radius: 10px
}

.comment-list li .comment-message-meta {
    font-size: 16px;
    font-weight: 600
}

.comment-list li .text {
    font-size: 14px
}

.path-blog #page,#page-course-view-topics #page {
    border-top: 0
}

#page-course-view-topics #page {
    padding-top: 20px;
    padding-bottom: 40px
}

.page-course-index-category .tertiary-navigation {
    padding: 0!important
}

.tertiary-navigation .custom-select {
    border: 1px solid #eee;
    transition: 0.4s
}

.tertiary-navigation .custom-select:focus {
    border-color: var(--main-color);
    outline: 0;
    box-shadow: unset
}

.tertiary-navigation input {
    transition: 0.4s;
    border: 1px solid #eee
}

.tertiary-navigation input:focus {
    border-color: var(--main-color);
    box-shadow: unset
}

.tertiary-navigation .ml-auto.d-flex {
    margin: unset!important
}

.login-area input,.login-area button {
    transition: 0.4s
}

button,input {
    transition: 0.4s!important
}

.block_olan_course_desc,.block_olan_course_enrl {
    box-shadow: unset!important;
    border-radius: 0;
    padding: 0!important
}

.block_olan_course_desc .card-title,.block_olan_course_enrl .card-title {
    display: none!important
}

#page-enrol-index .box {
    justify-content: center!important;
    display: flex
}

#page-enrol-index .main.page-section-title-hide {
    text-align: center
}

#page-enrol-index .page-context-header {
    display: block;
    text-align: center
}

.others-option-for-responsive .olan-header-user-sec {
    float: unset;
    text-align: center
}

.others-option-for-responsive .olan-header-user-sec li.user_setting .dropdown-menu.show {
    margin-left: -164px!important;
    width: 250px
}

@media only screen and (max-width: 767px) {
    .block_olan_course_desc.block .card-body {
        padding:0!important
    }

    .dashboard_sidebar {
        display: none
    }

    .dashboard_main_content {
        padding-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    #page-my-index .footer-area,.path-admin .footer-area {
        padding-left: 0;
        padding-left: 0;
        padding-right: 0
    }

    .btn-secondary {
        font-size: 14px;
        padding: 7px 14px;
        border-radius: 0
    }

    .olan-header-user-sec .user_setting .dropdown-menu.show {
        padding: 20px 20px 10px!important;
        left: 50%!important
    }

    .olan-header-user-sec .user_setting .dropdown-menu.show:before {
        left: 58%
    }

    .olan-header-user-sec .user_setting .user_setting_content {
        padding-top: 30px
    }

    .olan-header-user-sec .user_setting .user_setting_content .dropdown-item {
        padding: 0
    }

    .olan-header-user-sec .user_setting .dropdown-menu .user_set_header p {
        top: 15px;
        font-weight: 700
    }

    .olan-header-user-sec .user_setting .user_set_header p {
        position: relative
    }

    #page-course-index-category .simplesearchform form {
        padding-left: 0!important
    }

    #page-course-index-category .tertiary-navigation#action_bar .row {
        display: block
    }

    #page-course-index-category .tertiary-navigation#action_bar .navitem {
        display: block;
        margin-right: 0!important
    }

    #page-course-index-category .tertiary-navigation#action_bar .mform {
        padding-right: 0;
        padding-left: 0
    }

    .login-container {
        padding: 30px 15px
    }

    .breadcrumb_widgets {
        padding: 10px 10px
    }

    .breadcrumb_widgets .breadcrumb {
        word-break: break-all;
        overflow: auto;
        white-space: nowrap
    }

    .olan-header-user-sec li.user_setting .dropdown-menu.show .user_set_header {
        display: none;
        padding: 0!important;
        margin: 0
    }

    .olan-header-user-sec .user_setting .user_setting_content {
        padding-top: 0
    }

    .olan-header-user-sec li.user_setting .dropdown-menu .user_setting_content a {
        line-height: 2
    }

    .popover-region-container {
        max-width: 280px;
        width: 280px;
        margin-right: -137px
    }

    .olan-header-user-sec .user-notif .so_heading:before {
        right: auto;
        left: 105px
    }

    .dashboard_main_content .btn-secondary,.dashboard_main_content .btn:not(.btn-link) {
        font-size: 15px;
        padding: 12px 16px
    }

    #calendar-course-filter-1 {
        margin-bottom: 10px;
        margin-left: 0!important
    }
}

.role-standard li.user_setting.olan-settings-nav {
    display: none
}

.mean-nav .dropdown-toggle::after {
    display: block!important;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 16px;
    color: #444
}

.mean-nav .dropdown-menu {
    position: relative!important;
    transform: unset!important;
    left: 0!important;
    top: 0!important;
    border: none!important;
    padding: 0 20px
}

.blog-area .pagination.pagination-centered {
    width: 100%
}

.secondary-navigation {
    margin-left: 0!important;
    padding-left: 10px;
    padding-right: 10px
}

.navbar-brand h2 {
    font-weight: 900!important
}

#block-region-fullwidth-top .no-overflow {
    overflow: hidden
}

#page-course-index-category .form-control {
    height: 40px
}

#page-admin-index .footer-area {
    display: none
}

.add_block_button {
    position: fixed;
    right: 5%;
    bottom: 0;
    z-index: 4
}

.adminthemeselector .img-fluid {
    max-width: 500px;
    border-radius: 10px
}

#page-course-view-topics .page-context-header {
    display: none
}

#page-course-view-topics .course-content {
    margin-top: 50px
}

#page-course-view-topics .no-overflow {
    overflow: hidden
}

#page-blog-index .page-context-header {
    display: none
}

#page-blog-index .single-blog-post-box .tag_list b {
    display: none
}

#page-blog-index .single-blog-post-box .tag_list .badge-info {
    background: #fff0;
    display: inline-block;
    margin-bottom: 7px;
    color: var(--paragraph-color);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0
}

#page-blog-index .single-blog-post-box .author {
    position: relative;
    left: 18px;
    top: -4px
}

#page-blog-index .no-overflow {
    overflow: hidden
}

#page-blog-index #region-main {
    overflow-x: unset
}

#page-course-index-category .page-context-header {
    display: none
}

#page-course-index-category #region-main {
    overflow-x: unset;
    padding-top: 100px;
    padding-bottom: 140px
}

.olan-header-user-sec {
    margin-left: auto
}

.message_container_drawer .simplesearchform .btn-submit i {
    line-height: 2
}

.message_container_drawer .inbox_user_list {
    margin-top: 15px
}

.message_container_drawer .overview-section-toggle .expanded-icon-container {
    display: none
}

.message_container_drawer .collapsed .collapsed-icon-container {
    display: none
}

.message_container_drawer .collapsed .expanded-icon-container {
    display: block
}

.message_container_drawer .ui_kit_button button:hover {
    color: #fff
}

.message_container_drawer .ui_kit_button i {
    line-height: 2
}

.navbar .dropdown-item:hover {
    background-color: #fff0;
    background: #fff0
}

.mobile-responsive-nav .logo h2 {
    font-size: 33px
}

.olan-media-page-content img {
    width: 80px;
    border: 1px solid #efefef;
    padding: 10px;
    border-radius: 7px;
    margin-right: 5px
}

.secondary-navigation .navigation .nav-tabs {
    margin-left: 0!important
}

.drawer.drawer-left {
    z-index: 9
}

@media (min-width: 768px) {
    .secondary-navigation .navigation {
        padding-left:9px
    }
}

@media (min-width: 992px) {
    .drawer-left,.drawer-right {
        top:102px
    }

    .drawer-is-sticky {
        top: 95px
    }
}

.drawer-toggles .drawer-toggler {
    top: calc(132px + 0.7rem)
}

@media only screen and (max-width: 1199px) {
    .drawer.drawer-left {
        z-index:9999
    }
}

.editing .if_hide_page_bottom_content {
    display: unset!important
}

#adminsettings .form-item.row {
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding: 15px 0;
    margin-left: 0
}

.courses.frontpage-course-list-all {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.modchoosercontainer .optionicon {
    display: block!important
}

.dashboard-banner-area {
    background: #fff;
    padding: 70px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center
}

.dashboard-banner-area ol {
    justify-content: center;
    align-items: center
}

.olan-fullwidth-top .card.invisibleblock {
    padding-bottom: 50px
}

.olan-guest-is-active .course-content,.olan-guest-is-active .page-header-headings {
    display: none!important
}

.olan-guest-is-active-main .drawer-toggles .drawer-left-toggle .btn {
    display: none
}

.olan-guest-is-active-main .drawer.drawer-left.show {
    display: none
}

.olan-guest-is-active-main #page.drawers.show-drawer-left {
    padding-left: 0!important;
    margin-left: 0!important
}

.olan-guest-is-active-main .course-content {
    display: none
}

.olans-settings-menu-container #olan-settings-menu {
    margin-bottom: 10px!important
}

#olans-settings-menu-container2 .bulkEnable {
    background: #221638;
    color: #fff!important;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 700;
    z-index: 9999
}

.stickyfooter {
    z-index: 99999
}

.user_setting.olan-settings-nav {
    display: none!important
}

.site-admin-active .user_setting.olan-settings-nav {
    display: inline-block!important
}

@media only screen and (min-width: 1920px) {
    #page-site-index div#page {
        margin:auto
    }
}

#page-course-delete .footer-wrap {
    display: none
}

#page-course-delete .alert {
    max-width: 700px;
    margin: auto
}

#page-course-delete h3.main.page-section-title-hide {
    text-align: center
}

.mobile-navbar.offcanvas.open {
    z-index: 2
}

.mobile-navbar .offcanvas-body {
    overflow: scroll;
    height: 100%
}

@media (max-width: 420px) {
    body [data-region=right-hand-drawer].drawer {
        width:100%!important
    }
}

.mobile-navbar.offcanvas.open {
    z-index: 9999
}

#course-category-listings .card .action-menu .menubar {
    z-index: unset
}

.modal-content input.form-control {
    width: 100%
}

.simplesearchform .btn {
    color: #fff
}

.simplesearchform .btn:hover {
    color: #000
}

#block-region-fullwidth-top .no-overflow {
    width: 100%
}

.single-footer-widget .logo h2 {
    font-weight: 800
}

.moremenu {
    border: 2px solid rgb(28 67 254 / .3019607843)!important;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .04)
}

.moremenu .nav-link {
    color: var(--blackColor);
    border-bottom: solid 0px!important;
    height: 56px;
    font-weight: 600
}

.moremenu .nav-link:hover {
    border-bottom-color: var(--main-color);
    background-color: transparent!important;
    color: var(--main-color)
}

.moremenu .nav-link.active {
    background-color: transparent!important;
    border-color: #fff0;
    border-bottom-color: #fe4a55;
    color: var(--main-color)
}

.nav-tabs .nav-link {
    color: var(--blackColor)
}

.ml-auto-d {
    margin-left: auto
}

.float-right-d {
    float: right!important
}

.mr-auto-d {
    margin-right: auto!important
}

.pl-1-d {
    padding-left: 0.25rem!important
}

.float-left-d {
    float: left!important
}

body.behat-site .form-group,body.behat-site.form-group,body.themedesignermode .form-group,body.themedesignermode.form-group {
    outline: unset!important;
    background-color: unset!important
}

body.behat-site .form-group::before,body.behat-site.form-group::before,body.themedesignermode .form-group::before,body.themedesignermode.form-group::before {
    content: ""!important
}

.page-context-header {
    padding-bottom: 21px
}

.page-context-header h3 {
    font-weight: 700
}

.dropzones img {
    max-width: unset!important
}

.stickyfooter {
    height: 200px
}

.user-notif .nav-link {
    background-color: transparent!important;
    box-shadow: unset!important
}

.path-admin .footer-area,.path-my .footer-area {
    padding-left: 280px
}

@media only screen and (max-width: 767px) {
    .path-admin .footer-area,.path-my .footer-area {
        padding-left:0
    }
}

.dashboard_main_content .tab-content .row {
    padding-bottom: 20px;
    padding-top: 20px
}

.dashboard_main_content .tab-content .list-unstyled {
    list-style: none;
    padding: 0;
    margin: 0
}

.dashboard_main_content .tab-content .list-unstyled li {
    margin-bottom: 8px;
    position: relative
}

.dashboard_main_content .tab-content .list-unstyled li:last-child {
    margin-bottom: 0
}

.dashboard_main_content .tab-content .list-unstyled a {
    color: #525f7f;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef
}

.dashboard_main_content .tab-content .list-unstyled a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg,rgb(94 114 228 / .1) 0%,#fff0 100%);
    transition: width 0.3s ease;
    z-index: -1
}

.dashboard_main_content .tab-content .list-unstyled a:hover {
    color: #5e72e4;
    transform: translateX(5px);
    box-shadow: 0 3px 10px rgb(94 114 228 / .1)
}

.dashboard_main_content .tab-content .list-unstyled a:hover::before {
    width: 100%
}

.dashboard_main_content .tab-content .list-unstyled a::after {
    content: "→";
    margin-left: auto;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
    color: #5e72e4;
    font-weight: 700
}

.dashboard_main_content .tab-content .list-unstyled a:hover::after {
    opacity: 1;
    transform: translateX(0)
}

.dashboard_main_content .tab-content .list-unstyled .list-unstyled {
    margin-left: 20px;
    margin-top: 10px;
    border-left: 1px solid #e9ecef;
    padding-left: 15px
}

.dashboard_main_content .tab-content .list-unstyled .list-unstyled li {
    padding-left: 10px
}

.dashboard_main_content .tab-content .list-unstyled .list-unstyled a {
    padding: 8px 12px;
    font-size: .95em
}

@media (max-width: 768px) {
    .dashboard_main_content .tab-content .list-unstyled a {
        padding:10px 12px
    }

    .dashboard_main_content .tab-content .list-unstyled a::after {
        display: none
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.path-admin .main_content_container,.path-course .main_content_container {
    border: none;
    border-radius: 5px;
    padding: 15px;
    background: #fff
}

.path-admin #page-header,.path-admin div#action_bar,.path-course #page-header,.path-course div#action_bar {
    padding: 15px 27px;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-bottom: 15px
}

.path-admin #page-header .page-context-header,.path-admin div#action_bar .page-context-header,.path-course #page-header .page-context-header,.path-course div#action_bar .page-context-header {
    padding-bottom: 0
}

.path-admin #page-header .page-context-header h3,.path-admin div#action_bar .page-context-header h3,.path-course #page-header .page-context-header h3,.path-course div#action_bar .page-context-header h3 {
    font-weight: 600;
    font-size: 22px;
    color: #0a0a0a
}

.path-admin #page-header select,.path-admin div#action_bar select,.path-course #page-header select,.path-course div#action_bar select {
    height: 57px!important;
    box-shadow: unset!important;
    border-radius: 10px!important;
    border-color: #efefef!important
}

.path-admin #page-header .simplesearchform,.path-admin div#action_bar .simplesearchform,.path-course #page-header .simplesearchform,.path-course div#action_bar .simplesearchform {
    max-width: 500px;
    position: relative
}

.path-admin #page-header .ml-auto-d,.path-admin div#action_bar .ml-auto-d,.path-course #page-header .ml-auto-d,.path-course div#action_bar .ml-auto-d {
    margin-left: 0
}

.path-admin #page-header .input-group,.path-admin div#action_bar .input-group,.path-course #page-header .input-group,.path-course div#action_bar .input-group {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #efefef
}

.path-admin #page-header .input-group:focus-within,.path-admin div#action_bar .input-group:focus-within,.path-course #page-header .input-group:focus-within,.path-course div#action_bar .input-group:focus-within {
    transform: translateY(-2px);
    border-color: rgb(94 114 228 / .3)
}

.path-admin #page-header .form-control,.path-admin div#action_bar .form-control,.path-course #page-header .form-control,.path-course div#action_bar .form-control {
    border: none;
    background: #fff0;
    padding: 15px 25px;
    font-size: 16px;
    color: #32325d;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: none!important;
    outline: none!important;
    height: auto
}

.path-admin #page-header .form-control::-moz-placeholder,.path-admin div#action_bar .form-control::-moz-placeholder,.path-course #page-header .form-control::-moz-placeholder,.path-course div#action_bar .form-control::-moz-placeholder {
    color: #adb5bd;
    font-weight: 400
}

.path-admin #page-header .form-control::placeholder,.path-admin div#action_bar .form-control::placeholder,.path-course #page-header .form-control::placeholder,.path-course div#action_bar .form-control::placeholder {
    color: #adb5bd;
    font-weight: 400
}

.path-admin #page-header .form-control:focus,.path-admin div#action_bar .form-control:focus,.path-course #page-header .form-control:focus,.path-course div#action_bar .form-control:focus {
    outline: none!important;
    box-shadow: none!important
}

.path-admin #page-header .btn-primary.search-icon,.path-admin div#action_bar .btn-primary.search-icon,.path-course #page-header .btn-primary.search-icon,.path-course div#action_bar .btn-primary.search-icon {
    background: var(--dashboardGradient);
    border: none;
    border-radius: 10px;
    width: 45px;
    height: 45px;
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 0.3s ease;
    top: 4px;
    right: -3px
}

.path-admin #page-header .btn-primary.search-icon:hover,.path-admin div#action_bar .btn-primary.search-icon:hover,.path-course #page-header .btn-primary.search-icon:hover,.path-course div#action_bar .btn-primary.search-icon:hover {
    background: linear-gradient(135deg,#4c63d2 0%,#704cd2 100%);
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgb(94 114 228 / .4)
}

.path-admin #page-header .btn-primary.search-icon:active,.path-admin div#action_bar .btn-primary.search-icon:active,.path-course #page-header .btn-primary.search-icon:active,.path-course div#action_bar .btn-primary.search-icon:active {
    transform: scale(.98)
}

.path-admin #page-header .btn-primary.search-icon i,.path-admin div#action_bar .btn-primary.search-icon i,.path-course #page-header .btn-primary.search-icon i,.path-course div#action_bar .btn-primary.search-icon i {
    font-size: 18px;
    color: #fff;
    margin: 0;
    line-height: 1.4
}

.path-admin #page-header .input-group::before,.path-admin div#action_bar .input-group::before,.path-course #page-header .input-group::before,.path-course div#action_bar .input-group::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 3px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1
}

.path-admin #page-header .input-group:focus-within::before,.path-admin div#action_bar .input-group:focus-within::before,.path-course #page-header .input-group:focus-within::before,.path-course div#action_bar .input-group:focus-within::before {
    opacity: 1
}

.path-admin #page-header .input-group,.path-admin div#action_bar .input-group,.path-course #page-header .input-group,.path-course div#action_bar .input-group {
    position: relative
}

.path-admin #page-header .input-group::after,.path-admin div#action_bar .input-group::after,.path-course #page-header .input-group::after,.path-course div#action_bar .input-group::after {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 16px;
    pointer-events: none;
    z-index: 2
}

.path-admin #page-header .form-control,.path-admin div#action_bar .form-control,.path-course #page-header .form-control,.path-course div#action_bar .form-control {
    padding-left: 50px
}

@media (max-width: 768px) {
    .path-admin #page-header .simplesearchform,.path-admin div#action_bar .simplesearchform,.path-course #page-header .simplesearchform,.path-course div#action_bar .simplesearchform {
        margin:15px 10px
    }

    .path-admin #page-header .form-control,.path-admin div#action_bar .form-control,.path-course #page-header .form-control,.path-course div#action_bar .form-control {
        padding: 12px 20px 12px 45px;
        font-size: 14px
    }

    .path-admin #page-header .btn-primary.search-icon,.path-admin div#action_bar .btn-primary.search-icon,.path-course #page-header .btn-primary.search-icon,.path-course div#action_bar .btn-primary.search-icon {
        width: 40px;
        height: 40px
    }

    .path-admin #page-header .btn-primary.search-icon i,.path-admin div#action_bar .btn-primary.search-icon i,.path-course #page-header .btn-primary.search-icon i,.path-course div#action_bar .btn-primary.search-icon i {
        font-size: 16px
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(94 114 228 / .4)
    }

    70% {
        box-shadow: 0 0 0 10px #fff0
    }

    100% {
        box-shadow: 0 0 0 0 #fff0
    }
}

.path-admin #page-header .btn-primary.search-icon:hover,.path-admin div#action_bar .btn-primary.search-icon:hover,.path-course #page-header .btn-primary.search-icon:hover,.path-course div#action_bar .btn-primary.search-icon:hover {
    animation: pulse 1.5s infinite
}

#adminsettings .form-item.row {
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-right: 0
}

.alert.alert-secondary.alert-block.fade.in {
    box-shadow: unset!important;
    border: 1px solid #efefef
}

.editmode-switch-form {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 7px 12px;
    box-shadow: 0 4px 15px rgb(0 0 0 / .07);
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease
}

.editmode-switch-form:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgb(0 0 0 / .2)
}

.editmode-switch-form label {
    font-size: 11px;
    font-weight: 600;
    color: #63667D!important;
    margin: 0;
    line-height: 2.3
}

.editmode-switch-form .form-check-input {
    width: 32px;
    height: 17px;
    cursor: pointer;
    background-color: #ddd;
    border: none;
    transition: all 0.3s ease
}

.editmode-switch-form .form-check-input:checked {
    background-color: #5aa5f4
}

.editmode-switch-form .form-check-input:focus {
    box-shadow: none
}

.add_block_button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999
}

.add_block_button .btn.block-add {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #000000!important;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    transition: all 0.3s ease;
    text-decoration: none;
    margin-bottom: 0!important;
    border-color: #efefef
}

.add_block_button .btn.block-add i {
    font-size: 14px;
    background: rgb(222 222 222 / .27);
    border-radius: 9px;
    padding: 9px;
    margin-right: 0px!important
}

.add_block_button .btn.block-add:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgb(0 0 0 / .2)
}

.olan-header-user-sec .usermenu {
    position: relative;
    display: inline-block;
    margin-left: 6px
}

.olan-header-user-sec .usermenu .btn.dropdown-toggle {
    background: #fff0;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    color: inherit;
    border-radius: 50%;
    transition: all 0.3s ease
}

.olan-header-user-sec .usermenu .btn.dropdown-toggle:hover,.olan-header-user-sec .usermenu .btn.dropdown-toggle:focus {
    background: rgb(255 255 255 / .1);
    box-shadow: 0 0 0 3px rgb(255 255 255 / .2)
}

.olan-header-user-sec .usermenu .avatars {
    display: flex;
    align-items: center;
    justify-content: center
}

.olan-header-user-sec .usermenu .avatar.current {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.olan-header-user-sec .usermenu .userinitials {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dashboardGradient);
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 16px;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    transition: all 0.3s ease
}

.olan-header-user-sec .usermenu .btn.dropdown-toggle:hover .userinitials {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgb(0 0 0 / .15)
}

.olan-header-user-sec .usermenu .dropdown-menu {
    min-width: 220px;
    padding: 0;
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgb(0 0 0 / .1);
    border: 1px solid #efefef;
    background: #fff;
    overflow: hidden;
    margin-top: 10px;
    animation: dropdownFade 0.3s ease;
    z-index: 1000
}

@keyframes dropdownFade {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.olan-header-user-sec .usermenu .dropdown-item {
    padding: 12px 20px;
    color: #4b5563;
    font-weight: 500;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    align-items: center
}

.olan-header-user-sec .usermenu .dropdown-item:last-child {
    border-bottom: none
}

.olan-header-user-sec .usermenu .dropdown-item:hover {
    background: #f9fafb;
    color: #4f46e5;
    padding-left: 25px
}

.olan-header-user-sec .usermenu .dropdown-item:focus {
    outline: none;
    background: #f3f4f6;
    color: #4f46e5
}

.olan-header-user-sec .usermenu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #f3f4f6
}

.olan-header-user-sec .usermenu .dropdown-item:first-child {
    font-weight: 600;
    color: #1f2937;
    background: #f9fafb
}

.olan-header-user-sec .usermenu .dropdown-item:last-child {
    color: #ef4444;
    font-weight: 500
}

.olan-header-user-sec .usermenu .dropdown-item:last-child:hover {
    background: #fee2e2;
    color: #dc2626
}

.olan-header-user-sec .usermenu .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #4b5563;
    border-right: 1px solid #4b5563;
    transform: rotate(135deg);
    transition: transform 0.3s ease
}

.olan-header-user-sec .usermenu .dropdown-toggle.show::after {
    transform: rotate(45deg)
}

.olan-header-user-sec span.userbutton {
    display: inline-block
}

@media (max-width: 768px) {
    .olan-header-user-sec .usermenu .dropdown-menu {
        min-width:200px;
        margin-top: 5px
    }

    .olan-header-user-sec .usermenu .dropdown-item {
        padding: 10px 15px;
        font-size: 14px
    }

    .olan-header-user-sec .usermenu .userinitials {
        width: 35px;
        height: 35px;
        font-size: 14px
    }
}

@media (prefers-color-scheme: dark) {
    .olan-header-user-sec .usermenu .dropdown-menu {
        background:#1f2937;
        box-shadow: 0 10px 25px rgb(0 0 0 / .3)
    }

    .olan-header-user-sec .usermenu .dropdown-item {
        color: #d1d5db;
        border-bottom-color: #374151
    }

    .olan-header-user-sec .usermenu .dropdown-item:hover {
        background: #374151;
        color: #818cf8
    }

    .olan-header-user-sec .usermenu .dropdown-item:first-child {
        background: #374151;
        color: #f9fafb
    }

    .olan-header-user-sec .usermenu .dropdown-item:last-child {
        color: #f87171
    }

    .olan-header-user-sec .usermenu .dropdown-item:last-child:hover {
        background: #4b1d1d;
        color: #fca5a5
    }
}

.--message-app input.form-control {
    border-radius: 10px!important;
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important
}

.--message-app .btn-submit {
    background: var(--dashboardGradient)
}

.--message-app .btn-link {
    color: #000
}

.--message-app .ui_kit_button .btn: hover,.--message-app .simplesearchform .btn:hover {
    color:#fff!important
}

.--message-app .ui_kit_button .btn: hover i,.--message-app .simplesearchform .btn:hover i {
    color:#fff!important
}

.view-search.hidden .btn-submit i {
    line-height: 1;
    position: relative;
    bottom: -8px
}

#page.drawers {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
    margin-top: 0!important
}

.fp-viewbar:not(.disabled) a.checked {
    color: #fff
}

.olans-settings-menu-container #region-main-settings-menu .action-menu .dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #000000!important;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    transition: all 0.3s ease;
    text-decoration: none;
    margin-bottom: 0!important;
    border-color: #efefef
}

.olans-settings-menu-container #region-main-settings-menu .action-menu .dropdown-toggle::before {
    color: #000000!important
}

.olans-settings-menu-container #region-main-settings-menu .action-menu .dropdown-toggle i {
    font-size: 14px;
    background: rgb(222 222 222 / .27);
    border-radius: 9px;
    padding: 8px 11px;
    margin-right: 0px!important
}

.olans-settings-menu-container #olan-settings-menu .dropdown-menu.show,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show {
    bottom: 132px!important;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px
}

.olans-settings-menu-container #olan-settings-menu .dropdown-menu.show::-webkit-scrollbar,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.olans-settings-menu-container #olan-settings-menu .dropdown-menu.show::-webkit-scrollbar-thumb,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show::-webkit-scrollbar-thumb {
    background-color: rgb(122 122 122 / .3019607843);
    border-radius: 2px
}

.olans-settings-menu-container #olan-settings-menu .dropdown-menu.show::-webkit-scrollbar-thumb:hover,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show::-webkit-scrollbar-thumb:hover {
    background-color: rgb(122 122 122 / .3019607843)
}

.olans-settings-menu-container #olan-settings-menu .dropdown-menu.show::-webkit-scrollbar-track,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show::-webkit-scrollbar-track {
    background: #fff0
}

.olans-settings-menu-container #olan-settings-menu .dropdown-menu.show,.olans-settings-menu-container #region-main-settings-menu .dropdown-menu.show {
    scrollbar-width: thin;
    scrollbar-color: rgb(122 122 122 / .3019607843) #fff0
}

#page-admin-tool-installaddon-index footer.footer-area {
    display: none
}

.mrr-1 {
    margin-right: 0.25rem!important
}

.mrr-2 {
    margin-right: 0.5rem!important
}

.mrr-3 {
    margin-right: 0.75rem!important
}

#page-course-delete h2 {
    text-align: center
}

#page-course-delete .alert {
    max-width: 500px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 16px
}

.stickyfooter {
    height: 0!important
}

.hasstickyfooter .stickyfooter {
    height: auto!important
}

#page-blog-edit div#page-content {
    border-radius: 5px;
    padding: 15px;
    background: #fff;
    border: 1px solid #efefef
}

#page-blog-edit .page-context-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #efefef;
    margin-bottom: 20px;
    transition: box-shadow 0.3s ease
}

#page-blog-edit .page-header-image .userinitials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    background: var(--dashboardGradient);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgb(0 0 0 / .15);
    transition: transform 0.3s ease
}

#page-blog-edit .page-header-image .userinitials:hover {
    animation: pulse 1.5s infinite
}

#page-blog-edit .page-header-headings h3 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 0 12px;
    color: #1f2937
}

#page-blog-edit .header-button-group {
    display: flex;
    gap: 10px
}

#page-blog-edit .header-button-group .btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: var(--dashboardGradient);
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgb(0 0 0 / .15);
    transition: all 0.3s ease;
    text-decoration: none;
    margin-left: 20px
}

#page-blog-edit .header-button-group .btn i {
    font-size: 18px;
    position: relative;
    top: 3px;
    margin-right: 5px
}

#page-blog-edit .header-button-group .btn:hover {
    animation: pulse 1.5s infinite
}

.blog-area .row .pagination {
    display: none
}

.blog-area .row .pagination:last-of-type {
    display: unset!important
}

.blog-area .pagination {
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: 30px;
    text-align: center
}

.blog-area .pagination li.page-item {
    display: inline-block
}

.blog-area .pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    font-weight: 600;
    font-size: 18px;
    background-color: #F6F9FF;
    color: #63667D;
    border-radius: 5px;
    transition: 0.7s;
    margin: 0 5px
}

.blog-area .pagination a svg path {
    transition: 0.7s
}

.blog-area .pagination a:hover,.blog-area .pagination a.active {
    background-color: var(--main-color);
    color: #fff
}

.blog-area .pagination a:hover svg path,.blog-area .pagination a.active svg path {
    stroke: #fff
}

.blog-area .pagination:last-of-type a:first-child {
    margin-left: 0
}

.blog-area .pagination a:last-child {
    margin-right: 0
}

.blog-details-desc img {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.ett-blog-content .comment-ctrl {
    margin-top: 50px;
    background: #e9f1fe;
    border-radius: 15px;
    padding: 40px
}

.ett-blog-content .comment-area .fd a {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    padding: 15px 25px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: 0.7s;
    font-size: 15px
}

.blog-edit-buttons {
    margin-top: 20px
}

.blog-edit-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease-in-out
}

.blog-edit-buttons .btn:hover {
    background: #fff;
    border-color: #ccc
}

.blog-edit-buttons .btn:first-child::before {
    content: "\ec82";
    font-size: 14px;
    font-family: "remixicon"!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: #28a745
}

.blog-edit-buttons .btn:last-child::before {
    content: "\ec24";
    font-size: 14px;
    font-family: "remixicon"!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: #dc3545
}

button.btn.btn-secondary,.btn.btn-primary {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    padding: 14px 20px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 0;
    background: var(--dashboardGradient);
    border-width: 0!important;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-top: 0!important;
    z-index: 1
}

.continuebutton button.btn.btn-primary {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    padding: 14px 20px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 0;
    background: var(--dashboardGradient);
    border-width: 0!important;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-top: 0!important;
    z-index: 1
}

#page-course-search .simplesearchform {
    position: relative;
    display: inline-block
}

#page-course-search .ml-auto-d {
    margin-left: 0
}

#page-course-search .input-group {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #efefef
}

#page-course-search .input-group:focus-within {
    transform: translateY(-2px);
    border-color: rgb(94 114 228 / .3)
}

#page-course-search .form-control {
    border: none;
    background: #fff0;
    padding: 10px 20px 10px 50px;
    font-size: 15px;
    color: #32325d;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: none!important;
    outline: none!important;
    height: auto
}

#page-course-search .form-control::-moz-placeholder {
    color: #adb5bd;
    font-weight: 400
}

#page-course-search .form-control::placeholder {
    color: #adb5bd;
    font-weight: 400
}

#page-course-search .form-control:focus {
    outline: none!important;
    box-shadow: none!important
}

#page-course-search .btn-primary.search-icon {
    background: var(--dashboardGradient);
    border: none;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    margin: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 0.3s ease;
    top: 0;
    right: 0
}

#page-course-search .btn-primary.search-icon:hover {
    background: linear-gradient(135deg,#4c63d2 0%,#704cd2 100%);
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgb(94 114 228 / .4)
}

#page-course-search .btn-primary.search-icon:active {
    transform: scale(.98)
}

#page-course-search .btn-primary.search-icon i {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 1.4
}

#page-course-search .input-group::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 3px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1
}

#page-course-search .input-group:focus-within::before {
    opacity: 1
}

#page-course-search .input-group {
    position: relative
}

#page-course-search .input-group::after {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    font-size: 16px;
    pointer-events: none;
    z-index: 2
}

#page-course-search .form-control {
    padding-left: 50px
}

@media (max-width: 768px) {
    #page-course-search .simplesearchform {
        margin:15px 10px
    }

    #page-course-search .form-control {
        padding: 12px 20px 12px 45px;
        font-size: 14px
    }

    #page-course-search .btn-primary.search-icon {
        width: 40px;
        height: 40px
    }

    #page-course-search .btn-primary.search-icon i {
        font-size: 16px
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(94 114 228 / .4)
    }

    70% {
        box-shadow: 0 0 0 10px #fff0
    }

    100% {
        box-shadow: 0 0 0 0 #fff0
    }
}

#page-course-search .btn-primary.search-icon:hover {
    animation: pulse 1.5s infinite
}

#page-course-search .page-section-title-hide {
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 600
}

.courses.course-search-result.course-search-result-search>.pagination {
    display: none
}

.courses.course-search-result.course-search-result-search .paging.paging-showall {
    display: none
}

.courses.course-search-result.course-search-result-search {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding: 30px 0
}

.courses.course-search-result.course-search-result-search .col-lg-4 {
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y)
}

#page-course-index-category header#page-header {
    display: none
}

.course_category_tree .content {
    padding: 0;
    padding-top: 30px
}

.course_category_tree .content .education-categories-card {
    padding: 20px 27px
}

.course_category_tree .content .education-categories-card .title h3 {
    font-size: 17px;
    font-weight: 600
}

.course_category_tree .content .courses-show-hide-style {
    position: relative;
    margin-bottom: 20px
}

.path-course div#action_bar .input-group {
    height: 57px
}

#adminsettings .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    background: #f8f9fa;
    border-radius: .5rem;
    padding: .5rem;
    border: none;
    border: 1px solid #efefef;
    gap: .25rem
}

#adminsettings .nav-tabs .nav-item {
    margin-bottom: 0
}

#adminsettings .nav-tabs .nav-item .nav-link {
    border: none;
    border-radius: .375rem;
    padding: .75rem 1.25rem;
    color: #495057;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    background: #fff0
}

#adminsettings .nav-tabs .nav-item .nav-link:hover {
    background: #fff;
    color: #0d6efd;
    box-shadow: 0 2px 4px rgb(0 0 0 / .08)
}

#adminsettings .nav-tabs .nav-item .nav-link.active {
    background: #fff;
    color: #0d6efd;
    box-shadow: 0 2px 4px rgb(0 0 0 / .08)
}

#adminsettings .nav-tabs .nav-item .nav-link.active::after {
    transition: all 0.3s ease;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0d6efd;
    border-radius: 3px 3px 0 0
}

#adminsettings .nav-tabs .nav-item .nav-link:focus {
    outline: none
}

@media (max-width: 768px) {
    #adminsettings .nav-tabs {
        padding:.25rem;
        gap: .125rem
    }

    #adminsettings .nav-tabs .nav-item .nav-link {
        padding: .5rem .75rem;
        font-size: .875rem
    }
}

body#page-course-delete {
    background: #f9fafc
}

#page-course-delete h2 {
    text-align: center
}

#page-course-delete .alert {
    max-width: 500px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 16px
}

#page-course-delete .footer-area {
    display: none
}

#page-course-delete .continuebutton {
    padding-bottom: 50px
}

.usermenu span.login {
    font-size: 0
}

.usermenu span.login a {
    font-size: 16px
}

.path-course-view header#page-header {
    border: none!important;
    padding: 0!important;
    margin: 0!important
}

@media (min-width: 768px) {
    .login-container {
        width:600px!important
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size:14px
    }

    p {
        font-size: 14px
    }

    .ptb-140 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-140 {
        padding-top: 50px
    }

    .pb-140 {
        padding-bottom: 50px
    }

    .mb-140 {
        margin-bottom: 50px
    }

    .default-btn {
        padding: 11px 20px;
        font-size: 15px
    }

    .section-title {
        max-width: 1050px;
        margin: 0 auto 30px
    }

    .section-title h2 {
        font-size: 28px
    }

    .preloader-area .waviy {
        font-size: 30px
    }

    .top-header-area {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .top-header-content a {
        gap: 5px;
        font-size: 13px;
        justify-content: center
    }

    .top-header-content a svg {
        max-width: 13px
    }

    .top-header-link {
        justify-content: center;
        text-align: center;
        margin-top: 7px
    }

    .top-header-link .account-btn {
        padding: 7px 15px;
        font-size: 13px
    }

    .top-header-link .account-btn svg {
        max-width: 15px
    }

    .education-banner-area {
        padding-top: 50px
    }

    .education-banner-content {
        max-width: 1050px;
        top: 0
    }

    .education-banner-content h1 {
        font-size: 35px;
        margin-bottom: 17px
    }

    .education-banner-content h1 span img {
        bottom: 0
    }

    .education-banner-content .banner-btn {
        margin-top: 25px
    }

    .education-banner-image .mesh-grad {
        bottom: 0;
        left: -65px
    }

    .education-banner-image .trust-review {
        padding: 10px;
        left: 0;
        top: 120px
    }

    .education-banner-image .trust-review .sub {
        font-size: 12px
    }

    .education-banner-image .trust-review h5 {
        font-size: 15px;
        gap: 5px;
        margin-bottom: 7px
    }

    .education-banner-image .trust-review h5 img {
        max-width: 15px
    }

    .education-banner-image .trust-review .list li img {
        max-width: 14px
    }

    .education-banner-image .trust-review span {
        font-size: 12px
    }

    .education-banner-image .trust-review .arrow {
        display: none
    }

    .education-banner-vector {
        display: none
    }

    .education-banner-shape1,.education-banner-shape2,.education-banner-shape3,.education-banner-shape4 {
        display: none
    }

    .education-fun-area {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .education-fun-area .g-5,.education-fun-area .gy-5 {
        --bs-gutter-y: 2rem
    }

    .education-fun-area .g-5,.education-fun-area .gx-5 {
        --bs-gutter-x: 2rem
    }

    .education-fun-card {
        padding-top: 0;
        padding-bottom: 0
    }

    .education-fun-card .content h3 {
        font-size: 20px
    }

    .education-fun-card .content p {
        font-size: 14px
    }

    .education-fun-card::before {
        display: none
    }

    .education-categories-card {
        gap: 15px;
        padding: 12px 20px
    }

    .education-categories-right {
        max-width: 320px;
        margin: 75px auto 0
    }

    .education-categories-right .vector-wrap {
        left: 47px;
        bottom: 0
    }

    .education-about-image {
        padding: 0;
        margin-right: 0
    }

    .education-about-image .fun-color-wrap {
        padding: 10px;
        left: 10px;
        bottom: 10px
    }

    .education-about-image .fun-color-wrap .icon {
        margin-bottom: 12px
    }

    .education-about-image .fun-color-wrap h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .education-about-image .fun-wrap {
        padding: 10px;
        right: 10px;
        top: 10px
    }

    .education-about-image .fun-wrap .icon {
        margin-bottom: 12px
    }

    .education-about-image .fun-wrap h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .education-about-image .shape1,.education-about-image .shape2 {
        display: none
    }

    .education-about-content {
        padding-left: 0
    }

    .education-about-content h2 {
        font-size: 28px
    }

    .education-about-content .list {
        margin-top: 30px
    }

    .education-about-content .about-btn {
        margin-top: 30px
    }

    .education-courses-area {
        overflow: hidden
    }

    .education-courses-tabs .nav {
        padding-bottom: 10px;
        margin-bottom: 30px
    }

    .education-courses-tabs .nav .nav-item {
        margin-right: 7px
    }

    .education-courses-tabs .nav .nav-item .nav-link {
        padding: 0 0 15px 0;
        font-size: 14px
    }

    .education-courses-tabs .nav .nav-item .nav-link::before {
        bottom: 12px;
        height: 1px
    }

    .education-courses-tabs .inner_tabs {
        display: block;
        margin-bottom: 30px
    }

    .education-courses-tabs .inner_tabs li {
        margin-bottom: 12px
    }

    .education-courses-tabs .inner_tabs li h5 {
        font-size: 15px
    }

    .education-courses-tabs .inner_tabs li span {
        font-size: 13px
    }

    .education-courses-tabs .inner_tabs li:last-child {
        margin-bottom: 0
    }

    .courses-show-hide-style .education-courses-card {
        display: none
    }

    .courses-show-hide-style .education-courses-hover-card {
        position: relative;
        opacity: 1;
        visibility: visible
    }

    .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
        left: auto;
        right: 20px;
        bottom: 7px
    }

    .courses-show-hide-style .education-courses-hover-card .content {
        padding: 20px
    }

    .education-partner-title {
        margin-bottom: 30px
    }

    .education-partner-title span {
        font-size: 17px
    }

    .education-partner-lists .col {
        flex: 0 0 auto;
        width: 50%
    }

    .education-works-image {
        margin-right: 0
    }

    .education-works-image .shape {
        display: none
    }

    .education-works-image .blur-wrap {
        display: none
    }

    .education-works-content {
        margin-left: 0
    }

    .education-works-content h2 {
        font-size: 28px
    }

    .education-works-content .items {
        margin-top: 45px
    }

    .education-works-content .items .item {
        display: block;
        margin-bottom: 25px;
        padding-bottom: 25px
    }

    .education-works-content .items .item .content {
        margin-top: 15px
    }

    .education-works-content .items .item.wrap2 {
        margin-left: 0
    }

    .education-works-content .items .item.wrap3 {
        margin-left: 0
    }

    .education-overview-area {
        overflow: hidden
    }

    .education-overview-inner {
        padding: 30px 20px
    }

    .overview-fun-items {
        display: block;
        margin-bottom: 30px
    }

    .overview-fun-items .fun {
        margin-bottom: 25px
    }

    .overview-fun-items .fun h3 {
        font-size: 30px;
        margin-bottom: 5px
    }

    .overview-fun-items .fun p {
        font-size: 14px
    }

    .overview-fun-items .fun:last-child {
        margin-bottom: 0
    }

    .education-overview-content {
        max-width: 1050px
    }

    .education-overview-content h2 {
        font-size: 28px;
        margin-bottom: 15px;
        max-width: 1050px
    }

    .education-overview-content h2 span img {
        bottom: -5px
    }

    .education-overview-content .overview-btn {
        margin-top: 25px
    }

    .education-overview-wrapper {
        padding: 25px
    }

    .education-overview-wrapper .overview-nav-buttons {
        margin-top: 25px
    }

    .education-overview-slide-item .quote {
        margin: 0 auto 20px
    }

    .education-overview-slide-item p {
        font-size: 17px
    }

    .education-overview-slide-item .profile {
        margin-top: 30px
    }

    .education-overview-slide-item .profile .content {
        margin-top: 20px
    }

    .education-overview-slide-item .profile .content h3 {
        font-size: 18px
    }

    .education-overview-slide-item .profile .content span {
        margin-top: 7px
    }

    .education-overview-right {
        padding: 25px 25px 170px 25px
    }

    .education-overview-right .content {
        max-width: 1050px
    }

    .education-overview-right .content h3 {
        font-size: 20px
    }

    .education-overview-right .content p {
        margin-bottom: 25px
    }

    .education-team-area {
        overflow: hidden
    }

    .education-team-card .content {
        margin-top: 20px
    }

    .education-team-card .content h3 {
        font-size: 20px
    }

    .education-team-card .content span {
        font-size: 14px
    }

    .education-team-card.wrap-style {
        margin-top: 0
    }

    .education-cta-inner {
        padding: 50px 25px
    }

    .education-cta-inner .content h2 {
        font-size: 28px
    }

    .education-cta-inner .content p {
        margin-bottom: 25px
    }

    .education-cta-inner .cta-shape1,.education-cta-inner .cta-shape2 {
        display: none
    }

    .education-blog-content {
        max-width: 1050px
    }

    .education-blog-content h2 {
        font-size: 28px;
        max-width: 1050px
    }

    .education-blog-content p {
        margin-bottom: 25px
    }

    .education-blog-card .content h3 {
        font-size: 20px
    }

    .education-blog-card.wrap-style {
        margin-top: 0
    }

    .single-footer-widget.left-gap {
        padding-left: 0
    }

    .single-footer-widget .widget-logo {
        margin-bottom: 20px
    }

    .single-footer-widget h3 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .single-footer-widget .newsletter-form form {
        padding-right: 0
    }

    .single-footer-widget .newsletter-form form .default-btn {
        position: relative;
        width: 100%;
        margin-top: 5px
    }

    .navbar .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 540px
    }

    .navbar .category-menu {
        display: none
    }

    .distance-learning-banner-area {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .distance-learning-banner-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 540px
    }

    .distance-learning-banner-content {
        max-width: 1050px;
        top: 0
    }

    .distance-learning-banner-content h1 {
        font-size: 35px;
        margin-bottom: 18px
    }

    .distance-learning-banner-content p {
        font-size: 15px
    }

    .distance-learning-banner-content .banner-btn {
        margin-top: 25px;
        display: block
    }

    .distance-learning-banner-content .banner-btn li {
        margin-bottom: 10px
    }

    .distance-learning-banner-content .banner-btn li:last-child {
        margin-bottom: 0
    }

    .distance-learning-banner-image .fun {
        position: relative;
        left: 0;
        top: 0;
        transform: unset;
        margin-bottom: 100px
    }

    .distance-learning-banner-image .fun-wrap {
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: 30px
    }

    .distance-learning-banner-image .fun-users {
        position: relative;
        right: 0;
        bottom: 0
    }

    .distance-learning-banner-image .fun-users .inner {
        justify-content: space-between
    }

    .distance-learning-banner-image .wrap-shape,.distance-learning-banner-image .wrap-shape2 {
        display: none
    }

    .distance-learning-banner-shape {
        display: none
    }

    .dl-choose-area {
        padding-top: 50px
    }

    .dl-choose-area .section-title h2 img {
        bottom: 0
    }

    .dl-categories-area {
        margin: 0 0
    }

    .dl-categories-area .section-title .right {
        text-align: start
    }

    .dl-categories-card {
        padding: 25px
    }

    .dl-fun-area {
        padding-bottom: 50px
    }

    .dl-fun-card {
        padding: 25px
    }

    .dl-fun-card h3 {
        font-size: 30px;
        margin-bottom: 7px
    }

    .dl-rectangle-inner {
        padding-bottom: 50px
    }

    .dl-rectangle-inner.pt-140 {
        padding-top: 0
    }

    .dl-rectangle-inner .rectangle-shape1,.dl-rectangle-inner .rectangle-shape2 {
        display: none
    }

    .dl-courses-show-hide-style .dl-courses-card {
        display: none
    }

    .dl-courses-show-hide-style .dl-courses-hover-card {
        position: relative;
        opacity: 1;
        visibility: visible
    }

    .dl-courses-show-hide-style .dl-courses-hover-card .content {
        padding: 20px
    }

    .dl-courses-bottom-content {
        margin: 35px auto 0
    }

    .dl-journey-content h2 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .dl-journey-content .journey-btn {
        margin-top: 25px
    }

    .dl-journey-image {
        text-align: center
    }

    .dl-partner-inner {
        padding: 50px 20px
    }

    .dl-partner-content {
        margin: 0 auto 30px
    }

    .dl-partner-content h3 {
        font-size: 20px
    }

    .dl-partner-lists .col {
        flex: 0 0 auto;
        width: 50%
    }

    .footer-area.wrap-style2 {
        padding-top: 50px;
        margin-top: 50px
    }

    .footer-rectangle {
        display: none
    }

    .top-header-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 540px
    }

    .online-training-banner-area {
        padding-top: 50px;
        padding-bottom: 145px
    }

    .online-training-banner-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 540px
    }

    .online-training-banner-left-image {
        text-align: center
    }

    .online-training-banner-content .sub {
        gap: 5px;
        padding: 5px 7px;
        margin-bottom: 15px
    }

    .online-training-banner-content h1 {
        font-size: 35px;
        margin-bottom: 20px
    }

    .online-training-banner-content .banner-btn {
        display: block;
        margin-top: 25px
    }

    .online-training-banner-content .banner-btn li {
        margin-bottom: 10px
    }

    .online-training-banner-content .banner-btn li:last-child {
        margin-bottom: 0
    }

    .online-training-banner-right-image {
        text-align: center;
        margin-left: 0
    }

    .online-training-banner-right-image .fun {
        gap: 10px
    }

    .online-training-banner-right-image .fun .content h3 {
        font-size: 20px
    }

    .ot-fun-inner {
        padding-bottom: 50px
    }

    .ot-fun-card .content h3 {
        font-size: 27px
    }

    .ot-fun-card .content p {
        font-size: 14px
    }

    .ot-fun-box-area .g-0,.ot-fun-box-area .gy-0 {
        --bs-gutter-y: 1rem
    }

    .ot-fun-box-area .g-0,.ot-fun-box-area .gx-0 {
        --bs-gutter-x: 1rem
    }

    .ot-fun-box-item {
        height: 100%;
        width: 100%;
        border-radius: 30px;
        padding: 25px
    }

    .ot-fun-box-item .content {
        left: 0
    }

    .ot-fun-box-item .content h3 {
        font-size: 35px
    }

    .ot-fun-box-item .content p {
        font-size: 14px
    }

    .ot-fun-box-item.wrap2 {
        margin-left: 0
    }

    .ot-fun-box-item.wrap3 {
        margin-left: 0
    }

    .ot-fun-box-item.wrap4 {
        margin-left: 0
    }

    .ot-fun-box-item:hover {
        transform: unset
    }

    .ot-courses-card .image .info-list {
        gap: 5px;
        left: 20px;
        bottom: 20px
    }

    .ot-courses-card .image .info-list li {
        gap: 5px;
        padding: 7px 10px
    }

    .ot-courses-card .image .info-list li span {
        font-size: 12px
    }

    .ot-partner-content {
        max-width: 1050px
    }

    .ot-partner-content h2 {
        font-size: 28px;
        margin-bottom: 15px
    }

    .ot-partner-items {
        margin-left: 0
    }

    .ot-partner-items .item {
        padding: 10px;
        height: 100%;
        width: 100%
    }

    .ot-feedback-inner .inner-top {
        padding: 25px
    }

    .ot-feedback-inner .inner-top .ot-feedback-nav-buttons {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 25px
    }

    .ot-feedback-inner .inner-bottom {
        display: block;
        padding: 25px
    }

    .ot-feedback-inner .inner-bottom h2 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .ot-feedback-image {
        height: 350px
    }

    .ot-feedback-content {
        padding-left: 0
    }

    .ot-feedback-content .top {
        margin-bottom: 20px
    }

    .ot-feedback-content p {
        font-size: 15px
    }

    .ot-feedback-content .info {
        margin-top: 30px;
        padding-right: 0
    }

    .ot-feedback-content .info h3 {
        font-size: 18px
    }

    .ot-team-area {
        overflow: hidden
    }

    .ot-team-card .content {
        margin-top: 20px
    }

    .ot-team-card .content h3 {
        font-size: 20px
    }

    .ot-team-card.wrap-style {
        margin-top: 0
    }

    .faq-image {
        margin-bottom: 0
    }

    .faq-content .title {
        max-width: 1050px;
        margin-bottom: 30px
    }

    .faq-content .title h2 {
        font-size: 28px
    }

    .footer-area.wrap-style3 {
        padding-top: 50px
    }

    .page-banner-area {
        padding-top: 50px;
        padding-bottom: 85px
    }

    .page-banner-content h2 {
        font-size: 30px
    }

    .page-banner-shape1,.page-banner-shape2 {
        display: none
    }

    .cta-wrap-content h2 {
        font-size: 30px
    }

    .cta-wrap-shape1,.cta-wrap-shape2 {
        display: none
    }

    .education-about-area.wrap-style2::before {
        height: 110px
    }

    .education-about-area.wrap-style2 .education-about-image {
        padding: 0
    }

    .education-about-area.wrap-style2 .education-about-image .fun-wrap {
        right: 10px;
        top: 10px
    }

    .education-about-area.wrap-style2 .education-about-image .fun-color-wrap {
        left: 10px;
        bottom: 10px
    }

    .education-about-rectangle {
        display: none
    }

    .become-an-instructor-steps {
        padding: 30px;
        margin: 0 auto 30px
    }

    .become-an-instructor-steps h2 {
        font-size: 25px
    }

    .become-an-instructor-benefits {
        padding: 30px;
        margin: 0 auto 30px
    }

    .become-an-instructor-benefits h2 {
        font-size: 25px
    }

    .become-an-instructor-testimonials {
        padding: 30px
    }

    .become-an-instructor-testimonials h2 {
        font-size: 25px
    }

    .become-an-instructor-apply-area {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .become-an-instructor-apply-form {
        padding: 25px
    }

    .become-an-instructor-apply-form h2 {
        font-size: 25px
    }

    .pricing-plans-card {
        padding: 25px
    }

    .filter-wrapper {
        padding: 20px 15px
    }

    .showing-team-bar {
        display: block
    }

    .showing-team-bar .results-text {
        font-size: 15px;
        display: block;
        margin-bottom: 10px
    }

    .showing-team-bar .search-sort-wrapper {
        display: block
    }

    .showing-team-bar .search-sort-wrapper .search-box {
        width: 100%;
        margin-bottom: 10px
    }

    .instructor-details-content {
        padding-left: 0
    }

    .instructor-details-content h3 {
        font-size: 22px
    }

    .instructor-details-content .sub {
        font-size: 15px
    }

    .instructor-details-content .info-rating {
        gap: 2px;
        padding: 5px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .instructor-details-content .info-list li {
        margin-bottom: 15px
    }

    .instructor-details-content .content {
        margin-top: 30px
    }

    .instructor-details-content .content h3 {
        font-size: 22px
    }

    .instructor-details-content .content .list li {
        margin-bottom: 15px
    }

    .courses-author-title {
        font-size: 20px;
        margin-bottom: 25px
    }

    .products-area {
        overflow: hidden
    }

    .showing-products-bar {
        display: block
    }

    .showing-products-bar .results-text {
        font-size: 15px;
        display: block;
        margin-bottom: 10px
    }

    .showing-products-bar .search-sort-wrapper {
        display: block
    }

    .showing-products-bar .search-sort-wrapper .search-box {
        width: 100%;
        margin-bottom: 10px
    }

    .products-card .content .sub {
        margin-bottom: 7px
    }

    .products-card .content h3 {
        font-size: 20px
    }

    .products-card .content .price {
        font-size: 20px;
        margin-top: 15px
    }

    .shopping-cart-totals {
        padding: 25px
    }

    .checkout-form {
        padding: 25px
    }

    .checkout-sidebar .order-box {
        padding: 25px
    }

    .checkout-sidebar .payment-container {
        padding: 25px
    }

    .profile-authentication-inner {
        padding: 20px
    }

    .forgot-container {
        padding: 20px
    }

    .products-details-image {
        margin-right: 0
    }

    .products-details-desc {
        padding-left: 0
    }

    .products-details-desc h3 {
        margin-bottom: 15px;
        font-size: 28px
    }

    .products-details-desc .products-add-to-cart {
        margin-top: 20px;
        display: inline-grid
    }

    .products-details-desc .products-add-to-cart .default-btn {
        margin-top: 10px;
        margin-left: 0
    }

    .products-details-tabs {
        margin-top: 50px
    }

    .products-details-tabs .nav {
        margin-bottom: 20px
    }

    .products-details-tabs .nav .nav-item {
        margin-right: 10px
    }

    .products-details-tabs .nav .nav-item .nav-link {
        padding: 12px 20px
    }

    .products-details-tabs .tab-content .tab-pane {
        padding: 20px
    }

    .products-details-tabs .tab-content .tab-pane .products-reviews h3 {
        margin-bottom: 10px;
        font-size: 18px
    }

    .products-details-tabs .tab-content .tab-pane .products-reviews .side {
        width: 25%
    }

    .products-details-tabs .tab-content .tab-pane .products-reviews .side div {
        font-size: 12px
    }

    .products-details-tabs .tab-content .tab-pane .products-reviews .middle {
        width: 45%
    }

    .products-details-tabs .tab-content .tab-pane .products-reviews .rating-count span {
        font-size: 14px
    }

    .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
        padding: 20px 0
    }

    .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 20px
    }

    .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group {
        margin-bottom: 15px
    }

    .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control {
        font-size: 14px
    }

    .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent {
        position: relative;
        padding-left: 22px
    }

    .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent input {
        position: absolute;
        left: 0;
        top: 5.8px
    }

    .related-products-title {
        font-size: 25px;
        margin-bottom: 25px
    }

    .faq-tabs .nav .nav-item .nav-link {
        font-size: 17px
    }

    .events-details-content {
        padding: 20px;
        margin: 0 auto 50px
    }

    .events-details-content .meta-list {
        gap: 10px;
        margin-bottom: 15px
    }

    .events-details-content h3 {
        font-size: 25px
    }

    .events-details-content .timer {
        margin-top: 20px
    }

    .events-details-content .timer div {
        font-size: 20px;
        margin: 0 5px
    }

    .events-details-content .timer div::before {
        display: none
    }

    .events-details-content .timer div span {
        font-size: 14px;
        margin-top: 10px
    }

    .events-details-desc h3 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .events-details-info {
        padding: 20px
    }

    .events-details-info h3 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .success-story-play .video-btn {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px
    }

    .success-overview-content .heading-content h3 {
        font-size: 20.5px
    }

    .success-overview-content .paragraph-content {
        padding-left: 0
    }

    .improving-card {
        padding: 25px
    }

    .improving-card h3 {
        font-size: 20.5px
    }

    .not-found-content h3 {
        font-size: 25px
    }

    .contact-info-card {
        padding: 25px
    }

    .contact-info-card p {
        font-size: 14px
    }

    .contact-us-form {
        padding: 25px
    }

    .widget-area {
        padding: 20px
    }

    .widget-area .widget .widget-title {
        font-size: 20.5px
    }

    .widget-area .widget_categories .list li {
        font-size: 17px
    }

    .blog-details-desc .content {
        margin-bottom: 25px;
        padding-bottom: 25px
    }

    .blog-details-desc .content .meta {
        display: block
    }

    .blog-details-desc .content .meta li {
        margin-right: 0;
        margin-bottom: 12px
    }

    .blog-details-desc .content .meta li::before {
        display: none
    }

    .blog-details-desc .content .meta li:last-child {
        margin-bottom: 0
    }

    .blog-details-desc .reply-form {
        padding: 30px
    }

    .blog-details-desc .reply-form .reply-content h3 {
        font-size: 25px
    }

    .showing-courses-bar {
        display: block
    }

    .showing-courses-bar .results-text {
        font-size: 15px;
        display: block;
        margin-bottom: 10px
    }

    .showing-courses-bar .search-sort-wrapper {
        display: block
    }

    .showing-courses-bar .search-sort-wrapper .search-box {
        width: 100%;
        margin-bottom: 10px
    }

    .showing-courses-bar .search-sort-wrapper .view-list {
        margin-bottom: 10px
    }

    .courses-list-view-card .image {
        height: 350px
    }

    .courses-list-view-card .info-content {
        text-align: start
    }

    .courses-list-view-card .info-content .top {
        justify-content: start
    }

    .courses-list-view-card .info-content .bottom {
        margin-top: 30px
    }

    .page-banner-area.course-details-banner {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .course-details-banner-content .list {
        padding: 5px 10px;
        margin-bottom: 15px
    }

    .course-details-banner-content .list li {
        font-size: 14px
    }

    .course-details-banner-content h2 {
        font-size: 27px;
        margin-bottom: 15px
    }

    .course-details-banner-content p {
        margin-bottom: 20px
    }

    .course-details-banner-content .info-list {
        display: block;
        margin-top: 25px
    }

    .course-details-banner-content .info-list li {
        margin-right: 0;
        margin-bottom: 12px
    }

    .course-details-banner-content .info-list li::before {
        display: none
    }

    .course-details-banner-content .info-list li:last-child {
        margin-bottom: 0
    }

    .course-details-desc .nav {
        margin-bottom: 30px
    }

    .course-details-desc .nav .nav-item {
        margin-right: 10px
    }

    .course-details-desc .nav .nav-item .nav-link {
        font-size: 14px
    }

    .course-details-desc .courses-overview h2 {
        font-size: 22px;
        margin-bottom: 12px
    }

    .course-details-desc .courses-overview h3 {
        font-size: 22px
    }

    .course-details-desc .curriculum h2 {
        font-size: 22px
    }

    .course-details-desc .curriculum .items .item {
        padding: 15px
    }

    .course-details-desc .curriculum .items .item .curriculum-title {
        display: block
    }

    .course-details-desc .curriculum .items .item .curriculum-title .left {
        margin-bottom: 12px
    }

    .course-details-desc .curriculum .items .item .lesson-list li {
        display: block
    }

    .course-details-desc .curriculum .items .item .lesson-list li .left {
        margin-bottom: 10px
    }

    .course-details-desc .instructor .i-content {
        padding-left: 0
    }

    .course-details-desc .reviews h2 {
        display: block;
        font-size: 22px
    }

    .course-details-desc .reviews .review-form {
        padding: 25px
    }

    .course-details-sidebar {
        margin-top: 0
    }

    .course-details-sidebar .c-image {
        margin: 10px 10px 0 10px
    }

    .course-details-sidebar .c-content {
        padding: 20px
    }

    .course-details-sidebar .c-content h3 {
        font-size: 20px;
        margin-bottom: 22px
    }

    .education-team-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 540px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .education-banner-image .mesh-grad {
        left:-100px
    }

    .courses-show-hide-style .education-courses-card .image .tag-btn {
        left: auto;
        right: 20px;
        bottom: 25px
    }

    .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
        left: auto;
        right: 20px;
        bottom: 25px
    }

    .education-overview-right {
        padding: 25px 25px 250px 25px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ptb-140 {
        padding-top:100px;
        padding-bottom: 100px
    }

    .pt-140 {
        padding-top: 100px
    }

    .pb-140 {
        padding-bottom: 100px
    }

    .mb-140 {
        margin-bottom: 100px
    }

    .mb-140 {
        margin-bottom: 100px
    }

    .section-title {
        max-width: 1050px
    }

    .top-header-content a {
        gap: 5px
    }

    .education-banner-area {
        padding-top: 100px
    }

    .education-banner-content {
        max-width: 1050px;
        top: 0
    }

    .education-banner-image .mesh-grad {
        left: -140px;
        bottom: 0
    }

    .education-banner-image .trust-review {
        left: 0
    }

    .education-fun-area {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .education-fun-area .g-5,.education-fun-area .gy-5 {
        --bs-gutter-y: 2rem
    }

    .education-fun-area .g-5,.education-fun-area .gx-5 {
        --bs-gutter-x: 2rem
    }

    .education-fun-card {
        padding-top: 0;
        padding-bottom: 0
    }

    .education-fun-card::before {
        display: none
    }

    .education-categories-card {
        gap: 15px;
        padding: 12px 20px
    }

    .education-categories-right {
        max-width: 320px;
        margin: 75px auto 0
    }

    .education-categories-right .vector-wrap {
        left: 47px;
        bottom: 0
    }

    .education-about-image {
        margin-right: 0
    }

    .education-about-image .fun-color-wrap .icon {
        margin-bottom: 12px
    }

    .education-about-image .fun-color-wrap h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .education-about-image .fun-wrap {
        right: 0
    }

    .education-about-image .fun-wrap .icon {
        margin-bottom: 12px
    }

    .education-about-image .fun-wrap h3 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .education-about-content {
        padding-left: 0
    }

    .education-courses-area {
        overflow: hidden
    }

    .courses-show-hide-style .education-courses-card {
        display: none
    }

    .courses-show-hide-style .education-courses-hover-card {
        position: relative;
        opacity: 1;
        visibility: visible
    }

    .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
        left: auto;
        right: 20px;
        bottom: 7px
    }

    .education-courses-tabs .nav .nav-item {
        margin-right: 30px
    }

    .education-courses-tabs .nav .nav-item .nav-link::before {
        bottom: 15px
    }

    .education-courses-tabs .inner_tabs {
        display: block;
        margin-bottom: 30px
    }

    .education-courses-tabs .inner_tabs li {
        margin-bottom: 10px
    }

    .education-courses-tabs .inner_tabs li:last-child {
        margin-bottom: 0
    }

    .education-partner-title {
        margin-bottom: 30px
    }

    .education-works-image {
        margin-right: 0
    }

    .education-works-content {
        margin-left: 0
    }

    .education-overview-area {
        overflow: hidden
    }

    .education-overview-inner {
        padding: 50px 30px
    }

    .overview-fun-items {
        margin-bottom: 50px
    }

    .overview-fun-items .fun h3 {
        font-size: 35px
    }

    .education-overview-content {
        max-width: 1050px
    }

    .education-overview-content h2 {
        max-width: 1050px
    }

    .education-overview-content .overview-btn {
        margin-top: 25px
    }

    .education-overview-wrapper {
        padding: 50px 70px
    }

    .education-overview-wrapper .overview-nav-buttons {
        margin-top: 25px
    }

    .education-overview-slide-item .quote {
        margin: 0 auto 20px
    }

    .education-overview-slide-item .profile {
        margin-top: 30px
    }

    .education-overview-slide-item .profile .content {
        margin-top: 20px
    }

    .education-overview-slide-item .profile .content h3 {
        font-size: 18px
    }

    .education-overview-slide-item .profile .content span {
        margin-top: 7px
    }

    .education-overview-right {
        padding: 50px 50px 340px 50px
    }

    .education-overview-right .content {
        max-width: 1050px
    }

    .education-team-area {
        overflow: hidden
    }

    .education-team-card.wrap-style {
        margin-top: 0
    }

    .education-cta-inner {
        padding: 50px 100px
    }

    .education-blog-content {
        max-width: 1050px
    }

    .education-blog-content h2 {
        max-width: 1050px
    }

    .education-blog-content p {
        margin-bottom: 25px
    }

    .education-blog-card.wrap-style {
        margin-top: 0
    }

    .navbar .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 720px
    }

    .navbar .category-menu {
        display: none
    }

    .distance-learning-banner-area {
        padding-top: 100px
    }

    .distance-learning-banner-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 720px
    }

    .distance-learning-banner-content {
        max-width: 1050px;
        top: 0
    }

    .distance-learning-banner-image .fun {
        left: 0
    }

    .distance-learning-banner-image .fun .inner {
        gap: 10px;
        padding: 10px 15px
    }

    .distance-learning-banner-image .fun .inner .content h3 {
        font-size: 25px
    }

    .distance-learning-banner-image .fun .inner .content p {
        font-size: 14px
    }

    .distance-learning-banner-image .wrap-shape,.distance-learning-banner-image .wrap-shape2 {
        display: none
    }

    .distance-learning-banner-shape {
        display: none
    }

    .dl-choose-area {
        padding-top: 100px
    }

    .dl-choose-area .section-title h2 img {
        bottom: 0
    }

    .dl-categories-area {
        margin: 0 0
    }

    .dl-categories-card {
        padding: 25px
    }

    .dl-fun-area {
        padding-bottom: 100px
    }

    .dl-rectangle-inner {
        padding-bottom: 100px
    }

    .dl-rectangle-inner.pt-140 {
        padding-top: 0
    }

    .dl-rectangle-inner .rectangle-shape1,.dl-rectangle-inner .rectangle-shape2 {
        display: none
    }

    .dl-courses-show-hide-style .dl-courses-card {
        display: none
    }

    .dl-courses-show-hide-style .dl-courses-hover-card {
        position: relative;
        opacity: 1;
        visibility: visible
    }

    .dl-courses-show-hide-style .dl-courses-hover-card .content {
        padding: 20px
    }

    .dl-journey-area {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .dl-journey-image {
        text-align: center
    }

    .dl-partner-inner {
        padding: 100px 50px
    }

    .dl-partner-content {
        margin: 0 auto 30px
    }

    .dl-partner-lists .col {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .footer-area.wrap-style2 {
        padding-top: 100px;
        margin-top: 100px
    }

    .footer-rectangle {
        display: none
    }

    .top-header-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 720px
    }

    .online-training-banner-area {
        padding-top: 100px;
        padding-bottom: 180px
    }

    .online-training-banner-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 720px
    }

    .online-training-banner-left-image {
        text-align: center
    }

    .online-training-banner-right-image {
        text-align: center;
        margin-left: 0
    }

    .ot-fun-box-area .g-0,.ot-fun-box-area .gy-0 {
        --bs-gutter-y: -1rem
    }

    .ot-fun-box-area .g-0,.ot-fun-box-area .gx-0 {
        --bs-gutter-x: -1rem
    }

    .ot-fun-box-item .content {
        left: 0
    }

    .ot-fun-box-item:hover {
        transform: unset
    }

    .ot-partner-content {
        max-width: 1050px
    }

    .ot-partner-items {
        margin-left: 0
    }

    .ot-partner-items .item {
        padding: 10px;
        height: 100%;
        width: 100%
    }

    .ot-feedback-inner .inner-top {
        padding: 50px
    }

    .ot-feedback-inner .inner-top .ot-feedback-nav-buttons {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 25px
    }

    .ot-feedback-inner .inner-bottom {
        padding: 50px
    }

    .ot-feedback-image {
        height: 550px
    }

    .ot-feedback-content {
        padding-left: 0
    }

    .ot-feedback-content .top {
        margin-bottom: 20px
    }

    .ot-feedback-content .info {
        margin-top: 30px;
        padding-right: 0
    }

    .ot-feedback-content .info h3 {
        font-size: 18px
    }

    .ot-team-area {
        overflow: hidden
    }

    .ot-team-card .content {
        margin-top: 20px
    }

    .ot-team-card.wrap-style {
        margin-top: 0
    }

    .faq-image {
        margin-bottom: 0
    }

    .faq-content .title {
        max-width: 1050px;
        margin-bottom: 30px
    }

    .footer-area.wrap-style3 {
        padding-top: 100px
    }

    .page-banner-shape1 {
        left: 50px;
        max-width: 120px
    }

    .page-banner-shape2 {
        right: 50px;
        max-width: 120px
    }

    .cta-wrap-shape1 {
        left: 100px;
        max-width: 150px
    }

    .cta-wrap-shape2 {
        right: 100px;
        max-width: 150px
    }

    .pricing-plans-card {
        padding: 25px
    }

    .instructor-details-content {
        padding-left: 0
    }

    .products-details-image {
        margin-right: 0
    }

    .products-details-desc {
        padding-left: 0
    }

    .events-details-content {
        padding: 35px
    }

    .success-overview-content .paragraph-content {
        padding-left: 0
    }

    .blog-details-desc .reply-form {
        padding: 50px
    }

    .courses-list-view-card .info-content {
        text-align: start
    }

    .courses-list-view-card .info-content .top {
        justify-content: start
    }

    .courses-list-view-card .info-content .bottom {
        margin-top: 30px
    }

    .page-banner-area.course-details-banner .page-banner-shape1 {
        opacity: .5
    }

    .page-banner-area.course-details-banner .page-banner-shape2 {
        opacity: .5
    }

    .course-details-sidebar {
        margin-top: 0
    }

    .education-team-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 720px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .ptb-140 {
        padding-top:100px;
        padding-bottom: 100px
    }

    .pt-140 {
        padding-top: 100px
    }

    .pb-140 {
        padding-bottom: 100px
    }

    .mb-140 {
        margin-bottom: 100px
    }

    .navbar .others-option {
        margin-left: 15px
    }

    .navbar .others-option .option-item {
        margin-right: 15px
    }

    .navbar .others-option .option-item .search-form {
        position: relative;
        width: 190px
    }

    .education-banner-image .mesh-grad {
        bottom: 0
    }

    .education-banner-image .trust-review {
        left: 0;
        padding: 10px
    }

    .education-fun-area {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .education-fun-area .g-5,.education-fun-area .gy-5 {
        --bs-gutter-y: 1rem
    }

    .education-fun-area .g-5,.education-fun-area .gx-5 {
        --bs-gutter-x: 1rem
    }

    .education-fun-card {
        padding-top: 0;
        padding-bottom: 0
    }

    .education-fun-card::before {
        display: none
    }

    .education-categories-right .vector-wrap {
        left: -20px;
        bottom: 50px;
        max-width: 150px
    }

    .education-about-image {
        margin-right: 0
    }

    .education-about-content {
        padding-left: 0
    }

    .courses-show-hide-style .education-courses-card {
        display: none
    }

    .courses-show-hide-style .education-courses-hover-card {
        position: relative;
        opacity: 1;
        visibility: visible
    }

    .courses-show-hide-style .education-courses-hover-card .image .tag-btn {
        left: auto;
        right: 20px;
        bottom: 25px
    }

    .education-courses-tabs .nav .nav-item {
        margin-right: 5px
    }

    .education-courses-tabs .nav .nav-item .nav-link {
        font-size: 15px
    }

    .education-courses-tabs .inner_tabs li {
        padding: 12px 20px
    }

    .education-works-content .items .item.wrap2 {
        margin-left: 30px
    }

    .education-works-content .items .item.wrap3 {
        margin-left: 60px
    }

    .education-overview-inner {
        padding: 100px 50px
    }

    .education-overview-wrapper {
        padding: 70px 50px
    }

    .education-overview-right {
        padding: 70px 50px 300px 50px
    }

    .education-blog-area .g-5,.education-blog-area .gy-5 {
        --bs-gutter-y: 1rem
    }

    .education-blog-area .g-5,.education-blog-area .gx-5 {
        --bs-gutter-x: 1rem
    }

    .single-footer-widget.left-gap {
        padding-left: 0
    }

    .single-footer-widget .newsletter-form form {
        padding-right: 0
    }

    .single-footer-widget .newsletter-form form .default-btn {
        position: relative;
        width: 100%;
        margin-top: 10px
    }

    .navbar .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 960px
    }

    .navbar .category-menu .category-dropdown-wrap .ul {
        width: 200px
    }

    .navbar .category-menu .category-dropdown-wrap .ul .children {
        width: 200px
    }

    .navbar .category-menu .category-dropdown-wrap .ul .children.course-list {
        width: 315px
    }

    .distance-learning-banner-area {
        padding-top: 100px
    }

    .distance-learning-banner-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 960px
    }

    .distance-learning-banner-content {
        max-width: 1050px;
        top: 0
    }

    .distance-learning-banner-image {
        text-align: center
    }

    .distance-learning-banner-image .fun {
        left: 0
    }

    .distance-learning-banner-image .wrap-shape,.distance-learning-banner-image .wrap-shape2 {
        display: none
    }

    .distance-learning-banner-shape {
        display: none
    }

    .dl-choose-area {
        padding-top: 100px
    }

    .dl-choose-area .section-title h2 img {
        bottom: 0
    }

    .dl-categories-area {
        margin: 0 0
    }

    .dl-fun-area {
        padding-bottom: 100px
    }

    .dl-rectangle-inner {
        padding-bottom: 100px
    }

    .dl-rectangle-inner.pt-140 {
        padding-top: 0
    }

    .dl-rectangle-inner .rectangle-shape1,.dl-rectangle-inner .rectangle-shape2 {
        display: none
    }

    .dl-courses-show-hide-style .dl-courses-card {
        display: none
    }

    .dl-courses-show-hide-style .dl-courses-hover-card {
        position: relative;
        opacity: 1;
        visibility: visible
    }

    .dl-journey-area {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .dl-journey-image {
        text-align: center
    }

    .dl-partner-inner {
        padding: 100px 50px
    }

    .footer-area.wrap-style2 {
        padding-top: 100px;
        margin-top: 100px
    }

    .footer-rectangle {
        display: none
    }

    .top-header-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 960px
    }

    .online-training-banner-area {
        padding-top: 100px;
        padding-bottom: 180px
    }

    .online-training-banner-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 960px
    }

    .online-training-banner-right-image {
        margin-left: 0;
        padding: 0 0 75px 140px
    }

    .online-training-banner-right-image .wrap.wrap2 {
        max-width: 100%
    }

    .ot-fun-box-item {
        height: 255px;
        width: 255px;
        border-radius: 255px
    }

    .ot-fun-box-item .content {
        left: 0
    }

    .ot-fun-box-item:hover {
        transform: unset
    }

    .ot-courses-card .image .info-list {
        gap: 5px;
        left: 20px;
        bottom: 20px
    }

    .ot-courses-card .image .info-list li {
        gap: 5px;
        padding: 7px 10px
    }

    .ot-courses-card .image .info-list li span {
        font-size: 12px
    }

    .ot-partner-content {
        max-width: 1050px
    }

    .ot-partner-items {
        margin-left: 0
    }

    .ot-partner-items .item {
        padding: 10px;
        height: 100%;
        width: 100%
    }

    .ot-feedback-inner .inner-top {
        padding: 50px
    }

    .ot-feedback-inner .inner-top .ot-feedback-nav-buttons {
        right: 50px;
        bottom: 50px
    }

    .ot-feedback-inner .inner-bottom {
        padding: 50px
    }

    .ot-feedback-content {
        padding-left: 20px
    }

    .ot-feedback-content .top {
        margin-bottom: 20px
    }

    .ot-feedback-content .info {
        margin-top: 30px;
        padding-right: 0
    }

    .ot-feedback-content .info h3 {
        font-size: 18px
    }

    .ot-team-area {
        overflow: hidden
    }

    .ot-team-card .content {
        margin-top: 20px
    }

    .ot-team-card.wrap-style {
        margin-top: 0
    }

    .faq-content .title {
        max-width: 1050px;
        margin-bottom: 30px
    }

    .footer-area.wrap-style3 {
        padding-top: 100px
    }

    .pricing-plans-card {
        padding: 25px
    }

    .checkout-form {
        padding: 25px
    }

    .checkout-sidebar .order-box {
        padding: 25px
    }

    .checkout-sidebar .payment-container {
        padding: 25px
    }

    .products-details-image {
        margin-right: 0
    }

    .products-details-desc {
        padding-left: 0
    }

    .events-details-info {
        padding: 25px
    }

    .events-details-info h3 {
        font-size: 20px
    }

    .contact-info-card {
        padding: 35px 70px
    }

    .page-banner-area.course-details-banner .page-banner-shape1 {
        opacity: .5
    }

    .page-banner-area.course-details-banner .page-banner-shape2 {
        opacity: .5
    }

    .course-details-desc .curriculum .items .item {
        padding: 15px
    }

    .course-details-desc .instructor .i-content {
        padding-left: 0
    }

    .course-details-desc .instructor .i-content .list {
        margin-top: 15px
    }

    .course-details-desc .instructor .i-content .list li {
        margin-bottom: 12px
    }

    .course-details-sidebar .c-image {
        margin: 10px 10px 0 10px
    }

    .course-details-sidebar .c-content {
        padding: 20px
    }

    .course-details-sidebar .c-content h3 {
        font-size: 20px;
        margin-bottom: 22px
    }

    .education-team-area .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        max-width: 960px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .navbar .navbar-brand {
        padding-right:10px
    }

    .navbar .category-menu .category-menu-toggle {
        padding-left: 10px
    }

    .navbar .navbar-nav .nav-item {
        margin-left: 7px;
        margin-right: 7px
    }

    .navbar .others-option {
        margin-left: 10px
    }

    .navbar .others-option .option-item {
        margin-right: 10px
    }

    .navbar .others-option .option-item .search-form {
        width: 190px
    }

    .navbar .others-option .option-item .default-btn {
        gap: 7px;
        padding: 10px 12px;
        font-size: 15px
    }

    .education-fun-area .g-5,.education-fun-area .gy-5 {
        --bs-gutter-y: 2rem
    }

    .education-fun-area .g-5,.education-fun-area .gx-5 {
        --bs-gutter-x: 2rem
    }

    .education-fun-card::before {
        right: -5px
    }

    .courses-show-hide-style .education-courses-card .content {
        padding: 15px
    }

    .courses-show-hide-style .education-courses-card .content .info-rating {
        gap: 1px
    }

    .courses-show-hide-style .education-courses-card .content .info-rating li span {
        font-size: 13px
    }

    .courses-show-hide-style .education-courses-hover-card .content {
        padding: 15px
    }

    .courses-show-hide-style .education-courses-hover-card .content .info-rating {
        gap: 1px
    }

    .courses-show-hide-style .education-courses-hover-card .content .info-rating li span {
        font-size: 13px
    }

    .courses-show-hide-style .education-courses-hover-card .content .info-bottom li .default-btn {
        gap: 10px;
        padding: 15px 20px
    }

    .single-footer-widget.left-gap {
        padding-left: 35px
    }

    .distance-learning-banner-image .fun {
        left: -45px
    }

    .distance-learning-banner-image .fun .inner {
        gap: 10px;
        padding: 15px 20px
    }

    .distance-learning-banner-image .fun-wrap {
        right: 0
    }

    .dl-choose-area {
        padding-top: 30px
    }

    .dl-categories-area {
        margin: 0 0
    }

    .dl-fun-area {
        padding-bottom: 30px
    }

    .dl-fun-card {
        padding: 30px
    }

    .dl-rectangle-inner.pt-140 {
        padding-top: 50px
    }

    .footer-area.wrap-style2 {
        padding-top: 200px;
        margin-top: 30px
    }

    .online-training-banner-area {
        padding-bottom: 240px
    }

    .online-training-banner-right-image {
        padding: 0 0 50px 35px;
        margin-left: 0
    }

    .online-training-banner-right-image .wrap.wrap2 {
        max-width: 130px
    }

    .online-training-banner-right-image .fun {
        gap: 10px
    }

    .ot-fun-box-item {
        height: 300px;
        width: 300px;
        border-radius: 300px
    }

    .ot-partner-items .item {
        height: 100%;
        width: 100%
    }

    .faq-content .title {
        margin-bottom: 35px
    }

    .footer-area.wrap-style3 {
        padding-top: 140px
    }

    .filter-wrapper {
        padding: 20px 15px
    }

    .filter-wrapper .accordion .accordion-item .accordion-header {
        font-size: 17px
    }

    .contact-info-card {
        padding: 25px
    }

    .contact-info-card p {
        font-size: 15px
    }

    .page-banner-area.course-details-banner .page-banner-shape1 {
        opacity: .5
    }

    .page-banner-area.course-details-banner .page-banner-shape2 {
        opacity: .5
    }

    .course-details-sidebar .c-content {
        padding: 30px
    }
}

@media only screen and (min-width: 1400px) and (max-width:1500px) {
    .navbar .others-option .option-item .search-form {
        width:210px
    }

    .dl-rectangle-inner.pt-140 {
        padding-top: 80px
    }

    .footer-area.wrap-style2 {
        padding-top: 220px
    }

    .online-training-banner-right-image {
        padding: 0 0 60px 100px
    }

    .online-training-banner-right-image .wrap.wrap2 {
        max-width: 150px
    }

    .online-training-banner-right-image .fun {
        gap: 10px
    }

    .filter-wrapper {
        padding: 20px 15px
    }
}

@media only screen and (min-width: 1920px) {
    .top-header-area .container-fluid {
        padding-left:110px;
        padding-right: 110px
    }

    .navbar .container-fluid {
        padding-left: 110px;
        padding-right: 110px
    }

    .education-banner-shape2 {
        left: 350px
    }

    .education-banner-shape3 {
        left: 670px
    }

    .distance-learning-banner-area .container-fluid {
        padding-left: 110px;
        padding-right: 110px
    }

    .distance-learning-banner-image .fun {
        left: -190px;
        top: 135px
    }

    .distance-learning-banner-image .fun-wrap {
        right: 120px;
        top: 55px
    }

    .distance-learning-banner-image .fun-users {
        right: 0;
        bottom: 195px
    }

    .dl-categories-area {
        margin: 0 110px
    }

    .online-training-banner-area .container-fluid {
        padding-left: 110px;
        padding-right: 110px
    }

    .online-training-banner-right-image {
        margin-left: -20px
    }

    .online-training-banner-right-image .wrap.wrap2 {
        max-width: 180px
    }

    .education-team-area .container-fluid {
        padding-left: 110px;
        padding-right: 110px
    }
}

@media only screen and (max-width: 991px) {
    .lq-header-style-two .container {
        padding-left:10px;
        padding-right: 10px
    }
}

.admin input[type=text],.admin textarea,.admin select,.admin .filemanager,.modal:not(.sign_up_modal) input[type=text],.modal:not(.sign_up_modal) textarea,.modal:not(.sign_up_modal) select,.modal:not(.sign_up_modal) .filemanager,#jump-to-activity,.message_container .iu_heading .candidate_revew_search_box input.form-control {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 9%)
}

.admin input[type=text],.admin select,.modal:not(.sign_up_modal) input[type=text],.modal:not(.sign_up_modal) select,#jump-to-activity {
    height: 50px
}

.admin .btn-primary,.admin .btn-secondary,.modal:not(.sign_up_modal) .btn-primary,.modal:not(.sign_up_modal) .btn-secondary,.format-remuiformat .course-content .cards .wdm-card-section .card-section-leftnav .btn,.format-remuiformat .course-content .cards .wdm-card-section .card-section-rightnav .btn,.message_container .iu_heading .candidate_revew_search_box .btn {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    padding: 14px 20px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    background: var(--dashboardGradient);
    color: #fff;
    border: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.admin .btn-primary:hover,.admin .btn-secondary:hover,.admin .btn:not(.btn-link):hover,.modal:not(.sign_up_modal) .btn-primary:hover,.modal:not(.sign_up_modal) .btn-secondary:hover,.btn-secondary:hover,.btn-primary:hover,.format-remuiformat .course-content .cards .wdm-card-section .card-section-leftnav .btn:hover,.format-remuiformat .course-content .cards .wdm-card-section .card-section-rightnav .btn:hover,.message_container .iu_heading .candidate_revew_search_box .btn:hover {
    animation: pulse 1.5s infinite
}

.ui_kit_select_search .btn.dropdown-toggle {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 9%);
    color: #495057;
    height: 47px
}

.dashboard_main_content input[type=text],.dashboard_main_content textarea,.dashboard_main_content select,.dashboard_main_content .filemanager,.modal:not(.sign_up_modal) input[type=text],.modal:not(.sign_up_modal) textarea,.modal:not(.sign_up_modal) select,.modal:not(.sign_up_modal) .filemanager,#jump-to-activity,.olan-forum-top-selectors select,.message_container .iu_heading .candidate_revew_search_box input.form-control {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 9%)
}

.dashboard_main_content input[type=text],.dashboard_main_content select,.modal:not(.sign_up_modal) input[type=text],.modal:not(.sign_up_modal) select,#jump-to-activity,.olan-forum-top-selectors select {
    height: 48px
}

.mform .form-inline .form-control {
    width: 100%
}

.dashboard_main_content .filemanager,.modal:not(.sign_up_modal) .filemanager {
    padding: 20px;
    margin-bottom: 10px
}

.editor_atto {
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 9%)
}

.editor_atto .editor_atto_content {
    border: none
}

div.editor_atto_toolbar {
    border: none;
    background: #efefef
}