@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);.que.calculated .answer {
  padding: .3em;
  display: inline
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.que.ddmarker .dropzone.color3 .shape {
  fill: #d8bfd8
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body#page-question-type-ddmarker .ddarea.que.ddmarker {
  overflow-y: scroll
}

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

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

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

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

.que.ddwtos .drop {
  display: none
}

.que.ddwtos .drags {
  height: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.que.multichoice .answer div.r0 label,.que.multichoice .answer div.r1 label,.que.multichoice .answer div.r0 div.specificfeedback,.que.multichoice .answer div.r1 div.specificfeedback {
  text-indent: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.que.shortanswer .answer input {
  width: 80%
}

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

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

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

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

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

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

.path-mod-assign div.gradingnavigation div {
  float: left;
  margin-left: 2em
}

.path-mod-assign div.submissionstatustable,.path-mod-assign div.submissionfull,.path-mod-assign div.submissionlinks,.path-mod-assign div.usersummary,.path-mod-assign div.feedback,.path-mod-assign div.gradingsummary {
  margin-bottom: 5em
}

.path-mod-assign div.submissionstatus .generaltable,.path-mod-assign div.submissionlinks .generaltable,.path-mod-assign div.feedback .generaltable,.path-mod-assign div.submissionsummarytable .generaltable,.path-mod-assign div.attempthistory table,.path-mod-assign div.gradingsummary .generaltable {
  width: 100%
}

.path-mod-assign table.generaltable table td {
  border: 0 none
}

.path-mod-assign .gradingsummarytable,.path-mod-assign .feedbacktable,.path-mod-assign .lockedsubmission,.path-mod-assign .submissionsummarytable {
  margin-top: 1em
}

.path-mod-assign div.submissionsummarytable table tbody tr td.c0 {
  width: 30%
}

.path-mod-assign .submittedlate {
  color: red;
  font-weight: 900
}

.path-mod-assign.jsenabled .gradingoptionsform [type=submit] {
  display: none
}

.path-mod-assign.jsenabled .gradingtable .c1 select {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-assign.jsenabled .gradingbatchoperationsform {
  display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-assign.jsenabled .mod-assign-history-link {
  display: block;
  cursor: pointer;
  margin-bottom: 7px
}

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

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

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

.path-mod-assign.jsenabled .mod-assign-history-link-open {
  padding: 0 5px 0 20px;
  background: url(/theme/image.php/elan/core/1623852687/t/expanded) 2px center no-repeat
}

.path-mod-assign.jsenabled .mod-assign-history-link-closed {
  padding: 0 5px 0 20px;
  background: url(/theme/image.php/elan/core/1623852687/t/collapsed) 2px center no-repeat
}

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

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

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

.path-mod-assign .submissionsummarytable .c0,.path-mod-assign .mod-assign-history-panel .c0 {
  width: 150px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded {
  color: red;
  background-color: transparent
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level.checked {
  background-color: #dff0d8;
  border: none;
  border-left: 1px solid #ddd
}

.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level .score {
  color: #468847;
  font-weight: 500;
  font-style: normal;
  margin-top: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
  position: absolute;
  top: 0;
  left: auto;
  right: 15px;
  margin: 0;
  line-height: 60px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-book .navtop img.icon,.path-mod-book .navbottom img.icon {
  margin-right: 4px;
  margin-left: 4px;
  border: 0;
  padding: 0
}

.path-mod-book .navbottom,.path-mod-book .navtop {
  text-align: right
}

.path-mod-book .navtop {
  margin-bottom: .5em
}

.path-mod-book .navbottom {
  margin-top: .5em
}

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

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

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

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

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

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

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

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

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

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

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

.navtop.navtext .chaptername,.navbottom.navtext .chaptername {
  font-weight: bolder
}

.navtop.navtext a,.navbottom.navtext a {
  display: inline-block;
  max-width: 45%
}

.navtop.navtext a.bookprev,.navbottom.navtext a.bookprev {
  float: left;
  text-align: left
}

@media (max-width: 480px) {
  .path-mod-book .navbottom,.path-mod-book .navtop {
      text-align:center
  }

  .navtop.navtext a,.navbottom.navtext a {
      display: block;
      max-width: 100%;
      margin: auto
  }

  .navtop.navtext a.bookprev,.navbottom.navtext a.bookprev {
      float: none
  }
}

.path-mod-chat .chat-event .picture,.path-mod-chat .chat-message .picture {
  width: 40px
}

.path-mod-chat .chat-event .text {
  text-align: left
}

.path-mod-chat #messages-list,.path-mod-chat #users-list {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.path-mod-chat #chat-header {
  overflow: hidden
}

.path-mod-chat #chat-input-area table.generaltable td.cell {
  padding: 1px
}

@media all and (max-device-width: 320px) {
  .path-mod-chat #input-message {
      width:150px
  }
}

@media all and (min-device-width: 321px) and (max-device-width:640px) {
  .path-mod-chat #input-message {
      width:175px
  }
}

#page-mod-chat-view .chatcurrentusers .chatuserdetails {
  vertical-align: middle
}

#page-mod-chat-gui_basic #participants ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

#page-mod-chat-gui_basic #participants ul li {
  list-style-type: none;
  display: inline;
  margin-right: 10px
}

#page-mod-chat-gui_basic #participants ul li .userinfo {
  display: inline
}

#page-mod-chat-gui_basic #messages {
  padding: 0;
  margin: 0
}

#page-mod-chat-gui_basic #messages dl {
  padding: 0;
  margin: 6px 0
}

#page-mod-chat-gui_basic #messages dt {
  margin-left: 0;
  margin-right: 5px;
  padding: 0;
  display: inline
}

#page-mod-chat-gui_basic #messages dd {
  padding: 0;
  margin: 0
}

#page-mod-chat-gui_header_js-jsupdate .chat-event,#page-mod-chat-gui_header_js-jsupdate .chat-message {
  width: 100%
}

.path-mod-chat .yui-layout-unit-top {
  background: #ffe39d
}

.path-mod-chat .yui-layout-unit-right {
  background: #fff
}

.path-mod-chat .yui-layout-unit-bottom {
  background: #fff
}

.path-mod-chat .yui-layout .yui-layout-hd {
  border: 0
}

.path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-bd {
  border: 0;
  background: transparent
}

.path-mod-chat .yui-layout .yui-layout-unit div.yui-layout-unit-right {
  background: #fff
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-data-field .fieldadd select,.path-mod-data-field .sortdefault select {
  margin-left: 1em
}

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

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

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

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

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

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

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

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

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

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

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

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

.mod-data-default-template.notapproved {
  background-color: #fcc
}

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

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

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

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

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

#page-mod-data-edit .mod-data-input {
  margin-left: 10px
}

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

.path-mod-feedback span.feedback_info {
  font-weight: 700
}

.path-mod-feedback div.feedback_is_dependent {
  background: #ddd
}

.path-mod-feedback span.feedback_depend {
  color: red
}

.path-mod-feedback hr.feedback_pagebreak {
  height: 4px;
  color: #aaa;
  background-color: #aaa;
  border: 0;
  margin: 0
}

.path-mod-feedback .drag_target_active {
  opacity: .25
}

.path-mod-feedback .drag_item_active {
  opacity: .5
}

.path-mod-feedback .feedback_bar_image {
  height: 10px
}

.path-mod-feedback #analysis-form label {
  display: inline
}

.path-mod-feedback .templateslist td.cell.action,.path-mod-feedback .templateslist th.header.action {
  width: 10%
}

.path-mod-feedback table.analysis {
  width: 100%;
  border-top: 1px solid #aaa;
  margin-top: 10px
}

.path-mod-feedback table.analysis tr:first-child th {
  padding-top: 10px
}

.path-mod-feedback table.analysis tr:hover {
  background: #f5f5f5
}

.path-mod-feedback table.analysis td.singlevalue:before,.path-mod-feedback table.analysis td.optionname:before {
  content: '- '
}

.path-mod-feedback table.analysis.itemtype_textarea td {
  padding: 4px 0
}

.path-mod-feedback table.analysis tr.isempty {
  display: none
}

.path-mod-feedback #showentrytable td.cell.completed_timemodified,.path-mod-feedback #showentryanontable td.cell.random_response {
  font-weight: 700
}

.path-mod-feedback #showentrytable td.cell.userpic,.path-mod-feedback #showentrytable td.cell.deleteentry,.path-mod-feedback #showentryanontable td.cell.deleteentry {
  width: 10px
}

.path-mod-feedback .response_navigation {
  margin: .5em 0
}

.path-mod-feedback .response_navigation a {
  display: block
}

.path-mod-feedback .response_navigation a.back_to_list {
  text-align: center
}

.path-mod-feedback .response_navigation .prev_response:before {
  content: ' ◄ '
}

.path-mod-feedback .response_navigation .next_response:after {
  content: ' ► '
}

.path-mod-feedback .response_navigation .next_response {
  text-align: right
}

.path-mod-feedback .response_navigation .prev_response {
  text-align: left
}

div.course-content div.generalbox.folderbuttons {
  padding-left: 35px
}

.forumpost {
  display: block;
  position: relative;
  margin: 0 0 1em 0;
  padding: 0;
  border: 1px solid #000;
  max-width: 100%
}

.forumpost .row {
  width: 100%;
  position: relative
}

.forumpost .row .left {
  float: left;
  width: 43px;
  overflow: hidden
}

.forumpost .row .left .grouppictures a {
  text-align: center;
  display: block;
  margin: 6px 2px 0 2px
}

.forumpost .row .left .grouppicture {
  width: 20px;
  height: 20px
}

.forumpost .row .topic,.forumpost .row .content-mask,.forumpost .row .options {
  margin-left: 43px
}

.forumpost .picture img {
  margin: 4px
}

.forumpost .options .commands,.forumpost .content .attachments,.forumpost .options .footer,.forumpost .options .link {
  text-align: right
}

.forumpost .options .forum-post-rating {
  float: left
}

.forumpost .content .posting {
  overflow: auto;
  max-width: 100%
}

.forumpost .content .attachedimages img {
  max-width: 100%
}

.forumpost .post-word-count {
  font-size: .85em;
  font-style: italic
}

.forumpost .shortenedpost .post-word-count {
  display: inline;
  padding: 0 .3em
}

.path-mod-forum .forumolddiscuss,#page-mod-forum-search .c0 {
  text-align: right
}

.path-mod-forum .indent {
  margin-left: 3%
}

.path-mod-forum .forumheaderlist {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-collapse: separate;
  margin-top: 10px
}

.path-mod-forum .forumheaderlist td {
  border-width: 1px 0 0 1px;
  border-style: solid
}

.path-mod-forum .forumheaderlist th.header.replies .iconsmall {
  margin: 0 .3em
}

.path-mod-forum .forumheaderlist .discussion .starter {
  vertical-align: middle
}

.path-mod-forum .forumheaderlist .discussion .pinned img {
  padding: 5px
}

.path-mod-forum .forumheaderlist .discussion .lastpost {
  white-space: nowrap;
  text-align: right
}

.path-mod-forum .forumheaderlist .replies {
  white-space: nowrap
}

.path-mod-forum .forumheaderlist thead .discussionsubscription {
  text-align: center
}

#page-mod-forum-subscribers .subscriberdiv,#page-mod-forum-subscribers .subscribertable {
  width: 100%;
  vertical-align: top
}

#page-mod-forum-subscribers .subscribertable tr td {
  vertical-align: top
}

#page-mod-forum-subscribers .subscribertable tr td.actions {
  width: 16%;
  padding-top: 3em
}

#page-mod-forum-subscribers .subscribertable tr td.actions .actionbutton {
  margin: .3em 0;
  padding: .5em 0;
  width: 100%
}

#page-mod-forum-subscribers .subscribertable tr td.existing,#page-mod-forum-subscribers .subscribertable tr td.potential {
  width: 42%
}

#page-mod-forum-discuss .discussioncontrols {
  width: 100%;
  margin: 5px
}

#page-mod-forum-discuss .discussioncontrols .controlscontainer {
  width: 100%;
  float: right
}

#page-mod-forum-discuss .discussioncontrols .discussioncontrol {
  float: left
}

#page-mod-forum-discuss .discussioncontrol.exporttoportfolio {
  text-align: left
}

#page-mod-forum-discuss .discussioncontrol.displaymode {
  padding-right: 10px
}

#page-mod-forum-discuss .discussioncontrol.movediscussion {
  padding-right: 10px
}

#page-mod-forum-view .forumaddnew {
  margin-bottom: 20px
}

#page-mod-forum-view .groupmenu {
  float: left;
  text-align: left;
  white-space: nowrap
}

#page-mod-forum-index .subscription,#page-mod-forum-view .subscription {
  float: right;
  text-align: right;
  white-space: nowrap;
  margin: 5px 0
}

.discussion-list .userpicture,.discussion-list .grouppicture {
  height: 35px;
  width: 35px
}

#page-mod-forum-search .introcontent {
  padding: 15px;
  font-weight: 700
}

.path-mod-forum span.unread a:first-child {
  padding-right: 10px
}

.path-mod-forum span.unread img {
  margin-left: 5px
}

#email .unsubscribelink {
  margin-top: 20px
}

.forumpost.unread .row.header,.path-course-view .unread,span.unread {
  background-color: #ffd
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.privatereplyinfo {
  font-size: 80%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.glossary-activity-picture {
  float: left
}

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

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

#page-mod-glossary-view table.glossarycategoryheader,#page-mod-glossary-import table.glossaryimportexport {
  margin-left: auto;
  margin-right: auto
}

#page-mod-glossary-view table.glossarycategoryheader {
  margin-bottom: 0
}

#page-mod-glossary-view table.glossarycategoryheader th {
  padding: 0
}

#page-mod-glossary-view td.glossarysearchbox label {
  display: inline-block
}

#page-mod-glossary-showentry #page-content {
  min-width: 600px
}

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

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

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

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

#page-mod-imscp-view #imscp_nav {
  text-align: center;
  margin-bottom: 5px;
  margin-top: 10px
}

#page-mod-imscp-view #imscp_toc .ygtv-highlight1 {
  font-weight: 700
}

#page-mod-imscp-view .yui-layout-hd {
  background-image: none;
  background-color: #ddd
}

#page-mod-imscp-view .yui-layout-hd h2 {
  color: #000
}

.path-mod-imscp #imscp_child_list {
  margin-left: 1em;
  width: auto;
  height: auto
}

.path-mod-lti .ltiframe {
  position: relative;
  width: 100%;
  height: 100%
}

.path-mod-lti .userpicture,.path-mod-lti .picture.user,.path-mod-lti .picture.teacher {
  width: 35px;
  height: 35px;
  vertical-align: top
}

.path-mod-lti .feedback .files,.path-mod-lti .feedback .grade,.path-mod-lti .feedback .outcome,.path-mod-lti .feedback .finalgrade {
  float: right
}

.path-mod-lti .feedback .disabledfeedback {
  width: 500px;
  height: 250px
}

.path-mod-lti .feedback .from {
  float: left
}

.path-mod-lti .files img {
  margin-right: 4px
}

.path-mod-lti .files a {
  white-space: nowrap
}

.path-mod-lti .late {
  color: red
}

.path-mod-lti .message {
  text-align: center
}

.path-admin-mod-lti .mform .fitem .fitemtitle {
  min-width: 18em;
  padding-right: 1em
}

.path-mod-lti .mform .fitem .fitemtitle {
  min-width: 14em;
  padding-right: 1em
}

#page-mod-lti-instructor_edit_tool_type .mform .fitem .fitemtitle {
  min-width: 18em;
  padding-right: 1em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-text {
  display: block
}

.btn-loader {
  display: none
}

.loading .btn-text {
  display: none
}

.loading .btn-loader {
  display: block
}

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

.btn .loader img {
  height: 1.5em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tool-card.announcement.capabilities .overlay-container {
  background-color: rgb(255,255,255)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-quiz .statedetails {
  display: block;
  font-size: .7em
}

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

#page-mod-quiz-attempt .submitbtns,#page-mod-quiz-review .submitbtns {
  clear: left;
  text-align: left;
  padding-top: 1.5em
}

#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
  float: right
}

.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/elan/quiz/1623852687/navflagged) no-repeat top right
}

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

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

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

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

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

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

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

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

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

#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,#page-mod-quiz-view #page .quizattempt {
  text-align: center
}

#page-mod-quiz-view #page .quizattemptsummary td p {
  margin-top: 0
}

#page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
  border-color: #bce8f1;
  background-color: #d9edf7
}

table.quizattemptsummary .noreviewmessage {
  color: gray
}

#page-mod-quiz-view .generaltable.quizattemptsummary {
  margin-left: auto;
  margin-right: auto
}

#page-mod-quiz-view .generalbox#feedback {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px
}

#page-mod-quiz-view .generalbox#feedback h2 {
  margin: 0
}

#page-mod-quiz-view .generalbox#feedback h3 {
  text-align: left
}

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

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

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

.quizattempt #mod_quiz_preflight_form {
  display: none
}

#mod_quiz_preflight_form .femptylabel .fitemtitle {
  display: none
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
  width: 600px
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
  overflow: hidden
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
  padding: 0
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form legend {
  padding: 0 10px;
  margin: 0;
  border: 0 none
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form .fitem {
  margin-left: 10px
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form #fgroup_id_buttonar {
  padding: 10px 0 0;
  margin: 0
}

.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0
}

.moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
  display: inherit;
  visibility: inherit
}

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

.quizattemptcounts {
  clear: left;
  text-align: center;
  display: inline;
  margin-left: 20%
}

#page-mod-quiz-view .quizattemptcounts {
  display: block;
  margin-left: 0;
  margin-right: 0
}

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

#page-mod-quiz-summary .questionflag {
  vertical-align: text-bottom
}

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

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

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

table.quizreviewsummary {
  width: 100%
}

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

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

#page-mod-quiz-comment .mform {
  width: 100%
}

#page-mod-quiz-comment .mform fieldset {
  margin: 0
}

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

#page-mod-quiz-report h2.main {
  clear: both
}

#page-mod-quiz-report div#commands,#page-mod-quiz-report .controls {
  text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#page-mod-quiz-edit .mod_quiz-edit-top-controls {
  position: relative
}

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

@media (max-width: 576px) {
  #page-mod-quiz-edit .maxgrade {
      margin-bottom:.6em
  }

  #page-mod-quiz-edit .maxgrade .form-control {
      display: inline-block;
      vertical-align: middle
  }
}

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

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

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

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

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

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

#page-mod-quiz-edit .slotnumber {
  background-color: #d3d3d3;
  text-align: center;
  margin: .1em .5em;
  min-width: 2em;
  display: inline-block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
  background: #fff;
  padding: .2em;
  margin: .4em
}

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

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

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

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

#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
  position: absolute;
  left: -20px;
  bottom: -11px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
  position: relative;
  left: 20px;
  top: -1em
}

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

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

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

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

#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  height: 20px
}

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

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

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

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

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

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

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

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

#categoryquestions .header {
  text-align: center;
  padding: 0 2px;
  border: 0 none;
  vertical-align: top
}

#categoryquestions .header.checkbox {
  vertical-align: bottom
}

#categoryquestions .header.qtype {
  white-space: nowrap
}

#categoryquestions th .sorters {
  font-weight: 400;
  font-size: .8em
}

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

#categoryquestions td.modifiername span.date,#categoryquestions td.creatorname span.date {
  font-weight: 400;
  font-size: .8em
}

table#categoryquestions {
  width: 100%;
  table-layout: fixed
}

#categoryquestions .iconcol {
  width: 15px;
  text-align: center;
  padding: 0
}

#categoryquestions .checkbox {
  width: 19px;
  text-align: center;
  padding: 0
}

#categoryquestions .editmenu {
  width: 5em
}

#categoryquestions .qtype {
  text-align: center
}

#categoryquestions .qtype {
  width: 28px;
  padding: 0
}

#categoryquestions .questiontext {
  position: relative;
  zoom:1;padding-left: .3em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

#categoryquestions .questionname {
  white-space: nowrap;
  overflow: hidden;
  zoom:1;position: relative
}

#categoryquestions .questiontext p {
  margin: 0
}

#page-mod-quiz-edit table#categoryquestions td,#page-mod-quiz-edit table#categoryquestions th {
  overflow: hidden;
  white-space: nowrap
}

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

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

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

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

.modulespecificbuttonscontainer {
  padding-left: .3em;
  padding-right: .3em
}

.questionbankformforpopup .modulespecificbuttonscontainer {
  padding-top: 10px;
  padding-left: 0
}

.quizquestionlistcontrols {
  text-align: center
}

.categoryinfo {
  padding: .3em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 576px) {
  #page-mod-quiz-edit ul.slots li.section li.activity {
      padding-top:30px
  }

  #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
      top: -30px;
      left: 0;
      padding-right: 0;
      overflow: hidden;
      align-items: center;
      position: absolute;
      width: 100%
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#page-mod-scorm-player #scormmode {
  float: left;
  border: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#scorm_layout {
  margin-bottom: 50px
}

#page-mod-scorm-player .opera-only :-o-prefocus,#page-mod-scorm-player #scormpage div.yui3-g-r img {
  max-width: 100%
}

.path-mod-survey .smalltext {
  font-size: .75em
}

.path-mod-survey .surveytable .rblock label {
  display: block
}

.path-mod-survey .surveytable .foundthat,.path-mod-survey .surveytable .preferthat {
  white-space: nowrap
}

.path-mod-survey .surveytable .buttoncell {
  width: 5%
}

.path-mod-survey .surveytable .optioncell,.path-mod-survey .surveytable .questioncell {
  width: 50%;
  vertical-align: top
}

.path-mod-survey .surveytable .whitecell {
  background-color: #fff
}

.path-mod-survey #surveyform th {
  font-weight: 400;
  text-align: left
}

.path-mod-survey #surveyform th.hresponse {
  text-align: center;
  width: 9%
}

#page-mod-survey-report .fullnamecell {
  width: 10%;
  vertical-align: top;
  white-space: nowrap
}

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

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

.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_restore_yes,.wiki_deletecomment_yes {
  float: left
}

.wiki_restore_no,.wiki_deletecomment_no {
  float: right
}

.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/elan/core/1623852687/t/print) no-repeat scroll 2px center transparent;
  padding-left: 20px
}

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

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

.path-mod-workshop .collapsibleregioncaption {
  font-weight: 700;
  font-size: 120%
}

.path-mod-workshop div.singlebutton {
  text-align: center;
  margin: .75em auto
}

.path-mod-workshop #workshop-viewlet-assignedassessments div.singlebutton,.path-mod-workshop #workshop-viewlet-allexamples div.singlebutton,.path-mod-workshop #workshop-viewlet-examples div.singlebutton {
  text-align: left
}

.path-mod-workshop .groupwidget {
  text-align: center;
  margin: .75em auto
}

.path-mod-workshop .perpagewidget {
  text-align: center;
  margin: .75em auto
}

.path-mod-workshop .submission-summary {
  position: relative;
  margin-bottom: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-workshop .submission-summary.example .title,.path-mod-workshop .submission-summary.example .userdate {
  margin: 0 0 0 0
}

.path-mod-workshop .submission-full.example .header {
  min-height: 0
}

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

.path-mod-workshop .message {
  padding: 5px 5em 5px 15px;
  margin: 0 auto 20px auto;
  width: 100%;
  font-size: 80%;
  position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-workshop .userplan dd.phasetasks li {
  background-image: url(/theme/image.php/elan/mod_workshop/1623852687/userplan/task-todo);
  background-position: top left;
  background-repeat: no-repeat;
  list-style-type: none;
  min-height: 16px;
  margin: .3em 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-workshop .assessmentform .description {
  margin: 0 1em
}

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

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

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

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

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

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

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

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

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

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

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

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

.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
  text-align: center
}

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

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

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

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

#mod-workshop-editform fieldset.fgroup * {
  vertical-align: top
}

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

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

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

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

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

.path-mod-workshop div.buttonsbar {
  text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.block_blog_tags .s16 {
  font-size: 1.3em;
  font-weight: 700
}

.block_blog_tags .s15 {
  font-size: 1.3em
}

.block_blog_tags .s14 {
  font-size: 1.2em;
  font-weight: 700
}

.block_blog_tags .s13 {
  font-size: 1.2em
}

.block_blog_tags .s12,.block_blog_tags .s11 {
  font-size: 1.1em;
  font-weight: 700
}

.block_blog_tags .s10,.block_blog_tags .s9 {
  font-size: 1.1em
}

.block_blog_tags .s8,.block_blog_tags .s7 {
  font-size: 1em;
  font-weight: 700
}

.block_blog_tags .s6,.block_blog_tags .s5 {
  font-size: 1em
}

.block_blog_tags .s4,.block_blog_tags .s3 {
  font-size: .9em;
  font-weight: 700
}

.block_blog_tags .s2,.block_blog_tags .s1 {
  font-size: .9em
}

.block_course_list .footer {
  margin-top: 5px
}

.block_course_list .content li {
  margin-bottom: .3em
}

.block_course_summary .content {
  padding: 10px
}

.block_course_summary .editbutton {
  text-align: right
}

.block_globalsearch .searchform {
  text-align: center
}

.block_globalsearch .footer {
  text-align: center
}

.block_lp.block .content h3 {
  padding: 0;
  text-transform: none
}

.block_lp .sub-content {
  padding: 0 15px
}

.block_lp ul {
  list-style: none;
  margin: 0
}

.block_lp ul .more {
  padding-top: 10px
}

.block_myoverview button#groupingdropdown+.dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
  display: none
}

.block_myprofile img.profilepicture {
  height: 50px;
  width: 50px
}

.block_myprofile .myprofileitem.fullname {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: .5rem
}

.block_myprofile .myprofileitem.edit {
  text-align: right
}

.block_myprofile .content {
  display: flex
}

.block_myprofile .myprofileitem.picture img {
  width: 50px;
  height: 50px;
  margin-right: 1rem
}

.block_myprofile .myprofileitem span {
  font-weight: 700
}

.block_navigation .block_tree .depth_1>.tree_item.branch {
  padding-left: 0;
  background-image: none
}

.block_navigation .block_tree .depth_1>ul {
  margin: 0
}

.block_navigation .block_tree ul {
  margin-left: 18px
}

.block_navigation .block_tree p.hasicon {
  text-indent: -21px;
  padding-left: 21px
}

.block_navigation .block_tree p.hasicon img {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-right: 5px;
  vertical-align: top
}

.block_navigation .block_tree p.hasicon.visibleifjs {
  display: block
}

.block_navigation .block_tree .tree_item {
  cursor: pointer;
  padding-left: 0;
  margin: 3px 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
  word-wrap: break-word
}

.block_navigation .block_tree .tree_item.branch {
  padding-left: 21px
}

.block_navigation .block_tree .active_tree_node {
  font-weight: 700
}

.block_navigation .block_tree [aria-expanded="true"] {
  background-image: url(/theme/image.php/elan/core/1623852687/t/expanded)
}

.block_navigation .block_tree [aria-expanded="false"] {
  background-image: url(/theme/image.php/elan/core/1623852687/t/collapsed)
}

.block_navigation .block_tree [aria-expanded="true"].emptybranch {
  background-image: url(/theme/image.php/elan/core/1623852687/t/collapsed_empty)
}

.block_navigation .block_tree [aria-expanded="false"].loading {
  background-image: url(/theme/image.php/elan/core/1623852687/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 .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_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/elan/core/1623852687/t/expanded)
}

.block_settings .block_tree [aria-expanded="false"] {
  background-image: url(/theme/image.php/elan/core/1623852687/t/collapsed)
}

.block_settings .block_tree [aria-expanded="true"].emptybranch {
  background-image: url(/theme/image.php/elan/core/1623852687/t/collapsed_empty)
}

.block_settings .block_tree [aria-expanded="false"].loading {
  background-image: url(/theme/image.php/elan/core/1623852687/i/loading_small)
}

.block_settings .block_tree [aria-hidden="false"] {
  display: block
}

.block_settings .block_tree [aria-hidden="true"]:not(.icon) {
  display: none
}

.block_site_main_menu li {
  clear: both
}

.block_site_main_menu.block .content>.unlist>li>.column {
  width: 100%;
  display: table
}

.block_site_main_menu li .buttons {
  float: right;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: inherit
}

.block_site_main_menu li .buttons a img {
  vertical-align: text-bottom
}

.block_site_main_menu .footer {
  margin-top: 1em
}

.block_site_main_menu .section_add_menus noscript div {
  display: inline
}

.block_site_main_menu .mod-indent,.block_site_main_menu .main-menu-content {
  display: table-cell
}

.block_social_activities li {
  clear: both
}

.block_social_activities li .column {
  width: 100%
}

.block_social_activities li .buttons {
  float: right;
  margin: 0
}

.block_social_activities li .buttons a img {
  vertical-align: text-bottom
}

.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
}

@charset "UTF-8";.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: 400;
  font-style: normal
}

.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101"
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-play-circle:before {
  content: "\f102"
}

.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103"
}

.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104"
}

.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105"
}

.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106"
}

.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107"
}

.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108"
}

.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109"
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-square:before {
  content: "\f10a"
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-spinner:before {
  content: "\f10b"
}

.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c"
}

.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d"
}

.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e"
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-share:before {
  content: "\f10f"
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-cog:before {
  content: "\f110"
}

.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before {
  content: "\f111"
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-circle-outline:before {
  content: "\f112"
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113"
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-hd:before {
  content: "\f114"
}

.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115"
}

.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116"
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-facebook:before {
  content: "\f117"
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-gplus:before {
  content: "\f118"
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-linkedin:before {
  content: "\f119"
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-twitter:before {
  content: "\f11a"
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-tumblr:before {
  content: "\f11b"
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-pinterest:before {
  content: "\f11c"
}

.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d"
}

.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e"
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-next-item:before {
  content: "\f11f"
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-previous-item:before {
  content: "\f120"
}

.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121"
}

.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122"
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial,Helvetica,sans-serif;
  word-break: initial
}

.video-js:-moz-full-screen {
  position: absolute
}

.video-js:-webkit-full-screen {
  width: 100%!important;
  height: 100%!important
}

.video-js[tabindex="-1"] {
  outline: none
}

.video-js *,.video-js *:before,.video-js *:after {
  box-sizing: inherit
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0
}

.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0
}

.video-js.vjs-16-9 {
  padding-top: 56.25%
}

.video-js.vjs-4-3 {
  padding-top: 75%
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.video-js.vjs-fullscreen {
  width: 100%!important;
  height: 100%!important;
  padding-top: 0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}

.vjs-hidden {
  display: none!important
}

.vjs-disabled {
  opacity: .5;
  cursor: default
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px
}

.vjs-lock-showing {
  display: block!important;
  opacity: 1;
  visibility: visible
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto
}

.vjs-no-js a,.vjs-no-js a:visited {
  color: #66A8CC
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43,51,63,.7);
  border-radius: .3em;
  transition: all 0.4s
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -.81666em;
  margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115,133,159,.5);
  transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button {
  display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: .5em;
  z-index: 2
}

.video-js .vjs-modal-dialog {
  background: rgba(0,0,0,.8);
  background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));
  overflow: auto
}

.video-js .vjs-modal-dialog>* {
  box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1
}

.vjs-menu-button {
  cursor: pointer
}

.vjs-menu-button.vjs-disabled {
  cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
  overflow: auto
}

.vjs-menu .vjs-menu-content>* {
  box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: .2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115,133,159,.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em 0;
  font-weight: 700;
  cursor: default
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43,51,63,.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43,51,63,.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s
}

.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
  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;
  transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar {
  display: none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67
}

.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em #fff
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
  display: none
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none
}

.video-js .vjs-progress-control.disabled {
  cursor: default
}

.vjs-live .vjs-progress-control {
  display: none
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center
}

.vjs-no-flex .vjs-progress-control {
  width: auto
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0
}

.video-js .vjs-play-progress {
  background-color: #fff
}

.video-js .vjs-play-progress:before {
  font-size: .9em;
  position: absolute;
  right: -.5em;
  top: -.3333333333em;
  z-index: 1
}

.video-js .vjs-load-progress {
  background: rgba(115,133,159,.5)
}

.video-js .vjs-load-progress div {
  background: rgba(115,133,159,.75)
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255,255,255,.8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: .6em;
  visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 .45em 0 .45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115,133,159,.5)
}

.video-js .vjs-slider.disabled {
  cursor: default
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em #fff;
  box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px
}

.video-js .vjs-volume-panel {
  transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s,opacity 0.1s,height 0.1s,width 0.1s,left 0s,top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: .5em
}

.video-js .vjs-volume-panel {
  display: flex
}

.video-js .vjs-volume-bar {
  margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
  width: .3em;
  height: 5em;
  margin: 1.35em auto
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
  width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -.5em;
  left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
  height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -.3em;
  right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43,51,63,.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%
}

.vjs-has-started .vjs-poster {
  display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block
}

.vjs-using-native-controls .vjs-poster {
  display: none
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control {
  display: none
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: .5em;
  color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em
}

.vjs-live .vjs-time-control {
  display: none
}

.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time {
  display: none
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
  display: none
}

.vjs-time-divider {
  display: none;
  line-height: 3em
}

.vjs-live .vjs-time-divider {
  display: none
}

.video-js .vjs-play-control {
  cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none
}

.video-js.vjs-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-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none
}

.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial,Helvetica,sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -.5em;
  position: absolute;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .85;
  text-align: left;
  border: 6px solid rgba(43,51,63,.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards
}

.vjs-loading-spinner:before,.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s
}

@keyframes vjs-spinner-show {
  to {
      visibility: visible
  }
}

@-webkit-keyframes vjs-spinner-show {
  to {
      visibility: visible
  }
}

@keyframes vjs-spinner-spin {
  100% {
      transform: rotate(360deg)
  }
}

@-webkit-keyframes vjs-spinner-spin {
  100% {
      -webkit-transform: rotate(360deg)
  }
}

@keyframes vjs-spinner-fade {
  0% {
      border-top-color: #73859f
  }

  20% {
      border-top-color: #73859f
  }

  35% {
      border-top-color: #fff
  }

  60% {
      border-top-color: #73859f
  }

  100% {
      border-top-color: #73859f
  }
}

@-webkit-keyframes vjs-spinner-fade {
  0% {
      border-top-color: #73859f
  }

  20% {
      border-top-color: #73859f
  }

  35% {
      border-top-color: #fff
  }

  60% {
      border-top-color: #73859f
  }

  100% {
      border-top-color: #73859f
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43,51,63,.75);
  color: #fff;
  height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
      display:grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      padding: 20px 24px 0 24px
  }

  .vjs-track-settings-controls .vjs-default-button {
      margin-bottom: 20px
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
      grid-column: 1/-1
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
      grid-template-columns: 1fr
  }
}

.vjs-track-setting>select {
  margin-right: 1em;
  margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none
}

.vjs-text-track-settings fieldset span {
  display: inline-block
}

.vjs-text-track-settings fieldset span>select {
  max-width: 7.3em
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden
}

.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg,#fff 88%,#73859f 100%)
}

.vjs-track-settings-controls button:hover {
  color: rgba(43,51,63,.75)
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg,#fff 88%,#73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em
}

@media print {
  .video-js>*:not(.vjs-tech):not(.vjs-poster) {
      visibility: hidden
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none
}

.video-js *:focus:not(:focus-visible),.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: 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
}

#glossaryfilteroverlayprogress {
  position: fixed;
  top: 50%;
  width: 100%;
  text-align: center
}

.jsenabled #MathJax_ZoomFrame {
  position: absolute
}

.mediaplugin {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center
}

.mediaplugin,.mediaplugin video {
  width: 100%;
  max-width: 100%
}

.mediaplugin>div {
  margin: auto
}

.path-mod-assign .gradingtable .mediaplugin,.path-mod-assign .submissionsummarytable .mediaplugin {
  width: 400px;
  height: auto
}

.mod-indent-outer .mediaplugin {
  display: table-cell
}

@media (max-width: 480px) {
  .mceToolbar td {
      float:left;
      display: inline-block
  }

  .moodleSkin .mceLayout .mceToolbar .mceWrap {
      clear: left;
      width: 100%;
      height: 4px
  }

  .moodleSkin .mceLayout .mceToolbar .mceNoWrap {
      clear: none;
      width: 0
  }

  .o2k7Skin tr.mceLast .mceToolbar tr td.mceWrap,.o2k7Skin tr.mceFirst .mceToolbar tr td.mceWrap {
      margin-left: -3px
  }
}

.mceToolbar td {
  box-sizing: content-box
}

.format-singleactivity .tree_item.orphaned a {
  color: red
}

#page-report-completion-index table#completion-progress {
  margin-top: 20px;
  margin-bottom: 30px
}

#page-report-completion-index .export-actions {
  text-align: center;
  list-style: none
}

#page-report-completion-index .criterianame,#page-report-completion-index .criteriaicon,#page-report-completion-index .completion-progresscell {
  text-align: center
}

#page-report-completion-index .rotated-text-container {
  display: inline-block;
  width: 16px
}

#page-report-completion-index .rotated-text {
  display: inline-block;
  white-space: nowrap;
  transform: translate(0,100%) rotate(-90deg);
  transform-origin: 0 0;
  vertical-align: middle
}

#page-report-completion-index .rotated-text:after {
  content: "";
  float: left;
  margin-top: 100%
}

.report-eventlist-name {
  color: #888;
  font-size: .75em
}

.report-eventlist-datatable-table>div>table {
  width: 100%
}

#page-admin-report-eventlist-index dt {
  float: left;
  text-align: right;
  width: 20em
}

#page-admin-report-eventlist-index dd {
  display: block;
  text-align: left;
  margin-left: 21em
}

#page-admin-report-eventlist-index dd+dd {
  clear: left
}

@media (max-width: 767px) {
  #page-admin-report-eventlist-index dt {
      width:100%;
      text-align: left
  }

  #page-admin-report-eventlist-index dd {
      margin-left: 0
  }

  #page-admin-report-eventlist-index dd+dd {
      margin-left: 0
  }
}

#page-report-log-index .info {
  margin: 10px
}

#page-report-log-index .logselectform {
  margin: 10px auto
}

#page-report-log-user .info {
  margin: 10px;
  text-align: center
}

#page-report-loglive-index .info {
  margin: 10px
}

table.flexible>tbody>tr:nth-child(n).newrow>td {
  background: #d4d4d4
}

#page-report-outline-index td.numviews {
  text-align: right
}

#page-report-outline-index tr.section {
  text-align: center
}

#page-report-outline-index td.lastaccess {
  font-size: .8em
}

#page-report-outline-user .section .content {
  margin-left: 30px;
  margin-right: 30px
}

#page-report-outline-user .section h2 {
  margin-top: 0
}

#page-report-outline-user .section {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 20px
}

#page-report-outline-user .section {
  border-width: 1px;
  border-style: solid;
  padding: 10px
}

#page-report-participation-index .participationselectform {
  margin: 10px auto
}

#page-report-participation-index .participationselectform label {
  margin-left: 15px;
  margin-right: 5px
}

#page-report-participation-index .participationselectform input[type="submit"] {
  margin-bottom: 0
}

#page-report-progress-index #completion-progress th,#page-report-progress-index #completion-progress td {
  padding: 2px 2px;
  font-weight: 400;
  border-right: 1px solid #eee
}

#page-report-progress-index .progress-actions {
  text-align: center;
  list-style: none
}

#page-report-progress-index .completion_pagingbar {
  margin: 1em 0;
  text-align: center
}

#page-report-progress-index .completion_prev {
  display: inline;
  margin-right: 2em
}

#page-report-progress-index .completion_pagingbar p {
  display: inline
}

#page-report-progress-index .completion_next {
  display: inline;
  margin-left: 2em
}

#page-report-progress-index .completion-header,#page-report-progress-index .completion-progresscell {
  text-align: center
}

#page-report-progress-index .rotated-text-container {
  display: inline-block;
  width: 16px
}

#page-report-progress-index .rotated-text {
  display: inline-block;
  white-space: nowrap;
  transform: translate(0,100%) rotate(-90deg);
  transform-origin: 0 0;
  vertical-align: middle
}

#page-report-progress-index .rotated-text:after {
  content: "";
  float: left;
  margin-top: 100%
}

#page-report-progress-index .modicon {
  padding-top: 5px
}

#page-report-stats-index .graph {
  margin-bottom: 1em
}

.path-grade-report-grader .gradeparent {
  position: relative
}

.path-grade-report-grader .gradeparent .grader-information-tooltip {
  min-width: 200px
}

.path-grade-report-grader .gradeparent .graderreportoverlay {
  background-color: #fff;
  width: auto;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 4px
}

.path-grade-report-grader .gradeparent table {
  border: 1px solid #ccc;
  border-collapse: separate;
  border-spacing: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  margin-bottom: 2em
}

.path-grade-report-grader .gradeparent .cell {
  border: 1px solid #ccc;
  border-top-width: 0;
  border-left-width: 0;
  padding: 4px 5px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap
}

.path-grade-report-grader .gradeparent .floater {
  display: none
}

.path-grade-report-grader .gradeparent .floating {
  display: block
}

.path-grade-report-grader .gradeparent .heading .cell,.path-grade-report-grader .gradeparent .avg .cell,.path-grade-report-grader .gradeparent .user.cell {
  font-size: 14px;
  font-weight: 400;
  text-align: left
}

.path-grade-report-grader .gradeparent .user.cell {
  min-width: 200px;
  width: 200px;
  white-space: normal;
  vertical-align: top
}

.path-grade-report-grader .gradeparent .user.cell .userpicture {
  margin: 0 4px;
  border: none;
  vertical-align: middle
}

.path-grade-report-grader .gradeitemheader {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  vertical-align: bottom
}

.path-grade-report-grader .gradeparent .userfield {
  font-weight: 400;
  text-align: left
}

.path-grade-report-grader .gradeparent .range .header,.path-grade-report-grader .gradeparent .avg .header {
  font-weight: 700
}

.path-grade-report-grader .gradeparent .avg.floating .cell {
  border-top-width: 1px
}

.path-grade-report-grader .gradeparent .avg .cell {
  text-align: right
}

.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
  padding-top: 0;
  padding-bottom: 0
}

.path-grade-report-grader .gradeparent .sorticon {
  margin-left: 3px
}

.path-grade-report-grader .gradeparent .gradevalue {
  display: inline-block
}

.path-grade-report-grader span.gradepass {
  color: #298721
}

.path-grade-report-grader span.gradefail {
  color: #890d0d
}

.path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
  background-color: #efd9a4
}

.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
  background-color: #ffe3a0
}

.path-grade-report-grader .gradeparent .excludedfloater {
  font-weight: 700;
  color: red;
  font-size: 9px;
  float: left
}

.path-grade-report-grader .gradeparent .category {
  text-align: left
}

.path-grade-report-grader .gradeparent select {
  margin: 0;
  padding: 0
}

.path-grade-report-grader .gradeparent .text {
  border: 1px solid #666;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: center
}

.path-grade-report-grader .gradeparent .quickfeedback {
  border: 1px dashed #000;
  width: auto;
  margin: 0;
  padding: 0;
  margin-left: 10px
}

.path-grade-report-grader .yui3-overlay {
  border: 0;
  background: none;
  background-color: inherit;
  min-width: 200px
}

.path-grade-report-grader .yui3-overlay {
  background-color: #fff;
  width: auto;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 4px
}

.path-grade-report-history div.gradeparent {
  overflow-x: scroll
}

.path-grade-report-history .singlebutton div,.path-grade-report-history .singlebutton div input[type="button"] {
  margin: 0
}

.yui3-gradereport_history_usp-hidden {
  display: none
}

.gradereport_history_usp .usp-content {
  position: relative
}

.gradereport_history_usp .usp-ajax-content {
  overflow: auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.gradereport_history_usp .usp-ajax-content,.gradereport_history_usp .usp-loading-lightbox {
  height: 375px
}

.gradereport_history_usp .usp-loading-lightbox {
  background-color: #fff;
  opacity: .5;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0
}

.gradereport_history_usp .usp-loading-lightbox img {
  margin-top: 100px;
  opacity: 1
}

.gradereport_history_usp .usp-search {
  text-align: center
}

.gradereport_history_usp .usp-user {
  width: 100%;
  text-align: left;
  border-top: 1px solid #eee
}

.gradereport_history_usp .usp-user:nth-child(odd) {
  background-color: #f9f9f9
}

.gradereport_history_usp .usp-first-added {
  border-top: 1px solid #bbb
}

.gradereport_history_usp .usp-checkbox {
  text-align: center;
  float: left;
  padding: 11px 6px 0 6px
}

.gradereport_history_usp .usp-checkbox input[type=checkbox] {
  margin: 0
}

.gradereport_history_usp .usp-picture {
  margin: 6px 3px 0 3px;
  float: left
}

.gradereport_history_usp .usp-userpicture {
  cursor: pointer
}

.gradereport_history_usp .usp-user .details {
  margin-left: 67px;
  padding: 3px 6px 0 6px;
  word-wrap: break-word
}

.gradereport_history_usp .usp-user .details label {
  margin: 0
}

.gradereport_history_usp .usp-more-results {
  padding: 5px;
  border-top: 1px solid #bbb
}

.gradereport_history_usp .usp-finish {
  padding-top: 1em;
  text-align: center
}

.gradereport_history_usp .usp-finish input {
  margin: 0
}

.path-grade-report-singleview div.reporttable {
  text-align: center
}

.path-grade-report-singleview div.groupselector,.path-grade-report-singleview div.reporttable form div.singleview_buttons,.path-grade-report-singleview div.selectitems {
  display: block;
  text-align: right;
  clear: both
}

.path-grade-report-singleview div.singleselect+div.singleselect select,.path-grade-report-singleview div.groupselector select {
  margin-right: 0
}

.path-grade-report-singleview div.reporttable div.singleselect form div {
  text-align: center
}

.path-grade-report-singleview div.reporttable table.reporttable {
  margin: 0 auto 15px auto
}

.path-grade-report-singleview div.reporttable form div {
  text-align: center
}

.path-grade-report-singleview .singleview_buttons {
  padding: 10px 0
}

.path-grade-report-singleview div.reporttable h2 {
  text-align: center
}

.path-grade-report-singleview input[name^="finalgrade"] {
  width: 50px
}

.path-grade-report-singleview .reporttable tbody th,.path-grade-report-singleview .reporttable tbody td.range {
  white-space: nowrap
}

.path-grade-report-singleview .reporttable tbody th>* {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px
}

.path-grade-report-singleview .itemnav {
  font-size: small;
  display: inline;
  padding-bottom: .5em
}

.path-grade-report-singleview .itemnav.previtem {
  float: left
}

.path-grade-report-singleview div.nextitem {
  float: right
}

.path-grade-report-singleview .reporttable {
  width: 100%
}

.path-grade-report-singleview .reporttable th {
  text-align: left
}

.path-grade-report-singleview div.reporttable form div.singleview_bulk {
  display: inline-block;
  text-align: left;
  margin-bottom: 1em
}

.path-grade-report-singleview .singleview_bulk div>*,.path-grade-report-singleview .singleview_bulk fieldset>* {
  display: inline-block;
  vertical-align: middle;
  margin: 0
}

.path-grade-report-singleview .singleselect select,.path-grade-report-singleview div.reporttable form .singleview_bulk select,.path-grade-report-singleview div.reporttable form .singleview_bulk input {
  margin-left: 10px;
  margin-right: 10px
}

.path-grade-report-singleview .singleview_bulk>fieldset {
  display: block
}

.path-grade-report-singleview div.reporttable form .singleview_bulk>div.enable {
  margin-bottom: .5em;
  text-align: left
}

.path-grade-report-user #graded_users_selector {
  float: right;
  margin-bottom: 5px
}

.path-grade-report-user .view_users_selector {
  clear: both;
  float: right;
  margin-bottom: 5px
}

.path-grade-report-user #graded_users_selector .singleselect label,.path-grade-report-user .view_users_selector .singleselect label {
  display: inline-block
}

.path-grade-report-user .user-grade {
  width: 100%;
  border: 1px solid
}

.path-grade-report-user .user-grade thead th {
  vertical-align: bottom
}

.path-grade-report-user .user-grade th {
  text-align: left
}

.path-grade-report-user .user-grade td {
  min-width: 4.5em;
  vertical-align: top
}

.path-grade-report-user .user-grade .b1l {
  padding: 0;
  width: 24px;
  min-width: 24px
}

.path-grade-report-user .user-grade tbody .column-itemname {
  padding-left: 0;
  padding-right: 8px
}

.path-grade-report-user .user-grade .column-itemname.item,.path-grade-report-user .user-grade .gradeitemdescription {
  font-weight: 400;
  padding-left: 24px
}

.path-grade-report-user .user-grade .column-itemname.baggt,.path-grade-report-user .user-grade .column-itemname.baggb {
  padding-left: 24px
}

.path-grade-report-user .user-grade .baggt,.path-grade-report-user .user-grade .baggb {
  font-weight: 700
}

.gradingform_guide-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 {
  background: #f0f0f0
}

.gradingform_rubric .criterion .description {
  min-width: 150px;
  font-weight: 700
}

.gradingform_rubric .criterion .levels table {
  width: 100%;
  height: 100%
}

.gradingform_rubric .criterion .levels,.gradingform_rubric .criterion .levels table,.gradingform_rubric .criterion .levels table tbody {
  padding: 0;
  margin: 0
}

.gradingform_rubric .criterion .levels .level {
  border-left: 1px solid #ddd;
  max-width: 150px
}

.gradingform_rubric .criterion .levels .level .level-wrapper {
  position: relative
}

.gradingform_rubric .criterion .levels .level.last {
  border-right: 1px solid #ddd
}

.gradingform_rubric .plainvalue.empty {
  font-style: italic;
  color: #aaa
}

.gradingform_rubric.editor .criterion .levels .level .delete {
  position: absolute;
  right: 0
}

.gradingform_rubric .criterion .levels .level .score {
  font-style: italic;
  color: #575;
  font-weight: 700;
  margin-top: 5px;
  white-space: nowrap
}

.gradingform_rubric .criterion .levels .level .score .scorevalue {
  padding-right: 5px
}

.gradingform_rubric.editor .criterion.first .controls .moveup input,.gradingform_rubric.editor .criterion.last .controls .movedown input {
  display: none
}

.gradingform_rubric .criterion .levels .level.currentchecked {
  background: #fff0f0
}

.gradingform_rubric .criterion .levels .level.checked {
  background: #d0ffd0;
  border: 1px solid #555
}

.gradingform_rubric.evaluate .criterion .levels .level:hover {
  background: #30ff30
}

.gradingform_rubric.editor .delete input,.gradingform_rubric.editor .duplicate input,.gradingform_rubric.editor .moveup input,.gradingform_rubric.editor .movedown input {
  text-indent: -1000em;
  cursor: pointer;
  border: none
}

.gradingform_rubric.editor .criterion .controls .delete input {
  width: 12px;
  height: 12px;
  background: transparent url(/theme/image.php/elan/core/1623852687/t/delete) no-repeat center top;
  margin: .3em .3em 0 .3em
}

.gradingform_rubric.editor .criterion .controls .duplicate input {
  width: 12px;
  height: 12px;
  background: transparent url(/theme/image.php/elan/core/1623852687/t/copy) no-repeat center top;
  margin: .3em .3em 0 .3em
}

.gradingform_rubric.editor .levels .level .delete input {
  width: 12px;
  height: 16px;
  background: transparent url(/theme/image.php/elan/core/1623852687/t/delete) no-repeat center center
}

.gradingform_rubric.editor .moveup input {
  width: 12px;
  height: 12px;
  background: transparent url(/theme/image.php/elan/core/1623852687/t/up) no-repeat center top;
  margin: .3em .3em 0 .3em
}

.gradingform_rubric.editor .movedown input {
  width: 12px;
  height: 12px;
  background: transparent url(/theme/image.php/elan/core/1623852687/t/down) no-repeat center top;
  margin: .3em .3em 0 .3em
}

.gradingform_rubric.editor .addcriterion input,.gradingform_rubric.editor .addlevel input {
  background: #fff url(/theme/image.php/elan/core/1623852687/t/add) no-repeat 7px 8px;
  display: block;
  color: #555;
  font-weight: 700;
  text-decoration: none
}

.gradingform_rubric.editor .addcriterion input {
  height: 30px;
  line-height: 29px;
  margin-bottom: 14px;
  padding-left: 20px;
  padding-right: 10px
}

.gradingform_rubric.editor .addlevel input {
  padding-left: 24px;
  padding-right: 8px
}

.gradingform_rubric .options .optionsheading {
  font-weight: 700;
  font-size: 1.1em;
  padding-bottom: 5px
}

.gradingform_rubric .options .option {
  padding-bottom: 2px
}

.gradingform_rubric .options .option label {
  margin-left: 5px
}

.gradingform_rubric .options .option .value {
  margin-left: 5px;
  font-weight: 700
}

.gradingform_rubric .criterion .levels.error {
  border: 1px solid red
}

.gradingform_rubric .criterion .description.error,.gradingform_rubric .criterion .levels .level .definition.error,.gradingform_rubric .criterion .levels .level .score.error {
  background: #fdd
}

.gradingform_rubric-regrade {
  padding: 10px;
  background: #fdd;
  border: 1px solid red;
  margin-bottom: 10px
}

.gradingform_rubric-restored {
  padding: 10px;
  background: #ffd;
  border: 1px solid #ff0;
  margin-bottom: 10px
}

.gradingform_rubric-error {
  color: red;
  font-weight: 700
}

.gradingform_rubric.editor .hiddenelement {
  display: none
}

.gradingform_rubric.editor .pseudotablink {
  background-color: transparent;
  border: 0 solid;
  height: 1px;
  width: 1px;
  color: transparent;
  padding: 0;
  margin: 0;
  position: relative;
  float: right
}

.gradingpanel-gradingform_rubric [aria-checked="true"] {
  border: 1px solid #000
}

.path-admin-mnet-service-enrol .singlebutton {
  text-align: center
}

.path-admin-mnet-service-enrol table.remotehosts,.path-admin-mnet-service-enrol table.otherenrolledusers,.path-admin-mnet-service-enrol table.remotecourses {
  margin: 0 auto 1em auto
}

.path-admin-mnet-service-enrol table.remotecourses th.categoryname {
  text-align: left;
  background-color: #f6f6f6
}

.path-admin-mnet-service-enrol table.remotecourses td.c1 {
  font-weight: 700
}

.path-admin-mnet-service-enrol table.remotecourses th.categoryname img {
  margin-right: 1em
}

.path-admin-mnet-service-enrol .collapsibleregioncaption {
  font-size: 110%;
  font-weight: 700;
  text-align: center
}

.path-admin-mnet-service-enrol .collapsibleregioninner {
  border: 1px solid #ddd;
  padding: 1em
}

.path-admin-mnet-service-enrol .collapsibleregion.remotecourse.summary {
  margin: 0 10em
}

.path-admin-mnet-service-enrol .roleassigntable {
  margin: 1em auto
}

.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
}

#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
}

.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
}

.path-admin-tool-health div#healthnoproblemsfound {
  width: 60%;
  margin: auto;
  padding: 1em;
  border: 1px solid #000;
  -moz-border-radius: 6px
}

.path-admin-tool-health dl.healthissues {
  width: 60%;
  margin: auto
}

.path-admin-tool-health dl.critical dt,.path-admin-tool-health dl.critical dd {
  background-color: #a71501
}

.path-admin-tool-health dl.significant dt,.path-admin-tool-health dl.significant dd {
  background-color: #d36707
}

.path-admin-tool-health dl.annoyance dt,.path-admin-tool-health dl.annoyance dd {
  background-color: #dba707
}

.path-admin-tool-health dl.notice dt,.path-admin-tool-health dl.notice dd {
  background-color: #e5db36
}

.path-admin-tool-health dl dt.solution,.path-admin-tool-health dl dd.solution,.path-admin-tool-health div#healthnoproblemsfound {
  background-color: #5bb83e
}

.path-admin-tool-health dl.healthissues dt,.path-admin-tool-health dl.healthissues dd {
  margin: 0;
  padding: 1em;
  border: 1px solid #000
}

.path-admin-tool-health dl.healthissues dt {
  font-weight: 700;
  border-bottom: 0;
  padding-bottom: .5em
}

.path-admin-tool-health dl.healthissues dd {
  border-top: 0;
  padding-top: .5em;
  margin-bottom: 10px
}

.path-admin-tool-health dl.healthissues dd form {
  margin-top: .5em;
  text-align: right
}

.path-admin-tool-health form#healthformreturn {
  text-align: center;
  margin: 2em
}

.path-admin-tool-health dd.solution p {
  padding: 0;
  margin: 1em 0
}

.path-admin-tool-health dd.solution li {
  margin-top: 1em
}

#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%
}

.path-admin-tool-lp [data-region="managecompetencies"] ul li,.path-admin-tool-lp [data-region="plans"] ul li,.path-admin-tool-lp [data-region="competencymovetree"] ul li,.path-admin-tool-lp [data-region="competencylinktree"] ul li,.path-badges [data-region="competencylinktree"] ul li {
  list-style-type: none
}

.path-admin-tool-lp .progresstext {
  display: inline-block;
  vertical-align: top
}

.path-admin-tool-lp .progress {
  width: 100%;
  display: inline-block
}

.path-admin-tool-lp .progress .bar {
  min-width: 3em
}

.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border linear .2s,box-shadow linear .2s;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 10px;
  margin-right: 10px
}

.path-admin-tool-lp [data-region="managecompetencies"] ul,.path-admin-tool-lp [data-region="plans"] ul,.path-admin-tool-lp [data-region="competencylinktree"] ul,.path-badges [data-region="competencylinktree"] ul,.path-admin-tool-lp [data-region="competencymovetree"] ul {
  cursor: pointer
}

.path-admin-tool-lp [data-region="competencylinktree"] ul li>span,.path-badges [data-region="competencylinktree"] ul li>span,.path-admin-tool-lp [data-region="competencymovetree"] ul li>span,.path-admin-tool-lp [data-region="plans"] ul li>span,.path-admin-tool-lp [data-region="managecompetencies"] ul li>span {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"]>span,.path-badges [data-region="competencylinktree"] ul [aria-selected="true"]>span,.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"]>span,.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"]>span,.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"]>span {
  background-color: #dfdfdf
}

.path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"]>span,.path-badges [data-region="competencylinktree"] ul [tabindex="0"]>span,.path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"]>span,.path-admin-tool-lp [data-region="plans"] ul [tabindex="0"]>span,.path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"]>span {
  border: 2px solid #0070a8
}

.path-admin-tool-lp [data-region="filtercompetencies"] input {
  margin-left: 10px
}

.path-admin-tool-lp [data-region="link-buttons"],.path-admin-tool-lp [data-region="move-buttons"] {
  text-align: center
}

.path-admin-tool-lp [data-region="competencylinktree"]>ul,.path-badges [data-region="competencylinktree"]>ul {
  overflow-y: auto;
  height: 400px
}

.path-admin-tool-lp span.currentdragtarget {
  border: 1px dashed
}

.path-admin-tool-lp .competencyactionsmenu {
  display: inline-block;
  vertical-align: text-top
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
  display: table;
  width: 100%
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
  display: table-row
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
  padding-right: 10px
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
  display: table-cell
}

.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,.path-admin-tool-lp [data-region="competencylinktree"] select,.path-badges [data-region="competencylinktree"] select {
  width: 100%
}

.path-admin-tool-lp [data-region] .generaltable.fullwidth {
  clear: both
}

.path-admin-tool-lp .competency-rule-points {
  margin-top: 10px
}

.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
}

#page-admin-tool-messageinbound-index .handler-function {
  display: block;
  padding: 0 .5em;
  color: #888;
  font-size: .75em
}

#page-admin-tool-messageinbound-index .state,#page-admin-tool-messageinbound-index .edit {
  text-align: center
}

#page-admin-tool-mobile-subscription dl dt {
  clear: both;
  display: inline-block;
  width: 40%;
  min-width: 100px;
  vertical-align: top;
  padding-top: 1px
}

#page-admin-tool-mobile-subscription dl dd {
  display: inline-block;
  width: 59%;
  margin-left: 1%;
  vertical-align: top;
  padding-top: 1px
}

#page-admin-tool-mobile-subscription dl.list-narrow dt {
  width: 30%
}

#page-admin-tool-mobile-subscription dl.list-narrow dd {
  width: 69%
}

#page-admin-tool-mobile-subscription progress {
  width: 100%
}

.eupopup-container {
  background-color: rgba(25,25,25,.9);
  color: #efefef;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1.2em;
  text-align: center;
  display: none;
  z-index: 9999999
}

.behat-site .eupopup-container-bottom {
  position: relative
}

.eupopup-container-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0
}

.eupopup-closebutton {
  font-size: 16px;
  font-weight: 100;
  line-height: 1;
  color: #a2a2a2;
  opacity: .2;
  position: absolute;
  font-family: helvetica,arial,verdana,sans-serif;
  top: 0;
  right: 0;
  padding: 5px 10px
}

.eupopup-buttons {
  padding: 7px 0 5px 0
}

.eupopup-button {
  margin: 0 10px
}

.eupopup-button:hover,.eupopup-button:focus {
  text-decoration: underline;
  color: #f6a21d
}

.eupopup-body li {
  display: inline
}

.eupopup-body li:before {
  content: ", "
}

.eupopup-body li:first-child:before {
  content: ""
}

.eupopup-body ul {
  padding: 0;
  margin: 0 0 3px
}

.eupopup-closebutton:hover,.eupopup-closebutton:active {
  text-decoration: none
}

.eupopup-head {
  font-size: 1.2em;
  font-weight: 700;
  padding: 7px
}

.eupopup-button_1 {
  font-weight: 700;
  font-size: 14px
}

.eupopup-button_2 {
  display: none
}

.eupopup-button {
  color: #f6a21d
}

.policy-heading .policy-viewdoc-buttons {
  text-align: center;
  margin: 15px
}

#page-admin-tool-policy-acceptances .colselect {
  width: 35px
}

.path-admin-tool-profiling .profilingruntable .label {
  font-weight: 700
}

.path-admin-tool-profiling .profiling_worse {
  color: red
}

.path-admin-tool-profiling .profiling_better {
  color: green
}

.path-admin-tool-profiling .profiling_same {
  color: dimgrey
}

.path-admin-tool-profiling .profiling_important,.path-admin-tool-profiling .flexible .referencerun {
  font-weight: 700
}

.path-admin-tool-profiling .flexible {
  margin-left: auto;
  margin-right: auto
}

#page-admin-tool-task-scheduledtasks .task-class,#page-admin-tool-task-runningtasks .task-class {
  display: block;
  padding: 0 .5em;
  color: #888;
  font-size: .75em
}

#page-admin-tool-task-scheduledtasks input[type=text] {
  direction: ltr
}

#page-admin-tool-task-scheduledtasks .task-runnow,#page-admin-tool-task-scheduledtasks .task-clearfaildelay {
  font-size: .75em
}

[data-region="displaytemplateexample"] {
  border-radius: 4px;
  border: 1px inset #e3e3e3;
  padding: 1em
}

div[data-flexitour="backdrop"] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

span[data-flexitour="container"].orphan {
  position: absolute
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
  display: none
}

body div[data-flexitour="step-background-fader"],body div[data-flexitour="step-background"] {
  position: absolute;
  background: inherit
}

div[data-flexitour="step-background-fader"],[data-flexitour="step-backdrop"]>td,[data-flexitour="step-backdrop"] {
  position: relative
}

span[data-flexitour="container"].orphan div[data-role="arrow"] {
  display: none
}

.path-admin-local-usertours .stepcreator .input-append {
  font-size: inherit
}

.tour-actions>ul {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.tour-actions>ul>li {
  background-color: #f5f5f5
}

.tour-actions>ul {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.tour-actions>ul>li {
  background-color: #f5f5f5;
  border-radius: 6px;
  border: 1px solid #ccc;
  display: inline-block;
  height: 9em;
  margin: .5em;
  text-align: center;
  width: 13em
}

.tour-actions>ul>li>a {
  height: 100%;
  display: block;
  padding: 1em
}

.path-admin-tool-xmldb a[name="lastused"] {
  padding-top: 50px
}

.core_payment_gateways_modal .paypal .icon {
  height: 40px;
  width: auto
}

.assignfeedback_editpdf_widget .toolbar ul {
  display: none
}

.assignfeedback_editpdf_widget .toolbar li {
  list-style-type: none
}

.assignfeedback_editpdf_widget .drawingcanvas {
  position: relative;
  min-width: 817px;
  min-height: 400px;
  background-repeat: no-repeat;
  background-color: #ccc;
  margin-left: auto;
  margin-right: auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 20px rgba(0,0,0,.2)
}

.assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
  position: inherit
}

.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable textarea,.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable svg {
  cursor: move
}

.assignfeedback_editpdf_widget .infoicon {
  display: none
}

.assignfeedback_editpdf_widget .warningmessages {
  position: absolute;
  margin-left: 20px;
  margin-right: 20px;
  bottom: 20px
}

.assignfeedback_editpdf_widget .drawingregion {
  border: 1px solid #ccc;
  left: 1em;
  right: 1em;
  top: 52px;
  bottom: 0;
  position: absolute;
  overflow: auto;
  background-color: #ccc;
  touch-action: none
}

.assignfeedback_editpdf_widget {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none
}

.assignfeedback_editpdf_widget .pageheader {
  background-color: #ebebeb;
  border-bottom: 1px solid #ccc;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 50px;
  height: 52px;
  overflow: auto
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
  padding: 0
}

.yui3-colourpicker-hidden,.yui3-commentsearch-hidden,.yui3-commentmenu-hidden {
  display: none
}

.assignfeedback_editpdf_widget .pageheader button img {
  padding-top: 3px;
  vertical-align: top
}

.assignfeedback_editpdf_widget .pageheader button:active {
  background-color: #ccc
}

.assignfeedback_editpdf_widget .pageheader select,.assignfeedback_editpdf_widget .pageheader button {
  background: none;
  padding: 4px 7px;
  border: 0;
  border-radius: 0;
  margin: 0;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  cursor: pointer
}

.assignfeedback_editpdf_widget .pageheader select {
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: menulist-text;
  background-color: #fff;
  padding: 0 10px
}

.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
  display: none
}

.assignfeedback_editpdf_widget .pageheader .navigation button+button,.assignfeedback_editpdf_widget .pageheader .toolbar button+button,.assignfeedback_editpdf_widget .pageheader .navigation select+button,.assignfeedback_editpdf_widget .pageheader .toolbar select+button {
  border-left: 1px solid #ccc;
  border-right: 0
}

.assignfeedback_editpdf_widget .pageheader .navigation button {
  border-right: 1px solid #ccc
}

.assignfeedback_editpdf_widget .pageheader .toolbar,.assignfeedback_editpdf_widget .pageheader .navigation-search,.assignfeedback_editpdf_widget .pageheader .navigation-expcol,.assignfeedback_editpdf_widget .pageheader .navigation {
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  margin: 10px 4px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0
}

.assignfeedback_editpdf_commentsearch ul {
  max-height: 400px;
  overflow-y: auto;
  padding: 1em
}

.assignfeedback_editpdf_commentsearch ul li pre {
  background-color: #efefef;
  white-space: pre-wrap;
  word-break: break-word
}

.assignfeedback_editpdf_commentsearch ul li pre:hover {
  background-color: #ddd
}

.assignfeedback_editpdf_commentsearch ul li {
  margin: 2px
}

.assignfeedback_editpdf_commentsearch a pre {
  font-family: helvetica;
  margin: 0;
  padding: 4px
}

.assignfeedback_editpdf_widget .navigation-search,.assignfeedback_editpdf_widget .navigation-expcol,.assignfeedback_editpdf_widget .navigation {
  float: left
}

.assignfeedback_editpdf_widget .toolbar_group {
  float: right
}

.assignfeedback_editpdf_widget .toolbar button {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none
}

.assignfeedback_editpdf_widget .toolbar>button.rotateleftbutton {
  float: left
}

.assignfeedback_editpdf_widget .toolbar>button.rotaterightbutton {
  float: right
}

.assignfeedback_editpdf_widget .toolbar {
  float: left
}

.assignfeedback_editpdf_widget .navigation,.assignfeedback_editpdf_widget .navigation-search,.assignfeedback_editpdf_widget .navigation-expcol,.assignfeedback_editpdf_widget .toolbar {
  display: inline-block
}

.assignfeedback_editpdf_colourpicker ul {
  margin: 0
}

.assignfeedback_editpdf_dropdown li.quicklist_comment {
  width: 200px
}

.assignfeedback_editpdf_dropdown li.quicklist_comment a {
  white-space: nowrap;
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis
}

.assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
  float: right;
  width: 20px
}

.assignfeedback_editpdf_dropdown button {
  border: 0;
  background: none;
  padding: 6px 7px;
  border-radius: 0;
  border-top: 1px solid #ccc
}

.assignfeedback_editpdf_dropdown li:first-child button {
  border-top: 0
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  border-radius: 4px
}

.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
  padding: 0
}

.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd,.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft {
  display: none
}

.assignfeedback_editpdf_menu li hr {
  margin: 0
}

.assignfeedback_editpdf_menu li a {
  text-decoration: none;
  color: #555;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 4px
}

ul.assignfeedback_editpdf_search {
  margin: 0
}

.assignfeedback_editpdf_search li {
  list-style-type: none
}

.assignfeedback_editpdf_search li a {
  text-decoration: none;
  color: #555
}

.assignfeedback_editpdf_menu li:hover {
  background-color: #ebebeb
}

ul.assignfeedback_editpdf_menu {
  margin: 0;
  max-height: 40vh;
  overflow-y: auto;
  overflow-x: hidden
}

.assignfeedback_editpdf_menu li {
  list-style-type: none;
  margin: 0;
  border-radius: 4px
}

.assignfeedback_editpdf_menu li img {
  height: auto
}

.assignfeedback_editpdf_menu li button {
  margin: 0;
  background: none
}

.assignfeedback_editpdf_widget .pageheader button:hover {
  background-color: #ebebeb;
  background-image: radial-gradient(ellipse at center,#fff 60%,#dfdfdf 100%)
}

.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
  background-color: #dfdfdf;
  background-image: radial-gradient(ellipse at center,#fff 40%,#dfdfdf 100%)
}

.assignfeedback_editpdf_widget .commentdrawable img {
  padding: 1px
}

.assignfeedback_editpdf_widget .commentdrawable a {
  float: right;
  position: relative;
  left: -17px;
  top: 2px;
  height: 14px;
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 14px
}

.assignfeedback_editpdf_widget .commentdrawable textarea {
  padding: 4px;
  padding-right: 20px;
  resize: none;
  overflow: hidden;
  color: #000;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  font-family: helvetica;
  min-height: 1.2em
}

.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
  outline: thin dotted #333;
  outline-color: -webkit-focus-ring-color;
  outline-width: 5px;
  outline-style: auto;
  outline-offset: -2px
}

.assignfeedback_editpdf_widget .commentdrawable {
  display: flex;
  z-index: 52;
  height: 0
}

.assignfeedback_editpdf_widget .annotation {
  z-index: 51
}

.assignfeedback_editpdf_widget .deleteannotationbutton {
  z-index: 51
}

.assignfeedback_editpdf_widget .commentdrawable label {
  display: inline-block
}

.assignfeedback_editpdf_widget .commentdrawable svg {
  display: none
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
  z-index: auto;
  width: 24px
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
  display: none
}

.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
  display: inline-block;
  width: 24px;
  height: 24px
}

.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
  text-align: center
}

.hideoverflow {
  overflow: hidden;
  position: relative
}

@media (max-width: 960px) {
  .assignfeedback_editpdf_widget .pageheader {
      height:104px
  }

  .assignfeedback_editpdf_widget .drawingregion {
      top: 104px
  }
}

@media (max-width: 767px) {
  .assignfeedback_editpdf_widget .drawingregion {
      position:relative;
      margin-bottom: 1em;
      top: 0;
      max-height: 312px
  }

  .assignfeedback_editpdf_widget .pageheader {
      height: auto
  }
}

@media (max-width: 480px) {
  .assignfeedback_editpdf_widget .pageheader {
      padding-left:5px;
      padding-right: 5px
  }
}

#page-mod-quiz-report #manualgradingform {
  width: 100%
}

#page-mod-quiz-report #manualgradingform.mform br {
  clear: none
}

#page-mod-quiz-report #manualgradingform.mform .clearfix:after {
  clear: none
}

#page-mod-quiz-report #manualgradingform .que {
  margin-bottom: .7em
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper {
  border: none
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend,.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend {
  display: none
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th,.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td,.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th,.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td {
  border: 1px solid #ddd;
  padding: 5px;
  vertical-align: top
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion {
  text-align: center
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem {
  text-align: center
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle,.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle {
  display: none
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,.path-mod-workshop #id_rubric-grid-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox,.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox {
  max-width: 100%;
  flex: 0 0 100%;
  text-align: left
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement,.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement {
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement {
  border: none
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span {
  display: block;
  text-align: center
}

.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label {
  display: block;
  text-align: center
}

.path-mod-workshop .mform.frozen .fitem.description.rubric+.fitem .fitemtitle,.path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle {
  display: none
}

.path-mod-workshop .mform.frozen .fitem.description.rubric+.fitem .fitemtitle+.felement,.path-mod-workshop .assessmentform.rubric.list .fitem .felement {
  width: auto;
  border: none
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement span input {
  display: block;
  float: left
}

.path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label {
  display: block;
  margin-left: 30px
}

.path-mod-workshop .manual-allocator .allocations {
  margin: 0 auto;
  width: 100%
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) {
  background-color: #eee
}

.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof,.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby {
  background-color: inherit
}

.path-mod-workshop .manual-allocator .allocations .peer .image {
  margin-right: 5px;
  vertical-align: middle
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .image,.path-mod-workshop .manual-allocator .allocations .reviewerof .image {
  margin-right: 3px;
  vertical-align: middle
}

.path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby,.path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof {
  background-color: #fff3d2
}

.path-mod-workshop .manual-allocator .allocations tr td {
  vertical-align: top;
  padding: 5px
}

.path-mod-workshop .manual-allocator .allocations tr td ul {
  margin: 0
}

.path-mod-workshop .manual-allocator .allocations tr td ul li {
  list-style: none
}

.path-mod-workshop .manual-allocator .allocations tr td.peer {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc
}

.path-mod-workshop .manual-allocator .allocations .reviewedby .info,.path-mod-workshop .manual-allocator .allocations .peer .info,.path-mod-workshop .manual-allocator .allocations .reviewerof .info {
  font-size: 80%;
  color: #888;
  font-style: italic
}

.path-mod-workshop .manual-allocator .allocations .peer .submission {
  font-size: 90%;
  margin-top: 1em
}

.path-mod-workshop .random-allocator .warning {
  width: 100%;
  margin: 0 auto 15px auto
}

.accessibilitywarnings img {
  max-width: 32px;
  max-height: 32px
}

.atto_backcolor_button .dropdown-menu {
  min-width: inherit
}

.atto_charmap_selector button {
  width: 2.18rem;
  margin: .1rem
}

@media (max-width: 768px) {
  .toolbarbreak {
      display:none
  }
}

.emoji-picker-dialogue.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: 0
}

.emoji-picker-dialogue .emoji-picker {
  box-shadow: none!important;
  border: 0
}

.atto_emoticon_map ul {
  padding: 0;
  margin: 0;
  display: table;
  width: 100%
}

.atto_emoticon_map li {
  display: table-row;
  white-space: nowrap
}

.atto_emoticon_map li div {
  display: table-cell;
  padding: 0 1em
}

.atto_emoticon_emote img {
  width: 16px
}

.atto_equation_library button {
  margin: .25%;
  min-width: 12%
}

#page-admin-setting-atto_equation_settings .form-defaultinfo {
  max-height: 10em;
  overflow: auto;
  padding: 5px;
  min-width: 206px
}

.atto_form .atto_equation_preview {
  margin-bottom: 0
}

.atto_fontcolor_button .dropdown-menu {
  min-width: inherit
}

.attoh5poverlay {
  display: none
}

.attoh5pinstructions {
  max-width: 500px
}

.editor_atto_content_wrap .h5p-placeholder+br {
  display: none
}

.editor_atto_content_wrap .h5p-placeholder {
  color: #6c757d;
  width: 100%;
  word-break: break-all;
  height: 260px;
  cursor: pointer;
  background: url(/theme/image.php/elan/atto_h5p/1623852687/icon-white) center center / 100px auto no-repeat #6c757d
}

.atto_h5p_button .icon {
  width: 24px
}

.dir-rtl .CodeMirror {
  text-align: left;
  direction: ltr
}

.atto_image_preview {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto
}

.atto_image_preview_box {
  max-height: 150px;
  margin-bottom: 1em;
  overflow: auto
}

.editor_atto_content img {
  cursor: pointer
}

.atto_image_button_text-top {
  vertical-align: text-top;
  margin: 0 .5em
}

.atto_image_button_middle {
  vertical-align: middle;
  margin: 0 .5em
}

.atto_image_button_text-bottom {
  vertical-align: text-bottom;
  margin: 0 .5em
}

.atto_image_button_text-top.img-fluid,.atto_image_button_middle.img-fluid,.atto_image_button_text-bottom.img-fluid {
  display: inline-block;
  max-width: calc(100% - 1em)
}

.atto_image_button_left {
  float: left;
  margin: 0 .5em 0 0;
  max-width: calc(100% - 1em)
}

.atto_image_button_right {
  float: right;
  margin: 0 0 0 .5em;
  max-width: calc(100% - 1em)
}

#atto_managefiles_manageform #id_deletefileshdr {
  display: none
}

#atto_managefiles_manageform.has-unused-files #id_deletefileshdr {
  display: block
}

#atto_managefiles_manageform #id_missingfileshdr {
  display: none
}

#atto_managefiles_manageform.has-missing-files #id_missingfileshdr {
  display: block
}

.atto_form.atto_media>.tab-content {
  max-height: 45vh;
  overflow-x: hidden
}

.atto_recordrtc,.atto_recordrtc div {
  font-weight: 400;
  line-height: 40px;
  padding: 3px 0 3px 0
}

.atto_recordrtc .alert {
  line-height: 40px;
  text-align: center
}

.atto_recordrtc audio {
  display: block;
  width: 100%
}

@media screen and (max-width: 670px) {
  .atto_recordrtc video {
      display:block;
      height: auto;
      margin: 0 auto;
      width: 100%
  }
}

@media screen and (min-width: 671px) {
  .atto_recordrtc video {
      display:block;
      height: 480px;
      margin: 0 auto;
      width: 640px
  }
}

.atto_recordrtc #start-stop,.atto_recordrtc #upload {
  white-space: normal
}

div.editor_atto_content td,div.editor_atto_content th,div.editor_atto_content caption {
  border: 1px dashed #bbb;
  position: relative;
  min-width: 2rem;
  height: 2rem
}

div.editor_atto_content caption {
  height: auto
}

div.availablecolors {
  background-color: #eee;
  padding: .5rem
}

div.availablecolors .tablebordercolor,div.availablecolors .tablebackgroundcolor {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  text-align: center;
  vertical-align: sub;
  border-radius: 25%;
  margin-right: .2rem
}

#tinymce_managefiles_manageform.hasunusedfiles .managefilesstatus {
  display: none
}

#tinymce_managefiles_manageform.hasmissingfiles .managefilesstatus {
  display: inline
}

#tinymce_managefiles_manageform #id_deletefiles {
  display: none
}

#tinymce_managefiles_manageform.hasunusedfiles #id_deletefiles {
  display: block
}

#tinymce_managefiles_manageform #id_deletefiles .felement.fcheckbox {
  display: none
}

#tinymce_managefiles_manageform #id_deletefiles .felement.fcheckbox.isunused {
  display: block
}

.pagelayout-frontpage ul.section.img-text {
  display: none
}

@font-face {
  font-family: 'FontAwesome';
  src: url(/theme/font.php/elan/core/1623852687/fontawesome-webfont.eot?v=4.7.0);
  src: url("/theme/font.php/elan/core/1623852687/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'),url(/theme/font.php/elan/core/1623852687/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/theme/font.php/elan/core/1623852687/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/theme/font.php/elan/core/1623852687/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url("/theme/font.php/elan/core/1623852687/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
  font-weight: 400;
  font-style: normal
}

/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: .1428571429em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.8571428571em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before,.fa-close:before,.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before,.fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before,.fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before,.fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before,.fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before,.fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before,.fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before,.fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before,.fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before,.fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before,.fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before,.fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before,.fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before,.fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before,.fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before,.fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before,.fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
  content: "\f155"
}

.fa-rupee:before,.fa-inr:before {
  content: "\f156"
}

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
  content: "\f158"
}

.fa-won:before,.fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before,.fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before,.fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before,.fa-bank:before,.fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before,.fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before,.fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before,.fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,.fa-resistance:before,.fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before,.fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before,.fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before,.fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before,.fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before,.fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-yc:before,.fa-y-combinator:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-stop-o:before,.fa-hand-paper-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-tv:before,.fa-television:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}

.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-signing:before,.fa-sign-language:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before,.fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-vcard:before,.fa-address-card:before {
  content: "\f2bb"
}

.fa-vcard-o:before,.fa-address-card-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before,.fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bathtub:before,.fa-s15:before,.fa-bath:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before,.fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
  --blue:#0f6fc5;--indigo:#6610f2;--purple:#613d7c;--pink:#e83e8c;--red:#ca3120;--orange:#f0ad4e;--yellow:#ff7518;--green:#357a32;--teal:#20c997;--cyan:#008196;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#fe824c;--secondary:#ced4da;--success:#357a32;--info:#008196;--warning:#f0ad4e;--danger:#ca3120;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}

*,*::before,*::after {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
  display: block
}

body {
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff
}

@media (max-width: 1200px) {
  body {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0!important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title],abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,ul,dl {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #fe824c;
  text-decoration: none;
  background-color: transparent
}

a:hover {
  color: #fc4d01;
  text-decoration: underline
}

a:not([href]) {
  color: inherit;
  text-decoration: none
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none
}

pre,code,kbd,samp {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}

figure {
  margin: 0 0 1rem
}

img {
  vertical-align: middle;
  border-style: none
}

svg {
  overflow: hidden;
  vertical-align: middle
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

input,button,select,optgroup,textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}

[role="button"] {
  cursor: pointer
}

select {
  word-wrap: normal
}

button,[type="button"],[type="reset"],[type="submit"] {
  -webkit-appearance: button
}

button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled) {
  cursor: pointer
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type="radio"],input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

@media (max-width: 1200px) {
  legend {
      font-size:calc(0.96rem + 0.72vw)
  }
}

progress {
  vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none!important
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  margin-bottom: .5rem;
  font-weight: 300;
  line-height: 1.2
}

h1,.h1 {
  font-size: 2.34375rem
}

@media (max-width: 1200px) {
  h1,.h1 {
      font-size:calc(1.044375rem + 1.7325vw)
  }
}

h2,.h2 {
  font-size: 1.875rem
}

@media (max-width: 1200px) {
  h2,.h2 {
      font-size:calc(0.9975rem + 1.17vw)
  }
}

h3,.h3 {
  font-size: 1.640625rem
}

@media (max-width: 1200px) {
  h3,.h3 {
      font-size:calc(0.9740625rem + 0.88875vw)
  }
}

h4,.h4 {
  font-size: 1.40625rem
}

@media (max-width: 1200px) {
  h4,.h4 {
      font-size:calc(0.950625rem + 0.6075vw)
  }
}

h5,.h5 {
  font-size: 1.171875rem
}

@media (max-width: 1200px) {
  h5,.h5 {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

h6,.h6 {
  font-size: .9375rem
}

@media (max-width: 1200px) {
  h6,.h6 {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

.lead {
  font-size: 1.171875rem;
  font-weight: 300
}

@media (max-width: 1200px) {
  .lead {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2
}

@media (max-width: 1200px) {
  .display-1 {
      font-size:calc(1.41rem + 6.12vw)
  }
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2
}

@media (max-width: 1200px) {
  .display-2 {
      font-size:calc(1.36rem + 5.52vw)
  }
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2
}

@media (max-width: 1200px) {
  .display-3 {
      font-size:calc(1.26rem + 4.32vw)
  }
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2
}

@media (max-width: 1200px) {
  .display-4 {
      font-size:calc(1.16rem + 3.12vw)
  }
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1)
}

small,.small {
  font-size: 80%;
  font-weight: 400
}

mark,.mark {
  padding: .2em;
  background-color: #fcf8e3
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.171875rem
}

@media (max-width: 1200px) {
  .blockquote {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d
}

.blockquote-footer::before {
  content: "\2014\00A0"
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: 90%;
  color: #6c757d
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .container {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .container {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .container {
      max-width:1140px
  }
}

.container-fluid,.container-sm,.container-md,.container-lg,.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container-sm {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .container-md {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .container-lg {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .container-xl {
      max-width:1140px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

.col {
  flex-basis: 0%;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%
}

.row-cols-1>* {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

@media (min-width: 576px) {
  .col-sm {
      flex-basis:0%;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%
  }

  .row-cols-sm-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-sm-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-sm-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .row-cols-sm-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-sm-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-sm-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-sm-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%
  }

  .col-sm-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-sm-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .col-sm-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%
  }

  .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-sm-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%
  }

  .col-sm-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%
  }

  .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-sm-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%
  }

  .col-sm-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%
  }

  .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-sm-first {
      order: -1
  }

  .order-sm-last {
      order: 13
  }

  .order-sm-0 {
      order: 0
  }

  .order-sm-1 {
      order: 1
  }

  .order-sm-2 {
      order: 2
  }

  .order-sm-3 {
      order: 3
  }

  .order-sm-4 {
      order: 4
  }

  .order-sm-5 {
      order: 5
  }

  .order-sm-6 {
      order: 6
  }

  .order-sm-7 {
      order: 7
  }

  .order-sm-8 {
      order: 8
  }

  .order-sm-9 {
      order: 9
  }

  .order-sm-10 {
      order: 10
  }

  .order-sm-11 {
      order: 11
  }

  .order-sm-12 {
      order: 12
  }

  .offset-sm-0 {
      margin-left: 0
  }

  .offset-sm-1 {
      margin-left: 8.3333333333%
  }

  .offset-sm-2 {
      margin-left: 16.6666666667%
  }

  .offset-sm-3 {
      margin-left: 25%
  }

  .offset-sm-4 {
      margin-left: 33.3333333333%
  }

  .offset-sm-5 {
      margin-left: 41.6666666667%
  }

  .offset-sm-6 {
      margin-left: 50%
  }

  .offset-sm-7 {
      margin-left: 58.3333333333%
  }

  .offset-sm-8 {
      margin-left: 66.6666666667%
  }

  .offset-sm-9 {
      margin-left: 75%
  }

  .offset-sm-10 {
      margin-left: 83.3333333333%
  }

  .offset-sm-11 {
      margin-left: 91.6666666667%
  }
}

@media (min-width: 768px) {
  .col-md {
      flex-basis:0%;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%
  }

  .row-cols-md-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-md-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-md-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .row-cols-md-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-md-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-md-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-md-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%
  }

  .col-md-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-md-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .col-md-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%
  }

  .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-md-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%
  }

  .col-md-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%
  }

  .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-md-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%
  }

  .col-md-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%
  }

  .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-md-first {
      order: -1
  }

  .order-md-last {
      order: 13
  }

  .order-md-0 {
      order: 0
  }

  .order-md-1 {
      order: 1
  }

  .order-md-2 {
      order: 2
  }

  .order-md-3 {
      order: 3
  }

  .order-md-4 {
      order: 4
  }

  .order-md-5 {
      order: 5
  }

  .order-md-6 {
      order: 6
  }

  .order-md-7 {
      order: 7
  }

  .order-md-8 {
      order: 8
  }

  .order-md-9 {
      order: 9
  }

  .order-md-10 {
      order: 10
  }

  .order-md-11 {
      order: 11
  }

  .order-md-12 {
      order: 12
  }

  .offset-md-0 {
      margin-left: 0
  }

  .offset-md-1 {
      margin-left: 8.3333333333%
  }

  .offset-md-2 {
      margin-left: 16.6666666667%
  }

  .offset-md-3 {
      margin-left: 25%
  }

  .offset-md-4 {
      margin-left: 33.3333333333%
  }

  .offset-md-5 {
      margin-left: 41.6666666667%
  }

  .offset-md-6 {
      margin-left: 50%
  }

  .offset-md-7 {
      margin-left: 58.3333333333%
  }

  .offset-md-8 {
      margin-left: 66.6666666667%
  }

  .offset-md-9 {
      margin-left: 75%
  }

  .offset-md-10 {
      margin-left: 83.3333333333%
  }

  .offset-md-11 {
      margin-left: 91.6666666667%
  }
}

@media (min-width: 992px) {
  .col-lg {
      flex-basis:0%;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%
  }

  .row-cols-lg-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-lg-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-lg-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .row-cols-lg-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-lg-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-lg-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-lg-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%
  }

  .col-lg-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-lg-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .col-lg-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%
  }

  .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-lg-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%
  }

  .col-lg-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%
  }

  .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-lg-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%
  }

  .col-lg-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%
  }

  .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-lg-first {
      order: -1
  }

  .order-lg-last {
      order: 13
  }

  .order-lg-0 {
      order: 0
  }

  .order-lg-1 {
      order: 1
  }

  .order-lg-2 {
      order: 2
  }

  .order-lg-3 {
      order: 3
  }

  .order-lg-4 {
      order: 4
  }

  .order-lg-5 {
      order: 5
  }

  .order-lg-6 {
      order: 6
  }

  .order-lg-7 {
      order: 7
  }

  .order-lg-8 {
      order: 8
  }

  .order-lg-9 {
      order: 9
  }

  .order-lg-10 {
      order: 10
  }

  .order-lg-11 {
      order: 11
  }

  .order-lg-12 {
      order: 12
  }

  .offset-lg-0 {
      margin-left: 0
  }

  .offset-lg-1 {
      margin-left: 8.3333333333%
  }

  .offset-lg-2 {
      margin-left: 16.6666666667%
  }

  .offset-lg-3 {
      margin-left: 25%
  }

  .offset-lg-4 {
      margin-left: 33.3333333333%
  }

  .offset-lg-5 {
      margin-left: 41.6666666667%
  }

  .offset-lg-6 {
      margin-left: 50%
  }

  .offset-lg-7 {
      margin-left: 58.3333333333%
  }

  .offset-lg-8 {
      margin-left: 66.6666666667%
  }

  .offset-lg-9 {
      margin-left: 75%
  }

  .offset-lg-10 {
      margin-left: 83.3333333333%
  }

  .offset-lg-11 {
      margin-left: 91.6666666667%
  }
}

@media (min-width: 1200px) {
  .col-xl {
      flex-basis:0%;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%
  }

  .row-cols-xl-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-xl-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-xl-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .row-cols-xl-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-xl-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-xl-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-xl-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%
  }

  .col-xl-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
  }

  .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-xl-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
  }

  .col-xl-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%
  }

  .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-xl-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%
  }

  .col-xl-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%
  }

  .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-xl-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%
  }

  .col-xl-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%
  }

  .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-xl-first {
      order: -1
  }

  .order-xl-last {
      order: 13
  }

  .order-xl-0 {
      order: 0
  }

  .order-xl-1 {
      order: 1
  }

  .order-xl-2 {
      order: 2
  }

  .order-xl-3 {
      order: 3
  }

  .order-xl-4 {
      order: 4
  }

  .order-xl-5 {
      order: 5
  }

  .order-xl-6 {
      order: 6
  }

  .order-xl-7 {
      order: 7
  }

  .order-xl-8 {
      order: 8
  }

  .order-xl-9 {
      order: 9
  }

  .order-xl-10 {
      order: 10
  }

  .order-xl-11 {
      order: 11
  }

  .order-xl-12 {
      order: 12
  }

  .offset-xl-0 {
      margin-left: 0
  }

  .offset-xl-1 {
      margin-left: 8.3333333333%
  }

  .offset-xl-2 {
      margin-left: 16.6666666667%
  }

  .offset-xl-3 {
      margin-left: 25%
  }

  .offset-xl-4 {
      margin-left: 33.3333333333%
  }

  .offset-xl-5 {
      margin-left: 41.6666666667%
  }

  .offset-xl-6 {
      margin-left: 50%
  }

  .offset-xl-7 {
      margin-left: 58.3333333333%
  }

  .offset-xl-8 {
      margin-left: 66.6666666667%
  }

  .offset-xl-9 {
      margin-left: 75%
  }

  .offset-xl-10 {
      margin-left: 83.3333333333%
  }

  .offset-xl-11 {
      margin-left: 91.6666666667%
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529
}

.table th,.table td {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6
}

.table-sm th,.table-sm td {
  padding: .3rem
}

.table-bordered {
  border: 1px solid #dee2e6
}

.table-bordered th,.table-bordered td {
  border: 1px solid #dee2e6
}

.table-bordered thead th,.table-bordered thead td {
  border-bottom-width: 2px
}

.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody {
  border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0,0,0,.075)
}

.table-primary,.table-primary>th,.table-primary>td {
  background-color: #ffdccd
}

.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody {
  border-color: #febea2
}

.table-hover .table-primary:hover {
  background-color: #ffcab4
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
  background-color: #ffcab4
}

.table-secondary,.table-secondary>th,.table-secondary>td {
  background-color: #f1f3f5
}

.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody {
  border-color: #e6e9ec
}

.table-hover .table-secondary:hover {
  background-color: #e3e6ea
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
  background-color: #e3e6ea
}

.table-success,.table-success>th,.table-success>td {
  background-color: #c6dac6
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody {
  border-color: #96ba94
}

.table-hover .table-success:hover {
  background-color: #b7d0b6
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
  background-color: #b7d0b6
}

.table-info,.table-info>th,.table-info>td {
  background-color: #b8dce2
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody {
  border-color: #7abdc8
}

.table-hover .table-info:hover {
  background-color: #a6d3da
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
  background-color: #a6d3da
}

.table-warning,.table-warning>th,.table-warning>td {
  background-color: #fbe8cd
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody {
  border-color: #f7d4a3
}

.table-hover .table-warning:hover {
  background-color: #f9ddb6
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
  background-color: #f9ddb6
}

.table-danger,.table-danger>th,.table-danger>td {
  background-color: #f0c5c1
}

.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody {
  border-color: #e3948b
}

.table-hover .table-danger:hover {
  background-color: #ebb2ac
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
  background-color: #ebb2ac
}

.table-light,.table-light>th,.table-light>td {
  background-color: #fdfdfe
}

.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody {
  border-color: #fbfcfc
}

.table-hover .table-light:hover {
  background-color: #f1f1f1
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
  background-color: #f1f1f1
}

.table-dark,.table-dark>th,.table-dark>td {
  background-color: #c6c8ca
}

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody {
  border-color: #95999c
}

.table-hover .table-dark:hover {
  background-color: #b9bbbd
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
  background-color: #b9bbbd
}

.table-active,.table-active>th,.table-active>td {
  background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
  background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
  background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6
}

.table-dark {
  color: #fff;
  background-color: #343a40
}

.table-dark th,.table-dark td,.table-dark thead th {
  border-color: #454d55
}

.table-dark.table-bordered {
  border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255,255,255,.075)
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
      display:block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }

  .table-responsive-sm>.table-bordered {
      border: 0
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
      display:block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }

  .table-responsive-md>.table-bordered {
      border: 0
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
      display:block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }

  .table-responsive-lg>.table-bordered {
      border: 0
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
      display:block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }

  .table-responsive-xl>.table-bordered {
      border: 0
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
  border: 0
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: .375rem .75rem;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #8f959e;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (max-width: 1200px) {
  .form-control {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
      transition: none
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ffdbcb;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled,.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}

input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control {
  appearance: none
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff
}

.form-control-file,.form-control-range {
  display: block;
  width: 100%
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.171875rem;
  line-height: 1.5
}

@media (max-width: 1200px) {
  .col-form-label-lg {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: .8203125rem;
  line-height: 1.5
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

@media (max-width: 1200px) {
  .form-control-plaintext {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: .25rem .5rem;
  font-size: .8203125rem;
  line-height: 1.5
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.171875rem;
  line-height: 1.5
}

@media (max-width: 1200px) {
  .form-control-lg {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

select.form-control[size],select.form-control[multiple] {
  height: auto
}

textarea.form-control {
  height: auto
}

.form-group {
  margin-bottom: 1rem
}

.form-text {
  display: block;
  margin-top: .25rem
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px
}

.form-row>.col,.form-row>[class*="col-"] {
  padding-right: 5px;
  padding-left: 5px
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem
}

.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
  color: #6c757d
}

.form-check-label {
  margin-bottom: 0
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #357a32
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(53,122,50,.9)
}

.was-validated :valid~.valid-feedback,.is-valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-tooltip {
  display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
  border-color: #357a32;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
  border-color: #357a32;
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .custom-select:valid,.custom-select.is-valid {
  border-color: #357a32;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center / 8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23357a32' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus {
  border-color: #357a32;
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.25)
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
  color: #357a32
}

.was-validated .form-check-input:valid~.valid-feedback,.form-check-input.is-valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-tooltip {
  display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label {
  color: #357a32
}

.was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before {
  border-color: #357a32
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before {
  border-color: #459e41;
  background-color: #459e41
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,.custom-control-input.is-valid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.25)
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
  border-color: #357a32
}

.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label {
  border-color: #357a32
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label {
  border-color: #357a32;
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.25)
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #ca3120
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .8203125rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(202,49,32,.9)
}

.was-validated :invalid~.invalid-feedback,.is-invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-tooltip {
  display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
  border-color: #ca3120;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .custom-select:invalid,.custom-select.is-invalid {
  border-color: #ca3120;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center / 8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
  color: #ca3120
}

.was-validated .form-check-input:invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-tooltip {
  display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label {
  color: #ca3120
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before {
  border-color: #ca3120
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before {
  border-color: #e04d3d;
  background-color: #e04d3d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,.custom-control-input.is-invalid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
  border-color: #ca3120
}

.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label {
  border-color: #ca3120
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label {
  border-color: #ca3120;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center
}

.form-inline .form-check {
  width: 100%
}

@media (min-width: 576px) {
  .form-inline label {
      display:flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0
  }

  .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0
  }

  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }

  .form-inline .form-control-plaintext {
      display: inline-block
  }

  .form-inline .input-group,.form-inline .custom-select {
      width: auto
  }

  .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0
  }

  .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: .25rem;
      margin-left: 0
  }

  .form-inline .custom-control {
      align-items: center;
      justify-content: center
  }

  .form-inline .custom-control-label {
      margin-bottom: 0
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: .9375rem;
  line-height: 1.5;
  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 (max-width: 1200px) {
  .btn {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

@media (prefers-reduced-motion:reduce) {
  .btn {
      transition: none
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none
}

.btn:focus,.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.btn.disabled,.btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

a.btn.disabled,fieldset:disabled a.btn {
  pointer-events: none
}

.btn-primary {
  color: #212529;
  background-color: #fe824c;
  border-color: #fe824c
}

.btn-primary:hover {
  color: #fff;
  background-color: #fe6726;
  border-color: #fe5f19
}

.btn-primary:focus,.btn-primary.focus {
  color: #fff;
  background-color: #fe6726;
  border-color: #fe5f19;
  box-shadow: 0 0 0 .2rem rgba(221,116,71,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
  color: #212529;
  background-color: #fe824c;
  border-color: #fe824c
}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #fe5f19;
  border-color: #fe560d
}

.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(221,116,71,.5)
}

.btn-secondary {
  color: #212529;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-secondary:hover {
  color: #212529;
  background-color: #b8c1ca;
  border-color: #b1bbc4
}

.btn-secondary:focus,.btn-secondary.focus {
  color: #212529;
  background-color: #b8c1ca;
  border-color: #b1bbc4;
  box-shadow: 0 0 0 .2rem rgba(180,186,191,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
  color: #212529;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle {
  color: #212529;
  background-color: #b1bbc4;
  border-color: #aab4bf
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(180,186,191,.5)
}

.btn-success {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32
}

.btn-success:hover {
  color: #fff;
  background-color: #295f27;
  border-color: #255623
}

.btn-success:focus,.btn-success.focus {
  color: #fff;
  background-color: #295f27;
  border-color: #255623;
  box-shadow: 0 0 0 .2rem rgba(83,142,81,.5)
}

.btn-success.disabled,.btn-success:disabled {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32
}

.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #255623;
  border-color: #214d1f
}

.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(83,142,81,.5)
}

.btn-info {
  color: #fff;
  background-color: #008196;
  border-color: #008196
}

.btn-info:hover {
  color: #fff;
  background-color: #006070;
  border-color: #005563
}

.btn-info:focus,.btn-info.focus {
  color: #fff;
  background-color: #006070;
  border-color: #005563;
  box-shadow: 0 0 0 .2rem rgba(38,148,166,.5)
}

.btn-info.disabled,.btn-info:disabled {
  color: #fff;
  background-color: #008196;
  border-color: #008196
}

.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #005563;
  border-color: #004a56
}

.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38,148,166,.5)
}

.btn-warning {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-warning:hover {
  color: #212529;
  background-color: #ed9d2b;
  border-color: #ec971f
}

.btn-warning:focus,.btn-warning.focus {
  color: #212529;
  background-color: #ed9d2b;
  border-color: #ec971f;
  box-shadow: 0 0 0 .2rem rgba(209,153,72,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #ec971f;
  border-color: #ea9214
}

.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(209,153,72,.5)
}

.btn-danger {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120
}

.btn-danger:hover {
  color: #fff;
  background-color: #a9291b;
  border-color: #9e2619
}

.btn-danger:focus,.btn-danger.focus {
  color: #fff;
  background-color: #a9291b;
  border-color: #9e2619;
  box-shadow: 0 0 0 .2rem rgba(210,80,65,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120
}

.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #9e2619;
  border-color: #932417
}

.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(210,80,65,.5)
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5
}

.btn-light:focus,.btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
}

.btn-light.disabled,.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124
}

.btn-dark:focus,.btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
}

.btn-outline-primary {
  color: #fe824c;
  border-color: #fe824c
}

.btn-outline-primary:hover {
  color: #212529;
  background-color: #fe824c;
  border-color: #fe824c
}

.btn-outline-primary:focus,.btn-outline-primary.focus {
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
  color: #fe824c;
  background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle {
  color: #212529;
  background-color: #fe824c;
  border-color: #fe824c
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.5)
}

.btn-outline-secondary {
  color: #ced4da;
  border-color: #ced4da
}

.btn-outline-secondary:hover {
  color: #212529;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-outline-secondary:focus,.btn-outline-secondary.focus {
  box-shadow: 0 0 0 .2rem rgba(206,212,218,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
  color: #ced4da;
  background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: #ced4da;
  border-color: #ced4da
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(206,212,218,.5)
}

.btn-outline-success {
  color: #357a32;
  border-color: #357a32
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32
}

.btn-outline-success:focus,.btn-outline-success.focus {
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
  color: #357a32;
  background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #357a32;
  border-color: #357a32
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.5)
}

.btn-outline-info {
  color: #008196;
  border-color: #008196
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #008196;
  border-color: #008196
}

.btn-outline-info:focus,.btn-outline-info.focus {
  box-shadow: 0 0 0 .2rem rgba(0,129,150,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
  color: #008196;
  background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #008196;
  border-color: #008196
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0,129,150,.5)
}

.btn-outline-warning {
  color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-outline-warning:focus,.btn-outline-warning.focus {
  box-shadow: 0 0 0 .2rem rgba(240,173,78,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(240,173,78,.5)
}

.btn-outline-danger {
  color: #ca3120;
  border-color: #ca3120
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120
}

.btn-outline-danger:focus,.btn-outline-danger.focus {
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
  color: #ca3120;
  background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ca3120;
  border-color: #ca3120
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.5)
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light:focus,.btn-outline-light.focus {
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-outline-dark:focus,.btn-outline-dark.focus {
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link {
  font-weight: 400;
  color: #fe824c;
  text-decoration: none
}

.btn-link:hover {
  color: #fc4d01;
  text-decoration: underline
}

.btn-link:focus,.btn-link.focus {
  text-decoration: underline
}

.btn-link:disabled,.btn-link.disabled {
  color: #6c757d;
  pointer-events: none
}

.btn-lg,.btn-group-lg>.btn {
  padding: .5rem 1rem;
  font-size: 1.171875rem;
  line-height: 1.5;
  border-radius: 0
}

@media (max-width: 1200px) {
  .btn-lg,.btn-group-lg>.btn {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.btn-sm,.btn-group-sm>.btn {
  padding: .25rem .5rem;
  font-size: .8203125rem;
  line-height: 1.5;
  border-radius: 0
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
  width: 100%
}

.fade {
  transition: opacity 0.15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
      transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
      transition: none
  }
}

.dropup,.dropright,.dropdown,.dropleft {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: .9375rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15)
}

@media (max-width: 1200px) {
  .dropdown-menu {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

.dropdown-menu-left {
  right: auto;
  left: 0
}

.dropdown-menu-right {
  right: 0;
  left: auto
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
      right:auto;
      left: 0
  }

  .dropdown-menu-sm-right {
      right: 0;
      left: auto
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
      right:auto;
      left: 0
  }

  .dropdown-menu-md-right {
      right: 0;
      left: auto
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
      right:auto;
      left: 0
  }

  .dropdown-menu-lg-right {
      right: 0;
      left: auto
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
      right:auto;
      left: 0
  }

  .dropdown-menu-xl-right {
      right: 0;
      left: auto
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropright .dropdown-toggle::after {
  vertical-align: 0
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}

.dropleft .dropdown-toggle::after {
  display: none
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-menu[x-placement^="top"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto
}

.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: #fe824c
}

.dropdown-item.active,.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #fe824c
}

.dropdown-item.disabled,.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .8203125rem;
  color: #6c757d;
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529
}

.btn-group,.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
  position: relative;
  flex: 1 1 auto
}

.btn-group>.btn:hover,.btn-group-vertical>.btn:hover {
  z-index: 1
}

.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child) {
  margin-left: -1px
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after {
  margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) {
  margin-top: -1px
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
  margin-bottom: 0
}

.btn-group-toggle>.btn input[type="radio"],.btn-group-toggle>.btn-group>.btn input[type="radio"],.btn-group-toggle>.btn input[type="checkbox"],.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0
}

.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.form-control,.input-group>.custom-select+.form-control,.input-group>.custom-file+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control-plaintext+.custom-select,.input-group>.custom-select+.custom-select,.input-group>.custom-file+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.custom-file {
  margin-left: -1px
}

.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
  z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
  z-index: 4
}

.input-group>.custom-file {
  display: flex;
  align-items: center
}

.input-group-prepend,.input-group-append {
  display: flex
}

.input-group-prepend .btn,.input-group-append .btn {
  position: relative;
  z-index: 2
}

.input-group-prepend .btn:focus,.input-group-append .btn:focus {
  z-index: 3
}

.input-group-prepend .btn+.btn,.input-group-append .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-append .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .input-group-text+.btn {
  margin-left: -1px
}

.input-group-prepend {
  margin-right: -1px
}

.input-group-append {
  margin-left: -1px
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #8f959e
}

@media (max-width: 1200px) {
  .input-group-text {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

.input-group-text input[type="radio"],.input-group-text input[type="checkbox"] {
  margin-top: 0
}

.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select {
  height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn {
  padding: .5rem 1rem;
  font-size: 1.171875rem;
  line-height: 1.5
}

@media (max-width: 1200px) {
  .input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select {
  height: calc(1.5em + 0.5rem + 2px)
}

.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn {
  padding: .25rem .5rem;
  font-size: .8203125rem;
  line-height: 1.5
}

.input-group-lg>.custom-select,.input-group-sm>.custom-select {
  padding-right: 1.75rem
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.40625rem;
  padding-left: 1.75rem
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1.25rem;
  height: 1.328125rem;
  opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #fe824c;
  background-color: #fe824c
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #ffdbcb
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  background-color: #fffefe;
  border-color: #fffefe
}

.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label {
  color: #6c757d
}

.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before {
  background-color: #e9ecef
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top
}

.custom-control-label::before {
  position: absolute;
  top: .078125rem;
  left: -1.75rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #8f959e solid 1px
}

.custom-control-label::after {
  position: absolute;
  top: .078125rem;
  left: -1.75rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background: no-repeat 50% / 50% 50%
}

.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: #fe824c;
  background-color: #fe824c
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(254,130,76,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  background-color: rgba(254,130,76,.5)
}

.custom-radio .custom-control-label::before {
  border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(254,130,76,.5)
}

.custom-switch {
  padding-left: 2.6875rem
}

.custom-switch .custom-control-label::before {
  left: -2.6875rem;
  width: 2.1875rem;
  pointer-events: all;
  border-radius: .625rem
}

.custom-switch .custom-control-label::after {
  top: calc(0.078125rem + 2px);
  left: calc(-2.6875rem + 2px);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  background-color: #8f959e;
  border-radius: .625rem;
  transition: transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .custom-switch .custom-control-label::after {
      transition: none
  }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff;
  transform: translateX(.9375rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(254,130,76,.5)
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center / 8px 10px;
  border: 1px solid #8f959e;
  border-radius: 0;
  appearance: none
}

@media (max-width: 1200px) {
  .custom-select {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

.custom-select:focus {
  border-color: #ffdbcb;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: .75rem;
  background-image: none
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef
}

.custom-select::-ms-expand {
  display: none
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .8203125rem
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.171875rem
}

@media (max-width: 1200px) {
  .custom-select-lg {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0
}

.custom-file-input:focus~.custom-file-label {
  border-color: #ffdbcb;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label {
  background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
  content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
  content: attr(data-browse)
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #8f959e
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none
}

.custom-range:focus {
  outline: none
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(254,130,76,.75)
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(254,130,76,.75)
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(254,130,76,.75)
}

.custom-range::-moz-focus-outer {
  border: 0
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #fe824c;
  border: 0;
  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: #fffefe
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #fe824c;
  border: 0;
  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: #fffefe
}

.custom-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: .2rem;
  margin-left: .2rem;
  background-color: #fe824c;
  border: 0;
  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: #fffefe
}

.custom-range::-ms-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: .5rem
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #8f959e
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #8f959e
}

.custom-range:disabled::-moz-range-track {
  cursor: default
}

.custom-range:disabled::-ms-thumb {
  background-color: #8f959e
}

.custom-control-label::before,.custom-file-label,.custom-select {
  transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .custom-control-label::before,.custom-file-label,.custom-select {
      transition: none
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: .5rem 1rem
}

.nav-link:hover,.nav-link:focus {
  text-decoration: none
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
  margin-bottom: -1px
}

.nav-tabs .nav-link {
  border: 1px solid transparent
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
  margin-top: -1px
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #fe824c
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item {
  flex-basis: 0%;
  flex-grow: 1;
  text-align: center
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 1rem
}

.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.navbar-brand {
  display: inline-block;
  padding-top: .32421875rem;
  padding-bottom: .32421875rem;
  margin-right: 1rem;
  font-size: 1.171875rem;
  line-height: inherit;
  white-space: nowrap
}

@media (max-width: 1200px) {
  .navbar-brand {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.navbar-brand:hover,.navbar-brand:focus {
  text-decoration: none
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none
}

.navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.171875rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent
}

@media (max-width: 1200px) {
  .navbar-toggler {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.navbar-toggler:hover,.navbar-toggler:focus {
  text-decoration: none
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%
}

@media (max-width: 575.98px) {
  .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-sm .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
      display: none
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-md .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
      display: none
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-lg .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
      display: none
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl {
      padding-right:0;
      padding-left: 0
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
      flex-flow:row nowrap;
      justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
      flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
      position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
  }

  .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl {
      flex-wrap: nowrap
  }

  .navbar-expand-xl .navbar-collapse {
      display: flex!important;
      flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
      display: none
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start
}

.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl {
  padding-right: 0;
  padding-left: 0
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem
}

.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl {
  flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
  display: flex!important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-light .navbar-brand {
  color: rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus {
  color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,.6)
}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
  color: rgba(0,0,0,.6);
  border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
  color: rgba(0,0,0,.6)
}

.navbar-light .navbar-text a {
  color: rgba(0,0,0,.9)
}

.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus {
  color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand {
  color: #fff
}

.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255,255,255,.25)
}

.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active {
  color: #fff
}

.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.5);
  border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
  color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-text a {
  color: #fff
}

.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus {
  color: #fff
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125)
}

.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
}

.card>.list-group:last-child {
  border-bottom-width: 0
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem
}

.card-title {
  margin-bottom: .75rem
}

.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.25rem
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header+.list-group .list-group-item:first-child {
  border-top: 0
}

.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0,0,0,.03);
  border-top: 1px solid rgba(0,0,0,.125)
}

.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0
}

.card-header-pills {
  margin-right: -.625rem;
  margin-left: -.625rem
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem
}

.card-img,.card-img-top,.card-img-bottom {
  flex-shrink: 0;
  width: 100%
}

.card-deck .card {
  margin-bottom: .25rem
}

@media (min-width: 576px) {
  .card-deck {
      display:flex;
      flex-flow: row wrap;
      margin-right: -.25rem;
      margin-left: -.25rem
  }

  .card-deck .card {
      flex: 1 0 0%;
      margin-right: .25rem;
      margin-bottom: 0;
      margin-left: .25rem
  }
}

.card-group>.card {
  margin-bottom: .25rem
}

@media (min-width: 576px) {
  .card-group {
      display:flex;
      flex-flow: row wrap
  }

  .card-group>.card {
      flex: 1 0 0%;
      margin-bottom: 0
  }

  .card-group>.card+.card {
      margin-left: 0;
      border-left: 0
  }
}

.card-columns .card {
  margin-bottom: .75rem
}

@media (min-width: 576px) {
  .card-columns {
      column-count:3;
      column-gap: 1.25rem;
      orphans: 1;
      widows: 1
  }

  .card-columns .card {
      display: inline-block;
      width: 100%
  }
}

.accordion>.card {
  overflow: hidden
}

.accordion>.card:not(:last-of-type) {
  border-bottom: 0
}

.accordion>.card>.card-header {
  margin-bottom: -1px
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: .25rem 0;
  margin-bottom: 0;
  font-size: ;
  list-style: none;
  background-color: transparent
}

.breadcrumb-item {
  display: flex
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: none
}

.breadcrumb-item.active {
  color: #6c757d
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #fe824c;
  background-color: #fff;
  border: 1px solid #dee2e6
}

.page-link:hover {
  z-index: 2;
  color: #fc4d01;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.page-item:first-child .page-link {
  margin-left: 0
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #fe824c;
  border-color: #fe824c
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.171875rem;
  line-height: 1.5
}

@media (max-width: 1200px) {
  .pagination-lg .page-link {
      font-size:calc(0.9271875rem + 0.32625vw)
  }
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .8203125rem;
  line-height: 1.5
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .badge {
      transition: none
  }
}

a.badge:hover,a.badge:focus {
  text-decoration: none
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  padding-right: .6em;
  padding-left: .6em
}

.badge-primary {
  color: #212529;
  background-color: #fe824c
}

a.badge-primary:hover,a.badge-primary:focus {
  color: #212529;
  background-color: #fe5f19
}

a.badge-primary:focus,a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.5)
}

.badge-secondary {
  color: #212529;
  background-color: #ced4da
}

a.badge-secondary:hover,a.badge-secondary:focus {
  color: #212529;
  background-color: #b1bbc4
}

a.badge-secondary:focus,a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(206,212,218,.5)
}

.badge-success {
  color: #fff;
  background-color: #357a32
}

a.badge-success:hover,a.badge-success:focus {
  color: #fff;
  background-color: #255623
}

a.badge-success:focus,a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.5)
}

.badge-info {
  color: #fff;
  background-color: #008196
}

a.badge-info:hover,a.badge-info:focus {
  color: #fff;
  background-color: #005563
}

a.badge-info:focus,a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,129,150,.5)
}

.badge-warning {
  color: #212529;
  background-color: #f0ad4e
}

a.badge-warning:hover,a.badge-warning:focus {
  color: #212529;
  background-color: #ec971f
}

a.badge-warning:focus,a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(240,173,78,.5)
}

.badge-danger {
  color: #fff;
  background-color: #ca3120
}

a.badge-danger:hover,a.badge-danger:focus {
  color: #fff;
  background-color: #9e2619
}

a.badge-danger:focus,a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.5)
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa
}

a.badge-light:hover,a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5
}

a.badge-light:focus,a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.badge-dark {
  color: #fff;
  background-color: #343a40
}

a.badge-dark:hover,a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124
}

a.badge-dark:focus,a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef
}

@media (min-width: 576px) {
  .jumbotron {
      padding:4rem 2rem
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0 solid transparent
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3.90625rem
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  color: inherit
}

.alert-primary {
  color: #844428;
  background-color: #ffe6db;
  border-color: #ffdccd
}

.alert-primary hr {
  border-top-color: #ffcab4
}

.alert-primary .alert-link {
  color: #5d301c
}

.alert-secondary {
  color: #6b6e71;
  background-color: #f5f6f8;
  border-color: #f1f3f5
}

.alert-secondary hr {
  border-top-color: #e3e6ea
}

.alert-secondary .alert-link {
  color: #525557
}

.alert-success {
  color: #1c3f1a;
  background-color: #d7e4d6;
  border-color: #c6dac6
}

.alert-success hr {
  border-top-color: #b7d0b6
}

.alert-success .alert-link {
  color: #0c1b0b
}

.alert-info {
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2
}

.alert-info hr {
  border-top-color: #a6d3da
}

.alert-info .alert-link {
  color: #00171b
}

.alert-warning {
  color: #7d5a29;
  background-color: #fcefdc;
  border-color: #fbe8cd
}

.alert-warning hr {
  border-top-color: #f9ddb6
}

.alert-warning .alert-link {
  color: #563e1c
}

.alert-danger {
  color: #691911;
  background-color: #f4d6d2;
  border-color: #f0c5c1
}

.alert-danger hr {
  border-top-color: #ebb2ac
}

.alert-danger .alert-link {
  color: #3d0f0a
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}

.alert-light hr {
  border-top-color: #f1f1f1
}

.alert-light .alert-link {
  color: #686868
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca
}

.alert-dark hr {
  border-top-color: #b9bbbd
}

.alert-dark .alert-link {
  color: #040505
}

@keyframes progress-bar-stripes {
  from {
      background-position: 1rem 0
  }

  to {
      background-position: 0 0
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: .703125rem;
  background-color: #e9ecef
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #fe824c;
  transition: width 0.6s ease
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
      transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 1rem 1rem
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
      animation: none
  }
}

.media {
  display: flex;
  align-items: flex-start
}

.media-body {
  flex: 1
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit
}

.list-group-item-action:hover,.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef
}

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125)
}

.list-group-item.disabled,.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #fe824c;
  border-color: #fe824c
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: 1px;
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
      flex-direction:row
  }

  .list-group-horizontal-sm>.list-group-item.active {
      margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
      flex-direction:row
  }

  .list-group-horizontal-md>.list-group-item.active {
      margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
      flex-direction:row
  }

  .list-group-horizontal-lg>.list-group-item.active {
      margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
      flex-direction:row
  }

  .list-group-horizontal-xl>.list-group-item.active {
      margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
  }
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  color: #844428;
  background-color: #ffdccd
}

.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus {
  color: #844428;
  background-color: #ffcab4
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #844428;
  border-color: #844428
}

.list-group-item-secondary {
  color: #6b6e71;
  background-color: #f1f3f5
}

.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus {
  color: #6b6e71;
  background-color: #e3e6ea
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #6b6e71;
  border-color: #6b6e71
}

.list-group-item-success {
  color: #1c3f1a;
  background-color: #c6dac6
}

.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus {
  color: #1c3f1a;
  background-color: #b7d0b6
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #1c3f1a;
  border-color: #1c3f1a
}

.list-group-item-info {
  color: #00434e;
  background-color: #b8dce2
}

.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus {
  color: #00434e;
  background-color: #a6d3da
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #00434e;
  border-color: #00434e
}

.list-group-item-warning {
  color: #7d5a29;
  background-color: #fbe8cd
}

.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus {
  color: #7d5a29;
  background-color: #f9ddb6
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #7d5a29;
  border-color: #7d5a29
}

.list-group-item-danger {
  color: #691911;
  background-color: #f0c5c1
}

.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus {
  color: #691911;
  background-color: #ebb2ac
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #691911;
  border-color: #691911
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #f1f1f1
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbd
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21
}

.close {
  float: right;
  font-size: 1.40625rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5
}

@media (max-width: 1200px) {
  .close {
      font-size:calc(0.950625rem + 0.6075vw)
  }
}

.close:hover {
  color: #000;
  text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus {
  opacity: .75
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0
}

a.close.disabled {
  pointer-events: none
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: .875rem;
  background-color: rgba(255,255,255,.85);
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
  backdrop-filter: blur(10px);
  opacity: 0
}

.toast:not(:last-child) {
  margin-bottom: .75rem
}

.toast.showing {
  opacity: 1
}

.toast.show {
  display: block;
  opacity: 1
}

.toast.hide {
  display: none
}

.toast-header {
  display: flex;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: rgba(255,255,255,.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0,0,0,.05)
}

.toast-body {
  padding: .75rem
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
      transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden
}

.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6
}

.modal-footer>* {
  margin: .25rem
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width: 576px) {
  .modal-dialog {
      max-width:500px;
      margin: 1.75rem auto
  }

  .modal-dialog-scrollable {
      max-height: calc(100% - 3.5rem)
  }

  .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem)
  }

  .modal-dialog-centered {
      min-height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem);
      height: min-content
  }

  .modal-sm {
      max-width: 300px
  }
}

@media (min-width: 992px) {
  .modal-lg,.modal-xl {
      max-width:800px
  }
}

@media (min-width: 1200px) {
  .modal-xl {
      max-width:1140px
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .8203125rem;
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: .9
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"] {
  padding: .4rem 0
}

.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0
}

.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000
}

.bs-tooltip-right,.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 .4rem
}

.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: .4rem;
  height: .8rem
}

.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000
}

.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"] {
  padding: .4rem 0
}

.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0
}

.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000
}

.bs-tooltip-left,.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 .4rem
}

.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: .4rem;
  height: .8rem
}

.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000
}

.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000
}

.popover {
  position: absolute;
  top: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .8203125rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2)
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem
}

.popover .arrow::before,.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-popover-top,.bs-popover-auto[x-placement^="top"] {
  margin-bottom: .5rem
}

.bs-popover-top>.arrow,.bs-popover-auto[x-placement^="top"]>.arrow {
  bottom: calc(-0.5rem - 1px)
}

.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^="top"]>.arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0,0,0,.25)
}

.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^="top"]>.arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff
}

.bs-popover-right,.bs-popover-auto[x-placement^="right"] {
  margin-left: .5rem
}

.bs-popover-right>.arrow,.bs-popover-auto[x-placement^="right"]>.arrow {
  left: calc(-0.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}

.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^="right"]>.arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0,0,0,.25)
}

.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^="right"]>.arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff
}

.bs-popover-bottom,.bs-popover-auto[x-placement^="bottom"] {
  margin-top: .5rem
}

.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^="bottom"]>.arrow {
  top: calc(-0.5rem - 1px)
}

.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^="bottom"]>.arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7
}

.bs-popover-left,.bs-popover-auto[x-placement^="left"] {
  margin-right: .5rem
}

.bs-popover-left>.arrow,.bs-popover-auto[x-placement^="left"]>.arrow {
  right: calc(-0.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}

.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^="left"]>.arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0,0,0,.25)
}

.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^="left"]>.arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff
}

.popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: .9375rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb
}

@media (max-width: 1200px) {
  .popover-header {
      font-size:calc(0.90375rem + 0.045vw)
  }
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: .5rem .75rem;
  color: #212529
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
      transition: none
  }
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev {
  display: block
}

.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right {
  transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s
}

@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
      transition: none
  }
}

.carousel-control-prev,.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .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-next:hover,.carousel-control-prev:focus,.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-prev-icon,.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators li {
      transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center
}

@keyframes spinner-border {
  to {
      transform: rotate(360deg)
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em
}

@keyframes spinner-grow {
  0% {
      transform: scale(0)
  }

  50% {
      opacity: 1;
      transform: none
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem
}

.align-baseline {
  vertical-align: baseline!important
}

.align-top {
  vertical-align: top!important
}

.align-middle {
  vertical-align: middle!important
}

.align-bottom {
  vertical-align: bottom!important
}

.align-text-bottom {
  vertical-align: text-bottom!important
}

.align-text-top {
  vertical-align: text-top!important
}

.bg-primary {
  background-color: #fe824c!important
}

a.bg-primary:hover,button.bg-primary:hover,a.bg-primary:focus,button.bg-primary:focus {
  background-color: #fe5f19!important
}

.bg-secondary {
  background-color: #ced4da!important
}

a.bg-secondary:hover,button.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:focus {
  background-color: #b1bbc4!important
}

.bg-success {
  background-color: #357a32!important
}

a.bg-success:hover,button.bg-success:hover,a.bg-success:focus,button.bg-success:focus {
  background-color: #255623!important
}

.bg-info {
  background-color: #008196!important
}

a.bg-info:hover,button.bg-info:hover,a.bg-info:focus,button.bg-info:focus {
  background-color: #005563!important
}

.bg-warning {
  background-color: #f0ad4e!important
}

a.bg-warning:hover,button.bg-warning:hover,a.bg-warning:focus,button.bg-warning:focus {
  background-color: #ec971f!important
}

.bg-danger {
  background-color: #ca3120!important
}

a.bg-danger:hover,button.bg-danger:hover,a.bg-danger:focus,button.bg-danger:focus {
  background-color: #9e2619!important
}

.bg-light {
  background-color: #f8f9fa!important
}

a.bg-light:hover,button.bg-light:hover,a.bg-light:focus,button.bg-light:focus {
  background-color: #dae0e5!important
}

.bg-dark {
  background-color: #343a40!important
}

a.bg-dark:hover,button.bg-dark:hover,a.bg-dark:focus,button.bg-dark:focus {
  background-color: #1d2124!important
}

.bg-white {
  background-color: #fff!important
}

.bg-transparent {
  background-color: transparent!important
}

.border {
  border: 1px solid #dee2e6!important
}

.border-top {
  border-top: 1px solid #dee2e6!important
}

.border-right {
  border-right: 1px solid #dee2e6!important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6!important
}

.border-left {
  border-left: 1px solid #dee2e6!important
}

.border-0 {
  border: 0!important
}

.border-top-0 {
  border-top: 0!important
}

.border-right-0 {
  border-right: 0!important
}

.border-bottom-0 {
  border-bottom: 0!important
}

.border-left-0 {
  border-left: 0!important
}

.border-primary {
  border-color: #fe824c!important
}

.border-secondary {
  border-color: #ced4da!important
}

.border-success {
  border-color: #357a32!important
}

.border-info {
  border-color: #008196!important
}

.border-warning {
  border-color: #f0ad4e!important
}

.border-danger {
  border-color: #ca3120!important
}

.border-light {
  border-color: #f8f9fa!important
}

.border-dark {
  border-color: #343a40!important
}

.border-white {
  border-color: #fff!important
}

.rounded-sm {
  border-radius: 0.2rem!important
}

.rounded {
  border-radius: 0.25rem!important
}

.rounded-top {
  border-top-left-radius: 0.25rem!important;
  border-top-right-radius: 0.25rem!important
}

.rounded-right {
  border-top-right-radius: 0.25rem!important;
  border-bottom-right-radius: 0.25rem!important
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem!important;
  border-bottom-left-radius: 0.25rem!important
}

.rounded-left {
  border-top-left-radius: 0.25rem!important;
  border-bottom-left-radius: 0.25rem!important
}

.rounded-lg {
  border-radius: 0.3rem!important
}

.rounded-circle {
  border-radius: 50%!important
}

.rounded-pill {
  border-radius: 50rem!important
}

.rounded-0 {
  border-radius: 0!important
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.d-none {
  display: none!important
}

.d-inline {
  display: inline!important
}

.d-inline-block {
  display: inline-block!important
}

.d-block {
  display: block!important
}

.d-table {
  display: table!important
}

.d-table-row {
  display: table-row!important
}

.d-table-cell {
  display: table-cell!important
}

.d-flex {
  display: flex!important
}

.d-inline-flex {
  display: inline-flex!important
}

@media (min-width: 576px) {
  .d-sm-none {
      display:none!important
  }

  .d-sm-inline {
      display: inline!important
  }

  .d-sm-inline-block {
      display: inline-block!important
  }

  .d-sm-block {
      display: block!important
  }

  .d-sm-table {
      display: table!important
  }

  .d-sm-table-row {
      display: table-row!important
  }

  .d-sm-table-cell {
      display: table-cell!important
  }

  .d-sm-flex {
      display: flex!important
  }

  .d-sm-inline-flex {
      display: inline-flex!important
  }
}

@media (min-width: 768px) {
  .d-md-none {
      display:none!important
  }

  .d-md-inline {
      display: inline!important
  }

  .d-md-inline-block {
      display: inline-block!important
  }

  .d-md-block {
      display: block!important
  }

  .d-md-table {
      display: table!important
  }

  .d-md-table-row {
      display: table-row!important
  }

  .d-md-table-cell {
      display: table-cell!important
  }

  .d-md-flex {
      display: flex!important
  }

  .d-md-inline-flex {
      display: inline-flex!important
  }
}

@media (min-width: 992px) {
  .d-lg-none {
      display:none!important
  }

  .d-lg-inline {
      display: inline!important
  }

  .d-lg-inline-block {
      display: inline-block!important
  }

  .d-lg-block {
      display: block!important
  }

  .d-lg-table {
      display: table!important
  }

  .d-lg-table-row {
      display: table-row!important
  }

  .d-lg-table-cell {
      display: table-cell!important
  }

  .d-lg-flex {
      display: flex!important
  }

  .d-lg-inline-flex {
      display: inline-flex!important
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
      display:none!important
  }

  .d-xl-inline {
      display: inline!important
  }

  .d-xl-inline-block {
      display: inline-block!important
  }

  .d-xl-block {
      display: block!important
  }

  .d-xl-table {
      display: table!important
  }

  .d-xl-table-row {
      display: table-row!important
  }

  .d-xl-table-cell {
      display: table-cell!important
  }

  .d-xl-flex {
      display: flex!important
  }

  .d-xl-inline-flex {
      display: inline-flex!important
  }
}

@media print {
  .d-print-none {
      display: none!important
  }

  .d-print-inline {
      display: inline!important
  }

  .d-print-inline-block {
      display: inline-block!important
  }

  .d-print-block {
      display: block!important
  }

  .d-print-table {
      display: table!important
  }

  .d-print-table-row {
      display: table-row!important
  }

  .d-print-table-cell {
      display: table-cell!important
  }

  .d-print-flex {
      display: flex!important
  }

  .d-print-inline-flex {
      display: inline-flex!important
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.embed-responsive::before {
  display: block;
  content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%
}

.embed-responsive-16by9::before {
  padding-top: 56.25%
}

.embed-responsive-4by3::before {
  padding-top: 75%
}

.embed-responsive-1by1::before {
  padding-top: 100%
}

.embed-responsive-by::before {
  padding-top: 0%
}

.flex-row {
  flex-direction: row!important
}

.flex-column {
  flex-direction: column!important
}

.flex-row-reverse {
  flex-direction: row-reverse!important
}

.flex-column-reverse {
  flex-direction: column-reverse!important
}

.flex-wrap {
  flex-wrap: wrap!important
}

.flex-nowrap {
  flex-wrap: nowrap!important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse!important
}

.flex-fill {
  flex: 1 1 auto!important
}

.flex-grow-0 {
  flex-grow: 0!important
}

.flex-grow-1 {
  flex-grow: 1!important
}

.flex-shrink-0 {
  flex-shrink: 0!important
}

.flex-shrink-1 {
  flex-shrink: 1!important
}

.justify-content-start {
  justify-content: flex-start!important
}

.justify-content-end {
  justify-content: flex-end!important
}

.justify-content-center {
  justify-content: center!important
}

.justify-content-between {
  justify-content: space-between!important
}

.justify-content-around {
  justify-content: space-around!important
}

.align-items-start {
  align-items: flex-start!important
}

.align-items-end {
  align-items: flex-end!important
}

.align-items-center {
  align-items: center!important
}

.align-items-baseline {
  align-items: baseline!important
}

.align-items-stretch {
  align-items: stretch!important
}

.align-content-start {
  align-content: flex-start!important
}

.align-content-end {
  align-content: flex-end!important
}

.align-content-center {
  align-content: center!important
}

.align-content-between {
  align-content: space-between!important
}

.align-content-around {
  align-content: space-around!important
}

.align-content-stretch {
  align-content: stretch!important
}

.align-self-auto {
  align-self: auto!important
}

.align-self-start {
  align-self: flex-start!important
}

.align-self-end {
  align-self: flex-end!important
}

.align-self-center {
  align-self: center!important
}

.align-self-baseline {
  align-self: baseline!important
}

.align-self-stretch {
  align-self: stretch!important
}

@media (min-width: 576px) {
  .flex-sm-row {
      flex-direction:row!important
  }

  .flex-sm-column {
      flex-direction: column!important
  }

  .flex-sm-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-sm-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-sm-wrap {
      flex-wrap: wrap!important
  }

  .flex-sm-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-sm-fill {
      flex: 1 1 auto!important
  }

  .flex-sm-grow-0 {
      flex-grow: 0!important
  }

  .flex-sm-grow-1 {
      flex-grow: 1!important
  }

  .flex-sm-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-sm-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-sm-start {
      justify-content: flex-start!important
  }

  .justify-content-sm-end {
      justify-content: flex-end!important
  }

  .justify-content-sm-center {
      justify-content: center!important
  }

  .justify-content-sm-between {
      justify-content: space-between!important
  }

  .justify-content-sm-around {
      justify-content: space-around!important
  }

  .align-items-sm-start {
      align-items: flex-start!important
  }

  .align-items-sm-end {
      align-items: flex-end!important
  }

  .align-items-sm-center {
      align-items: center!important
  }

  .align-items-sm-baseline {
      align-items: baseline!important
  }

  .align-items-sm-stretch {
      align-items: stretch!important
  }

  .align-content-sm-start {
      align-content: flex-start!important
  }

  .align-content-sm-end {
      align-content: flex-end!important
  }

  .align-content-sm-center {
      align-content: center!important
  }

  .align-content-sm-between {
      align-content: space-between!important
  }

  .align-content-sm-around {
      align-content: space-around!important
  }

  .align-content-sm-stretch {
      align-content: stretch!important
  }

  .align-self-sm-auto {
      align-self: auto!important
  }

  .align-self-sm-start {
      align-self: flex-start!important
  }

  .align-self-sm-end {
      align-self: flex-end!important
  }

  .align-self-sm-center {
      align-self: center!important
  }

  .align-self-sm-baseline {
      align-self: baseline!important
  }

  .align-self-sm-stretch {
      align-self: stretch!important
  }
}

@media (min-width: 768px) {
  .flex-md-row {
      flex-direction:row!important
  }

  .flex-md-column {
      flex-direction: column!important
  }

  .flex-md-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-md-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-md-wrap {
      flex-wrap: wrap!important
  }

  .flex-md-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-md-fill {
      flex: 1 1 auto!important
  }

  .flex-md-grow-0 {
      flex-grow: 0!important
  }

  .flex-md-grow-1 {
      flex-grow: 1!important
  }

  .flex-md-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-md-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-md-start {
      justify-content: flex-start!important
  }

  .justify-content-md-end {
      justify-content: flex-end!important
  }

  .justify-content-md-center {
      justify-content: center!important
  }

  .justify-content-md-between {
      justify-content: space-between!important
  }

  .justify-content-md-around {
      justify-content: space-around!important
  }

  .align-items-md-start {
      align-items: flex-start!important
  }

  .align-items-md-end {
      align-items: flex-end!important
  }

  .align-items-md-center {
      align-items: center!important
  }

  .align-items-md-baseline {
      align-items: baseline!important
  }

  .align-items-md-stretch {
      align-items: stretch!important
  }

  .align-content-md-start {
      align-content: flex-start!important
  }

  .align-content-md-end {
      align-content: flex-end!important
  }

  .align-content-md-center {
      align-content: center!important
  }

  .align-content-md-between {
      align-content: space-between!important
  }

  .align-content-md-around {
      align-content: space-around!important
  }

  .align-content-md-stretch {
      align-content: stretch!important
  }

  .align-self-md-auto {
      align-self: auto!important
  }

  .align-self-md-start {
      align-self: flex-start!important
  }

  .align-self-md-end {
      align-self: flex-end!important
  }

  .align-self-md-center {
      align-self: center!important
  }

  .align-self-md-baseline {
      align-self: baseline!important
  }

  .align-self-md-stretch {
      align-self: stretch!important
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
      flex-direction:row!important
  }

  .flex-lg-column {
      flex-direction: column!important
  }

  .flex-lg-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-lg-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-lg-wrap {
      flex-wrap: wrap!important
  }

  .flex-lg-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-lg-fill {
      flex: 1 1 auto!important
  }

  .flex-lg-grow-0 {
      flex-grow: 0!important
  }

  .flex-lg-grow-1 {
      flex-grow: 1!important
  }

  .flex-lg-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-lg-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-lg-start {
      justify-content: flex-start!important
  }

  .justify-content-lg-end {
      justify-content: flex-end!important
  }

  .justify-content-lg-center {
      justify-content: center!important
  }

  .justify-content-lg-between {
      justify-content: space-between!important
  }

  .justify-content-lg-around {
      justify-content: space-around!important
  }

  .align-items-lg-start {
      align-items: flex-start!important
  }

  .align-items-lg-end {
      align-items: flex-end!important
  }

  .align-items-lg-center {
      align-items: center!important
  }

  .align-items-lg-baseline {
      align-items: baseline!important
  }

  .align-items-lg-stretch {
      align-items: stretch!important
  }

  .align-content-lg-start {
      align-content: flex-start!important
  }

  .align-content-lg-end {
      align-content: flex-end!important
  }

  .align-content-lg-center {
      align-content: center!important
  }

  .align-content-lg-between {
      align-content: space-between!important
  }

  .align-content-lg-around {
      align-content: space-around!important
  }

  .align-content-lg-stretch {
      align-content: stretch!important
  }

  .align-self-lg-auto {
      align-self: auto!important
  }

  .align-self-lg-start {
      align-self: flex-start!important
  }

  .align-self-lg-end {
      align-self: flex-end!important
  }

  .align-self-lg-center {
      align-self: center!important
  }

  .align-self-lg-baseline {
      align-self: baseline!important
  }

  .align-self-lg-stretch {
      align-self: stretch!important
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
      flex-direction:row!important
  }

  .flex-xl-column {
      flex-direction: column!important
  }

  .flex-xl-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-xl-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-xl-wrap {
      flex-wrap: wrap!important
  }

  .flex-xl-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-xl-fill {
      flex: 1 1 auto!important
  }

  .flex-xl-grow-0 {
      flex-grow: 0!important
  }

  .flex-xl-grow-1 {
      flex-grow: 1!important
  }

  .flex-xl-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-xl-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-xl-start {
      justify-content: flex-start!important
  }

  .justify-content-xl-end {
      justify-content: flex-end!important
  }

  .justify-content-xl-center {
      justify-content: center!important
  }

  .justify-content-xl-between {
      justify-content: space-between!important
  }

  .justify-content-xl-around {
      justify-content: space-around!important
  }

  .align-items-xl-start {
      align-items: flex-start!important
  }

  .align-items-xl-end {
      align-items: flex-end!important
  }

  .align-items-xl-center {
      align-items: center!important
  }

  .align-items-xl-baseline {
      align-items: baseline!important
  }

  .align-items-xl-stretch {
      align-items: stretch!important
  }

  .align-content-xl-start {
      align-content: flex-start!important
  }

  .align-content-xl-end {
      align-content: flex-end!important
  }

  .align-content-xl-center {
      align-content: center!important
  }

  .align-content-xl-between {
      align-content: space-between!important
  }

  .align-content-xl-around {
      align-content: space-around!important
  }

  .align-content-xl-stretch {
      align-content: stretch!important
  }

  .align-self-xl-auto {
      align-self: auto!important
  }

  .align-self-xl-start {
      align-self: flex-start!important
  }

  .align-self-xl-end {
      align-self: flex-end!important
  }

  .align-self-xl-center {
      align-self: center!important
  }

  .align-self-xl-baseline {
      align-self: baseline!important
  }

  .align-self-xl-stretch {
      align-self: stretch!important
  }
}

.float-left {
  float: left!important
}

.float-right {
  float: right!important
}

.float-none {
  float: none!important
}

@media (min-width: 576px) {
  .float-sm-left {
      float:left!important
  }

  .float-sm-right {
      float: right!important
  }

  .float-sm-none {
      float: none!important
  }
}

@media (min-width: 768px) {
  .float-md-left {
      float:left!important
  }

  .float-md-right {
      float: right!important
  }

  .float-md-none {
      float: none!important
  }
}

@media (min-width: 992px) {
  .float-lg-left {
      float:left!important
  }

  .float-lg-right {
      float: right!important
  }

  .float-lg-none {
      float: none!important
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
      float:left!important
  }

  .float-xl-right {
      float: right!important
  }

  .float-xl-none {
      float: none!important
  }
}

.user-select-all {
  user-select: all!important
}

.user-select-auto {
  user-select: auto!important
}

.user-select-none {
  user-select: none!important
}

.overflow-auto {
  overflow: auto!important
}

.overflow-hidden {
  overflow: hidden!important
}

.position-static {
  position: static!important
}

.position-relative {
  position: relative!important
}

.position-absolute {
  position: absolute!important
}

.position-fixed {
  position: fixed!important
}

.position-sticky {
  position: sticky!important
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

@supports (position: sticky) {
  .sticky-top {
      position:sticky;
      top: 0;
      z-index: 1020
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
  box-shadow: none!important
}

.w-25 {
  width: 25%!important
}

.w-50 {
  width: 50%!important
}

.w-75 {
  width: 75%!important
}

.w-100 {
  width: 100%!important
}

.w-auto {
  width: auto!important
}

.h-25 {
  height: 25%!important
}

.h-50 {
  height: 50%!important
}

.h-75 {
  height: 75%!important
}

.h-100 {
  height: 100%!important
}

.h-auto {
  height: auto!important
}

.mw-100 {
  max-width: 100%!important
}

.mh-100 {
  max-height: 100%!important
}

.min-vw-100 {
  min-width: 100vw!important
}

.min-vh-100 {
  min-height: 100vh!important
}

.vw-100 {
  width: 100vw!important
}

.vh-100 {
  height: 100vh!important
}

.m-0 {
  margin: 0!important
}

.mt-0,.my-0 {
  margin-top: 0!important
}

.mr-0,.mx-0 {
  margin-right: 0!important
}

.mb-0,.my-0 {
  margin-bottom: 0!important
}

.ml-0,.mx-0 {
  margin-left: 0!important
}

.m-1 {
  margin: 0.25rem!important
}

.mt-1,.my-1 {
  margin-top: 0.25rem!important
}

.mr-1,.mx-1 {
  margin-right: 0.25rem!important
}

.mb-1,.my-1 {
  margin-bottom: 0.25rem!important
}

.ml-1,.mx-1 {
  margin-left: 0.25rem!important
}

.m-2 {
  margin: 0.5rem!important
}

.mt-2,.my-2 {
  margin-top: 0.5rem!important
}

.mr-2,.mx-2 {
  margin-right: 0.5rem!important
}

.mb-2,.my-2 {
  margin-bottom: 0.5rem!important
}

.ml-2,.mx-2 {
  margin-left: 0.5rem!important
}

.m-3 {
  margin: 1rem!important
}

.mt-3,.my-3 {
  margin-top: 1rem!important
}

.mr-3,.mx-3 {
  margin-right: 1rem!important
}

.mb-3,.my-3 {
  margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
  margin-left: 1rem!important
}

.m-4 {
  margin: 1.5rem!important
}

.mt-4,.my-4 {
  margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
  margin-right: 1.5rem!important
}

.mb-4,.my-4 {
  margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
  margin-left: 1.5rem!important
}

.m-5 {
  margin: 2rem!important
}

.mt-5,.my-5 {
  margin-top: 2rem!important
}

.mr-5,.mx-5 {
  margin-right: 2rem!important
}

.mb-5,.my-5 {
  margin-bottom: 2rem!important
}

.ml-5,.mx-5 {
  margin-left: 2rem!important
}

.m-6 {
  margin: 3rem!important
}

.mt-6,.my-6 {
  margin-top: 3rem!important
}

.mr-6,.mx-6 {
  margin-right: 3rem!important
}

.mb-6,.my-6 {
  margin-bottom: 3rem!important
}

.ml-6,.mx-6 {
  margin-left: 3rem!important
}

.p-0 {
  padding: 0!important
}

.pt-0,.py-0 {
  padding-top: 0!important
}

.pr-0,.px-0 {
  padding-right: 0!important
}

.pb-0,.py-0 {
  padding-bottom: 0!important
}

.pl-0,.px-0 {
  padding-left: 0!important
}

.p-1 {
  padding: 0.25rem!important
}

.pt-1,.py-1 {
  padding-top: 0.25rem!important
}

.pr-1,.px-1 {
  padding-right: 0.25rem!important
}

.pb-1,.py-1 {
  padding-bottom: 0.25rem!important
}

.pl-1,.px-1 {
  padding-left: 0.25rem!important
}

.p-2 {
  padding: 0.5rem!important
}

.pt-2,.py-2 {
  padding-top: 0.5rem!important
}

.pr-2,.px-2 {
  padding-right: 0.5rem!important
}

.pb-2,.py-2 {
  padding-bottom: 0.5rem!important
}

.pl-2,.px-2 {
  padding-left: 0.5rem!important
}

.p-3 {
  padding: 1rem!important
}

.pt-3,.py-3 {
  padding-top: 1rem!important
}

.pr-3,.px-3 {
  padding-right: 1rem!important
}

.pb-3,.py-3 {
  padding-bottom: 1rem!important
}

.pl-3,.px-3 {
  padding-left: 1rem!important
}

.p-4 {
  padding: 1.5rem!important
}

.pt-4,.py-4 {
  padding-top: 1.5rem!important
}

.pr-4,.px-4 {
  padding-right: 1.5rem!important
}

.pb-4,.py-4 {
  padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
  padding-left: 1.5rem!important
}

.p-5 {
  padding: 2rem!important
}

.pt-5,.py-5 {
  padding-top: 2rem!important
}

.pr-5,.px-5 {
  padding-right: 2rem!important
}

.pb-5,.py-5 {
  padding-bottom: 2rem!important
}

.pl-5,.px-5 {
  padding-left: 2rem!important
}

.p-6 {
  padding: 3rem!important
}

.pt-6,.py-6 {
  padding-top: 3rem!important
}

.pr-6,.px-6 {
  padding-right: 3rem!important
}

.pb-6,.py-6 {
  padding-bottom: 3rem!important
}

.pl-6,.px-6 {
  padding-left: 3rem!important
}

.m-n1 {
  margin: -0.25rem!important
}

.mt-n1,.my-n1 {
  margin-top: -0.25rem!important
}

.mr-n1,.mx-n1 {
  margin-right: -0.25rem!important
}

.mb-n1,.my-n1 {
  margin-bottom: -0.25rem!important
}

.ml-n1,.mx-n1 {
  margin-left: -0.25rem!important
}

.m-n2 {
  margin: -0.5rem!important
}

.mt-n2,.my-n2 {
  margin-top: -0.5rem!important
}

.mr-n2,.mx-n2 {
  margin-right: -0.5rem!important
}

.mb-n2,.my-n2 {
  margin-bottom: -0.5rem!important
}

.ml-n2,.mx-n2 {
  margin-left: -0.5rem!important
}

.m-n3 {
  margin: -1rem!important
}

.mt-n3,.my-n3 {
  margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
  margin-right: -1rem!important
}

.mb-n3,.my-n3 {
  margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
  margin-left: -1rem!important
}

.m-n4 {
  margin: -1.5rem!important
}

.mt-n4,.my-n4 {
  margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
  margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
  margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
  margin-left: -1.5rem!important
}

.m-n5 {
  margin: -2rem!important
}

.mt-n5,.my-n5 {
  margin-top: -2rem!important
}

.mr-n5,.mx-n5 {
  margin-right: -2rem!important
}

.mb-n5,.my-n5 {
  margin-bottom: -2rem!important
}

.ml-n5,.mx-n5 {
  margin-left: -2rem!important
}

.m-n6 {
  margin: -3rem!important
}

.mt-n6,.my-n6 {
  margin-top: -3rem!important
}

.mr-n6,.mx-n6 {
  margin-right: -3rem!important
}

.mb-n6,.my-n6 {
  margin-bottom: -3rem!important
}

.ml-n6,.mx-n6 {
  margin-left: -3rem!important
}

.m-auto {
  margin: auto!important
}

.mt-auto,.my-auto {
  margin-top: auto!important
}

.mr-auto,.mx-auto {
  margin-right: auto!important
}

.mb-auto,.my-auto {
  margin-bottom: auto!important
}

.ml-auto,.mx-auto {
  margin-left: auto!important
}

@media (min-width: 576px) {
  .m-sm-0 {
      margin:0!important
  }

  .mt-sm-0,.my-sm-0 {
      margin-top: 0!important
  }

  .mr-sm-0,.mx-sm-0 {
      margin-right: 0!important
  }

  .mb-sm-0,.my-sm-0 {
      margin-bottom: 0!important
  }

  .ml-sm-0,.mx-sm-0 {
      margin-left: 0!important
  }

  .m-sm-1 {
      margin: 0.25rem!important
  }

  .mt-sm-1,.my-sm-1 {
      margin-top: 0.25rem!important
  }

  .mr-sm-1,.mx-sm-1 {
      margin-right: 0.25rem!important
  }

  .mb-sm-1,.my-sm-1 {
      margin-bottom: 0.25rem!important
  }

  .ml-sm-1,.mx-sm-1 {
      margin-left: 0.25rem!important
  }

  .m-sm-2 {
      margin: 0.5rem!important
  }

  .mt-sm-2,.my-sm-2 {
      margin-top: 0.5rem!important
  }

  .mr-sm-2,.mx-sm-2 {
      margin-right: 0.5rem!important
  }

  .mb-sm-2,.my-sm-2 {
      margin-bottom: 0.5rem!important
  }

  .ml-sm-2,.mx-sm-2 {
      margin-left: 0.5rem!important
  }

  .m-sm-3 {
      margin: 1rem!important
  }

  .mt-sm-3,.my-sm-3 {
      margin-top: 1rem!important
  }

  .mr-sm-3,.mx-sm-3 {
      margin-right: 1rem!important
  }

  .mb-sm-3,.my-sm-3 {
      margin-bottom: 1rem!important
  }

  .ml-sm-3,.mx-sm-3 {
      margin-left: 1rem!important
  }

  .m-sm-4 {
      margin: 1.5rem!important
  }

  .mt-sm-4,.my-sm-4 {
      margin-top: 1.5rem!important
  }

  .mr-sm-4,.mx-sm-4 {
      margin-right: 1.5rem!important
  }

  .mb-sm-4,.my-sm-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-sm-4,.mx-sm-4 {
      margin-left: 1.5rem!important
  }

  .m-sm-5 {
      margin: 2rem!important
  }

  .mt-sm-5,.my-sm-5 {
      margin-top: 2rem!important
  }

  .mr-sm-5,.mx-sm-5 {
      margin-right: 2rem!important
  }

  .mb-sm-5,.my-sm-5 {
      margin-bottom: 2rem!important
  }

  .ml-sm-5,.mx-sm-5 {
      margin-left: 2rem!important
  }

  .m-sm-6 {
      margin: 3rem!important
  }

  .mt-sm-6,.my-sm-6 {
      margin-top: 3rem!important
  }

  .mr-sm-6,.mx-sm-6 {
      margin-right: 3rem!important
  }

  .mb-sm-6,.my-sm-6 {
      margin-bottom: 3rem!important
  }

  .ml-sm-6,.mx-sm-6 {
      margin-left: 3rem!important
  }

  .p-sm-0 {
      padding: 0!important
  }

  .pt-sm-0,.py-sm-0 {
      padding-top: 0!important
  }

  .pr-sm-0,.px-sm-0 {
      padding-right: 0!important
  }

  .pb-sm-0,.py-sm-0 {
      padding-bottom: 0!important
  }

  .pl-sm-0,.px-sm-0 {
      padding-left: 0!important
  }

  .p-sm-1 {
      padding: 0.25rem!important
  }

  .pt-sm-1,.py-sm-1 {
      padding-top: 0.25rem!important
  }

  .pr-sm-1,.px-sm-1 {
      padding-right: 0.25rem!important
  }

  .pb-sm-1,.py-sm-1 {
      padding-bottom: 0.25rem!important
  }

  .pl-sm-1,.px-sm-1 {
      padding-left: 0.25rem!important
  }

  .p-sm-2 {
      padding: 0.5rem!important
  }

  .pt-sm-2,.py-sm-2 {
      padding-top: 0.5rem!important
  }

  .pr-sm-2,.px-sm-2 {
      padding-right: 0.5rem!important
  }

  .pb-sm-2,.py-sm-2 {
      padding-bottom: 0.5rem!important
  }

  .pl-sm-2,.px-sm-2 {
      padding-left: 0.5rem!important
  }

  .p-sm-3 {
      padding: 1rem!important
  }

  .pt-sm-3,.py-sm-3 {
      padding-top: 1rem!important
  }

  .pr-sm-3,.px-sm-3 {
      padding-right: 1rem!important
  }

  .pb-sm-3,.py-sm-3 {
      padding-bottom: 1rem!important
  }

  .pl-sm-3,.px-sm-3 {
      padding-left: 1rem!important
  }

  .p-sm-4 {
      padding: 1.5rem!important
  }

  .pt-sm-4,.py-sm-4 {
      padding-top: 1.5rem!important
  }

  .pr-sm-4,.px-sm-4 {
      padding-right: 1.5rem!important
  }

  .pb-sm-4,.py-sm-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-sm-4,.px-sm-4 {
      padding-left: 1.5rem!important
  }

  .p-sm-5 {
      padding: 2rem!important
  }

  .pt-sm-5,.py-sm-5 {
      padding-top: 2rem!important
  }

  .pr-sm-5,.px-sm-5 {
      padding-right: 2rem!important
  }

  .pb-sm-5,.py-sm-5 {
      padding-bottom: 2rem!important
  }

  .pl-sm-5,.px-sm-5 {
      padding-left: 2rem!important
  }

  .p-sm-6 {
      padding: 3rem!important
  }

  .pt-sm-6,.py-sm-6 {
      padding-top: 3rem!important
  }

  .pr-sm-6,.px-sm-6 {
      padding-right: 3rem!important
  }

  .pb-sm-6,.py-sm-6 {
      padding-bottom: 3rem!important
  }

  .pl-sm-6,.px-sm-6 {
      padding-left: 3rem!important
  }

  .m-sm-n1 {
      margin: -0.25rem!important
  }

  .mt-sm-n1,.my-sm-n1 {
      margin-top: -0.25rem!important
  }

  .mr-sm-n1,.mx-sm-n1 {
      margin-right: -0.25rem!important
  }

  .mb-sm-n1,.my-sm-n1 {
      margin-bottom: -0.25rem!important
  }

  .ml-sm-n1,.mx-sm-n1 {
      margin-left: -0.25rem!important
  }

  .m-sm-n2 {
      margin: -0.5rem!important
  }

  .mt-sm-n2,.my-sm-n2 {
      margin-top: -0.5rem!important
  }

  .mr-sm-n2,.mx-sm-n2 {
      margin-right: -0.5rem!important
  }

  .mb-sm-n2,.my-sm-n2 {
      margin-bottom: -0.5rem!important
  }

  .ml-sm-n2,.mx-sm-n2 {
      margin-left: -0.5rem!important
  }

  .m-sm-n3 {
      margin: -1rem!important
  }

  .mt-sm-n3,.my-sm-n3 {
      margin-top: -1rem!important
  }

  .mr-sm-n3,.mx-sm-n3 {
      margin-right: -1rem!important
  }

  .mb-sm-n3,.my-sm-n3 {
      margin-bottom: -1rem!important
  }

  .ml-sm-n3,.mx-sm-n3 {
      margin-left: -1rem!important
  }

  .m-sm-n4 {
      margin: -1.5rem!important
  }

  .mt-sm-n4,.my-sm-n4 {
      margin-top: -1.5rem!important
  }

  .mr-sm-n4,.mx-sm-n4 {
      margin-right: -1.5rem!important
  }

  .mb-sm-n4,.my-sm-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-sm-n4,.mx-sm-n4 {
      margin-left: -1.5rem!important
  }

  .m-sm-n5 {
      margin: -2rem!important
  }

  .mt-sm-n5,.my-sm-n5 {
      margin-top: -2rem!important
  }

  .mr-sm-n5,.mx-sm-n5 {
      margin-right: -2rem!important
  }

  .mb-sm-n5,.my-sm-n5 {
      margin-bottom: -2rem!important
  }

  .ml-sm-n5,.mx-sm-n5 {
      margin-left: -2rem!important
  }

  .m-sm-n6 {
      margin: -3rem!important
  }

  .mt-sm-n6,.my-sm-n6 {
      margin-top: -3rem!important
  }

  .mr-sm-n6,.mx-sm-n6 {
      margin-right: -3rem!important
  }

  .mb-sm-n6,.my-sm-n6 {
      margin-bottom: -3rem!important
  }

  .ml-sm-n6,.mx-sm-n6 {
      margin-left: -3rem!important
  }

  .m-sm-auto {
      margin: auto!important
  }

  .mt-sm-auto,.my-sm-auto {
      margin-top: auto!important
  }

  .mr-sm-auto,.mx-sm-auto {
      margin-right: auto!important
  }

  .mb-sm-auto,.my-sm-auto {
      margin-bottom: auto!important
  }

  .ml-sm-auto,.mx-sm-auto {
      margin-left: auto!important
  }
}

@media (min-width: 768px) {
  .m-md-0 {
      margin:0!important
  }

  .mt-md-0,.my-md-0 {
      margin-top: 0!important
  }

  .mr-md-0,.mx-md-0 {
      margin-right: 0!important
  }

  .mb-md-0,.my-md-0 {
      margin-bottom: 0!important
  }

  .ml-md-0,.mx-md-0 {
      margin-left: 0!important
  }

  .m-md-1 {
      margin: 0.25rem!important
  }

  .mt-md-1,.my-md-1 {
      margin-top: 0.25rem!important
  }

  .mr-md-1,.mx-md-1 {
      margin-right: 0.25rem!important
  }

  .mb-md-1,.my-md-1 {
      margin-bottom: 0.25rem!important
  }

  .ml-md-1,.mx-md-1 {
      margin-left: 0.25rem!important
  }

  .m-md-2 {
      margin: 0.5rem!important
  }

  .mt-md-2,.my-md-2 {
      margin-top: 0.5rem!important
  }

  .mr-md-2,.mx-md-2 {
      margin-right: 0.5rem!important
  }

  .mb-md-2,.my-md-2 {
      margin-bottom: 0.5rem!important
  }

  .ml-md-2,.mx-md-2 {
      margin-left: 0.5rem!important
  }

  .m-md-3 {
      margin: 1rem!important
  }

  .mt-md-3,.my-md-3 {
      margin-top: 1rem!important
  }

  .mr-md-3,.mx-md-3 {
      margin-right: 1rem!important
  }

  .mb-md-3,.my-md-3 {
      margin-bottom: 1rem!important
  }

  .ml-md-3,.mx-md-3 {
      margin-left: 1rem!important
  }

  .m-md-4 {
      margin: 1.5rem!important
  }

  .mt-md-4,.my-md-4 {
      margin-top: 1.5rem!important
  }

  .mr-md-4,.mx-md-4 {
      margin-right: 1.5rem!important
  }

  .mb-md-4,.my-md-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-md-4,.mx-md-4 {
      margin-left: 1.5rem!important
  }

  .m-md-5 {
      margin: 2rem!important
  }

  .mt-md-5,.my-md-5 {
      margin-top: 2rem!important
  }

  .mr-md-5,.mx-md-5 {
      margin-right: 2rem!important
  }

  .mb-md-5,.my-md-5 {
      margin-bottom: 2rem!important
  }

  .ml-md-5,.mx-md-5 {
      margin-left: 2rem!important
  }

  .m-md-6 {
      margin: 3rem!important
  }

  .mt-md-6,.my-md-6 {
      margin-top: 3rem!important
  }

  .mr-md-6,.mx-md-6 {
      margin-right: 3rem!important
  }

  .mb-md-6,.my-md-6 {
      margin-bottom: 3rem!important
  }

  .ml-md-6,.mx-md-6 {
      margin-left: 3rem!important
  }

  .p-md-0 {
      padding: 0!important
  }

  .pt-md-0,.py-md-0 {
      padding-top: 0!important
  }

  .pr-md-0,.px-md-0 {
      padding-right: 0!important
  }

  .pb-md-0,.py-md-0 {
      padding-bottom: 0!important
  }

  .pl-md-0,.px-md-0 {
      padding-left: 0!important
  }

  .p-md-1 {
      padding: 0.25rem!important
  }

  .pt-md-1,.py-md-1 {
      padding-top: 0.25rem!important
  }

  .pr-md-1,.px-md-1 {
      padding-right: 0.25rem!important
  }

  .pb-md-1,.py-md-1 {
      padding-bottom: 0.25rem!important
  }

  .pl-md-1,.px-md-1 {
      padding-left: 0.25rem!important
  }

  .p-md-2 {
      padding: 0.5rem!important
  }

  .pt-md-2,.py-md-2 {
      padding-top: 0.5rem!important
  }

  .pr-md-2,.px-md-2 {
      padding-right: 0.5rem!important
  }

  .pb-md-2,.py-md-2 {
      padding-bottom: 0.5rem!important
  }

  .pl-md-2,.px-md-2 {
      padding-left: 0.5rem!important
  }

  .p-md-3 {
      padding: 1rem!important
  }

  .pt-md-3,.py-md-3 {
      padding-top: 1rem!important
  }

  .pr-md-3,.px-md-3 {
      padding-right: 1rem!important
  }

  .pb-md-3,.py-md-3 {
      padding-bottom: 1rem!important
  }

  .pl-md-3,.px-md-3 {
      padding-left: 1rem!important
  }

  .p-md-4 {
      padding: 1.5rem!important
  }

  .pt-md-4,.py-md-4 {
      padding-top: 1.5rem!important
  }

  .pr-md-4,.px-md-4 {
      padding-right: 1.5rem!important
  }

  .pb-md-4,.py-md-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-md-4,.px-md-4 {
      padding-left: 1.5rem!important
  }

  .p-md-5 {
      padding: 2rem!important
  }

  .pt-md-5,.py-md-5 {
      padding-top: 2rem!important
  }

  .pr-md-5,.px-md-5 {
      padding-right: 2rem!important
  }

  .pb-md-5,.py-md-5 {
      padding-bottom: 2rem!important
  }

  .pl-md-5,.px-md-5 {
      padding-left: 2rem!important
  }

  .p-md-6 {
      padding: 3rem!important
  }

  .pt-md-6,.py-md-6 {
      padding-top: 3rem!important
  }

  .pr-md-6,.px-md-6 {
      padding-right: 3rem!important
  }

  .pb-md-6,.py-md-6 {
      padding-bottom: 3rem!important
  }

  .pl-md-6,.px-md-6 {
      padding-left: 3rem!important
  }

  .m-md-n1 {
      margin: -0.25rem!important
  }

  .mt-md-n1,.my-md-n1 {
      margin-top: -0.25rem!important
  }

  .mr-md-n1,.mx-md-n1 {
      margin-right: -0.25rem!important
  }

  .mb-md-n1,.my-md-n1 {
      margin-bottom: -0.25rem!important
  }

  .ml-md-n1,.mx-md-n1 {
      margin-left: -0.25rem!important
  }

  .m-md-n2 {
      margin: -0.5rem!important
  }

  .mt-md-n2,.my-md-n2 {
      margin-top: -0.5rem!important
  }

  .mr-md-n2,.mx-md-n2 {
      margin-right: -0.5rem!important
  }

  .mb-md-n2,.my-md-n2 {
      margin-bottom: -0.5rem!important
  }

  .ml-md-n2,.mx-md-n2 {
      margin-left: -0.5rem!important
  }

  .m-md-n3 {
      margin: -1rem!important
  }

  .mt-md-n3,.my-md-n3 {
      margin-top: -1rem!important
  }

  .mr-md-n3,.mx-md-n3 {
      margin-right: -1rem!important
  }

  .mb-md-n3,.my-md-n3 {
      margin-bottom: -1rem!important
  }

  .ml-md-n3,.mx-md-n3 {
      margin-left: -1rem!important
  }

  .m-md-n4 {
      margin: -1.5rem!important
  }

  .mt-md-n4,.my-md-n4 {
      margin-top: -1.5rem!important
  }

  .mr-md-n4,.mx-md-n4 {
      margin-right: -1.5rem!important
  }

  .mb-md-n4,.my-md-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-md-n4,.mx-md-n4 {
      margin-left: -1.5rem!important
  }

  .m-md-n5 {
      margin: -2rem!important
  }

  .mt-md-n5,.my-md-n5 {
      margin-top: -2rem!important
  }

  .mr-md-n5,.mx-md-n5 {
      margin-right: -2rem!important
  }

  .mb-md-n5,.my-md-n5 {
      margin-bottom: -2rem!important
  }

  .ml-md-n5,.mx-md-n5 {
      margin-left: -2rem!important
  }

  .m-md-n6 {
      margin: -3rem!important
  }

  .mt-md-n6,.my-md-n6 {
      margin-top: -3rem!important
  }

  .mr-md-n6,.mx-md-n6 {
      margin-right: -3rem!important
  }

  .mb-md-n6,.my-md-n6 {
      margin-bottom: -3rem!important
  }

  .ml-md-n6,.mx-md-n6 {
      margin-left: -3rem!important
  }

  .m-md-auto {
      margin: auto!important
  }

  .mt-md-auto,.my-md-auto {
      margin-top: auto!important
  }

  .mr-md-auto,.mx-md-auto {
      margin-right: auto!important
  }

  .mb-md-auto,.my-md-auto {
      margin-bottom: auto!important
  }

  .ml-md-auto,.mx-md-auto {
      margin-left: auto!important
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
      margin:0!important
  }

  .mt-lg-0,.my-lg-0 {
      margin-top: 0!important
  }

  .mr-lg-0,.mx-lg-0 {
      margin-right: 0!important
  }

  .mb-lg-0,.my-lg-0 {
      margin-bottom: 0!important
  }

  .ml-lg-0,.mx-lg-0 {
      margin-left: 0!important
  }

  .m-lg-1 {
      margin: 0.25rem!important
  }

  .mt-lg-1,.my-lg-1 {
      margin-top: 0.25rem!important
  }

  .mr-lg-1,.mx-lg-1 {
      margin-right: 0.25rem!important
  }

  .mb-lg-1,.my-lg-1 {
      margin-bottom: 0.25rem!important
  }

  .ml-lg-1,.mx-lg-1 {
      margin-left: 0.25rem!important
  }

  .m-lg-2 {
      margin: 0.5rem!important
  }

  .mt-lg-2,.my-lg-2 {
      margin-top: 0.5rem!important
  }

  .mr-lg-2,.mx-lg-2 {
      margin-right: 0.5rem!important
  }

  .mb-lg-2,.my-lg-2 {
      margin-bottom: 0.5rem!important
  }

  .ml-lg-2,.mx-lg-2 {
      margin-left: 0.5rem!important
  }

  .m-lg-3 {
      margin: 1rem!important
  }

  .mt-lg-3,.my-lg-3 {
      margin-top: 1rem!important
  }

  .mr-lg-3,.mx-lg-3 {
      margin-right: 1rem!important
  }

  .mb-lg-3,.my-lg-3 {
      margin-bottom: 1rem!important
  }

  .ml-lg-3,.mx-lg-3 {
      margin-left: 1rem!important
  }

  .m-lg-4 {
      margin: 1.5rem!important
  }

  .mt-lg-4,.my-lg-4 {
      margin-top: 1.5rem!important
  }

  .mr-lg-4,.mx-lg-4 {
      margin-right: 1.5rem!important
  }

  .mb-lg-4,.my-lg-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-lg-4,.mx-lg-4 {
      margin-left: 1.5rem!important
  }

  .m-lg-5 {
      margin: 2rem!important
  }

  .mt-lg-5,.my-lg-5 {
      margin-top: 2rem!important
  }

  .mr-lg-5,.mx-lg-5 {
      margin-right: 2rem!important
  }

  .mb-lg-5,.my-lg-5 {
      margin-bottom: 2rem!important
  }

  .ml-lg-5,.mx-lg-5 {
      margin-left: 2rem!important
  }

  .m-lg-6 {
      margin: 3rem!important
  }

  .mt-lg-6,.my-lg-6 {
      margin-top: 3rem!important
  }

  .mr-lg-6,.mx-lg-6 {
      margin-right: 3rem!important
  }

  .mb-lg-6,.my-lg-6 {
      margin-bottom: 3rem!important
  }

  .ml-lg-6,.mx-lg-6 {
      margin-left: 3rem!important
  }

  .p-lg-0 {
      padding: 0!important
  }

  .pt-lg-0,.py-lg-0 {
      padding-top: 0!important
  }

  .pr-lg-0,.px-lg-0 {
      padding-right: 0!important
  }

  .pb-lg-0,.py-lg-0 {
      padding-bottom: 0!important
  }

  .pl-lg-0,.px-lg-0 {
      padding-left: 0!important
  }

  .p-lg-1 {
      padding: 0.25rem!important
  }

  .pt-lg-1,.py-lg-1 {
      padding-top: 0.25rem!important
  }

  .pr-lg-1,.px-lg-1 {
      padding-right: 0.25rem!important
  }

  .pb-lg-1,.py-lg-1 {
      padding-bottom: 0.25rem!important
  }

  .pl-lg-1,.px-lg-1 {
      padding-left: 0.25rem!important
  }

  .p-lg-2 {
      padding: 0.5rem!important
  }

  .pt-lg-2,.py-lg-2 {
      padding-top: 0.5rem!important
  }

  .pr-lg-2,.px-lg-2 {
      padding-right: 0.5rem!important
  }

  .pb-lg-2,.py-lg-2 {
      padding-bottom: 0.5rem!important
  }

  .pl-lg-2,.px-lg-2 {
      padding-left: 0.5rem!important
  }

  .p-lg-3 {
      padding: 1rem!important
  }

  .pt-lg-3,.py-lg-3 {
      padding-top: 1rem!important
  }

  .pr-lg-3,.px-lg-3 {
      padding-right: 1rem!important
  }

  .pb-lg-3,.py-lg-3 {
      padding-bottom: 1rem!important
  }

  .pl-lg-3,.px-lg-3 {
      padding-left: 1rem!important
  }

  .p-lg-4 {
      padding: 1.5rem!important
  }

  .pt-lg-4,.py-lg-4 {
      padding-top: 1.5rem!important
  }

  .pr-lg-4,.px-lg-4 {
      padding-right: 1.5rem!important
  }

  .pb-lg-4,.py-lg-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-lg-4,.px-lg-4 {
      padding-left: 1.5rem!important
  }

  .p-lg-5 {
      padding: 2rem!important
  }

  .pt-lg-5,.py-lg-5 {
      padding-top: 2rem!important
  }

  .pr-lg-5,.px-lg-5 {
      padding-right: 2rem!important
  }

  .pb-lg-5,.py-lg-5 {
      padding-bottom: 2rem!important
  }

  .pl-lg-5,.px-lg-5 {
      padding-left: 2rem!important
  }

  .p-lg-6 {
      padding: 3rem!important
  }

  .pt-lg-6,.py-lg-6 {
      padding-top: 3rem!important
  }

  .pr-lg-6,.px-lg-6 {
      padding-right: 3rem!important
  }

  .pb-lg-6,.py-lg-6 {
      padding-bottom: 3rem!important
  }

  .pl-lg-6,.px-lg-6 {
      padding-left: 3rem!important
  }

  .m-lg-n1 {
      margin: -0.25rem!important
  }

  .mt-lg-n1,.my-lg-n1 {
      margin-top: -0.25rem!important
  }

  .mr-lg-n1,.mx-lg-n1 {
      margin-right: -0.25rem!important
  }

  .mb-lg-n1,.my-lg-n1 {
      margin-bottom: -0.25rem!important
  }

  .ml-lg-n1,.mx-lg-n1 {
      margin-left: -0.25rem!important
  }

  .m-lg-n2 {
      margin: -0.5rem!important
  }

  .mt-lg-n2,.my-lg-n2 {
      margin-top: -0.5rem!important
  }

  .mr-lg-n2,.mx-lg-n2 {
      margin-right: -0.5rem!important
  }

  .mb-lg-n2,.my-lg-n2 {
      margin-bottom: -0.5rem!important
  }

  .ml-lg-n2,.mx-lg-n2 {
      margin-left: -0.5rem!important
  }

  .m-lg-n3 {
      margin: -1rem!important
  }

  .mt-lg-n3,.my-lg-n3 {
      margin-top: -1rem!important
  }

  .mr-lg-n3,.mx-lg-n3 {
      margin-right: -1rem!important
  }

  .mb-lg-n3,.my-lg-n3 {
      margin-bottom: -1rem!important
  }

  .ml-lg-n3,.mx-lg-n3 {
      margin-left: -1rem!important
  }

  .m-lg-n4 {
      margin: -1.5rem!important
  }

  .mt-lg-n4,.my-lg-n4 {
      margin-top: -1.5rem!important
  }

  .mr-lg-n4,.mx-lg-n4 {
      margin-right: -1.5rem!important
  }

  .mb-lg-n4,.my-lg-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-lg-n4,.mx-lg-n4 {
      margin-left: -1.5rem!important
  }

  .m-lg-n5 {
      margin: -2rem!important
  }

  .mt-lg-n5,.my-lg-n5 {
      margin-top: -2rem!important
  }

  .mr-lg-n5,.mx-lg-n5 {
      margin-right: -2rem!important
  }

  .mb-lg-n5,.my-lg-n5 {
      margin-bottom: -2rem!important
  }

  .ml-lg-n5,.mx-lg-n5 {
      margin-left: -2rem!important
  }

  .m-lg-n6 {
      margin: -3rem!important
  }

  .mt-lg-n6,.my-lg-n6 {
      margin-top: -3rem!important
  }

  .mr-lg-n6,.mx-lg-n6 {
      margin-right: -3rem!important
  }

  .mb-lg-n6,.my-lg-n6 {
      margin-bottom: -3rem!important
  }

  .ml-lg-n6,.mx-lg-n6 {
      margin-left: -3rem!important
  }

  .m-lg-auto {
      margin: auto!important
  }

  .mt-lg-auto,.my-lg-auto {
      margin-top: auto!important
  }

  .mr-lg-auto,.mx-lg-auto {
      margin-right: auto!important
  }

  .mb-lg-auto,.my-lg-auto {
      margin-bottom: auto!important
  }

  .ml-lg-auto,.mx-lg-auto {
      margin-left: auto!important
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
      margin:0!important
  }

  .mt-xl-0,.my-xl-0 {
      margin-top: 0!important
  }

  .mr-xl-0,.mx-xl-0 {
      margin-right: 0!important
  }

  .mb-xl-0,.my-xl-0 {
      margin-bottom: 0!important
  }

  .ml-xl-0,.mx-xl-0 {
      margin-left: 0!important
  }

  .m-xl-1 {
      margin: 0.25rem!important
  }

  .mt-xl-1,.my-xl-1 {
      margin-top: 0.25rem!important
  }

  .mr-xl-1,.mx-xl-1 {
      margin-right: 0.25rem!important
  }

  .mb-xl-1,.my-xl-1 {
      margin-bottom: 0.25rem!important
  }

  .ml-xl-1,.mx-xl-1 {
      margin-left: 0.25rem!important
  }

  .m-xl-2 {
      margin: 0.5rem!important
  }

  .mt-xl-2,.my-xl-2 {
      margin-top: 0.5rem!important
  }

  .mr-xl-2,.mx-xl-2 {
      margin-right: 0.5rem!important
  }

  .mb-xl-2,.my-xl-2 {
      margin-bottom: 0.5rem!important
  }

  .ml-xl-2,.mx-xl-2 {
      margin-left: 0.5rem!important
  }

  .m-xl-3 {
      margin: 1rem!important
  }

  .mt-xl-3,.my-xl-3 {
      margin-top: 1rem!important
  }

  .mr-xl-3,.mx-xl-3 {
      margin-right: 1rem!important
  }

  .mb-xl-3,.my-xl-3 {
      margin-bottom: 1rem!important
  }

  .ml-xl-3,.mx-xl-3 {
      margin-left: 1rem!important
  }

  .m-xl-4 {
      margin: 1.5rem!important
  }

  .mt-xl-4,.my-xl-4 {
      margin-top: 1.5rem!important
  }

  .mr-xl-4,.mx-xl-4 {
      margin-right: 1.5rem!important
  }

  .mb-xl-4,.my-xl-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-xl-4,.mx-xl-4 {
      margin-left: 1.5rem!important
  }

  .m-xl-5 {
      margin: 2rem!important
  }

  .mt-xl-5,.my-xl-5 {
      margin-top: 2rem!important
  }

  .mr-xl-5,.mx-xl-5 {
      margin-right: 2rem!important
  }

  .mb-xl-5,.my-xl-5 {
      margin-bottom: 2rem!important
  }

  .ml-xl-5,.mx-xl-5 {
      margin-left: 2rem!important
  }

  .m-xl-6 {
      margin: 3rem!important
  }

  .mt-xl-6,.my-xl-6 {
      margin-top: 3rem!important
  }

  .mr-xl-6,.mx-xl-6 {
      margin-right: 3rem!important
  }

  .mb-xl-6,.my-xl-6 {
      margin-bottom: 3rem!important
  }

  .ml-xl-6,.mx-xl-6 {
      margin-left: 3rem!important
  }

  .p-xl-0 {
      padding: 0!important
  }

  .pt-xl-0,.py-xl-0 {
      padding-top: 0!important
  }

  .pr-xl-0,.px-xl-0 {
      padding-right: 0!important
  }

  .pb-xl-0,.py-xl-0 {
      padding-bottom: 0!important
  }

  .pl-xl-0,.px-xl-0 {
      padding-left: 0!important
  }

  .p-xl-1 {
      padding: 0.25rem!important
  }

  .pt-xl-1,.py-xl-1 {
      padding-top: 0.25rem!important
  }

  .pr-xl-1,.px-xl-1 {
      padding-right: 0.25rem!important
  }

  .pb-xl-1,.py-xl-1 {
      padding-bottom: 0.25rem!important
  }

  .pl-xl-1,.px-xl-1 {
      padding-left: 0.25rem!important
  }

  .p-xl-2 {
      padding: 0.5rem!important
  }

  .pt-xl-2,.py-xl-2 {
      padding-top: 0.5rem!important
  }

  .pr-xl-2,.px-xl-2 {
      padding-right: 0.5rem!important
  }

  .pb-xl-2,.py-xl-2 {
      padding-bottom: 0.5rem!important
  }

  .pl-xl-2,.px-xl-2 {
      padding-left: 0.5rem!important
  }

  .p-xl-3 {
      padding: 1rem!important
  }

  .pt-xl-3,.py-xl-3 {
      padding-top: 1rem!important
  }

  .pr-xl-3,.px-xl-3 {
      padding-right: 1rem!important
  }

  .pb-xl-3,.py-xl-3 {
      padding-bottom: 1rem!important
  }

  .pl-xl-3,.px-xl-3 {
      padding-left: 1rem!important
  }

  .p-xl-4 {
      padding: 1.5rem!important
  }

  .pt-xl-4,.py-xl-4 {
      padding-top: 1.5rem!important
  }

  .pr-xl-4,.px-xl-4 {
      padding-right: 1.5rem!important
  }

  .pb-xl-4,.py-xl-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-xl-4,.px-xl-4 {
      padding-left: 1.5rem!important
  }

  .p-xl-5 {
      padding: 2rem!important
  }

  .pt-xl-5,.py-xl-5 {
      padding-top: 2rem!important
  }

  .pr-xl-5,.px-xl-5 {
      padding-right: 2rem!important
  }

  .pb-xl-5,.py-xl-5 {
      padding-bottom: 2rem!important
  }

  .pl-xl-5,.px-xl-5 {
      padding-left: 2rem!important
  }

  .p-xl-6 {
      padding: 3rem!important
  }

  .pt-xl-6,.py-xl-6 {
      padding-top: 3rem!important
  }

  .pr-xl-6,.px-xl-6 {
      padding-right: 3rem!important
  }

  .pb-xl-6,.py-xl-6 {
      padding-bottom: 3rem!important
  }

  .pl-xl-6,.px-xl-6 {
      padding-left: 3rem!important
  }

  .m-xl-n1 {
      margin: -0.25rem!important
  }

  .mt-xl-n1,.my-xl-n1 {
      margin-top: -0.25rem!important
  }

  .mr-xl-n1,.mx-xl-n1 {
      margin-right: -0.25rem!important
  }

  .mb-xl-n1,.my-xl-n1 {
      margin-bottom: -0.25rem!important
  }

  .ml-xl-n1,.mx-xl-n1 {
      margin-left: -0.25rem!important
  }

  .m-xl-n2 {
      margin: -0.5rem!important
  }

  .mt-xl-n2,.my-xl-n2 {
      margin-top: -0.5rem!important
  }

  .mr-xl-n2,.mx-xl-n2 {
      margin-right: -0.5rem!important
  }

  .mb-xl-n2,.my-xl-n2 {
      margin-bottom: -0.5rem!important
  }

  .ml-xl-n2,.mx-xl-n2 {
      margin-left: -0.5rem!important
  }

  .m-xl-n3 {
      margin: -1rem!important
  }

  .mt-xl-n3,.my-xl-n3 {
      margin-top: -1rem!important
  }

  .mr-xl-n3,.mx-xl-n3 {
      margin-right: -1rem!important
  }

  .mb-xl-n3,.my-xl-n3 {
      margin-bottom: -1rem!important
  }

  .ml-xl-n3,.mx-xl-n3 {
      margin-left: -1rem!important
  }

  .m-xl-n4 {
      margin: -1.5rem!important
  }

  .mt-xl-n4,.my-xl-n4 {
      margin-top: -1.5rem!important
  }

  .mr-xl-n4,.mx-xl-n4 {
      margin-right: -1.5rem!important
  }

  .mb-xl-n4,.my-xl-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-xl-n4,.mx-xl-n4 {
      margin-left: -1.5rem!important
  }

  .m-xl-n5 {
      margin: -2rem!important
  }

  .mt-xl-n5,.my-xl-n5 {
      margin-top: -2rem!important
  }

  .mr-xl-n5,.mx-xl-n5 {
      margin-right: -2rem!important
  }

  .mb-xl-n5,.my-xl-n5 {
      margin-bottom: -2rem!important
  }

  .ml-xl-n5,.mx-xl-n5 {
      margin-left: -2rem!important
  }

  .m-xl-n6 {
      margin: -3rem!important
  }

  .mt-xl-n6,.my-xl-n6 {
      margin-top: -3rem!important
  }

  .mr-xl-n6,.mx-xl-n6 {
      margin-right: -3rem!important
  }

  .mb-xl-n6,.my-xl-n6 {
      margin-bottom: -3rem!important
  }

  .ml-xl-n6,.mx-xl-n6 {
      margin-left: -3rem!important
  }

  .m-xl-auto {
      margin: auto!important
  }

  .mt-xl-auto,.my-xl-auto {
      margin-top: auto!important
  }

  .mr-xl-auto,.mx-xl-auto {
      margin-right: auto!important
  }

  .mb-xl-auto,.my-xl-auto {
      margin-bottom: auto!important
  }

  .ml-xl-auto,.mx-xl-auto {
      margin-left: auto!important
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0,0,0,0)
}

.text-monospace {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}

.text-justify {
  text-align: justify!important
}

.text-wrap {
  white-space: normal!important
}

.text-nowrap {
  white-space: nowrap!important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left!important
}

.text-right {
  text-align: right!important
}

.text-center {
  text-align: center!important
}

@media (min-width: 576px) {
  .text-sm-left {
      text-align:left!important
  }

  .text-sm-right {
      text-align: right!important
  }

  .text-sm-center {
      text-align: center!important
  }
}

@media (min-width: 768px) {
  .text-md-left {
      text-align:left!important
  }

  .text-md-right {
      text-align: right!important
  }

  .text-md-center {
      text-align: center!important
  }
}

@media (min-width: 992px) {
  .text-lg-left {
      text-align:left!important
  }

  .text-lg-right {
      text-align: right!important
  }

  .text-lg-center {
      text-align: center!important
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
      text-align:left!important
  }

  .text-xl-right {
      text-align: right!important
  }

  .text-xl-center {
      text-align: center!important
  }
}

.text-lowercase {
  text-transform: lowercase!important
}

.text-uppercase {
  text-transform: uppercase!important
}

.text-capitalize {
  text-transform: capitalize!important
}

.font-weight-light {
  font-weight: 300!important
}

.font-weight-lighter {
  font-weight: lighter!important
}

.font-weight-normal {
  font-weight: 400!important
}

.font-weight-bold {
  font-weight: 700!important
}

.font-weight-bolder {
  font-weight: bolder!important
}

.font-italic {
  font-style: italic!important
}

.text-white {
  color: #fff!important
}

.text-primary {
  color: #fe824c!important
}

a.text-primary:hover,a.text-primary:focus {
  color: #fc4d01!important
}

.text-secondary {
  color: #ced4da!important
}

a.text-secondary:hover,a.text-secondary:focus {
  color: #a2aeb9!important
}

.text-success {
  color: #357a32!important
}

a.text-success:hover,a.text-success:focus {
  color: #1d441c!important
}

.text-info {
  color: #008196!important
}

a.text-info:hover,a.text-info:focus {
  color: #003f4a!important
}

.text-warning {
  color: #f0ad4e!important
}

a.text-warning:hover,a.text-warning:focus {
  color: #df8a13!important
}

.text-danger {
  color: #ca3120!important
}

a.text-danger:hover,a.text-danger:focus {
  color: #882116!important
}

.text-light {
  color: #f8f9fa!important
}

a.text-light:hover,a.text-light:focus {
  color: #cbd3da!important
}

.text-dark {
  color: #343a40!important
}

a.text-dark:hover,a.text-dark:focus {
  color: #121416!important
}

.text-body {
  color: #212529!important
}

.text-muted {
  color: #6c757d!important
}

.text-black-50 {
  color: rgba(0,0,0,.5)!important
}

.text-white-50 {
  color: rgba(255,255,255,.5)!important
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.text-decoration-none {
  text-decoration: none!important
}

.text-break {
  word-wrap: break-word!important
}

.text-reset {
  color: inherit!important
}

.visible {
  visibility: visible!important
}

.invisible {
  visibility: hidden!important
}

@media print {
  *,*::before,*::after {
      text-shadow: none!important;
      box-shadow: none!important
  }

  a:not(.btn) {
      text-decoration: underline
  }

  abbr[title]::after {
      content: " (" attr(title) ")"
  }

  pre {
      white-space: pre-wrap!important
  }

  pre,blockquote {
      border: 1px solid #8f959e;
      page-break-inside: avoid
  }

  thead {
      display: table-header-group
  }

  tr,img {
      page-break-inside: avoid
  }

  p,h2,h3 {
      orphans: 3;
      widows: 3
  }

  h2,h3 {
      page-break-after: avoid
  }

  body {
      min-width: 992px!important
  }

  .container {
      min-width: 992px!important
  }

  .navbar {
      display: none
  }

  .badge {
      border: 1px solid #000
  }

  .table {
      border-collapse: collapse!important
  }

  .table td,.table th {
      background-color: #fff!important
  }

  .table-bordered th,.table-bordered td {
      border: 1px solid #dee2e6!important
  }

  .table-dark {
      color: inherit
  }

  .table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody {
      border-color: #dee2e6
  }

  .table .thead-dark th {
      color: inherit;
      border-color: #dee2e6
  }
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "/";
  content: "/"
}

.dir-rtl .custom-select {
  background-position: .75rem center
}

.dir-rtl .custom-switch .custom-control-input:checked~.custom-control-label::after {
  transform: translateX(-.9375rem)
}

#region-main {
  overflow-x: auto;
  overflow-y: visible;
  background-color: #fff
}

@media (min-width: 576px) {
  #region-main {
      border:1px solid rgba(0,0,0,.125);
      padding: 1.25rem
  }
}

@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
  }
}

#goto-top-link {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.7s ease 0s,visibility 0.1s ease 0.8s;
  display: block;
  position: fixed;
  bottom: 50px;
  right: 0
}

#goto-top-link a {
  position: absolute;
  right: 0;
  transform: translateY(-100%)
}

@media (max-width: 767.98px) {
  #goto-top-link {
      bottom:0
  }
}

body.scrolled #goto-top-link {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s ease 0s,opacity 0.7s ease 0.1s
}

.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: #6c757d
}

.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: .2rem solid transparent;
  color: #212529;
  background-color: #fff;
  box-shadow: 0 -.2rem white,0 .2rem #343a40
}

.aalink: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,.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-toggle.focus,.modal-dialog[tabindex="0"].focus,.moodle-dialogue-base .closebutton.focus,button.close.focus,.form-autocomplete-selection.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-toggle:focus,.modal-dialog[tabindex="0"]:focus,.moodle-dialogue-base .closebutton:focus,button.close:focus,.form-autocomplete-selection:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.aabtn:focus:hover,.btn-link:focus:hover,.nav-link:focus:hover,.atto_link_button:focus:hover,[role="button"]:focus:hover,.list-group-item-action:focus:hover,input[type="checkbox"]:focus:hover,input[type="radio"]:focus:hover,input[type="file"]:focus:hover,input[type="image"]:focus:hover,.sr-only-focusable:focus:hover,a.dropdown-toggle:focus:hover,.modal-dialog[tabindex="0"]:focus:hover,.moodle-dialogue-base .closebutton:focus:hover,button.close:focus:hover,.form-autocomplete-selection:focus:hover {
  text-decoration: none
}

.form-autocomplete-suggestions li[aria-selected=true] {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(254,130,76,.75)
}

.safari input[type="checkbox"].focus,.safari input[type="radio"].focus,.safari input[type="checkbox"]:focus,.safari input[type="radio"]:focus {
  outline: auto
}

.unlist,.unlist li,.inline-list,.inline-list li,.block .list,.block .list li,.section li.activity,.section li.movehere,.tabtree li {
  list-style: none;
  margin: 0;
  padding: 0
}

.section li.movehere a {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #343a40
}

.editing .course-content .hidden.sectionname {
  visibility: hidden;
  display: initial
}

.inline,.inline-list li {
  display: inline
}

.notifytiny {
  font-size: .703125rem
}

.notifytiny li,.notifytiny td {
  font-size: 100%
}

.red,.notifyproblem {
  color: #f0ad4e
}

.green,.notifysuccess {
  color: #357a32
}

.highlight {
  color: #008196
}

.fitem.advanced .text-info {
  font-weight: 700
}

.reportlink {
  text-align: right
}

a.autolink.glossary:hover {
  cursor: help
}

.collapsibleregioncaption {
  white-space: nowrap;
  min-height: 1.40625rem
}

.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
  cursor: pointer
}

.pagelayout-mydashboard #region-main {
  border: 0;
  padding: 0;
  background-color: transparent;
  margin-top: -1px
}

@media (max-width: 767.98px) {
  .pagelayout-mydashboard #region-main-box,.pagelayout-login #region-main-box {
      padding-left:0;
      padding-right: 0
  }
}

.collapsibleregioncaption img {
  vertical-align: middle
}

.jsenabled .hiddenifjs {
  display: none
}

.visibleifjs {
  display: none
}

.jsenabled .visibleifjs {
  display: inline
}

.jsenabled .collapsibleregion {
  overflow: hidden;
  box-sizing: content-box
}

.jsenabled .collapsed .collapsibleregioninner {
  visibility: hidden
}

.collapsible-actions {
  display: none;
  text-align: right
}

.jsenabled .collapsible-actions {
  display: block
}

.collapsible-actions .collapseexpand {
  padding-left: 20px;
  background: url(/theme/image.php/elan/core/1623852687/t/collapsed) 2px center no-repeat
}

.collapsible-actions .collapse-all {
  background-image: url(/theme/image.php/elan/core/1623852687/t/expanded)
}

.yui-overlay .yui-widget-bd {
  background-color: #ffee69;
  border: 1px solid #a6982b;
  border-top-color: #d4c237;
  color: #000;
  left: 0;
  padding: 2px 5px;
  position: relative;
  top: 0;
  z-index: 1
}

.clearer {
  background: transparent;
  border-width: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0
}

.bold,.warning,.errorbox .title,.pagingbar .title,.pagingbar .thispage {
  font-weight: 700
}

img.userpicture {
  margin-right: .5rem
}

img.resize {
  height: 1em;
  width: 1em
}

.action-menu .dropdown-toggle {
  text-decoration: none
}

.action-menu {
  white-space: nowrap
}

.block img.resize {
  height: .9em;
  width: .8em
}

img.activityicon {
  height: 24px;
  width: 24px;
  vertical-align: middle
}

.headermain {
  font-weight: 700
}

#maincontent {
  display: block;
  height: 1px;
  overflow: hidden
}

img.uihint {
  cursor: help
}

#addmembersform table {
  margin-left: auto;
  margin-right: auto
}

table.flexible .emptyrow {
  display: none
}

form.popupform,form.popupform div {
  display: inline
}

.arrow_button input {
  overflow: hidden
}

.no-overflow {
  overflow: auto
}

.no-overflow>.generaltable {
  position: relative;
  margin-bottom: 0;
  min-height: 10em
}

.accesshide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}

span.hide,div.hide,.hidden {
  display: none
}

a.skip-block,a.skip {
  position: absolute;
  top: -1000em;
  font-size: .85em;
  text-decoration: none
}

a.skip-block:focus,a.skip-block:active,a.skip:focus,a.skip:active {
  position: static;
  display: block
}

.skip-block-to {
  display: block;
  height: 1px;
  overflow: hidden
}

.addbloglink {
  text-align: center
}

.blog_entry .audience {
  text-align: right;
  padding-right: 4px
}

.blog_entry .tags {
  margin-top: 15px
}

.blog_entry .content {
  margin-left: 43px
}

#doc-contents h1 {
  margin: 1em 0 0 0
}

#doc-contents ul {
  margin: 0;
  padding: 0;
  width: 90%
}

#doc-contents ul li {
  list-style-type: none
}

.groupmanagementtable td {
  vertical-align: top
}

.groupmanagementtable #existingcell,.groupmanagementtable #potentialcell {
  width: 42%
}

.groupmanagementtable #buttonscell {
  width: 16%
}

.groupmanagementtable #buttonscell p.arrow_button input {
  width: auto;
  min-width: 80%;
  margin: 0 auto;
  display: block
}

.groupmanagementtable #removeselect_wrapper,.groupmanagementtable #addselect_wrapper {
  width: 100%
}

.groupmanagementtable #removeselect_wrapper label,.groupmanagementtable #addselect_wrapper label {
  font-weight: 400
}

#group-usersummary {
  width: 14em
}

.groupselector {
  margin-top: 3px;
  margin-bottom: 3px;
  display: inline-block
}

.groupselector label {
  display: inline-block
}

.login-page [name="username"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.login-page [type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.notepost {
  margin-bottom: 1em
}

.notepost .userpicture {
  float: left;
  margin-right: 5px
}

.notepost .content,.notepost .footer {
  clear: both
}

.notesgroup {
  margin-left: 20px
}

.path-my .coursebox {
  margin: 1rem 0;
  padding: 0
}

.path-my .coursebox .overview {
  margin: 15px 30px 10px 30px
}

.path-my .coursebox .info {
  float: none;
  margin: 0
}

.mod_introbox {
  padding: 10px
}

table.mod_index {
  width: 100%
}

.comment-ctrl {
  font-size: 12px;
  display: none;
  margin: 0;
  padding: 0
}

.comment-ctrl h5 {
  margin: 0;
  padding: 5px
}

.comment-area {
  max-width: 400px;
  padding: 5px
}

.comment-area textarea {
  width: 100%;
  overflow: auto
}

.comment-area textarea.fullwidth {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.comment-area .fd {
  text-align: right
}

.comment-meta span {
  color: gray
}

.comment-link img {
  vertical-align: text-bottom
}

.comment-list {
  font-size: 11px;
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 0
}

.comment-list li {
  margin: 2px;
  list-style: none;
  margin-bottom: 5px;
  clear: both;
  padding: .3em;
  position: relative
}

.comment-list li.first {
  display: none
}

.comment-paging {
  text-align: center
}

.comment-paging .pageno {
  padding: 2px
}

.comment-paging .curpage {
  border: 1px solid #ccc
}

.comment-message .picture {
  width: 20px;
  float: left
}

.comment-message .text {
  margin: 0;
  padding: 0
}

.comment-message .text p {
  padding: 0;
  margin: 0 18px 0 0
}

.comment-delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: .3em
}

.comment-report-selectall {
  display: none
}

.comment-link {
  display: none
}

.jsenabled .comment-link {
  display: block
}

.jsenabled .showcommentsnonjs {
  display: none
}

.jsenabled .comment-report-selectall {
  display: inline
}

.completion-expired {
  color: #f0ad4e
}

.completion-expected {
  font-size: .703125rem
}

.completion-sortchoice,.completion-identifyfield {
  font-size: .703125rem;
  vertical-align: bottom
}

.completion-progresscell {
  text-align: right
}

.completion-expired .completion-expected {
  font-weight: 700
}

img.user-image {
  height: 100px;
  width: 100px
}

#tag-search-box {
  text-align: center;
  margin: 10px auto
}

.path-tag .tag-index-items .tagarea {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 10px;
  margin-top: 10px
}

.path-tag .tag-index-items .tagarea h3 {
  display: block;
  padding: 3px 0 10px 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  text-transform: uppercase;
  word-wrap: break-word;
  border-bottom: solid 1px #e3e3e3;
  margin-bottom: 10px
}

.path-tag .tagarea .controls::after,.path-tag .tagarea .taggeditems::after {
  display: block;
  clear: both;
  content: ""
}

.path-tag .tagarea .controls,.path-tag .tag-backtoallitems {
  text-align: center
}

.path-tag .tagarea .controls .gotopage.nextpage {
  float: right
}

.path-tag .tagarea .controls .gotopage.prevpage {
  float: left
}

.path-tag .tagarea .controls .exclusivemode {
  display: inline-block
}

.path-tag .tagarea .controls.controls-bottom {
  margin-top: 5px
}

.path-tag .tagarea .controls .gotopage.nextpage::after {
  padding-right: 5px;
  padding-left: 5px;
  content: "»"
}

.path-tag .tagarea .controls .gotopage.prevpage::before {
  padding-right: 5px;
  padding-left: 5px;
  content: "«"
}

span.flagged-tag,tr.flagged-tag,span.flagged-tag a,tr.flagged-tag a {
  color: #f0ad4e
}

.tag-management-table td,.tag-management-table th {
  vertical-align: middle;
  padding: 4px
}

.tag-management-table .inplaceeditable.inplaceeditingon input {
  width: 150px
}

.path-admin-tag .addstandardtags {
  float: right
}

.path-admin-tag .addstandardtags img {
  margin: 0 5px
}

.path-tag .tag-relatedtags {
  padding-top: 10px
}

.path-tag .tag-management-box {
  text-align: right
}

.path-tag .tag-index-toc {
  padding: 10px;
  text-align: center
}

.path-tag .tag-index-toc li,.path-tag .tag-management-box li {
  margin-left: 5px;
  margin-right: 5px
}

.path-tag .tag-management-box li a.edittag {
  background-image: url(/theme/image.php/elan/core/1623852687/i/settings)
}

.path-tag .tag-management-box li a.flagasinappropriate {
  background-image: url(/theme/image.php/elan/core/1623852687/i/flagged)
}

.path-tag .tag-management-box li a.removefrommyinterests {
  background-image: url(/theme/image.php/elan/core/1623852687/t/delete)
}

.path-tag .tag-management-box li a.addtomyinterests {
  background-image: url(/theme/image.php/elan/core/1623852687/t/add)
}

.path-tag .tag-management-box li a {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 17px
}

.tag_feed.media-list .media .itemimage {
  float: left
}

.tag_feed.media-list .media .itemimage img {
  height: 35px;
  width: 35px
}

.tag_feed.media-list .media .media-body {
  padding-right: 10px;
  padding-left: 10px
}

.tag_feed .media .muted a {
  color: #6c757d
}

.tag_cloud {
  text-align: center
}

.tag_cloud .inline-list li {
  padding: 0 .2em
}

.tag_cloud .tag_overflow {
  margin-top: 1em;
  font-style: italic
}

.tag_cloud .s20 {
  font-size: 2.7em
}

.tag_cloud .s19 {
  font-size: 2.6em
}

.tag_cloud .s18 {
  font-size: 2.5em
}

.tag_cloud .s17 {
  font-size: 2.4em
}

.tag_cloud .s16 {
  font-size: 2.3em
}

.tag_cloud .s15 {
  font-size: 2.2em
}

.tag_cloud .s14 {
  font-size: 2.1em
}

.tag_cloud .s13 {
  font-size: 2em
}

.tag_cloud .s12 {
  font-size: 1.9em
}

.tag_cloud .s11 {
  font-size: 1.8em
}

.tag_cloud .s10 {
  font-size: 1.7em
}

.tag_cloud .s9 {
  font-size: 1.6em
}

.tag_cloud .s8 {
  font-size: 1.5em
}

.tag_cloud .s7 {
  font-size: 1.4em
}

.tag_cloud .s6 {
  font-size: 1.3em
}

.tag_cloud .s5 {
  font-size: 1.2em
}

.tag_cloud .s4 {
  font-size: 1.1em
}

.tag_cloud .s3 {
  font-size: 1em
}

.tag_cloud .s2 {
  font-size: .9em
}

.tag_cloud .s1 {
  font-size: .8em
}

.tag_cloud .s0 {
  font-size: .7em
}

.tag_list ul {
  display: inline
}

.tag_list.hideoverlimit .overlimit {
  display: none
}

.tag_list .tagmorelink {
  display: none
}

.tag_list.hideoverlimit .tagmorelink {
  display: inline
}

.tag_list.hideoverlimit .taglesslink {
  display: none
}

#webservice-doc-generator td {
  text-align: left;
  border: 0 solid #000
}

.userenrolment {
  width: 100%;
  border-collapse: collapse
}

.userenrolment tr {
  vertical-align: top
}

.userenrolment td {
  padding: 0;
  height: 41px
}

.userenrolment .subfield {
  margin-right: 5px
}

.userenrolment .col_userdetails .subfield {
  margin-left: 40px
}

.userenrolment .col_userdetails .subfield_picture {
  float: left;
  margin-left: 0
}

.userenrolment .col_lastseen {
  width: 150px
}

.userenrolment .col_role {
  width: 262px
}

.userenrolment .col_role .roles,.userenrolment .col_group .groups {
  margin-right: 30px
}

.userenrolment .col_role .role {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px;
  white-space: nowrap
}

.userenrolment .col_group .group {
  float: left;
  padding: 3px;
  margin: 3px;
  white-space: nowrap
}

.userenrolment .col_role .role a,.userenrolment .col_group .group a {
  margin-left: 3px;
  cursor: pointer
}

.userenrolment .col_role .addrole,.userenrolment .col_group .addgroup {
  float: right;
  padding: 3px;
  margin: 3px
}

.userenrolment .col_role .addrole>a:hover,.userenrolment .col_group .addgroup>a:hover {
  border-bottom: 1px solid #666
}

.userenrolment .col_role .addrole img,.userenrolment .col_group .addgroup img {
  vertical-align: baseline
}

.userenrolment .hasAllRoles .col_role .addrole {
  display: none
}

.userenrolment .col_enrol .enrolment {
  float: left;
  padding: 0 3px 3px;
  margin: 0 3px 3px
}

.userenrolment .col_enrol .enrolment a {
  float: right;
  margin-left: 3px
}

.corelightbox {
  background-color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center
}

.corelightbox img {
  position: fixed;
  top: 50%;
  left: 50%
}

.mod-indent-outer {
  display: table
}

.mod-indent {
  display: table-cell
}

.label .mod-indent {
  float: left;
  padding-top: 20px
}

@media (min-width: 576px) {
  .que .correctness.correct {
  }

  .mod-indent-1 {
      width: 30px
  }

  .mod-indent-2 {
      width: 60px
  }

  .mod-indent-3 {
      width: 90px
  }

  .mod-indent-4 {
      width: 120px
  }

  .mod-indent-5 {
      width: 150px
  }

  .mod-indent-6 {
      width: 180px
  }

  .mod-indent-7 {
      width: 210px
  }

  .mod-indent-8 {
      width: 240px
  }

  .mod-indent-9 {
      width: 270px
  }

  .mod-indent-10 {
      width: 300px
  }

  .mod-indent-11 {
      width: 330px
  }

  .mod-indent-12 {
      width: 360px
  }

  .mod-indent-13 {
      width: 390px
  }

  .mod-indent-14 {
      width: 420px
  }

  .mod-indent-15 {
      width: 450px
  }

  .mod-indent-16 {
      width: 480px
  }

  .mod-indent-huge {
      width: 480px
  }
}

.resourcecontent .mediaplugin_mp3 object {
  height: 25px;
  width: 600px
}

.resourcecontent audio.mediaplugin_html5audio {
  width: 600px
}

.resourceimage {
  max-width: 100%
}

.mediaplugin_mp3 object {
  height: 15px;
  width: 300px
}

audio.mediaplugin_html5audio {
  width: 300px
}

.core_media_preview.pagelayout-embedded #content {
  padding: 0
}

.core_media_preview.pagelayout-embedded #maincontent {
  height: 0
}

body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
  padding: 0;
  margin: 0;
  min-width: 0;
  background: none
}

.path-rating .ratingtable {
  width: 100%;
  margin-bottom: 1em
}

.path-rating .ratingtable th.rating {
  width: 100%
}

.path-rating .ratingtable td.rating,.path-rating .ratingtable td.time {
  white-space: nowrap;
  text-align: center
}

.moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: #495057
}

.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
  background-color: transparent
}

.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.2)
}

.moodle-dialogue-base .hidden,.moodle-dialogue-base .moodle-dialogue-hidden {
  display: none
}

.no-scrolling {
  overflow: hidden
}

.moodle-dialogue-base .moodle-dialogue-fullscreen {
  left: 0;
  top: 0;
  right: 0;
  bottom: -50px;
  position: fixed
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto
}

.moodle-dialogue-base .moodle-dialogue-wrap {
  background-color: #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 h1 {
  font-size: 1.5rem
}

.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
  padding: 0;
  position: relative;
  margin-left: auto
}

.moodle-dialogue-base .closebutton {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
  position: relative;
  background-color: transparent;
  border: 0;
  background-image: none;
  box-shadow: none;
  opacity: .7
}

.moodle-dialogue-base .closebutton:hover,.moodle-dialogue-base .closebutton:active {
  opacity: 1
}

.moodle-dialogue-base .closebutton::after {
  content: "×"
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
  padding: .5rem
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd body {
  background-color: #fff
}

.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0;
  border: 0
}

.moodle-dialogue-exception .moodle-exception-param label {
  font-weight: 700
}

.moodle-dialogue-exception .param-stacktrace label {
  background-color: #eee;
  border: 1px solid #ccc;
  border-bottom-width: 0
}

.moodle-dialogue-exception .param-stacktrace pre {
  border: 1px solid #ccc;
  background-color: #fff
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  color: navy;
  font-size: .8203125rem
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  color: #f0ad4e;
  font-size: .8203125rem
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  color: #333;
  font-size: 90%;
  border-bottom: 1px solid #eee
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
  display: none
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
  background: initial
}

.moodle-dialogue-confirm .confirmation-message {
  margin: .5rem 0
}

.moodle-dialogue-confirm .confirmation-dialogue input {
  min-width: 80px
}

.moodle-dialogue-exception .moodle-exception-message {
  margin: 1em
}

.moodle-dialogue-exception .moodle-exception-param {
  margin-bottom: .5em
}

.moodle-dialogue-exception .moodle-exception-param label {
  width: 150px
}

.moodle-dialogue-exception .param-stacktrace label {
  display: block;
  margin: 0;
  padding: 4px 1em
}

.moodle-dialogue-exception .param-stacktrace pre {
  display: block;
  height: 200px;
  overflow: auto
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
  display: inline-block;
  margin: 4px 0
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
  display: inline-block;
  width: 50px;
  margin: 4px 1em
}

.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
  padding-left: 25px;
  margin-bottom: 4px;
  padding-bottom: 4px
}

.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
  opacity: .75;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  text-align: center;
  padding: 10% 0
}

.moodle-dialogue .tooltiptext {
  max-height: 300px
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
  z-index: 3001
}

.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
  overflow: auto
}

.chooserdialoguebody,.choosertitle {
  display: none
}

.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
  margin: 0
}

.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
  padding: 0;
  background: #f2f2f2
}

.choosercontainer #chooseform .submitbuttons {
  padding: .7em 0;
  text-align: right
}

@media (max-height: 639px) {
  .ios .choosercontainer #chooseform .submitbuttons {
      padding:45px 0
  }
}

.choosercontainer #chooseform .submitbuttons input {
  min-width: 100px;
  margin: 0 .5em
}

.choosercontainer #chooseform .options {
  position: relative;
  border-bottom: 1px solid #bbb
}

.jschooser .choosercontainer #chooseform .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 240px
}

.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
  display: inline-block
}

.jschooser .choosercontainer #chooseform .alloptions .option .typename {
  display: inline-block;
  width: 55%
}

.choosercontainer #chooseform .moduletypetitle,.choosercontainer #chooseform .option,.choosercontainer #chooseform .nonoption {
  margin-bottom: 0;
  padding: 0 1.6em 0 1.6em
}

.choosercontainer #chooseform .moduletypetitle {
  text-transform: uppercase;
  padding-top: 1.2em;
  padding-bottom: .4em;
  margin-bottom: .5rem;
  font-size: 100%
}

.choosercontainer #chooseform .option .typename,.choosercontainer #chooseform .nonoption .typename {
  padding: 0 0 0 .5em
}

.choosercontainer #chooseform .modicon+.typename {
  padding-left: 0
}

.choosercontainer #chooseform .option input[type=radio],.choosercontainer #chooseform .option span.typename {
  vertical-align: middle
}

.choosercontainer #chooseform .option label {
  display: block;
  margin: 0;
  padding: .5rem 0;
  border-bottom: 1px solid #fff
}

.choosercontainer #chooseform .option .icon {
  margin: 0;
  padding: 0 1rem
}

.choosercontainer #chooseform .nonoption {
  padding-left: 2.7em;
  padding-top: .3em;
  padding-bottom: .1em
}

.choosercontainer #chooseform .subtype {
  margin-bottom: 0;
  padding: 0 1.6em 0 3.2em
}

.choosercontainer #chooseform .subtype .typename {
  margin: 0 0 0 .2em
}

.jschooser .choosercontainer #chooseform .instruction,.jschooser .choosercontainer #chooseform .typesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 240px;
  margin: 0;
  padding: 1.6em;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 2em
}

.jschooser .choosercontainer #chooseform .instruction,.choosercontainer #chooseform .selected .typesummary {
  display: block
}

.choosercontainer #chooseform .selected {
  background-color: #fff;
  margin-top: -1px;
  padding-top: 1px
}

@media (max-width: 575.98px) {
  .jsenabled .choosercontainer #chooseform .alloptions {
      max-width:100%
  }

  .jsenabled .choosercontainer #chooseform .instruction,.jsenabled .choosercontainer #chooseform .typesummary {
      position: static
  }
}

.modchooser .modal-body {
  padding: 0;
  overflow-y: auto;
  min-height: 640px;
  display: flex;
  flex-direction: column
}

.modchooser .modal-body .searchresultitemscontainer-wrapper {
  min-height: 495px
}

.modchooser .modal-body .carousel-item.active {
  display: flex
}

.modchooser .modal-body .chooser-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto
}

.modchooser .modal-body .loading-icon {
  opacity: 1
}

.modchooser .modal-body .loading-icon .icon {
  display: block;
  font-size: 3em;
  height: 1em;
  width: 1em
}

.modchooser .modal-body .carousel-item .loading-icon .icon {
  margin: 1em auto
}

.modchooser .modal-body .searchbar {
  width: 100%
}

.modchooser .modal-footer {
  height: 70px;
  background: #fff
}

.modchooser .modal-footer .moodlenet-logo .icon {
  height: 2.5rem;
  width: 6rem;
  margin-bottom: .6rem
}

.modchoosercontainer.noscroll {
  overflow-y: hidden
}

.modchoosercontainer .optionscontainer,.modchoosercontainer .searchresultitemscontainer {
  overflow-x: hidden
}

.modchoosercontainer .optionscontainer .option,.modchoosercontainer .searchresultitemscontainer .option {
  flex-basis: calc(50% - 0.5rem)
}

.modchoosercontainer .optionscontainer .option .optionactions .optionaction,.modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
  cursor: pointer;
  color: #6c757d
}

.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
}

.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
}

.formlistingall {
  margin: 15px 0;
  padding: 0
}

.formlistingrow {
  cursor: pointer;
  border-bottom: 1px solid;
  border-color: #e1e1e8;
  border-left: 1px solid #e1e1e8;
  border-right: 1px solid #e1e1e8;
  background-color: #f7f7f9;
  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/elan/core/1623852687/i/expired);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
  left: 25px;
  top: 15px;
  position: absolute;
  z-index: 10;
  opacity: .85
}

#badge-image {
  background-color: transparent;
  padding: 0;
  position: relative;
  min-width: 100px;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-top: 17px;
  margin-bottom: 20px
}

#badge-image .expireimage {
  background-image: url(/theme/image.php/elan/core/1623852687/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-details dl dt,#badge-overview dl dd,#badge-details dl dd {
  vertical-align: top;
  padding: 3px 0
}

#badge-overview dl dt,#badge-details dl dt {
  clear: both;
  display: inline-block;
  width: 20%;
  min-width: 100px
}

#badge-overview dl dd,#badge-details dl dd {
  display: inline-block;
  width: 79%;
  margin-left: 1%
}

.badge-profile {
  vertical-align: top
}

.connected {
  color: #357a32
}

.notconnected {
  color: #ca3120
}

.connecting {
  color: #f0ad4e
}

#page-badges-award .recipienttable tr td {
  vertical-align: top
}

#page-badges-award .recipienttable tr td.actions .actionbutton {
  margin: .3em 0;
  padding: .5em 0;
  width: 100%
}

#page-badges-award .recipienttable tr td.existing,#page-badges-award .recipienttable tr td.potential {
  width: 42%
}

#issued-badge-table .activatebadge {
  display: inline-block
}

.statusbox.active {
  background-color: #d7e4d6
}

.statusbox.inactive {
  background-color: #fcefdc
}

.statusbox {
  text-align: center;
  margin-bottom: 5px;
  padding: 5px
}

.statusbox .activatebadge {
  display: inline-block
}

.statusbox .activatebadge input[type=submit] {
  margin: 3px
}

.activatebadge {
  margin: 0;
  text-align: left;
  vertical-align: middle
}

img#persona_signin {
  cursor: pointer
}

.addcourse {
  float: right
}

.invisiblefieldset {
  display: inline;
  padding: 0;
  border-width: 0
}

#page-header .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
}

.page-context-header .page-header-image,.page-context-header .page-header-headings {
  float: left;
  display: block;
  position: relative
}

.page-context-header .page-header-image {
  margin-right: 1em;
  margin-bottom: 1em
}

.page-context-header .page-header-image>a {
  display: inline-block
}

.page-context-header .page-header-headings,.page-context-header .header-button-group {
  position: relative;
  line-height: 24px;
  vertical-align: middle
}

.page-context-header .header-button-group {
  display: block;
  float: left
}

ul.dragdrop-keyboard-drag li {
  list-style-type: none
}

a.disabled:hover,a.disabled {
  text-decoration: none;
  cursor: default;
  font-style: italic;
  color: gray
}

body.lockscroll {
  height: 100%;
  overflow: hidden
}

.progressbar_container {
  max-width: 500px;
  margin: 0 auto
}

.ie10 .yui3-calendar-header-label {
  display: inline-block
}

dd:before,dd:after {
  display: block;
  content: " "
}

dd:after {
  clear: both
}

.nav-tabs>.active>a[href],.nav-tabs>.active>a[href]:hover,.nav-tabs>.active>a[href]:focus {
  cursor: pointer
}

.inplaceeditable.inplaceeditingon {
  position: relative
}

.inplaceeditable.inplaceeditingon .editinstructions {
  margin-top: -30px;
  font-weight: 400;
  margin-right: 0;
  margin-left: 0;
  left: 0;
  right: auto;
  white-space: nowrap
}

@media (min-width: 576px) {
  .inplaceeditable.inplaceeditingon input {
      width:330px;
      vertical-align: text-bottom;
      margin-bottom: 0
  }
}

.inplaceeditable.inplaceeditingon select {
  margin-bottom: 0
}

.inplaceeditable .quickediticon img {
  opacity: .2
}

.inplaceeditable .quickeditlink {
  color: inherit;
  text-decoration: inherit
}

.inplaceeditable:hover .quickeditlink .quickediticon img,.inplaceeditable .quickeditlink:focus .quickediticon img {
  opacity: 1
}

.inplaceeditable.inplaceeditable-toggle .quickediticon {
  display: none
}

.inplaceeditable.inplaceeditable-autocomplete {
  display: block
}

h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
  margin-top: -20px
}

.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
}

ul {
  padding-left: 1rem;
  -webkit-margin-start: .2rem
}

.hover-tooltip-container {
  position: relative
}

.hover-tooltip-container .hover-tooltip {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: calc(-50% - 5px);
  transform: translate(-50%,-50%);
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  box-sizing: border-box;
  padding: 5px;
  white-space: nowrap;
  transition: opacity 0.15s,visibility 0.15s;
  z-index: 1000
}

.hover-tooltip-container .hover-tooltip:before {
  content: '';
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(0,0,0,.2);
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px)
}

.hover-tooltip-container .hover-tooltip:after {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  bottom: -6px;
  left: calc(50% - 7px);
  z-index: 2
}

.hover-tooltip-container:hover .hover-tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.15s 0.5s,visibility 0.15s 0.5s
}

#region-flat-nav {
  padding-right: 0;
  padding-left: 0
}

#region-flat-nav .nav {
  margin-right: 15px;
  background-color: #fff
}

@media (max-width: 767.98px) {
  #region-flat-nav .nav {
      margin-top:30px;
      margin-right: 0
  }
}

#page-footer a {
  color: #fff;
  text-decoration: underline
}

#page-footer a .icon {
  color: #fff
}

#page-footer a:focus .icon {
  color: #212529
}

.bg-inverse a {
  color: #fff;
  text-decoration: underline
}

.bg-inverse a .icon {
  color: #fff
}

.sitelink img {
  width: 112px
}

.dropdown-item a {
  display: block;
  width: 100%;
  color: #212529
}

.dropdown-item:active,.dropdown-item:hover,.dropdown-item:focus,.dropdown-item:focus-within {
  outline: 0;
  background-color: #fe824c
}

.dropdown-item:active a,.dropdown-item:hover a,.dropdown-item:focus a,.dropdown-item:focus-within a {
  color: #fff
}

.dropdown-item[aria-current="true"] {
  position: relative;
  display: flex;
  align-items: center
}

.dropdown-item[aria-current="true"]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
  position: absolute;
  left: .4rem;
  font-size: .7rem
}

.competency-tree ul {
  padding-left: 1.5rem
}

.sr-only-focusable:active,.sr-only-focusable:focus {
  z-index: 1031;
  position: fixed;
  background: #fff;
  padding: 7px;
  left: 0;
  top: 0
}

[data-drag-type="move"] {
  cursor: move;
  touch-action: none
}

.clickable {
  cursor: pointer
}

.overlay-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.6)
}

.overlay-icon-container .loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.overlay-icon-container .loading-icon .icon {
  height: 30px;
  width: 30px;
  font-size: 30px
}

.w-auto {
  width: auto
}

.bg-pulse-grey {
  animation: bg-pulse-grey 2s infinite linear
}

@keyframes bg-pulse-grey {
  0% {
      background-color: #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
}

.text-decoration-none {
  text-decoration: none!important
}

.colour-inherit {
  color: inherit!important
}

.position-right {
  right: 0!important
}

.overflow-hidden {
  overflow: hidden!important
}

.text-break {
  overflow-wrap: break-word!important
}

.word-break {
  word-break: break-word!important
}

.z-index-0 {
  z-index: 0!important
}

.z-index-1 {
  z-index: 1!important
}

.float-left {
  float: left!important
}

.float-right {
  float: right!important
}

.img-responsive {
  max-width: 100%;
  height: auto
}

input[disabled] {
  cursor: not-allowed
}

.custom-select {
  width: auto
}

.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: #fff;
  color: #212529;
  height: 1.5rem
}

.emoji-picker {
  width: 350px;
  height: 400px
}

.emoji-picker .category-button {
  padding: .375rem 0;
  height: 100%;
  width: 38.8888888889px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid transparent
}

.emoji-picker .category-button.selected {
  border-bottom: 2px solid #fe824c
}

.emoji-picker .emojis-container,.emoji-picker .search-results-container {
  min-width: 280px
}

.emoji-picker .picker-row {
  height: 40px
}

.emoji-picker .picker-row .category-name {
  line-height: 40px
}

.emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px;
  overflow: hidden
}

.emoji-picker .picker-row .emoji-button:hover,.emoji-picker .picker-row .emoji-button:focus {
  color: inherit;
  text-decoration: none
}

.emoji-picker .emoji-preview {
  height: 40px;
  font-size: 40px;
  line-height: 40px
}

.emoji-picker .emoji-short-name {
  line-height: 20px
}

@media (max-width: 575.98px) {
  .emoji-picker {
      width:320px
  }
}

.emoji-auto-complete {
  height: 40px
}

.emoji-auto-complete .btn.btn-link.btn-icon.emoji-button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 24px
}

.emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active {
  background-color: #e9ecef
}

.toast-wrapper {
  max-width: 350px;
  max-height: 0;
  z-index: 1051
}

.toast-wrapper>:first-child {
  margin-top: 1rem
}

.alert-primary a {
  color: #5d301c
}

.alert-secondary a {
  color: #525557
}

.alert-success a {
  color: #0c1b0b
}

.alert-info a {
  color: #00171b
}

.alert-warning a {
  color: #563e1c
}

.alert-danger a {
  color: #3d0f0a
}

.alert-light a {
  color: #686868
}

.alert-dark a {
  color: #040505
}

.alert a {
  font-weight: 700
}

@media (max-width: 767.98px) {
  #page-navbar {
      width:100%
  }

  .breadcrumb:not(:empty) {
      width: 100%;
      border: 2px solid #e9ecef;
      padding: .25rem;
      margin-bottom: .5rem
  }

  .breadcrumb:not(:empty) .breadcrumb-item {
      padding-top: .3333333333rem;
      padding-bottom: .3333333333rem;
      display: inline-block
  }

  .mform {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px
  }

  .pagination {
      flex-wrap: wrap;
      justify-content: center
  }

  .custom-select {
      max-width: 100%
  }

  .card .card-body {
      padding: .625rem
  }

  #page-header .card {
      border: 0
  }

  #page-header .card .card-body {
      padding: 0
  }

  .nav-tabs,.nav-pills {
      margin: 0;
      border: 0;
      padding: .125rem;
      background-color: #e9ecef
  }

  .nav-tabs .nav-item,.nav-pills .nav-item {
      flex: 1 1 auto;
      text-align: center
  }

  .nav-tabs .nav-link,.nav-pills .nav-link {
      background: #fff;
      border: 0;
      margin: .125rem
  }

  .nav-tabs .nav-link.active,.nav-pills .nav-link.active {
      color: #6c757d;
      border-color: #6c757d;
      border-color: #6c757d
  }

  .nav-tabs .nav-link.active:hover,.nav-pills .nav-link.active:hover {
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d
  }

  .nav-tabs .nav-link.active:focus,.nav-pills .nav-link.active:focus,.nav-tabs .nav-link.active.focus,.nav-pills .nav-link.active.focus {
      box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
  }

  .nav-tabs .nav-link.active.disabled,.nav-pills .nav-link.active.disabled,.nav-tabs .nav-link.active:disabled,.nav-pills .nav-link.active:disabled {
      color: #6c757d;
      background-color: transparent
  }

  .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active,.nav-pills .nav-link.active:not(:disabled):not(.disabled):active,.nav-tabs .nav-link.active:not(:disabled):not(.disabled).active,.nav-pills .nav-link.active:not(:disabled):not(.disabled).active,.show>.nav-tabs .nav-link.active.dropdown-toggle,.show>.nav-pills .nav-link.active.dropdown-toggle {
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d
  }

  .nav-tabs .nav-link.active:not(:disabled):not(.disabled):active:focus,.nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,.nav-tabs .nav-link.active:not(:disabled):not(.disabled).active:focus,.nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,.show>.nav-tabs .nav-link.active.dropdown-toggle:focus,.show>.nav-pills .nav-link.active.dropdown-toggle:focus {
      box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
  }
}

@media (max-width: 576px) and (max-height:320px) {
  div#page {
      margin-top:0
  }

  .navbar.fixed-top {
      position: relative;
      z-index: inherit
  }
}

.link-underline {
  text-decoration: underline
}

.link-underline:focus {
  text-decoration: none
}

.alert.cta .icon {
  padding: .3rem
}

.alert.cta .icon.fa {
  border-radius: 50%;
  border-style: solid;
  border-width: .125rem
}

.core_payment_gateways_modal .custom-control-label::before,.core_payment_gateways_modal .custom-control-label::after {
  top: 45%
}

.icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  margin-right: .5rem
}

.icon.spacer {
  margin-right: 0
}

.icon.iconsize-big {
  width: 64px;
  height: 64px;
  font-size: 64px
}

.navbar-dark a .icon {
  color: rgba(255,255,255,.5)!important
}

.action-menu-item a:first-of-type>.icon {
  margin-left: .5rem
}

.ygtvcell .icon {
  margin-left: 0!important
}

.block_navigation .tree_item .icon,.block_settings .tree_item .icon {
  margin-left: 0
}

[data-action=toggle-drawer] .icon {
  margin: 0
}

.icon-no-spacing a>.icon {
  margin: 0
}

.icon-no-margin .icon {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0
}

.icon-large>.icon {
  width: 32px;
  height: 32px
}

.icon-size-0 .icon {
  height: 0!important;
  width: 0!important;
  font-size: 0!important
}

.icon-size-1 .icon {
  height: 4px!important;
  width: 4px!important;
  font-size: 4px!important
}

.icon-size-2 .icon {
  height: 8px!important;
  width: 8px!important;
  font-size: 8px!important
}

.icon-size-3 .icon {
  height: 16px!important;
  width: 16px!important;
  font-size: 16px!important
}

.icon-size-4 .icon {
  height: 24px!important;
  width: 24px!important;
  font-size: 24px!important
}

.icon-size-5 .icon {
  height: 32px!important;
  width: 32px!important;
  font-size: 32px!important
}

.icon-size-6 .icon {
  height: 40px!important;
  width: 40px!important;
  font-size: 40px!important
}

.icon-size-7 .icon {
  height: 48px!important;
  width: 48px!important;
  font-size: 48px!important
}

.helplink .icon {
  margin-left: .5rem
}

.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
}

.environmenttable .warn {
  background-color: #fcefdc;
  color: #f0ad4e
}

.environmenttable .error {
  background-color: #f4d6d2;
  color: #ca3120
}

.environmenttable .ok {
  background-color: #d7e4d6;
  color: #357a32
}

.path-admin .admintable.environmenttable .name,.path-admin .admintable.environmenttable .info,.path-admin #assignrole .admintable .role,.path-admin #assignrole .admintable .userrole,.path-admin #assignrole .admintable .roleholder {
  white-space: nowrap
}

.path-admin .incompatibleblockstable td.c0 {
  font-weight: 700
}

#page-admin-course-category .addcategory {
  padding: 10px
}

#page-admin-course-index .editcourse {
  margin: 20px auto
}

#page-admin-course-index .editcourse th,#page-admin-course-index .editcourse td {
  padding-left: 10px;
  padding-right: 10px
}

.timewarninghidden {
  display: none
}

#page-admin-report-capability-index #capabilitysearch {
  width: 30em
}

#page-admin-qtypes #qtypes div,#page-admin-qtypes #qtypes form,#page-admin-qbehaviours #qbehaviours div,#page-admin-qbehaviours #qbehaviours form {
  display: inline
}

#page-admin-qtypes #qtypes img.spacer,#page-admin-qbehaviours #qbehaviours img.spacer {
  width: 16px
}

#page-admin-qbehaviours .cell.c3,#page-admin-qtypes .cell.c3 {
  font-size: .8203125rem
}

#page-admin-lang .generalbox,#page-admin-course-index .singlebutton,#page-admin-course-index .addcategory,#page-course-index .buttons,#page-course-index-category .buttons,#page-admin-course-category .addcategory,#page-admin-stickyblocks .generalbox,#page-admin-maintenance .buttons,#page-admin-course-index .buttons,#page-admin-course-category .buttons,#page-admin-index .copyright,#page-admin-index .copyrightnotice,#page-admin-index .adminerror .singlebutton,#page-admin-index .adminwarning .singlebutton,#page-admin-index #layout-table .singlebutton {
  text-align: center;
  margin-bottom: 1em
}

.path-admin-roles .capabilitysearchui {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem
}

#page-admin-roles-define .topfields {
  margin: 1em 0 2em
}

#page-admin-roles-define .capdefault {
  background-color: rgba(0,0,0,.075)
}

#page-filter-manage .backlink,.path-admin-roles .backlink {
  margin-top: 1em
}

#page-admin-roles-explain #chooseuser h3,#page-admin-roles-usersroles .contextname {
  margin-top: 0
}

#page-admin-roles-explain #chooseusersubmit {
  margin-top: 0;
  text-align: center
}

#page-admin-roles-usersroles p {
  margin: 0
}

#page-admin-roles-override .cell.c1,#page-admin-roles-assign .cell.c3,#page-admin-roles-assign .cell.c1 {
  padding-top: .75em
}

#page-admin-roles-override .overridenotice,#page-admin-roles-define .definenotice {
  margin: 1em 10% 2em 10%;
  text-align: left
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
  display: block
}

#page-admin-index .updateplugin div {
  margin-bottom: .5em
}

#page-admin-user-user_bulk #users .fgroup {
  white-space: nowrap
}

#page-admin-report-stats-index .graph {
  text-align: center;
  margin-bottom: 1em
}

#page-admin-report-courseoverview-index .graph {
  text-align: center;
  margin-bottom: 1em
}

#page-admin-lang .translator {
  border-width: 1px;
  border-style: solid
}

.path-admin .roleassigntable {
  width: 100%
}

.path-admin .roleassigntable td {
  vertical-align: top;
  padding: .2em .3em
}

.path-admin .roleassigntable p {
  text-align: left;
  margin: .2em 0
}

.path-admin .roleassigntable #existingcell,.path-admin .roleassigntable #potentialcell {
  width: 42%
}

.path-admin .roleassigntable #existingcell p>label:first-child,.path-admin .roleassigntable #potentialcell p>label:first-child {
  font-weight: 700
}

.path-admin .roleassigntable #buttonscell {
  width: 16%
}

.path-admin .roleassigntable #buttonscell #assignoptions {
  font-size: .8203125rem
}

.path-admin .roleassigntable #removeselect_wrapper,.path-admin .roleassigntable #addselect_wrapper {
  width: 100%
}

.path-admin table.rolecap tr.rolecap th {
  text-align: left;
  font-weight: 400
}

.path-admin .rolecap .hiddenrow {
  display: none
}

.path-admin #defineroletable .rolecap .inherit,.path-admin #defineroletable .rolecap .allow,.path-admin #defineroletable .rolecap .prevent,.path-admin #defineroletable .rolecap .prohibit {
  text-align: center;
  padding: 0;
  min-width: 3.5em
}

.path-admin .rolecap .cap-name,.path-admin .rolecap .note {
  display: block;
  font-size: .8203125rem;
  white-space: nowrap;
  font-weight: 400
}

.path-admin .rolecap label {
  display: block;
  text-align: center;
  padding: .5em;
  margin: 0
}

.plugincheckwrapper {
  width: 100%
}

.environmentbox {
  margin-top: 1em
}

#mnetconfig table {
  margin-left: auto;
  margin-right: auto
}

.environmenttable .cell {
  padding: .15em .5em
}

#trustedhosts .generaltable {
  margin-left: auto;
  margin-right: auto;
  width: 500px
}

#trustedhosts .standard {
  width: auto
}

#adminsettings legend {
  display: none
}

#adminsettings fieldset.error {
  margin: .2em 0 .5em 0
}

#adminsettings fieldset.error legend {
  display: block
}

#admin-spelllanguagelist textarea,#page-admin-setting-editorsettingstinymce .form-textarea textarea {
  text-align: left;
  direction: ltr
}

.adminsettingsflags {
  float: right
}

.adminsettingsflags label {
  margin-right: 7px
}

.form-description pre,.formsettingheading pre {
  direction: ltr
}

.form-item .form-setting .form-htmlarea {
  display: inline
}

.form-item .form-setting .form-htmlarea .htmlarea {
  width: 640px;
  display: block
}

.form-item .form-setting .form-multicheckbox ul {
  list-style: none;
  padding: 0;
  margin: 7px 0 0 0
}

.form-item .form-setting .defaultsnext {
  display: inline
}

.form-item .form-setting .locked-checkbox {
  margin-right: .2em;
  margin-left: .5em;
  display: inline
}

.form-item .form-setting .form-password .unmask,.form-item .form-setting .form-defaultinfo {
  display: inline-block
}

.form-item .form-setting .form-defaultinfo {
  max-width: 100%;
  word-wrap: break-word
}

#admin-emoticons td input {
  width: 8em
}

#admin-emoticons td.c0 input {
  width: 4em
}

#adminthemeselector .selectedtheme td.c0 {
  border: 1px solid #b8dce2;
  border-right-width: 0
}

#adminthemeselector .selectedtheme td.c1 {
  border: 1px solid #b8dce2;
  border-left-width: 0
}

.admin_colourpicker,.admin_colourpicker_preview {
  display: none
}

.jsenabled .admin_colourpicker_preview {
  display: inline
}

@media (min-width: 768px) {
  .jsenabled .admin_colourpicker {
      display:block;
      height: 102px;
      width: 410px;
      margin-bottom: 10px;
      box-sizing: content-box
  }

  .admin_colourpicker .colourdialogue {
      float: left;
      border: 1px solid #8f959e
  }

  .admin_colourpicker .previewcolour {
      border: 1px solid #8f959e;
      margin-left: 301px
  }

  .admin_colourpicker .currentcolour {
      border: 1px solid #8f959e;
      margin-left: 301px;
      border-top-width: 0
  }
}

@media (max-width: 767.98px) {
  .jsenabled .admin_colourpicker {
      height:150px;
      margin-bottom: 10px;
      display: block;
      position: relative
  }

  .admin_colourpicker .previewcolour {
      display: none
  }

  .admin_colourpicker .currentcolour {
      position: absolute;
      border: 1px solid #dee2e6;
      top: 100px;
      left: 0
  }
}

.admin_colourpicker .loadingicon {
  vertical-align: middle;
  margin-left: auto
}

#page-admin-index #notice .checkforupdates {
  text-align: center
}

#page-admin-plugins #plugins-overview-panel .info {
  display: inline-block;
  margin-right: 1em
}

#page-admin-plugins .checkforupdates {
  margin: 10px 0
}

#page-admin-plugins .checkforupdates .singlebutton {
  margin: 5px 0;
  padding: 0
}

#page-admin-plugins .checkforupdates .singlebutton div,#page-admin-plugins .checkforupdates .singlebutton input {
  margin: 0 3px 0 0
}

#page-admin-plugins .updateavailableinstallall {
  margin: 5px 0;
  padding: 0
}

#page-admin-plugins .updateavailableinstallall div,#page-admin-plugins .updateavailableinstallall input {
  margin: 0 3px 5px 0
}

#page-admin-plugins #plugins-control-panel .status-missing td {
  background-color: #fcefdc
}

#page-admin-plugins #plugins-control-panel .pluginname .componentname {
  font-size: .8203125rem;
  color: #6c757d;
  margin-left: 22px
}

#page-admin-plugins #plugins-control-panel .version .versionnumber {
  font-size: .8203125rem;
  color: #6c757d
}

#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: #6c757d
}

#plugins-check-page #plugins-check .status-missing td,#plugins-check-page #plugins-check .status-downgrade td {
  background-color: #f4d6d2
}

#plugins-check-page .pluginupdateinfo,#plugins-control-panel .pluginupdateinfo {
  background-color: #cce6ea;
  padding: 5px;
  margin: 10px 0
}

#plugins-check-page .pluginupdateinfo.maturity50,#plugins-control-panel .pluginupdateinfo.maturity50 {
  background-color: #f4d6d2
}

#plugins-check-page .pluginupdateinfo.maturity100,#plugins-control-panel .pluginupdateinfo.maturity100,#plugins-check-page .pluginupdateinfo.maturity150,#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-control-panel .pluginupdateinfo .singlebutton div,#plugins-check-page .pluginupdateinfo .singlebutton input,#plugins-control-panel .pluginupdateinfo .singlebutton input {
  margin: 0 3px 0 0
}

.plugins-management-confirm-buttons>div {
  display: inline-block;
  margin: 1em 1em 1em 0
}

.plugins-management-confirm-buttons .continue {
  padding: 0
}

.plugins-management-confirm-buttons .continue div,.plugins-management-confirm-buttons .continue input {
  margin: 0
}

#page-admin-index .upgradepluginsinfo {
  text-align: center
}

#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
  content: " | "
}

#page-admin-mnet-peers .box.deletedhosts {
  margin-bottom: 1em;
  font-size: .8203125rem
}

#core-cache-plugin-summaries table,#core-cache-store-summaries table {
  width: 100%
}

#core-cache-lock-summary table,#core-cache-definition-summaries table,#core-cache-mode-mappings table {
  margin: 0 auto
}

#core-cache-store-summaries .default-store td {
  font-style: italic
}

#core-cache-rescan-definitions,#core-cache-mode-mappings .edit-link,#core-cache-lock-additional-actions .new-instance {
  margin-top: .5em;
  text-align: center
}

.maintenancewarning {
  position: fixed;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1000
}

.modal.modal-in-page {
  z-index: 0
}

#page-admin-search .adminpagetitle {
  margin-bottom: 0;
  border-bottom: none
}

#page-admin-search .adminpagepath {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0
}

#page-admin-search .adminpagepath li+li:before {
  padding-right: .5rem;
  padding-left: .5rem;
  content: "/"
}

@media (min-width: 576px) {
  #page-admin-search .container {
      overflow-wrap:break-word
  }
}

#page-admin-tasklogs .task-class {
  font-size: .8203125rem;
  color: #6c757d
}

.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: #212529
}

[data-region="blocks-column"] {
  width: 360px;
  float: right
}

@media (min-width: 576px) {
  #region-main-settings-menu {
      position:relative;
      float: left;
      width: 100%
  }

  #region-main-settings-menu>div {
      position: absolute;
      right: 0;
      z-index: 100;
      margin: 1rem
  }

  .region_main_settings_menu_proxy {
      width: 4rem;
      height: 2rem;
      background-color: #fff;
      margin-left: .625rem;
      margin-bottom: .625rem;
      border-bottom-left-radius: .5rem;
      float: right
  }
}

@media (max-width: 767.98px) {
  #region-main-settings-menu .menubar {
      justify-content:flex-end
  }
}

#region-main-settings-menu.has-blocks,#region-main.has-blocks {
  display: inline-block;
  width: calc(100% - 375px)
}

@media (max-width: 1199.98px) {
  #region-main-settings-menu.has-blocks,#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 .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 a.coursename,.block .block-cards span.categoryname,.block .block-cards .btn-link {
  color: inherit
}

.block .block-cards .multiline {
  white-space: normal
}

.block .block-cards .btn.btn-link.btn-icon {
  height: 36px;
  width: 36px;
  padding: 0;
  border-radius: 50%
}

.block .block-cards .btn.btn-link.btn-icon:hover,.block .block-cards .btn.btn-link.btn-icon:focus {
  background-color: #e9ecef
}

.dashboard-card-deck.one-row {
  flex-flow: nowrap;
  overflow-x: scroll
}

.summaryimage {
  height: 5rem;
  width: 5rem;
  background-position: center;
  background-size: cover
}

.dashboard-card-deck .dashboard-card {
  margin-bottom: .5rem;
  flex-basis: auto;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0
}

.dashboard-card-deck .dashboard-card .dashboard-card-img {
  height: 7rem;
  background-position: center;
  background-size: cover
}

.dashboard-card-deck .dashboard-card .dashboard-card-footer {
  padding: .8rem
}

@media (min-width: 576px) {
  .dashboard-card-deck.fixed-width-cards .dashboard-card {
      width:300px;
      max-width: 100%
  }
}

@media (min-width: 576px) {
  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(50% - 0.5rem)
  }
}

@media (min-width: 840px) {
  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(33.33% - 0.5rem)
  }
}

@media (min-width: 1100px) {
  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(25% - 0.5rem)
  }
}

@media (min-width: 1360px) {
  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(20% - 0.5rem)
  }
}

@media (min-width: 1200px) {
  #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(33.33% - 0.5rem)
  }
}

@media (min-width: 1470px) {
  #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(25% - 0.5rem)
  }
}

@media (min-width: 768px) {
  body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(100% - 0.5rem)
  }
}

@media (min-width: 861px) {
  body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(50% - 0.5rem)
  }
}

@media (min-width: 1122px) {
  body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(33.33% - 0.5rem)
  }
}

@media (min-width: 1381px) {
  body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(25% - 0.5rem)
  }
}

@media (min-width: 1200px) {
  body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(100% - 0.5rem)
  }
}

@media (min-width: 1236px) {
  body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(50% - 0.5rem)
  }
}

@media (min-width: 1497px) {
  body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width:calc(33.33% - 0.5rem)
  }
}

@media (min-width: 1200px) {
  #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) {
      margin-left:0;
      margin-right: 0
  }

  #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
      width: calc(100% - 0.5rem)!important
  }
}

.block_recentlyaccessedcourses .paging-bar-container {
  margin-top: -2.4rem;
  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 img.icon {
  height: 24px;
  width: 24px;
  margin-right: 6px
}

.block_myoverview .content {
  min-height: 19.35rem
}

.block_myoverview .paged-content-page-container {
  min-height: 13rem
}

.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"]:before,.block_navigation .block_tree [aria-expanded="true"]:before {
  content: "\f107";
  margin-right: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  width: 16px
}

.block_settings .block_tree [aria-expanded="false"]:before,.block_navigation .block_tree [aria-expanded="false"]:before {
  content: "\f105";
  margin-right: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  width: 16px
}

.dir-rtl .block_settings .block_tree [aria-expanded="false"]:before,.dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
  content: "\f104"
}

.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: #6c757d
}

@media (max-width: 767.98px) {
  .block.card {
      border-left:0;
      border-right: 0
  }
}

.block_social_activities li a.movehere,.block_site_main_menu li a.movehere {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #343a40;
  margin: 4px 0
}

.navbar {
  max-height: 50px
}

.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
}

.path-calendar .calendartable {
  width: 100%;
  table-layout: fixed
}

.path-calendar .calendartable th,.path-calendar .calendartable td {
  width: 14%;
  vertical-align: top;
  text-align: center;
  border: 0
}

.path-calendar .calendar-controls .previous,.path-calendar .calendar-controls .next,.path-calendar .calendar-controls .current {
  display: block;
  float: left;
  width: 12%
}

.path-calendar .calendar-controls .previous {
  text-align: left;
  border: 1px solid transparent
}

.path-calendar .calendar-controls .current {
  text-align: center;
  width: 76%
}

.path-calendar .calendar-controls .next {
  text-align: right;
  border: 1px solid transparent
}

.path-calendar .calendar-controls .drop-target {
  box-sizing: border-box;
  border: 1px dashed #fe824c
}

.path-calendar .filters table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%
}

.path-calendar .maincalendar {
  vertical-align: top;
  padding: 0
}

.path-calendar .maincalendar .bottom {
  text-align: center;
  padding: 5px 0 0 0
}

.path-calendar .maincalendar .heightcontainer {
  height: 100%;
  position: relative
}

.path-calendar .maincalendar .calendarmonth {
  width: 98%;
  margin: 10px auto
}

.path-calendar .maincalendar .calendarmonth ul {
  margin: 0;
  padding: 0
}

.path-calendar .maincalendar .calendarmonth ul li {
  list-style-type: none
}

.path-calendar .maincalendar .calendarmonth ul li>a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block
}

.path-calendar .maincalendar .calendarmonth ul li>a:hover {
  text-decoration: none
}

.path-calendar .maincalendar .calendarmonth ul li>a:hover .eventname {
  text-decoration: underline
}

.path-calendar .maincalendar .calendarmonth ul li .icon {
  margin-left: .25em;
  margin-right: .25em;
  vertical-align: initial
}

.path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  vertical-align: middle;
  display: inline-block
}

.path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
  background-color: #e0cbe0;
  border: 2px solid #9e619f
}

.path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
  background-color: #ffd3bd;
  border: 2px solid #d34600
}

.path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
  background-color: #d6f8cd;
  border: 2px solid #2b8713
}

.path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
  background-color: #fee7ae;
  border: 2px solid #9a6e02
}

.path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
  background-color: #dce7ec;
  border: 2px solid #4e7c91
}

.path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
  background-color: #ced4da;
  border: 2px solid #687889
}

.path-calendar .maincalendar .calendarmonth td {
  height: 5em
}

.path-calendar .maincalendar .calendarmonth .clickable:hover {
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}

.path-calendar .maincalendar .calendar-controls .previous,.path-calendar .maincalendar .calendar-controls .next {
  width: 30%
}

.path-calendar .maincalendar .calendar-controls .current {
  width: 39.95%
}

.path-calendar .maincalendar .controls {
  width: 98%;
  margin: 10px auto
}

.path-calendar .maincalendar .calendar_event_category:hover a,.path-calendar .maincalendar .calendar_event_course:hover a,.path-calendar .maincalendar .calendar_event_site:hover a,.path-calendar .maincalendar .calendar_event_group:hover a,.path-calendar .maincalendar .calendar_event_user:hover a {
  color: #fc4d01;
  text-decoration: underline
}

.path-calendar .maincalendar .calendar_event_category {
  border-color: #e0cbe0
}

.path-calendar .maincalendar .calendar_event_course {
  border-color: #ffd3bd
}

.path-calendar .maincalendar .calendar_event_site {
  border-color: #d6f8cd
}

.path-calendar .maincalendar .calendar_event_group {
  border-color: #fee7ae
}

.path-calendar .maincalendar .calendar_event_user {
  border-color: #dce7ec
}

.path-calendar .maincalendar .calendar_event_other {
  border-color: #ced4da
}

.path-calendar .maincalendar .calendartable td,.path-calendar .maincalendar .calendartable li {
  padding: 0 4px 4px 4px
}

.path-calendar .maincalendar .calendartable li {
  text-align: left
}

.path-calendar .maincalendar .header {
  overflow: hidden
}

.path-calendar .maincalendar .header .buttons {
  float: right
}

.path-calendar .maincalendar .event .card-header img {
  vertical-align: baseline
}

.path-calendar .maincalendar .event .location {
  word-break: break-all;
  overflow-wrap: break-word
}

#page-calendar-export .indent {
  padding-left: 20px
}

.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: #6c757d
}

.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-controls .previous,.block .calendar-controls .current,.block .calendar-controls .next {
  display: block;
  float: left
}

.block .calendar-controls .previous {
  text-align: left;
  width: 12%
}

.block .calendar-controls .current {
  text-align: center;
  width: 76%
}

.block .calendar-controls .next {
  text-align: right;
  width: 12%
}

.block .calendar_filters ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.block .calendar_filters li {
  margin-bottom: .2em
}

.block .calendar_filters li span.calendar_event_category i {
  color: #0d5ca1
}

.block .calendar_filters li span.calendar_event_course i {
  color: #0d5ca1
}

.block .calendar_filters li span.calendar_event_site i {
  color: #0d5ca1
}

.block .calendar_filters li span.calendar_event_group i {
  color: #0d5ca1
}

.block .calendar_filters li span.calendar_event_user i {
  color: #0d5ca1
}

.block .calendar_filters li span.calendar_event_other i {
  color: #0d5ca1
}

.block .calendar_filters li span img {
  padding: 0 .2em;
  margin: 0
}

.block .calendar_filters li .icon {
  vertical-align: initial;
  margin: 0 .1rem 0 .4rem
}

.block .calendar_filters li>a:hover {
  text-decoration: none
}

.block .calendar_filters li>a:hover .eventname {
  text-decoration: underline
}

.block .content h3.eventskey {
  margin-top: .5em
}

table.calendartable caption {
  caption-side: top
}

@media (min-width: 768px) {
  #page-calender-view .container-fluid,#page-calender-view .container-sm,#page-calender-view .container-md,#page-calender-view .container-lg,#page-calender-view .container-xl {
      min-width:1024px
  }
}

.calendarwrapper {
  position: relative
}

.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: #6c757d
}

.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
}

@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-heading,.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
}

@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-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 15%;
      max-width: 15%
  }

  .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.dir-none .default,.content-bank-container.view-list .cb-btnsort.dir-asc .asc,.content-bank-container.view-list .cb-btnsort.dir-desc .desc {
  display: block
}

.cb-toolbar-container .dropdown-scrollable {
  max-height: 190px;
  overflow-y: auto
}

.section_add_menus {
  text-align: right;
  clear: both
}

.section-modchooser {
  clear: both
}

.block_tree .tree_item.branch {
  margin-left: 8px
}

.section_add_menus .horizontal div,.section_add_menus .horizontal form {
  display: inline
}

.section_add_menus optgroup {
  font-weight: 400;
  font-style: italic
}

.section_add_menus .urlselect {
  text-align: left;
  margin-left: .4em
}

.section_add_menus .urlselect select {
  margin-left: .2em
}

.sitetopic ul.section {
  margin: 0
}

body:not(.editing) .sitetopic ul.section {
  padding-left: 0
}

body:not(.editing) .sitetopic ul.section .label .mod-indent-outer {
  padding-left: 0
}

@media (min-width: 576px) {
  .course-content ul.section {
      margin:1rem
  }
}

.section .side {
  margin-top: .5rem
}

.section .side.left {
  float: left
}

.section .side.right {
  float: right;
  clear: right
}

.section .spinner {
  height: 16px;
  width: 16px
}

.section .activity .spinner {
  left: 100%;
  position: absolute
}

.section .activity .actions {
  position: absolute;
  right: 0;
  top: 0;
  display: flex
}

.section .activity .contentwithoutlink,.section .activity .activityinstance {
  min-width: 40%;
  display: table-cell;
  padding-right: 4px;
  min-height: 2em
}

.section .activity .contentwithoutlink>a,.section .activity .activityinstance>a {
  display: inline-block;
  text-indent: -31px;
  padding-left: 31px
}

.section .activity .contentwithoutlink .dimmed .activityicon,.section .activity .activityinstance .dimmed .activityicon {
  opacity: .5
}

.section .activity .stealth {
  color: #6c757d
}

.section .activity a.stealth,.section .activity a.stealth:hover {
  color: #ffdbcb!important
}

.section .label .contentwithoutlink,.section .label .activityinstance {
  padding-right: 32px;
  display: block;
  height: inherit
}

@media (min-width: 576px) {
  .section .label .mod-indent-outer {
      padding-left:24px;
      display: block
  }
}

.section .filler {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 .5rem;
  display: inline-block
}

.section .activity.editor_displayed a.editing_title,.section .activity.editor_displayed .moodle-actionmenu {
  display: none
}

.section .activity.editor_displayed div.activityinstance {
  padding-right: initial
}

.section .activity.editor_displayed div.activityinstance input {
  margin-bottom: initial;
  padding-top: initial;
  padding-bottom: initial;
  vertical-align: text-bottom
}

.activity img.activityicon {
  margin-right: 6px;
  vertical-align: text-bottom
}

.section .activity .activityinstance,.section .activity .activityinstance div {
  display: inline-block
}

.editing .section .activity .contentwithoutlink,.editing .section .activity .activityinstance {
  padding-right: 200px
}

.editing .section .activity .editing_move {
  position: absolute;
  left: 0;
  top: 0
}

.editing .section .activity .mod-indent-outer {
  padding-left: 2rem
}

.editing_show+.editing_assign,.editing_hide+.editing_assign {
  margin-left: 20px
}

.section .activity .commands {
  white-space: nowrap;
  display: inline-block
}

.section .activity.modtype_label.label {
  font-weight: 400;
  padding: .2em
}

.section li.activity {
  padding: .2em;
  clear: both
}

.section .activity .activityinstance .groupinglabel {
  padding-left: 30px
}

.section .activity .availabilityinfo,.section .activity .contentafterlink {
  margin-top: .5em;
  margin-left: 30px
}

.section .activity .contentafterlink p {
  margin: .5em 0
}

.editing .section .activity:hover,.editing .section .activity.action-menu-shown {
  background-color: rgba(0,0,0,.05)
}

.course-content .current {
  position: relative
}

.course-content .current::before {
  content: "";
  border-left: #fe824c 2px solid;
  position: absolute;
  left: -1.25rem;
  top: 0;
  bottom: 0
}

.course-content .section-summary {
  border: 1px solid #dee2e6;
  margin-top: 5px;
  list-style: none
}

.course-content .section-summary .section-title {
  margin: 2px 5px 10px 5px
}

.course-content .section-summary .summarytext {
  margin: 2px 5px 2px 5px
}

.course-content .section-summary .section-summary-activities .activity-count {
  color: #6c757d;
  font-size: .8203125rem;
  margin: 3px;
  white-space: nowrap;
  display: inline-block
}

.course-content .section-summary .summary {
  margin-top: 5px
}

.course-content .single-section {
  margin-top: 1em
}

.course-content .single-section .section-navigation {
  display: block;
  padding: .5em;
  margin-bottom: -.5em
}

.course-content .single-section .section-navigation .title {
  font-weight: 700;
  font-size: 108%;
  clear: both
}

.course-content .single-section .section-navigation .mdl-left {
  font-weight: 400;
  float: left;
  margin-right: 1em
}

.course-content .single-section .section-navigation .mdl-left .larrow {
  margin-right: .1em
}

.course-content .single-section .section-navigation .mdl-right {
  font-weight: 400;
  float: right;
  margin-left: 1em
}

.course-content .single-section .section-navigation .mdl-right .rarrow {
  margin-left: .1em
}

.course-content .single-section .section-navigation .mdl-bottom {
  margin-top: 0
}

.course-content ul li.section.main {
  border-bottom: 1px solid #dee2e6;
  margin-top: 0
}

.course-content ul li.section.main:last-child {
  border-bottom: 0
}

.course-content ul li.section.hidden .sectionname>span,.course-content ul li.section.hidden .content>div.summary,.course-content ul li.section.hidden .activity .activityinstance {
  color: #6c757d
}

.course-content ul.topics,.course-content ul.weeks {
  padding: 0;
  margin: 0;
  list-style: none
}

.course-content ul.topics li.section,.course-content ul.weeks li.section {
  margin-top: 1rem;
  padding-bottom: 1rem
}

.course-content ul.topics li.section .content,.course-content ul.weeks li.section .content {
  margin: 0;
  padding: 0
}

@media (min-width: 576px) {
  .course-content ul.topics li.section .summary,.course-content ul.weeks li.section .summary,.course-content ul.topics li.section .content>.availabilityinfo,.course-content ul.weeks li.section .content>.availabilityinfo {
      margin-left:25px
  }
}

.course-content ul.topics li.section .left,.course-content ul.weeks li.section .left,.course-content ul.topics li.section .right,.course-content ul.weeks li.section .right {
  padding: 0 6px 0;
  text-align: right;
  width: auto
}

@media (max-width: 767.98px) {
  body:not(.editing) .course-content ul.topics li.section .left,body:not(.editing) .course-content ul.weeks li.section .left,body:not(.editing) .course-content ul.topics li.section .right,body:not(.editing) .course-content ul.weeks li.section .right {
      display:none
  }
}

.course-content {
  margin-top: 0
}

.course-content .hidden {
  display: none
}

@media (max-width: 767.98px) {
  .course-content li.section ul {
      padding-left:0
  }
}

.course-content li.section ul {
  list-style: disc
}

.course-content li.section ul ul {
  list-style: circle
}

.course-content li.section ul ul ul {
  list-style: square
}

.course-content li.section li.activity ul {
  list-style: disc
}

.course-content li.section li.activity ul ul {
  list-style: circle
}

.course-content li.section li.activity ul ul ul {
  list-style: square
}

.course-content li.section .right>.icon:first-child {
  display: none
}

.path-course-view.editing #region-main>.card-block {
  padding-bottom: 13rem
}

.jumpmenu .form-inline {
  display: block
}

.path-course-view .completionprogress {
  margin-left: 25px
}

.path-course-view .completionprogress {
  display: block;
  float: right;
  height: 20px;
  position: relative
}

#page-site-index .subscribelink {
  text-align: right
}

#site-news-forum h2,#frontpage-course-list h2,#frontpage-category-names h2,#frontpage-category-combo h2 {
  margin-bottom: 9px
}

.path-course-view a.reduce-sections {
  padding-left: .2em
}

.path-course-view .subscribelink {
  text-align: right
}

.path-course-view .unread {
  margin-left: 30px
}

.path-course-view .block.drag .header {
  cursor: move
}

.path-course-view .completionprogress {
  text-align: right
}

.path-course-view .single-section .completionprogress {
  margin-right: 5px
}

.path-site li.activity>div,.path-course-view li.activity>div {
  position: relative;
  padding: 0 16px 0 0
}

.path-course-view li.activity span.autocompletion img {
  vertical-align: text-bottom;
  margin-left: 0
}

.path-course-view li.activity form.togglecompletion .btn {
  padding: 0
}

.path-course-view li.activity form.togglecompletion img {
  max-width: none
}

.path-course-view.editing li.activity span.autocompletion img {
  margin-right: .5rem;
  margin-left: .5rem
}

.path-course-view li.activity form.togglecompletion .ajaxworking {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 22px;
  top: 3px;
  background: url(/theme/image.php/elan/core/1623852687/i/ajaxloader) no-repeat
}

li.section.hidden span.commands a.editing_hide,li.section.hidden span.commands a.editing_show {
  cursor: default
}

.single-section h3.sectionname {
  text-align: center;
  clear: both
}

input.titleeditor {
  width: 330px;
  vertical-align: text-bottom
}

span.editinstructions {
  position: absolute;
  top: 0;
  margin-top: -22px;
  margin-left: 30px;
  font-size: .8203125rem;
  padding: .1em .4em;
  text-decoration: none;
  z-index: 9999;
  border: 0 solid transparent;
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2
}

span.editinstructions hr {
  border-top-color: #a6d3da
}

span.editinstructions .alert-link {
  color: #00171b
}

#dndupload-status {
  position: fixed;
  left: 0;
  width: 40%;
  margin: 0 30%;
  padding: 6px;
  text-align: center;
  z-index: 1;
  border: 0 solid transparent;
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2
}

#dndupload-status hr {
  border-top-color: #a6d3da
}

#dndupload-status .alert-link {
  color: #00171b
}

.dndupload-preview {
  color: #909090;
  border: 1px dashed #909090;
  list-style: none;
  margin-top: .2em;
  padding: .3em
}

.dndupload-hidden {
  display: none
}

#page-course-pending .singlebutton,#page-course-index .singlebutton,#page-course-index-category .singlebutton,#page-course-editsection .singlebutton {
  text-align: center
}

#page-admin-course-manage #movecourses td img {
  margin: 0 .22em;
  vertical-align: text-bottom
}

#coursesearch {
  margin-top: 1em;
  text-align: left
}

#page-course-pending .pendingcourserequests {
  margin-bottom: 1em
}

#page-course-pending .pendingcourserequests .singlebutton {
  display: inline
}

#page-course-pending .pendingcourserequests .cell {
  padding: 0 5px
}

#page-course-pending .pendingcourserequests .cell.c6 {
  white-space: nowrap
}

.coursebox {
  padding: .5rem
}

.coursebox>.info>.coursename a {
  display: block;
  background-image: url(/theme/image.php/elan/core/1623852687/i/course);
  background-repeat: no-repeat;
  padding-left: 21px;
  background-position: left .2em
}

.coursebox>.info>.coursename,.coursebox .content .teachers,.coursebox .content .courseimage,.coursebox .content .coursefile,.coursebox .content .customfields-container {
  float: left;
  clear: left
}

.coursebox .content .teachers,.coursebox .content .courseimage,.coursebox .content .coursefile,.coursebox .content .customfields-container {
  width: 40%
}

.coursebox>.info>h3.coursename {
  margin: 5px
}

.coursebox>.info>.coursename {
  margin: 5px;
  padding: 0
}

.coursebox .content .teachers li {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.coursebox .moreinfo,.coursebox .enrolmenticons {
  padding: 3px 0;
  float: right
}

.coursebox .moreinfo img {
  margin: 0 .2em
}

.coursebox .content {
  clear: both
}

.coursebox .content .summary,.coursebox .content .coursecat {
  float: right;
  width: 55%
}

.coursebox .content .coursecat {
  text-align: right;
  clear: right
}

.coursebox.remotecoursebox .remotecourseinfo {
  float: left;
  width: 40%
}

.coursebox .content .courseimage img {
  max-width: 100px;
  max-height: 100px
}

.coursebox .content .coursecat,.coursebox .content .summary,.coursebox .content .courseimage,.coursebox .content .coursefile,.coursebox .content .teachers,.coursebox.remotecoursebox .remotecourseinfo,.coursebox .content .customfields-container {
  margin: 15px 5px 5px;
  padding: 0
}

.coursebox.remotehost>.info>.categoryname a {
  background-image: url(/theme/image.php/elan/core/1623852687/i/mnethost)
}

.coursebox.collapsed {
  margin-bottom: 0
}

.coursebox.collapsed>.content {
  display: none
}

.courses .coursebox.collapsed {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.courses .coursebox.even {
  background-color: rgba(0,0,0,.05)
}

.courses>.paging.paging-morelink {
  text-align: center;
  padding: 1rem
}

.course_category_tree .category .numberofcourse {
  font-size: .8203125rem
}

.course_category_tree .controls {
  visibility: hidden
}

.course_category_tree .controls div {
  display: inline;
  cursor: pointer
}

.jsenabled .course_category_tree .controls {
  visibility: visible
}

.course_category_tree .controls {
  margin-bottom: 5px;
  text-align: right;
  float: right
}

.course_category_tree .controls div {
  padding-right: 2em;
  font-size: 75%
}

.course_category_tree .category>.info>.categoryname {
  background-image: url(/theme/image.php/elan/core/1623852687/t/collapsed_empty);
  background-repeat: no-repeat;
  padding: 2px 18px;
  margin: 3px;
  background-position: center left
}

.course_category_tree .category.with_children>.info>.categoryname {
  background-image: url(/theme/image.php/elan/core/1623852687/t/expanded);
  cursor: pointer
}

.course_category_tree .category.with_children.collapsed>.info>.categoryname {
  background-image: url(/theme/image.php/elan/core/1623852687/t/collapsed)
}

.course_category_tree .category.collapsed>.content {
  display: none
}

.course_category_tree .category>.info {
  clear: both
}

.course_category_tree .category>.content {
  padding-left: 16px
}

#page-course-index-category .generalbox.info {
  margin-bottom: 15px;
  border: 1px dotted #ddd;
  padding: 5px
}

#page-course-index-category .categorypicker {
  text-align: center;
  margin: 10px 0 20px
}

#course-category-listings {
  margin-bottom: 0
}

#course-category-listings.columns-2>#course-listing>div {
  position: relative;
  left: -1px
}

#course-category-listings.columns-3>#course-listing>div {
  height: 100%
}

#course-category-listings>div>div {
  min-height: 300px
}

#course-category-listings>div>div>ul.ml>li:first-child>div {
  border-top: 0
}

#course-category-listings h3 {
  margin: 0;
  padding: .4rem .6rem .3rem
}

#course-category-listings h4 {
  margin: 1rem 0 0;
  padding: .6rem 1rem .5rem
}

#course-category-listings .moodle-actionmenu {
  white-space: nowrap
}

#course-category-listings .listing-actions {
  text-align: center
}

#course-category-listings .listing-actions>.moodle-actionmenu {
  display: inline-block
}

#course-category-listings ul.ml {
  list-style: none;
  margin: 1rem 0
}

#course-category-listings ul.ml ul.ml {
  margin: 0
}

#course-category-listings .listitem[data-selected='1'] {
  border-left: calc(1px + 5px) solid #fe824c;
  padding-left: calc(1.25rem - 5px)
}

#course-category-listings .item-actions {
  margin-right: 1em;
  display: inline-block
}

#course-category-listings .item-actions.show .menu img {
  width: 12px;
  max-width: none
}

#course-category-listings .item-actions .menu-action-text {
  vertical-align: inherit
}

#course-category-listings .listitem>div>.float-left {
  float: left
}

#course-category-listings .listitem>div>.float-right {
  float: right;
  text-align: right
}

#course-category-listings .listitem>div .item-actions .action-show {
  display: none
}

#course-category-listings .listitem>div .item-actions .action-hide {
  display: inline
}

#course-category-listings .listitem>div .without-actions {
  color: #333
}

#course-category-listings .listitem>div .idnumber {
  margin-right: 2em
}

#course-category-listings .listitem[data-visible="0"] {
  color: #6c757d
}

#course-category-listings .listitem[data-visible="0"]>div>a {
  color: #6c757d
}

#course-category-listings .listitem[data-visible="0"]>div .item-actions .action-show {
  display: inline
}

#course-category-listings .listitem[data-visible="0"]>div .item-actions .action-hide {
  display: none
}

#course-category-listings .listitem.highlight {
  background-color: #fff
}

#course-category-listings .listitem.highlight>div,#course-category-listings .listitem.highlight>div:hover,#course-category-listings .listitem.highlight[data-selected='1']>div {
  background-color: rgba(0,0,0,.075)
}

#course-category-listings #course-listing .listitem .categoryname {
  display: inline-block;
  margin-left: 1em;
  color: #a1a1a8
}

#course-category-listings #course-listing .listitem .coursename {
  display: inline-block
}

#course-category-listings #course-listing>.firstpage .listitem:first-child>div .item-actions .action-moveup,#course-category-listings #course-listing>.lastpage .listitem:last-child>div .item-actions .action-movedown {
  display: none
}

#course-category-listings #course-listing .bulk-action-checkbox {
  margin: -2px 6px 0 0
}

#course-category-listings #category-listing .listitem.collapsed>ul.ml {
  display: none
}

#course-category-listings #category-listing .listitem:first-child>div .item-actions .action-moveup,#course-category-listings #category-listing .listitem:last-child>div .item-actions .action-movedown {
  display: none
}

#course-category-listings #category-listing .course-count {
  color: #a1a1a8;
  margin-right: 2rem;
  min-width: 3.5em;
  display: inline-block
}

#course-category-listings #category-listing .bulk-action-checkbox {
  margin-right: -3px
}

#course-category-listings #category-listing .category-listing>ul>.listitem:first-child {
  position: relative
}

#course-category-listings #category-listing .category-bulk-actions {
  margin: 0 .5em .5em;
  position: relative
}

#course-category-listings .detail-pair>* {
  display: inline-block
}

#course-category-listings .detail-pair .pair-key {
  font-weight: 700;
  vertical-align: top
}

#course-category-listings .detail-pair .pair-key span {
  margin-right: 1rem;
  display: block
}

#course-category-listings .detail-pair .pair-value select {
  max-width: 100%
}

#course-category-listings .bulk-actions .detail-pair>* {
  display: block;
  width: 100%
}

#course-category-listings .listing-pagination {
  text-align: center
}

#course-category-listings .listing-pagination .yui3-button {
  color: #fff;
  background-color: #008196;
  border-color: #008196;
  border: 0;
  margin: .4rem .2rem .45rem;
  font-size: 10.4px
}

#course-category-listings .listing-pagination .yui3-button:hover {
  color: #fff;
  background-color: #006070;
  border-color: #005563
}

#course-category-listings .listing-pagination .yui3-button:focus,#course-category-listings .listing-pagination .yui3-button.focus {
  color: #fff;
  background-color: #006070;
  border-color: #005563;
  box-shadow: 0 0 0 .2rem rgba(38,148,166,.5)
}

#course-category-listings .listing-pagination .yui3-button.disabled,#course-category-listings .listing-pagination .yui3-button:disabled {
  color: #fff;
  background-color: #008196;
  border-color: #008196
}

#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active,#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active,.show>#course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
  color: #fff;
  background-color: #005563;
  border-color: #004a56
}

#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus,#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus,.show>#course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38,148,166,.5)
}

#course-category-listings .listing-pagination .yui3-button.active-page {
  color: #212529;
  background-color: #fe824c;
  border-color: #fe824c
}

#course-category-listings .listing-pagination .yui3-button.active-page:hover {
  color: #fff;
  background-color: #fe6726;
  border-color: #fe5f19
}

#course-category-listings .listing-pagination .yui3-button.active-page:focus,#course-category-listings .listing-pagination .yui3-button.active-page.focus {
  color: #fff;
  background-color: #fe6726;
  border-color: #fe5f19;
  box-shadow: 0 0 0 .2rem rgba(221,116,71,.5)
}

#course-category-listings .listing-pagination .yui3-button.active-page.disabled,#course-category-listings .listing-pagination .yui3-button.active-page:disabled {
  color: #212529;
  background-color: #fe824c;
  border-color: #fe824c
}

#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active,#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active,.show>#course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
  color: #fff;
  background-color: #fe5f19;
  border-color: #fe560d
}

#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus,#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus,.show>#course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(221,116,71,.5)
}

#course-category-listings .listing-pagination-totals {
  text-align: center
}

#course-category-listings .listing-pagination-totals.dimmed {
  color: #6c757d;
  margin: .4rem 1rem .45rem
}

#course-category-listings .select-a-category .notifymessage,#course-category-listings .select-a-category .alert {
  margin: 1em
}

#course-category-listings #course-listing .listitem .drag-handle {
  display: none
}

.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
  display: inline-block;
  margin: 0 6px 0 0;
  cursor: pointer
}

.coursecat-management-header {
  vertical-align: middle
}

.coursecat-management-header h2 {
  display: inline-block;
  text-align: left
}

.coursecat-management-header>div {
  display: inline-block;
  float: right
}

.coursecat-management-header>div>div {
  margin: 10px 0 10px 1em;
  display: inline-block
}

.coursecat-management-header select {
  max-width: 300px;
  cursor: pointer;
  padding: .4em .5em .45em 1em;
  vertical-align: baseline;
  white-space: nowrap
}

.coursecat-management-header .view-mode-selector .moodle-actionmenu {
  white-space: nowrap;
  display: inline-block
}

.coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
  padding-left: 1em
}

.course-being-dragged-proxy {
  border: 0;
  color: #fe824c;
  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-3 #category-listing,#course-category-listings.columns-2 #course-listing,#course-category-listings.columns-3 #course-listing,#course-category-listings.columns-2 #course-detail,#course-category-listings.columns-3 #course-detail {
      width: 100%;
      margin: 0 0 1em
  }
}

.page-settings-menu .menubar>a>.icon {
  width: auto;
  height: 32px;
  font-size: 32px
}

.activity-navigation .row {
  align-items: center
}

.activity-navigation #prev-activity-link,.activity-navigation #next-activity-link {
  white-space: pre-wrap
}

:target::before {
  content: " ";
  display: block;
  height: 60px;
  margin-top: -60px;
  width: 1px;
  pointer-events: none
}

.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: 50px;
  height: calc(100% - 50px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  background-color: #f2f2f2;
  -webkit-transition: right 0.5s ease,left 0.5s ease;
  -moz-transition: right 0.5s ease,left 0.5s ease;
  transition: right 0.5s ease,left 0.5s ease
}

@media (min-width: 576px) {
  [data-region="drawer"] {
      padding:20px 20px
  }
}

#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
}

#page {
  margin-top: 50px
}

.pagelayout-embedded #page {
  margin-top: 0
}

body.drawer-ease {
  -webkit-transition: margin-left 0.5s ease,margin-right 0.5s ease;
  -moz-transition: margin-left 0.5s ease,margin-right 0.5s ease;
  transition: margin-left 0.5s ease,margin-right 0.5s ease
}

@media (min-width: 768px) {
  body.drawer-open-left {
      margin-left:285px
  }
}

@media (min-width: 768px) {
  body.drawer-open-right {
      margin-right:285px
  }
}

[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: 1020;
  position: fixed;
  top: 50px;
  right: 0;
  height: calc(100% - 50px);
  width: 320px;
  box-shadow: -2px 2px 4px rgba(0,0,0,.08);
  padding: 0;
  visibility: visible;
  opacity: 1
}

[data-region=right-hand-drawer] .closewidget {
  display: none
}

[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: 1030
  }

  [data-region=right-hand-drawer] .closewidget {
      display: block;
      padding: 0 .2rem
  }

  body.drawer-open-left,body.drawer-open-right {
      overflow: hidden
  }
}

.dir-rtl [data-region=right-hand-drawer] {
  box-shadow: 2px 2px 4px rgba(0,0,0,.08)
}

#page-my-index {
  background-color: #f7f7f7
}

.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;
  display: inline-block
}

.filepicker .yui3-widget-content-expanded {
  height: auto
}

.filepicker .moodle-dialogue-bd {
  min-height: 520px
}

.file-picker .fp-navbar {
  min-height: 40px;
  padding: 4px
}

.fp-navbar {
  border-color: #8f959e;
  border-bottom: 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: #212529;
  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/elan/theme/1623852687/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/elan/core/1623852687/y/tn) 0 0 no-repeat;
  width: 19px;
  height: 32px
}

.file-picker .ygtvtm,.filemanager .ygtvtm {
  background: url(/theme/image.php/elan/core/1623852687/y/tm) 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer
}

.file-picker .ygtvtmh,.filemanager .ygtvtmh {
  background: url(/theme/image.php/elan/core/1623852687/y/tm) 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer
}

.file-picker .ygtvtp,.filemanager .ygtvtp {
  background: url(/theme/image.php/elan/core/1623852687/y/tp) 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer
}

.file-picker .ygtvtph,.filemanager .ygtvtph {
  background: url(/theme/image.php/elan/core/1623852687/y/tp) 0 10px no-repeat;
  width: 13px;
  height: 22px;
  cursor: pointer
}

.file-picker .ygtvln,.filemanager .ygtvln {
  background: url(/theme/image.php/elan/core/1623852687/y/ln) 0 0 no-repeat;
  width: 19px;
  height: 32px
}

.file-picker .ygtvlm,.filemanager .ygtvlm {
  background: url(/theme/image.php/elan/core/1623852687/y/lm) 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer
}

.file-picker .ygtvlmh,.filemanager .ygtvlmh {
  background: url(/theme/image.php/elan/core/1623852687/y/lm) 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer
}

.file-picker .ygtvlp,.filemanager .ygtvlp {
  background: url(/theme/image.php/elan/core/1623852687/y/lp) 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer
}

.file-picker .ygtvlph,.filemanager .ygtvlph {
  background: url(/theme/image.php/elan/core/1623852687/y/lp) 0 10px no-repeat;
  width: 13px;
  height: 12px;
  cursor: pointer
}

.file-picker .ygtvloading,.filemanager .ygtvloading {
  background: transparent url(/theme/image.php/elan/core/1623852687/y/loading) 0 0 no-repeat;
  width: 16px;
  height: 22px
}

.file-picker .ygtvdepthcell,.filemanager .ygtvdepthcell {
  background: url(/theme/image.php/elan/core/1623852687/y/vline) 0 0 no-repeat;
  width: 17px;
  height: 32px
}

.file-picker .ygtvblankdepthcell,.filemanager .ygtvblankdepthcell {
  width: 17px;
  height: 22px
}

a.ygtvspacer:hover {
  color: transparent;
  text-decoration: none
}

.ygtvlabel,.ygtvlabel:link,.ygtvlabel:visited,.ygtvlabel:hover {
  background-color: transparent;
  cursor: pointer;
  margin-left: 2px;
  text-decoration: none
}

.file-picker .ygtvfocus,.filemanager .ygtvfocus {
  background-color: #eee
}

.fp-filename-icon {
  margin-top: 10px;
  display: block;
  position: relative
}

.fp-icon {
  float: left;
  margin-top: -7px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  text-align: center;
  line-height: 24px
}

.fp-icon img {
  max-height: 24px;
  max-width: 24px;
  vertical-align: middle
}

.fp-filename {
  padding-right: 10px
}

.file-picker .fp-login-form {
  height: 100%;
  width: 100%;
  display: table
}

.file-picker .fp-upload-form {
  height: 100%;
  width: 100%;
  display: table
}

.file-picker .fp-upload-form table {
  margin: 0 auto
}

.file-picker.fp-dlg {
  text-align: center
}

.file-picker.fp-dlg .fp-dlg-buttons {
  margin: 0 20px
}

.file-picker.fp-msg {
  text-align: center
}

.file-picker .fp-content-error {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center
}

.file-picker .fp-nextpage {
  clear: both
}

.file-picker .fp-nextpage .fp-nextpage-loading {
  display: none
}

.file-picker .fp-nextpage.loading .fp-nextpage-link {
  display: none
}

.file-picker .fp-nextpage.loading .fp-nextpage-loading {
  display: block;
  text-align: center;
  height: 100px;
  padding-top: 50px
}

.fp-select .fp-select-loading {
  text-align: center;
  margin-top: 20px
}

.fp-select table {
  padding: 0 0 10px
}

.fp-select table .mdl-right {
  min-width: 84px
}

.fp-select .fp-reflist .mdl-right {
  vertical-align: top
}

.fp-select .fp-select-buttons {
  float: right
}

.fp-select .fp-info {
  font-size: .703125rem
}

.fp-select .fp-thumbnail {
  float: left;
  min-width: 110px;
  min-height: 110px;
  line-height: 110px;
  text-align: center;
  margin: 10px 20px 0 0;
  background: #fff;
  border: 1px solid #ddd
}

.fp-select .fp-thumbnail img {
  border: 1px solid #ddd;
  padding: 3px;
  vertical-align: middle;
  margin: 10px
}

.fp-select .fp-fileinfo {
  display: inline-block;
  margin-top: 10px
}

.file-picker.fp-select .fp-fileinfo {
  max-width: 240px
}

.fp-select .fp-fileinfo div {
  padding-bottom: 5px
}

.file-picker.fp-select .uneditable {
  display: none
}

.file-picker.fp-select .fp-select-loading {
  display: none
}

.file-picker.fp-select.loading .fp-select-loading {
  display: block
}

.file-picker.fp-select.loading form {
  display: none
}

.fp-select .fp-dimensions.fp-unknown {
  display: none
}

.fp-select .fp-size.fp-unknown {
  display: none
}

.filemanager-loading {
  display: none
}

.jsenabled .filemanager-loading {
  display: block;
  margin-top: 100px
}

.filemanager.fm-loading .filemanager-toolbar,.filemanager.fm-loading .fp-pathbar,.filemanager.fm-loading .filemanager-container,.filemanager.fm-loaded .filemanager-loading,.filemanager.fm-maxfiles .fp-btn-add,.filemanager.fm-maxfiles .dndupload-message,.filemanager.fm-noitems .fp-btn-download,.filemanager.fm-noitems .fp-btn-delete,.filemanager .fm-empty-container,.filemanager.fm-noitems .filemanager-container .fp-content {
  display: none
}

.filemanager .fp-img-downloading {
  display: none;
  padding-top: 7px
}

.filemanager .filemanager-updating {
  display: none;
  text-align: center
}

.filemanager.fm-updating .filemanager-updating {
  display: block;
  margin-top: 37px
}

.filemanager.fm-updating .fm-content-wrapper,.filemanager.fm-nomkdir .fp-btn-mkdir,.fitem.disabled .filemanager .filemanager-toolbar,.fitem.disabled .filemanager .fp-pathbar,.fitem.disabled .filemanager .fp-restrictions,.fitem.disabled .filemanager .fm-content-wrapper {
  display: none
}

.filemanager .fp-restrictions {
  text-align: right
}

.filemanager-toolbar {
  padding: 4px;
  overflow: hidden
}

.filemanager .fp-pathbar.empty {
  display: none
}

.filepicker-filelist,.filemanager-container {
  min-height: 140px;
  border: 1px solid #8f959e
}

.filemanager .fp-content {
  overflow: auto;
  max-height: 472px;
  min-height: 157px
}

.filemanager-container,.filepicker-filelist {
  overflow: hidden
}

.file-picker .yui3-datatable-header {
  background: initial
}

.fitem.disabled .filepicker-filelist,.fitem.disabled .filemanager-container {
  background-color: #ebebe4
}

.fitem.disabled .fp-btn-choose {
  color: #6c757d
}

.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/elan/theme/1623852687/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/elan/theme/1623852687/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/elan/core/1623852687/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/elan/theme/1623852687/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/elan/theme/1623852687/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 {
  background: url(/theme/image.php/elan/theme/1623852687/fp/dnd_arrow) center no-repeat;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 5px
}

.fitem.disabled .filepicker-container,.fitem.disabled .fm-empty-container {
  display: none
}

.dndupload-progressbars {
  padding: 10px;
  display: none
}

.dndupload-inprogress .dndupload-progressbars {
  display: block
}

.dndupload-inprogress .fp-content {
  display: none
}

.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
  display: none
}

.filepicker-filelist.dndupload-inprogress .filepicker-container {
  display: none
}

.filepicker-filelist.dndupload-inprogress a {
  display: none
}

.filemanager.fp-select .fp-select-loading {
  display: none
}

.filemanager.fp-select.loading .fp-select-loading {
  display: block
}

.filemanager.fp-select.loading form {
  display: none
}

.filemanager.fp-select.fp-folder .fp-license,.filemanager.fp-select.fp-folder .fp-author,.filemanager.fp-select.fp-file .fp-file-unzip,.filemanager.fp-select.fp-folder .fp-file-unzip,.filemanager.fp-select.fp-file .fp-file-zip,.filemanager.fp-select.fp-zip .fp-file-zip {
  display: none
}

.filemanager.fp-select .fp-file-setmain,.filemanager.fp-select .fp-file-setmain-help {
  display: none
}

.filemanager.fp-select.fp-cansetmain .fp-file-setmain,.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
  display: inline-block
}

.filemanager .fp-mainfile .fp-filename {
  font-weight: 700
}

.filemanager.fp-select.fp-folder .fp-file-download {
  display: none
}

.fm-operation {
  font-weight: 700
}

.filemanager.fp-select .fp-original.fp-unknown,.filemanager.fp-select .fp-original .fp-originloading {
  display: none
}

.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
  display: inline
}

.filemanager.fp-select .fp-reflist.fp-unknown,.filemanager.fp-select .fp-reflist .fp-reflistloading {
  display: none
}

.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
  display: inline
}

.filemanager.fp-select .fp-reflist .fp-value {
  background: #f9f9f9;
  border: 1px solid #bbb;
  padding: 8px 7px;
  margin: 0;
  max-height: 75px;
  overflow: auto
}

.filemanager.fp-select .fp-reflist .fp-value li {
  padding-bottom: 7px
}

.filemanager.fp-mkdir-dlg {
  text-align: center
}

.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
  text-align: left;
  margin: 20px
}

.filemanager.fp-dlg {
  text-align: center
}

.file-picker div.bd {
  text-align: left
}

.fp-formset {
  padding: 10px
}

.fp-formset input[type="file"] {
  line-height: inherit
}

.fp-forminset {
  padding: 0 10px
}

.fp-fileinfo .fp-value {
  display: inline-block;
  padding-left: 5px
}

.hidden {
  display: none
}

.preferences-container .container-fluid,.preferences-container .container-sm,.preferences-container .container-md,.preferences-container .container-lg,.preferences-container .container-xl {
  padding: 0
}

.preferences-container .container-fluid .col-md-6,.preferences-container .container-sm .col-md-6,.preferences-container .container-md .col-md-6,.preferences-container .container-lg .col-md-6,.preferences-container .container-xl .col-md-6 {
  min-height: 20px
}

.preferences-container .align-bottom {
  vertical-align: bottom
}

.preferences-container .preference-table {
  border: 1px solid #ddd
}

.preferences-container .preference-table thead th {
  text-align: center
}

.preferences-container .preference-table thead th .config-warning {
  display: none
}

.preferences-container .preference-table thead th.unconfigured .config-warning {
  display: inline-block
}

.preferences-container .preference-table tr td:not(:first-child) {
  width: 150px;
  text-align: center
}

.preferences-container .preference-table tr td:nth-child(even) {
  background-color: #f7f7f7
}

.preferences-container .preference-table tr th:nth-child(even) {
  background-color: #f7f7f7
}

.preferences-container .preference-table .preference-row .hover-tooltip-container {
  display: inline-block
}

.preferences-container .preference-table .preference-row .preference-name {
  vertical-align: middle
}

.preferences-container .preference-table .preference-row .disabled-message {
  text-align: center;
  height: 30px;
  line-height: 30px
}

.preferences-container .preference-table .preference-row .preference-state {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle
}

.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked+.preference-state-status-container {
  background-color: #5cb85c
}

.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked+.preference-state-status-container .on-text {
  display: inline-block
}

.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked+.preference-state-status-container .off-text {
  display: none
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  background-color: #d9534f;
  color: #fff;
  cursor: pointer
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
  display: none
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
  display: none
}

.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
  display: inline-block
}

.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked+.preference-state-status-container .on-text,.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked+.preference-state-status-container .off-text {
  display: none
}

.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
  display: none
}

.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
  display: block
}

.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
  display: block
}

.disabled-message {
  display: none
}

.disabled .disabled-message {
  display: block
}

.disabled .disabled-message+form {
  display: none
}

.general-settings-container .loading-icon {
  display: none
}

.general-settings-container .loading .loading-icon {
  display: inline-block
}

.general-settings-container label {
  display: inline-block
}

.processor-container {
  position: relative
}

.processor-container .loading-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255,255,255,.5)
}

.processor-container .loading-container .vertical-align {
  height: 100%;
  width: 0%;
  display: inline-block;
  vertical-align: middle
}

.processor-container.loading .loading-container {
  display: block
}

.preferences-page-container .checkbox-container {
  margin: 30px 5px;
  line-height: 20px
}

.preferences-page-container .checkbox-container input {
  line-height: 20px;
  margin: 0
}

.preferences-page-container .checkbox-container .loading-icon {
  display: none
}

.preferences-page-container .checkbox-container.loading .loading-icon {
  display: inline-block
}

.notification-area {
  height: 600px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 30px;
  border: 1px solid #e3e3e3
}

@media (max-height: 670px) {
  .notification-area {
      height:500px
  }
}

.notification-area .control-area {
  box-sizing: border-box;
  display: inline-block;
  width: 300px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-right: 1px solid #e3e3e3
}

.notification-area .control-area .content {
  position: relative
}

.notification-area .control-area .content .content-item-container {
  cursor: pointer
}

.notification-area .control-area .content:empty+.empty-text {
  display: block
}

.notification-area .control-area .loading-icon {
  display: none
}

.notification-area .control-area .empty-text {
  display: none;
  text-align: center;
  padding-top: 20px
}

.notification-area .control-area.loading .loading-icon {
  display: block;
  text-align: center;
  box-sizing: border-box;
  padding: 5px
}

.notification-area .control-area.loading .content:empty+.empty-text {
  display: none
}

.notification-area .content-area {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 300px);
  float: right
}

.notification-area .content-area .toggle-mode {
  display: none
}

.notification-area .content-area .header {
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px
}

.notification-area .content-area .header .image-container {
  display: inline-block;
  height: 25px;
  width: 24px;
  float: left
}

.notification-area .content-area .header .subject-container {
  display: inline-block;
  max-width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
  padding-left: 5px;
  box-sizing: border-box
}

.notification-area .content-area .header .timestamp {
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  color: #666;
  margin-left: 30px
}

.notification-area .content-area .header:empty {
  display: none
}

.notification-area .content-area>.content {
  height: 500px;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px
}

@media (max-height: 670px) {
  .notification-area .content-area>.content {
      height:400px
  }
}

.notification-area .content-area>.content:empty {
  display: none
}

.notification-area .content-area>.content:empty+.empty-text {
  display: block;
  text-align: center;
  padding-top: 100px
}

.notification-area .content-area .empty-text {
  display: none
}

.notification-area .content-area .footer {
  height: 50px;
  box-sizing: border-box;
  text-align: center
}

.notification-area .content-area .footer a {
  line-height: 50px
}

.notification-area .content-area .footer:empty {
  display: none
}

@media (max-width: 979px) {
  .notification-area {
      position:relative;
      overflow: hidden
  }

  .notification-area .control-area {
      border-right: none;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 1;
      visibility: visible;
      transition: left 0.25s
  }

  .notification-area .content-area {
      width: 100%;
      position: absolute;
      top: 0;
      right: -100%;
      opacity: 0;
      visibility: hidden;
      transition: right 0.25s,opacity 0.25s,visibility 0.25s
  }

  .notification-area .content-area .toggle-mode {
      display: inline-block;
      float: left;
      width: 70px;
      height: 50px;
      line-height: 50px;
      box-sizing: border-box;
      border-right: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3
  }

  .notification-area .content-area .header {
      display: inline-block;
      width: calc(100% - 70px)
  }

  .notification-area.show-content-area .control-area {
      left: -100%;
      opacity: 0;
      visibility: hidden;
      transition: left 0.25s,opacity 0.25s,visibility 0.25s
  }

  .notification-area.show-content-area .content-area {
      right: 0;
      opacity: 1;
      visibility: visible;
      transition: right 0.25s
  }
}

.drawer .message-app {
  height: 100%
}

.drawer .message-app .icon-back-in-app {
  display: none
}

.drawer .message-app .icon-back-in-drawer {
  display: inherit
}

.message-app {
  display: flex;
  flex-direction: column;
  background-color: #eff1f3
}

.message-app .icon-back-in-drawer {
  display: none
}

.message-app.main {
  min-height: 400px
}

.message-app .header-container {
  flex-shrink: 0
}

.message-app .overflow-y {
  overflow-y: auto
}

@media (max-height: 320px) {
  .message-app .header-container [data-region="view-overview"]:not(.hidden) {
      display:flex;
      align-items: center
  }

  .message-app .footer-container [data-region="view-overview"] {
      display: none
  }

  .message-app .overflow-y {
      overflow-y: unset
  }
}

.message-app .body-container {
  flex: 1;
  overflow: hidden
}

.message-app .body-container>* {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto
}

.message-app .footer-container {
  flex-shrink: 0
}

.message-app .footer-container textarea {
  direction: ltr
}

.message-app .contact-status {
  position: absolute;
  left: 39px;
  top: 39px;
  width: 10px;
  height: 10px;
  border-radius: 50%
}

.message-app .contact-status.online {
  border: 1px solid #fff;
  background-color: #357a32
}

.message-app .message p {
  margin: 0
}

.message-app .clickable {
  cursor: pointer
}

.message-app .clickable:hover {
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,.3))
}

.message-app a,.message-app .btn-link {
  color: inherit
}

.message-app .btn-link:hover,.message-app .btn-link:focus {
  background-color: rgba(0,0,0,.035);
  text-decoration: none
}

.message-app .icon {
  margin-right: 0
}

.message-app .overview-section-toggle .collapsed-icon-container {
  display: none
}

.message-app .overview-section-toggle .expanded-icon-container {
  display: inline-block
}

.message-app .overview-section-toggle.collapsed .collapsed-icon-container {
  display: inline-block
}

.message-app .overview-section-toggle.collapsed .expanded-icon-container {
  display: none
}

.message-app .btn.btn-link.btn-icon {
  height: 16px;
  width: 16px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0
}

.message-app .btn.btn-link.btn-icon:hover,.message-app .btn.btn-link.btn-icon:focus {
  background-color: #e9ecef
}

.message-app .btn.btn-link.btn-icon.icon-size-0 {
  height: 20px!important;
  width: 20px!important
}

.message-app .btn.btn-link.btn-icon.icon-size-1 {
  height: 24px!important;
  width: 24px!important
}

.message-app .btn.btn-link.btn-icon.icon-size-2 {
  height: 28px!important;
  width: 28px!important
}

.message-app .btn.btn-link.btn-icon.icon-size-3 {
  height: 36px!important;
  width: 36px!important
}

.message-app .btn.btn-link.btn-icon.icon-size-4 {
  height: 44px!important;
  width: 44px!important
}

.message-app .btn.btn-link.btn-icon.icon-size-5 {
  height: 52px!important;
  width: 52px!important
}

.message-app .btn.btn-link.btn-icon.icon-size-6 {
  height: 60px!important;
  width: 60px!important
}

.message-app .btn.btn-link.btn-icon.icon-size-7 {
  height: 68px!important;
  width: 68px!important
}

.message-app .view-overview-body .section {
  display: block
}

.message-app .view-overview-body .section.expanded {
  display: flex
}

.message-app .view-conversation .content-message-container img {
  max-width: 100%
}

.message-app .list-group .list-group-item {
  border-left: 0;
  border-right: 0
}

.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 .last-message {
  min-height: 1.5rem
}

.message-app .section .collapsing {
  overflow: hidden
}

.message-app .message.send {
  background-color: #dee2e6;
  color: #212529
}

.message-app .message.send .time {
  color: #212529
}

.message-app .message.send .tail {
  right: 0;
  margin-right: -.5rem;
  border-bottom-color: #dee2e6
}

.message-app .message.received {
  background-color: #fff;
  color: #212529
}

.message-app .message.received .time {
  color: #646669
}

.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 transparent;
  position: relative
}

.message-app .day {
  color: #212529
}

.message-app .lazy-load-list {
  overflow-y: auto
}

#page-message-index #page-header {
  display: none
}

#page-message-index #region-main {
  height: 100%;
  margin-top: 0
}

#page-message-index #region-main .conversationcontainer .section {
  max-height: calc(100vh - 50px)
}

#page-message-index #region-main div[role="main"] {
  height: 100%
}

#page-message-index #region-main div[role="main"] #maincontent {
  margin-top: -1px
}

#page-message-index #region-main div[role="main"] .message-app.main {
  height: 100%
}

.dir-rtl .message-drawer {
  box-shadow: 2px 2px 4px rgba(0,0,0,.08)
}

.message-app .emoji-picker-container {
  position: absolute;
  top: -5px;
  right: 5px;
  transform: translateY(-100%)
}

.message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button {
  height: 40px;
  width: 40px
}

@media (max-width: 575.98px) {
  .message-app .emoji-picker-container {
      right:-.5rem
  }
}

@media (max-height: 495px) {
  .message-app .emoji-picker-container {
      position:fixed;
      top: 0;
      transform: none
  }
}

.message-app .emoji-auto-complete-container {
  overflow: auto;
  max-height: 90px;
  transition: max-height 0.15s ease-in-out;
  visibility: visible
}

.message-app .emoji-auto-complete-container.hidden {
  display: block;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.15s ease-in-out,visibility 0s linear 0.15s,overflow 0s linear 0.15s
}

.questionbank h2 {
  margin-top: 0
}

.questioncategories h3 {
  margin-top: 0
}

#chooseqtypebox {
  margin-top: 1em
}

#chooseqtype h3 {
  margin: 0 0 .3em
}

#chooseqtype .instruction {
  display: none
}

#chooseqtype .fakeqtypes {
  border-top: 1px solid silver
}

#chooseqtype .qtypeoption {
  margin-bottom: .5em
}

#chooseqtype label {
  display: block
}

#chooseqtype .qtypename img {
  padding: 0 .3em
}

#chooseqtype .qtypename {
  display: inline-table;
  width: 16em
}

#chooseqtype .qtypesummary {
  display: block;
  margin: 0 2em
}

#chooseqtype .submitbuttons {
  margin: .7em 0;
  text-align: center
}

#qtypechoicecontainer {
  display: none
}

#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
  background: none
}

#qtypechoicecontainer.yui-panel .hd {
  color: #333;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  background-image: linear-gradient(to bottom,#fff 0%,#ccc 100%);
  background-repeat: repeat-x
}

#qtypechoicecontainer {
  font-size: 12px;
  color: #333;
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-top: 0 none
}

#qtypechoicecontainer #chooseqtype {
  width: 40em
}

#chooseqtypehead h3 {
  margin: 0;
  font-weight: 400
}

#chooseqtype .qtypes {
  position: relative;
  border-bottom: 1px solid #bbb;
  padding: .24em 0
}

#chooseqtype .alloptions {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 15em);
  width: 60%
}

#chooseqtype .qtypeoption {
  margin-bottom: 0;
  padding: .3em .3em .3em 1.6em
}

#chooseqtype .qtypeoption img {
  vertical-align: text-bottom;
  padding-left: 1em;
  padding-right: .5em
}

#chooseqtype .selected {
  background-color: #fff
}

#chooseqtype .instruction,#chooseqtype .qtypesummary {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 60%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.5em 1.6em;
  background-color: #fff
}

#chooseqtype .instruction,#chooseqtype .selected .qtypesummary {
  display: block
}

#categoryquestions {
  margin: 0
}

#categoryquestions td,#categoryquestions th {
  padding: 0 .2em
}

#categoryquestions th {
  text-align: left;
  font-weight: 400
}

#categoryquestions>tbody>tr.r1 {
  background-color: rgba(0,0,0,.05)
}

#categoryquestions>tbody>tr.highlight {
  border: 1px solid #008196
}

#categoryquestions .checkbox {
  padding-left: 5px
}

#categoryquestions .checkbox input[type="checkbox"] {
  margin-left: 0;
  float: none
}

#categoryquestions .iconcol {
  padding: 3px;
  box-sizing: content-box
}

#categoryquestions .iconcol .icon {
  margin: 0;
  width: 12px;
  height: 12px
}

#categoryquestions label {
  margin: 0;
  display: block
}

#categoryquestions .header {
  text-align: left
}

#page-mod-quiz-edit div.questionbankwindow div.header {
  margin: 0
}

#page-mod-quiz-edit div.questionbankwindow.block {
  padding: 0
}

.questionbank .singleselect {
  margin: 0
}

#combinedfeedbackhdr div.fhtmleditor {
  padding: 0
}

#combinedfeedbackhdr div.fcheckbox {
  margin-bottom: 1em
}

#multitriesheader div.fitem_feditor {
  margin-top: 1em
}

#multitriesheader div.fitem_fgroup {
  margin-bottom: 1em
}

#multitriesheader div.fitem_fgroup fieldset.felement label {
  margin-left: .3em;
  margin-right: .3em
}

body.path-question-type .form-group .sr-only:not(legend) {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0 .5rem 0 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  border: 0
}

.que {
  clear: left;
  text-align: left;
  margin: 0 auto 1.8em auto
}

.que .info {
  float: left;
  width: 7em;
  padding: .5em;
  margin-bottom: 1.8em;
  background-color: #f8f9fa;
  border: 1px solid #cad0d7
}

.que h3.no {
  margin: 0;
  font-size: .8em;
  line-height: 1
}

.que span.qno {
  font-size: 1.5em;
  font-weight: 700
}

.que .info>div {
  font-size: .8em;
  margin-top: .7em
}

.que .info .questionflag.editable {
  cursor: pointer
}

.que .info .editquestion img,.que .info .questionflag img,.que .info .questionflag input {
  vertical-align: bottom
}

.que .content {
  margin: 0 0 0 8.5em
}

.que .formulation,.que .outcome,.que .comment {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0 solid transparent
}

.que .outcome,.que .comment {
  color: #8e662e;
  background-color: #fcefdc;
  border-color: #fbe8cd
}

.que .outcome hr,.que .comment hr {
  border-top-color: #f9ddb6
}

.que .outcome .alert-link,.que .comment .alert-link {
  color: #684b22
}

.que .outcome a,.que .comment a {
  color: #b03601
}

.que .formulation {
  color: #001a1e;
  background-color: #e7f3f5;
  border-color: #b8dce2
}

.que .formulation hr {
  border-top-color: #a6d3da
}

.que .formulation .alert-link {
  color: #000
}

.que.multichoice .answer div.r0 .icon.fa-check,.que.multichoice .answer div.r1 .icon.fa-check,.que.multichoice .answer div.r0 .icon.fa-remove,.que.multichoice .answer div.r1 .icon.fa-remove {
  text-indent: 0
}

.formulation input[type="text"],.formulation select {
  width: auto;
  vertical-align: baseline
}

.que.multianswer .formulation .yui3-widget-positioned {
  box-sizing: content-box
}

.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
  width: inherit;
  max-width: inherit
}

.path-mod-quiz input[size] {
  width: auto;
  max-width: 100%
}

.que .comment {
  color: #1c3f1a;
  background-color: #d7e4d6;
  border-color: #c6dac6
}

.que .comment hr {
  border-top-color: #b7d0b6
}

.que .comment .alert-link {
  color: #0c1b0b
}

.que .ablock {
  margin: .7em 0 .3em 0
}

.que .im-controls {
  margin-top: .5em;
  text-align: left
}

.que .specificfeedback,.que .generalfeedback,.que .numpartscorrect .que .rightanswer,.que .im-feedback,.que .feedback,.que p {
  margin: 0 0 .5em
}

.que .correctness.correct {
  color: #fff;
  background-color: #357a32
}

a.que .correctness.correct:hover,a.que .correctness.correct:focus {
  color: #fff;
  background-color: #255623
}

a.que .correctness.correct:focus,a.que .correctness.correct.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(53,122,50,.5)
}

.que .correctness.partiallycorrect {
  color: #212529;
  background-color: #f0ad4e
}

a.que .correctness.partiallycorrect:hover,a.que .correctness.partiallycorrect:focus {
  color: #212529;
  background-color: #ec971f
}

a.que .correctness.partiallycorrect:focus,a.que .correctness.partiallycorrect.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(240,173,78,.5)
}

.que .correctness.notanswered,.que .correctness.incorrect {
  color: #fff;
  background-color: #ca3120
}

a.que .correctness.notanswered:hover,a.que .correctness.incorrect:hover,a.que .correctness.notanswered:focus,a.que .correctness.incorrect:focus {
  color: #fff;
  background-color: #9e2619
}

a.que .correctness.notanswered:focus,a.que .correctness.incorrect:focus,a.que .correctness.notanswered.focus,a.que .correctness.incorrect.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.5)
}

.que .qtext {
  margin-bottom: 1.5em
}

.que .validationerror {
  color: #ca3120
}

.que .grading,.que .comment,.que .commentlink,.que .history {
  margin-top: .5em
}

.que .history h3 {
  margin: 0 0 .2em;
  font-size: 1em
}

.que .history table {
  width: 100%;
  margin: 0
}

.que .history .current {
  font-weight: 700
}

.que .questioncorrectnessicon {
  vertical-align: text-bottom
}

body.jsenabled .questionflag input[type=checkbox] {
  display: none
}

.que .questionflagimage {
  padding-right: 3px;
  height: 16px;
  width: 16px
}

.importerror {
  margin-top: 10px;
  border-bottom: 1px solid #555
}

.mform .que.comment .fitemtitle {
  width: 20%
}

#page-question-preview #techinfo {
  margin: 1em 0
}

#page-question-preview .collapsibleregion .collapsibleregioncaption,#page-question-preview .collapsibleregion .collapsibleregionextracontent {
  display: inline-block
}

#page-mod-quiz-edit ul.slots .activityinstance>a {
  display: flex;
  max-width: 100%;
  align-items: center;
  text-indent: 0;
  padding-left: 0
}

#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
  margin-left: 0;
  width: 16px;
  height: 16px;
  padding-right: 4px
}

#page-mod-quiz-edit .activity img.activityicon {
  vertical-align: text-top
}

#page-mod-quiz-edit .box.generalbox.questionbank {
  padding: .5em
}

#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,#page-mod-quiz-edit .questionbank .categoryquestionscontainer,#page-mod-quiz-edit .questionbank .choosecategory {
  padding: 0
}

#page-mod-quiz-edit .questionbank .choosecategory select {
  width: 100%
}

#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
  background: transparent
}

#page-mod-quiz-edit .questionbankwindow div.header {
  color: #444;
  text-shadow: none;
  margin: 0 -10px 0 -10px;
  padding: 2px 10px 2px 10px;
  background: transparent
}

#page-mod-quiz-edit .questionbankwindow div.header a:link,#page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: #fe824c
}

#page-mod-quiz-edit .questionbankwindow div.header a:hover {
  color: #fc4d01
}

#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: #212529
}

#page-mod-quiz-edit div.container div.generalbox {
  background-color: transparent;
  padding: 1.5em
}

#page-mod-quiz-edit .categoryinfo {
  background-color: transparent;
  border-bottom: none
}

#page-mod-quiz-edit .createnewquestion .singlebutton input {
  margin-bottom: 0
}

#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
  padding: 0 0 1.5em 0
}

#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
  background-color: transparent;
  margin: 0;
  border-top: 0;
  border-bottom: 0
}

#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
  padding: 0 .3em
}

#page-mod-quiz-edit div.question div.content div.questioncontrols {
  background-color: #fff
}

#page-mod-quiz-edit div.question div.content div.points {
  margin-top: -.5em;
  padding-bottom: 0;
  border: none;
  background-color: #fff;
  position: static;
  width: 12.1em;
  float: right;
  margin-right: 60px
}

#page-mod-quiz-edit div.question div.content div.points br {
  display: none
}

#page-mod-quiz-edit div.question div.content div.points label {
  display: inline-block
}

#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
  background-color: #fff
}

#page-mod-quiz-edit .quizpagedelete,#page-mod-quiz-edit .quizpagedelete img {
  background-color: transparent
}

#page-mod-quiz-edit div.quizpage .pagecontent {
  border: 1px solid #ddd;
  overflow: hidden
}

#page-mod-quiz-edit div.questionbank .categoryinfo {
  padding: .3em 0
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
  padding: 0
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
  display: block
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
  display: none
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
  margin-left: -.3em
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
  margin-left: .3em
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
  margin-left: 0
}

#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input+input {
  margin-left: 5px
}

.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;
  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: #fe824c
}

.que.shortanswer .answer {
  padding: 0
}

.que label {
  display: inline
}

body.path-question-type .mform fieldset.hidden {
  padding: 0;
  margin: .7em 0 0
}

.que.ddwtos,.que.ddwtos .drop {
  box-sizing: content-box
}

.tag-condition-container {
  position: relative
}

@media (max-width: 767.98px) {
  .que .info {
      float:none;
      width: auto
  }

  .que .content {
      margin: 0
  }
}

.userprofile .fullprofilelink {
  text-align: center;
  margin: 10px
}

.userprofile .page-context-header {
  margin-bottom: 10px
}

.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,.path-user .node_category .editprofile,#page-user-profile .node_category .viewmore,.path-user .node_category .viewmore {
  text-align: right
}

.ajax-contact-button {
  box-sizing: border-box;
  position: relative
}

.ajax-contact-button.loading .loading-icon {
  display: block
}

.ajax-contact-button .loading-icon {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.7)
}

.ajax-contact-button .loading-icon .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%)
}

@media (max-width: 480px) {
  .userprofile .profile_tree {
      column-count:1
  }
}

.userlist #showall {
  margin: 10px 0
}

.userlist .buttons {
  text-align: center
}

.userlist .buttons label {
  padding: 0 3px
}

.userlist table#participants {
  text-align: center
}

.userlist table#participants td {
  text-align: left;
  padding: 4px;
  vertical-align: middle
}

.userlist table#participants th {
  text-align: left;
  padding: 4px
}

.userlist table.controls {
  width: 100%
}

.userlist table.controls tr {
  vertical-align: top
}

.userlist table.controls .right {
  text-align: right
}

.userlist table.controls .groupselector {
  margin-bottom: 0;
  margin-top: 0
}

.userlist table.controls .groupselector label {
  display: block
}

.userinfobox {
  width: 100%;
  border: 1px solid;
  border-collapse: separate;
  padding: 10px
}

.userinfobox .left,.userinfobox .side {
  width: 100px;
  vertical-align: top
}

.userinfobox .userpicture {
  width: 100px;
  height: 100px
}

.userinfobox .content {
  vertical-align: top
}

.userinfobox .links {
  width: 100px;
  padding: 5px;
  vertical-align: bottom
}

.userinfobox .links a {
  display: block
}

.userinfobox .list td {
  padding: 3px
}

.userinfobox .username {
  padding-bottom: 20px;
  font-weight: 700
}

.userinfobox td.label {
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  font-weight: 700
}

.group-edit {
  position: absolute;
  right: 0;
  margin-right: .6em
}

.group-image {
  display: block;
  float: left;
  margin-right: 1em
}

.group-image .grouppicture {
  border-radius: 50%
}

.groupinfobox .left {
  padding: 10px;
  width: 100px;
  vertical-align: top
}

.course-participation #showall {
  text-align: center;
  margin: 10px 0
}

#user-policy .noticebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 80%;
  height: 250px
}

#user-policy #policyframe {
  width: 100%;
  height: 100%
}

.iplookup #map {
  margin: auto
}

.userselector select {
  width: 100%
}

.userselector div {
  margin-top: .2em
}

.userselector div label {
  margin-right: .3em
}

.userselector .userselector-infobelow {
  font-size: .8em
}

#userselector_options .collapsibleregioncaption {
  font-weight: 700
}

#userselector_options p {
  margin: .2em 0;
  text-align: left
}

#page-user-profile .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

#page-course-view-weeks .messagebox {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.profileeditor>.singleselect {
  margin: 0 .5em 0 0
}

.profileeditor>.singlebutton {
  display: inline-block;
  margin: 0 0 0 .5em
}

.profileeditor>.singlebutton div,.profileeditor>.singlebutton input {
  margin: 0
}

.userlist h3 .action-icon {
  display: none
}

#page-enrol-users .popover {
  max-width: none
}

.user-enroller-panel {
  width: 600px
}

[data-filterverbfor],[data-filterregion="filter"]:last-child [data-filterregion="joinadverb"] {
  display: none
}

[data-filterverb="0"] [data-filterverbfor="0"],[data-filterverb="1"] [data-filterverbfor="1"],[data-filterverb="2"] [data-filterverbfor="2"] {
  display: block
}

.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 .btn {
  padding-left: .5rem;
  padding-right: .5rem
}

.simplesearchform .btn .icon {
  margin: 0
}

.simplesearchform .btn-submit {
  border-color: #8f959e;
  color: #6c757d
}

.simplesearchform .btn-close,.simplesearchform .btn-clear {
  position: absolute;
  top: 0;
  right: 0;
  color: #6c757d;
  z-index: 4
}

.simplesearchform .btn-close {
  right: 2.2rem
}

.simplesearchform .btn-submit {
  background-color: #f8f9fa
}

.simplesearchform .withclear {
  padding-right: 2rem
}

.simplesearchform .searchinput {
  display: flex;
  flex: 1 1 auto
}

.simplesearchform .collapsing {
  height: inherit;
  transition: none;
  width: inherit
}

@media (max-width: 991.98px) {
  .simplesearchform .collapse.show,.simplesearchform .collapsing {
      position:absolute;
      left: 0;
      top: 0;
      width: 100%;
      display: flex;
      background-color: #fff;
      z-index: 1060;
      height: 50px
  }

  .simplesearchform .collapse.show .form-inline,.simplesearchform .collapsing .form-inline {
      width: auto;
      margin-left: auto;
      margin-right: auto
  }
}

.navbar.navbar-light .simplesearchform .btn-open {
  color: rgba(0,0,0,.6)
}

.navbar.navbar-light .simplesearchform .btn-open:hover {
  color: rgba(0,0,0,.9)
}

.search-areas-actions {
  margin-bottom: 1rem
}

.search-areas-actions>div {
  margin-right: 1rem;
  display: inline-block
}

#core-search-areas .lastcol li {
  margin-left: 24px;
  text-indent: -24px
}

#core-search-areas .lastcol li>i {
  text-indent: 0
}

.jsenabled .mform .containsadvancedelements .advanced {
  display: none
}

.mform .containsadvancedelements .advanced.show {
  display: flex
}

#adminsettings span.error {
  display: inline-block;
  border: 1px solid #f0c5c1;
  border-radius: 4px;
  background-color: #f4d6d2;
  padding: 4px;
  margin-bottom: 4px
}

.mform .form-inline .form-control,.mform .form-inline .custom-select {
  max-width: 100%
}

.mform .form-inline .form-group {
  margin: .1rem .25rem .1rem 0
}

.mform .form-inline br+label {
  justify-content: flex-start;
  width: 100%;
  margin-right: 0
}

.unresponsive.mform .form-inline,.unresponsive.mform .form-inline label {
  display: inline-flex
}

#jump-to-activity.custom-select {
  width: 100%
}

.mform fieldset {
  margin-bottom: .5rem;
  border-bottom: 1px solid #dee2e6
}

@media (min-width: 576px) {
  .mform>.form-group {
      margin-left:1.5rem
  }
}

#adminsettings .form-control[size] {
  width: auto
}

.jsenabled .mform .collapsed .fcontainer {
  display: none
}

#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: #6c757d
}

.form-label .form-shortname {
  font-size: .703125rem;
  display: block
}

.form-item .form-inline {
  display: inline
}

.form-inline label:not(.sr-only):not(.accesshide)+select {
  margin-left: .5rem
}

.formsettingheading .form-horizontal {
  color: #6c757d
}

.no-felement.fstatic {
  color: #6c757d;
  padding-top: 5px
}

.no-fitem .fstaticlabel {
  font-weight: 700
}

.form-item .form-setting .defaultsnext>input {
  display: inline-block
}

.form-item .form-setting .form-checkbox.defaultsnext {
  margin-top: 5px;
  display: inline-block
}

#adminsettings h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.5;
  font-size: 1.171875rem;
  line-height: 3;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

.mform .fitem .felement input[name="email"],.mform .fitem .felement input[name="email2"],.mform .fitem .felement input[name="url"],.mform .fitem .felement input[name="idnumber"],.mform .fitem .felement input[name="phone1"],.mform .fitem .felement input[name="phone2"] {
  text-align: left;
  direction: ltr
}

.que.match .mediaplugin {
  width: 50vw
}

#page-admin-grade-edit-scale-edit .error input#id_name {
  margin-right: 170px
}

#page-grade-edit-outcome-course .courseoutcomes {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

#page-grade-edit-outcome-course .courseoutcomes td {
  text-align: center
}

#installform #id_wwwroot,#installform #id_dirroot,#installform #id_dataroot,#installform #id_dbhost,#installform #id_dbname,#installform #id_dbuser,#installform #id_dbpass,#installform #id_prefix {
  direction: ltr
}

.mdl-right>label {
  display: inline-block
}

.singleselect {
  max-width: 100%
}

.form-item .form-label label {
  margin-bottom: 0
}

div#dateselector-calendar-panel {
  z-index: 3100
}

fieldset.coursesearchbox label {
  display: inline
}

#id_availabilityconditionsjson[aria-hidden=true],.availability-field [aria-hidden=true] {
  display: none
}

.availability-field label {
  display: inline-flex
}

.availability-field .availability-group label {
  vertical-align: top
}

.availability-eye {
  clear: left;
  float: left
}

.availability-inner,.availability-plugincontrols {
  float: left;
  border: 1px solid rgba(0,0,0,.125);
  padding: 1rem;
  margin-top: .5rem
}

.availability-plugincontrols,.availability-childlist .availability-inner {
  margin-left: .625rem
}

.availability-field .availability-plugincontrols .availability-group select {
  max-width: 12rem
}

[data-fieldtype=autocomplete] select,[data-fieldtype=tags] select,.form-autocomplete-original-select {
  visibility: hidden;
  overflow: hidden;
  width: 15rem;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 1.65625rem;
  vertical-align: bottom
}

.form-autocomplete-selection {
  margin: .25rem;
  min-height: 2.375rem
}

.form-autocomplete-selection [role=option] {
  cursor: pointer;
  white-space: inherit;
  word-break: break-word;
  line-height: 1.4;
  text-align: left
}

.form-autocomplete-suggestions {
  position: absolute;
  background-color: #fff;
  border: 1px solid #8f959e;
  min-width: 206px;
  max-height: 20em;
  overflow: auto;
  margin: .125rem 0 0;
  padding: .5rem 0;
  z-index: 1
}

.form-autocomplete-suggestions li {
  list-style-type: none;
  padding: .25rem 1.5rem;
  margin: 0;
  cursor: pointer;
  color: #212529
}

.form-autocomplete-suggestions li:hover,.form-autocomplete-suggestions li:focus,.form-autocomplete-suggestions li[aria-selected="true"] {
  background-color: #fe824c;
  color: #fff
}

.form-autocomplete-suggestions li::before {
  content: "\200B"
}

.form-autocomplete-downarrow {
  color: #212529;
  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] {
  padding: .5em;
  font-size: large
}

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 {
  float: none;
  width: inherit;
  padding-right: 0;
  padding-left: 0
}

.mform.full-width-labels .fitem.row.femptylabel>.col-md-3 {
  display: none
}

@media (min-width: 768px) {
  .form-inline .col-md-9,.form-inline .col-md-3 {
      margin-bottom:1rem;
      width: auto
  }

  .form-inline .col-md-9 label,.form-inline .col-md-3 label {
      margin-left: 1rem
  }
}

[data-fieldtype="modgrade"] .form-group {
  padding-bottom: .375rem
}

[data-fieldtype="modgrade"] {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  padding: 1.25rem;
  margin-left: 15px;
  max-width: 30rem
}

[data-filetypesbrowserbody] [aria-expanded="false"]>[role="group"],[data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],[data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
  display: none
}

.form-inline[data-fieldtype="autocomplete"],.form-inline[data-fieldtype="tags"] {
  display: block
}

[data-fieldtype="editor"]>div {
  flex-grow: 1
}

@media (min-width: 576px) {
  .mform fieldset {
      margin-left:1.5rem
  }

  .mform fieldset.collapsible legend a.fheader {
      padding: 0 5px 0 1.5rem;
      margin-left: -1.5rem;
      background: url(/theme/image.php/elan/core/1623852687/t/expanded) 0 center no-repeat
  }

  .mform fieldset.collapsed legend a.fheader {
      background-image: url(/theme/image.php/elan/core/1623852687/t/collapsed)
  }

  .mform .form-inline .fdefaultcustom label {
      justify-content: initial
  }
}

.input-group.form-inset .form-inset-item {
  position: absolute;
  padding-top: calc(0.375rem + 1px);
  z-index: 3
}

.input-group.form-inset.form-inset-left .form-control {
  padding-left: 1.5rem
}

.input-group.form-inset.form-inset-right .form-control {
  padding-right: 1.5rem
}

.input-group.form-inset.form-inset-right .form-inset-item {
  right: 0
}

.pagelayout-login .card-title h2 img {
  max-width: 100%;
  max-height: 100px
}

.pagelayout-login #region-main {
  border: 0;
  background-color: inherit
}

select {
  width: auto
}

.path-mod-choice .horizontal .choices .option {
  display: inline-block
}

.path-mod-choice .choices .option label {
  vertical-align: top
}

.path-mod-feedback .feedback_form .col-form-label {
  display: block!important
}

.path-mod-feedback .itemactions {
  float: right
}

.path-mod-feedback .itemhandle {
  position: absolute;
  right: 1rem
}

.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
}

.path-mod-forum .subscriptionmode {
  color: #212529
}

.path-mod-forum .activesetting {
  color: #212529;
  font-weight: 700
}

.discussion-settings-container .custom-select {
  width: 100%
}

.discussion-settings-container input {
  max-width: 100%
}

.forumpost {
  border: 1px solid #dee2e6;
  display: block;
  padding: 6px
}

.forumpost .header {
  margin-bottom: 3px
}

.forumpost .picture img {
  margin: 3px
}

.forumpost .picture img.userpicture {
  margin-left: 3px;
  margin-right: 10px
}

.forumpost .content .posting.fullpost {
  margin-top: 8px
}

.forumpost .row {
  display: block
}

.forumpost .row .topic,.forumpost .row .content-mask,.forumpost .row .options {
  margin-left: 48px
}

.forumpost .row.side {
  clear: both
}

.forumpost .row .left {
  width: 48px
}

.forumpost .options .commands {
  margin-left: 0
}

.forumpost .subject {
  font-weight: 700
}

.forumsearch input[type=text] {
  margin-bottom: 0
}

#page-mod-forum-view table .fit-content {
  width: 1px;
  white-space: nowrap
}

#page-mod-forum-view table .limit-width {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

#page-mod-forum-view table .limit-width .author-info {
  max-width: calc(100% - 35px - .5rem)
}

#page-mod-forum-discuss .discussioncontrols {
  width: auto;
  margin: 0
}

#page-mod-forum-discuss .discussioncontrols .form-inline input {
  margin-top: -1px
}

@keyframes background-highlight {
  from {
      background-color: rgba(0,123,255,.5)
  }

  to {
      background-color: inherit
  }
}

.path-mod-forum .nested-v2-display-mode .discussionsubscription,.path-mod-forum.nested-v2-display-mode .discussionsubscription {
  margin-top: 0;
  text-align: inherit;
  margin-bottom: 0
}

.path-mod-forum .nested-v2-display-mode .preload-subscribe,.path-mod-forum.nested-v2-display-mode .preload-subscribe,.path-mod-forum .nested-v2-display-mode .preload-unsubscribe,.path-mod-forum.nested-v2-display-mode .preload-unsubscribe {
  display: none
}

.path-mod-forum .nested-v2-display-mode .post-message,.path-mod-forum.nested-v2-display-mode .post-message {
  line-height: 1.6
}

.path-mod-forum .nested-v2-display-mode .indent,.path-mod-forum.nested-v2-display-mode .indent {
  margin-left: 0
}

.path-mod-forum .nested-v2-display-mode .badge,.path-mod-forum.nested-v2-display-mode .badge {
  font-size: inherit;
  font-weight: inherit;
  padding-left: .5rem;
  padding-right: .5rem;
  border-radius: 10rem
}

.path-mod-forum .nested-v2-display-mode .badge-light,.path-mod-forum.nested-v2-display-mode .badge-light {
  background-color: #f6f6f6;
  color: #5b5b5b
}

.path-mod-forum .nested-v2-display-mode .rating-aggregate-container,.path-mod-forum.nested-v2-display-mode .rating-aggregate-container {
  background-color: #f6f6f6;
  color: #5b5b5b;
  padding: .25em .5em;
  line-height: 1;
  margin-right: .5rem;
  vertical-align: middle;
  border-radius: 10rem;
  text-align: center
}

.path-mod-forum .nested-v2-display-mode .ratinginput,.path-mod-forum.nested-v2-display-mode .ratinginput {
  padding: .25em 1.75rem .25em .75em;
  line-height: 1;
  height: auto;
  border-radius: 10rem
}

@media (max-width: 767.98px) {
  .path-mod-forum .nested-v2-display-mode .ratinginput,.path-mod-forum.nested-v2-display-mode .ratinginput {
      margin-top:.5rem
  }
}

.path-mod-forum .nested-v2-display-mode .group-image,.path-mod-forum.nested-v2-display-mode .group-image {
  width: 35px;
  height: 35px;
  margin-right: 0;
  float: none;
  display: inline-block
}

.path-mod-forum .nested-v2-display-mode .alert.discussionlocked,.path-mod-forum.nested-v2-display-mode .alert.discussionlocked {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}

.path-mod-forum .nested-v2-display-mode .text-muted,.path-mod-forum.nested-v2-display-mode .text-muted,.path-mod-forum .nested-v2-display-mode .dimmed_text,.path-mod-forum.nested-v2-display-mode .dimmed_text {
  color: #707070!important
}

.path-mod-forum .nested-v2-display-mode .author-header,.path-mod-forum.nested-v2-display-mode .author-header {
  font-style: italic
}

.path-mod-forum .nested-v2-display-mode .author-header .author-name,.path-mod-forum.nested-v2-display-mode .author-header .author-name {
  font-style: normal
}

.path-mod-forum .nested-v2-display-mode .tag_list>b,.path-mod-forum.nested-v2-display-mode .tag_list>b {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0
}

.path-mod-forum .nested-v2-display-mode :target>.focus-target,.path-mod-forum.nested-v2-display-mode :target>.focus-target {
  animation-name: background-highlight;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container,.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container {
  border-top: 1px solid #dee2e6;
  padding-top: 1.5rem
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container,.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container {
  border-top: none;
  padding-top: 0
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author,.path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author {
  display: none
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type,.path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type {
  margin-bottom: 0
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container,.path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container {
  width: 70px;
  margin-right: 24px;
  flex-shrink: 0
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea,.path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea {
  border: 0;
  resize: none
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent,.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent {
  padding-left: 94px
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container,.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container {
  width: 30px;
  margin-right: 8px;
  padding-top: 3px
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent,.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent {
  padding-left: 38px
}

.path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent,.path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent {
  padding-left: 0
}

@media (max-width: 767.98px) {
  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container {
      width:30px;
      margin-right: 8px
  }

  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent {
      padding-left: 38px
  }

  #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent {
      padding-left: 0
  }

  #page-mod-forum-discuss.nested-v2-display-mode .group-image {
      width: 30px;
      height: 30px
  }
}

.filter-scrollable {
  overflow-y: auto;
  max-height: 25em;
  margin-bottom: 1em
}

.filter-dates-popover {
  width: 100%;
  max-width: 41.5em
}

.filter-dates-popover .mform {
  margin-left: -3em
}

@keyframes expandSearchButton {
  from {
      height: 36px;
      width: 36px;
      border-radius: 18px;
      background-color: #e9ecef
  }

  to {
      width: 100%;
      height: calc(1.5em + 1rem + 2px);
      border-radius: 0;
      background-color: #fff;
      border-color: #8f959e;
      padding-left: calc(0.5rem + 8px);
      padding-top: .5rem;
      padding-bottom: .5rem;
      font-size: 1.171875rem;
      line-height: 1.5;
      right: 0
  }

  @media (max-width: 1200px) {
      to {
          font-size:calc(0.9271875rem + 0.32625vw)
      }
  }
}

@keyframes collapseSearchButton {
  from {
      width: 100%;
      height: calc(1.5em + 1rem + 2px);
      border-radius: 0;
      background-color: #fff;
      border-color: #8f959e;
      padding-left: calc(0.5rem + 8px);
      padding-top: .5rem;
      padding-bottom: .5rem;
      font-size: 1.171875rem;
      line-height: 1.5;
      right: 0
  }

  @media (max-width: 1200px) {
      from {
          font-size:calc(0.9271875rem + 0.32625vw)
      }
  }

  to {
      height: 36px;
      width: 36px;
      border-radius: 18px;
      background-color: #e9ecef
  }
}

.path-mod-forum .unified-grader .navbar {
  max-height: none;
  z-index: 1
}

.path-mod-forum .unified-grader .body-container {
  overflow: auto
}

.path-mod-forum .unified-grader .body-container.hidden {
  display: none!important
}

.path-mod-forum .unified-grader .userpicture {
  height: 60px;
  width: 60px
}

.path-mod-forum .unified-grader .grader-grading-panel {
  top: 0;
  position: absolute;
  height: 100%;
  z-index: 0;
  width: 430px
}

.path-mod-forum .unified-grader .grader-grading-panel.hidden {
  right: -430px
}

.path-mod-forum .unified-grader .grader-grading-panel .grading-icon {
  width: 36px
}

.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name {
  max-width: 240px
}

.path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link {
  width: 36px;
  height: 36px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container {
  height: 65px;
  position: relative;
  overflow: hidden
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  padding: .5rem;
  padding-right: calc(36px + 0.5rem);
  opacity: 1;
  visibility: visible;
  transition: left 0.3s ease-in-out;
  z-index: 1
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand {
  animation-name: expandSearchButton;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse {
  display: block;
  animation-name: collapseSearchButton;
  animation-duration: 0.3s
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container {
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
  height: 100%!important;
  padding: .5rem
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container {
  position: relative;
  overflow: visible;
  flex-wrap: nowrap
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input {
  padding-left: calc(0.5rem + 0.5rem + 34px);
  padding-right: calc(0.5rem + 36px);
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 0.3s,visibility 0s linear
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon {
  position: absolute;
  top: 50%;
  left: .5rem;
  transform: translateY(-50%);
  color: #495057;
  height: 36px;
  width: 34px;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 0.3s,visibility 0s linear 0.3s
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button {
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
  z-index: 1;
  color: inherit;
  text-align: left;
  padding-left: 9px;
  transition: right 0s linear 0.3s
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear 0.3s,max-height 0s linear 0.3s,max-width 0s linear 0.3s,visibility 0s linear 0.3s
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear 0.3s,max-height 0s linear 0.3s,max-width 0s linear 0.3s,visibility 0s linear 0.3s
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed {
  width: calc(36px + 0.5rem + 0.5rem);
  transition: width 0.3s ease-in-out
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container {
  flex-wrap: nowrap
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input,.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s linear,visibility 0s linear
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input {
  padding-left: 0;
  padding-right: 0
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  transition: opacity 0s linear,max-height 0s linear,max-width 0s linear,visibility 0s linear
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon {
  opacity: 1;
  visibility: visible;
  max-width: 50px;
  max-height: 50px;
  transition: opacity 0s linear,max-height 0s linear,max-width 0s linear,visibility 0s linear
}

.path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed)+.info-container {
  opacity: 0;
  visibility: hidden;
  left: calc(100% * -1);
  transition: left 0.3s ease-in-out,opacity 0s linear 0.3s,visibility 0s linear 0.3s,padding 0s linear 0.3s
}

.path-mod-forum .unified-grader .grader-module-content {
  overflow-y: auto;
  margin-right: 430px;
  transition: margin-right 0.2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .path-mod-forum .unified-grader .grader-module-content {
      transition: none
  }
}

.path-mod-forum .unified-grader .drawer-button {
  position: relative
}

.path-mod-forum .unified-grader .drawer-button.active::after {
  content: "";
  position: absolute;
  bottom: calc(-0.5rem - 1px);
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fe824c
}

.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: .3rem
}

.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container {
  position: relative
}

.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after {
  position: absolute;
  top: calc(70px + 0.5rem);
  content: "";
  background-color: #e9ecef;
  width: 2px;
  height: calc(100% - 70px + 0.5rem)
}

.path-mod-forum .unified-grader .nested-v2-display-mode .parent-container+.post-container .author-image-container img {
  width: 30px!important
}

.path-mod-forum .unified-grader .nested-v2-display-mode .post-subject,.path-mod-forum .modal .nested-v2-display-mode .post-subject {
  display: none
}

@media (max-width: 575.98px) {
  .path-mod-forum .unified-grader .grader-grading-panel {
      width:100%;
      position: fixed;
      height: calc(100vh - 50px);
      overflow: scroll;
      top: 50px
  }

  .path-mod-forum .unified-grader .body-container {
      overflow: visible
  }
}

.maincalendar .calendarmonth td,.maincalendar .calendarmonth th {
  border: 1px dotted #dee2e6
}

.path-grade-report-grader h1 {
  text-align: inherit
}

#page-mod-chat-gui_basic input#message {
  max-width: 100%
}

#page-mod-data-view #singleimage {
  width: auto
}

.path-mod-data form {
  margin-top: 10px
}

.template_heading {
  margin-top: 10px
}

.breadcrumb-button {
  margin-top: 4px
}

.breadcrumb-button .singlebutton {
  float: left;
  margin-left: 4px
}

.langmenu form {
  margin: 0
}

canvas {
  -ms-touch-action: auto
}

div#dock {
  display: none
}

.path-mod-lesson .invisiblefieldset.fieldsetfix {
  display: block
}

.path-mod-lesson .answeroption .checkbox label p {
  display: inline
}

.path-mod-lesson .form-inline label.form-check-label {
  display: inline-block
}

.path-mod-lesson .slideshow {
  overflow: auto;
  padding: 15px
}

#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
  white-space: normal
}

#page-mod-lesson-view .vertical .singlebutton {
  display: block
}

#page-mod-lesson-view .vertical .singlebutton+.singlebutton {
  margin-left: 0;
  margin-top: 1rem
}

#page-mod-lesson-view .fitem .felement .custom-select {
  align-self: flex-start
}

.path-mod-lesson .generaltable td {
  vertical-align: middle
}

.path-mod-lesson .generaltable td label {
  margin-bottom: 0
}

.path-mod-lesson .generaltable td .highlight {
  display: inline-block;
  margin-left: .25rem
}

.path-mod-lesson .generaltable td input[type="checkbox"] {
  display: block
}

.path-mod-wiki .wiki_headingtitle,.path-mod-wiki .midpad,.path-mod-wiki .wiki_headingtime {
  text-align: inherit
}

.path-mod-wiki .wiki_contentbox {
  width: 100%
}

.path-mod-survey .surveytable>tbody>tr:nth-of-type(even) {
  background-color: rgba(0,0,0,.05)
}

.path-mod-survey .surveytable .rblock label {
  text-align: center
}

.nav .caret {
  margin-left: 4px
}

.nav .divider {
  overflow: hidden;
  width: 0
}

.usermenu .login {
  line-height: 2.25rem
}

.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 {
  display: block;
  font-size: .8203125rem
}

.userloggedinas .usermenu .avatar img,.userswitchedrole .usermenu .avatar img,.loginfailures .usermenu .avatar img {
  margin: 0
}

.userloggedinas .usermenu .userbutton .avatars {
  position: relative;
  display: inline-block
}

.userloggedinas .usermenu .userbutton .avatars .avatar.current {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%
}

.userloggedinas .usermenu .userbutton .avatars .avatar.current img {
  vertical-align: baseline
}

.userloggedinas .usermenu .userbutton .avatars .avatar img {
  width: inherit;
  height: inherit
}

.userloggedinas .usermenu .userbutton .avatars .realuser {
  width: 35px;
  height: 35px;
  display: inline-block
}

@media (max-width: 767.98px) {
  .usertext {
      display:none
  }
}

.path-mod-quiz .mod-quiz-edit-content {
  margin-bottom: 10rem
}

#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,#page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
  width: auto;
  max-width: none
}

#page-mod-quiz-mod #id_reviewoptionshdr .form-group {
  float: left;
  width: 20rem;
  display: inline-block;
  min-height: 12rem
}

#page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
  line-height: 1.5;
  vertical-align: bottom
}

#page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
  float: left;
  clear: left
}

#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
  width: auto;
  height: 22px;
  justify-content: flex-start
}

#page-mod-quiz-mod #id_reviewoptionshdr .review_option_item {
  width: 90%;
  height: 22px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  background-color: #fff;
  background-image: none;
  height: 40px;
  width: 30px;
  border-radius: 3px;
  border: 0;
  overflow: visible;
  margin: 0 6px 6px 0
}

.path-mod-quiz #mod_quiz_navblock span.qnbutton {
  cursor: default;
  background-color: #e9ecef;
  color: #495057
}

.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,.path-mod-quiz #mod_quiz_navblock a.qnbutton:active,.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
  text-decoration: underline
}

.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
  border: 1px solid;
  border-radius: 3px;
  z-index: 1
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
  border-width: 3px
}

.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
  border-width: 1px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
  background: transparent url(/theme/image.php/elan/theme/1623852687/mod/quiz/flag-on) 15px 0 no-repeat
}

.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
  border: 0;
  background: #fff none center / 10px no-repeat scroll;
  height: 20px;
  margin-top: 20px;
  border-radius: 0 0 3px 3px
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
  background-color: #fff
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
  background-image: url(/theme/image.php/elan/theme/1623852687/mod/quiz/warningtriangle)
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
  background-image: url(/theme/image.php/elan/theme/1623852687/mod/quiz/checkmark);
  background-color: #357a32
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
  background-image: url(/theme/image.php/elan/core/1623852687/t/locked);
  background-color: #e9ecef
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
  background-color: #ca3120
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
  background-image: url(/theme/image.php/elan/theme/1623852687/mod/quiz/whitecircle);
  background-color: #f0ad4e
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
  background-color: #6c757d
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
  height: 1.4em;
  vertical-align: middle
}

#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
  padding: 0;
  margin: 0 .4em
}

#page-mod-quiz-attempt #region-main {
  overflow-x: inherit
}

#quiz-timer-wrapper {
  display: none;
  position: sticky;
  justify-content: end;
  top: 55px;
  z-index: 1020
}

#quiz-timer-wrapper #quiz-timer {
  border: 1px solid #ca3120;
  background-color: #fff
}

.pagelayout-embedded #quiz-timer-wrapper {
  top: 5px
}

#quiz-timer-wrapper #quiz-timer.timeleft0 {
  background-color: #ca3120;
  color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft1 {
  background-color: #d73422;
  color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft2 {
  background-color: #dd3d2b;
  color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft3 {
  background-color: #e04938;
  color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft4 {
  background-color: #e25546;
  color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft5 {
  background-color: #e46153;
  color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft6 {
  background-color: #e66d60;
  color: #fff
}

#quiz-timer-wrapper #quiz-timer.timeleft7 {
  background-color: #e8796d;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft8 {
  background-color: #ea867a;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft9 {
  background-color: #ec9288;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft10 {
  background-color: #ee9e95;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft11 {
  background-color: #f0aaa2;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft12 {
  background-color: #f2b6af;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft13 {
  background-color: #f4c2bc;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft14 {
  background-color: #f7ceca;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft15 {
  background-color: #f9dad7;
  color: #212529
}

#quiz-timer-wrapper #quiz-timer.timeleft16 {
  background-color: #fbe6e4;
  color: #212529
}

.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%
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
  width: auto
}

.path-mod-assign [data-region="grade-panel"] .popout {
  background-color: #fff
}

.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  padding: 1.25rem;
  margin-bottom: 1rem
}

.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin-bottom: 1rem
}

.path-mod-assign [data-region="grade-panel"] .popout>.col-md-3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1.40625rem
}

.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
  margin-top: 0
}

.path-mod-assign [data-region="assignment-info"] {
  overflow-y: hidden
}

.path-mod-assign [data-region="grading-navigation"] {
  padding: 6px
}

.path-mod-assign [data-region="grade-actions"] {
  padding: 10px
}

.path-mod-assign [data-region="user-info"] .img-rounded {
  margin-top: 0
}

.path-mod-assign [data-region="grading-navigation-panel"] {
  height: 85px
}

@media (max-width: 767px) {
  .path-mod-assign [data-region="grading-navigation-panel"] {
      height:auto
  }

  .path-mod-assign [data-region="user-info"] {
      margin-top: 1rem
  }
}

.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
  width: auto;
  display: inline-block
}

.assignfeedback_editpdf_widget * {
  box-sizing: content-box
}

.assignfeedback_editpdf_widget button {
  box-sizing: border-box
}

.assignfeedback_editpdf_widget .commentcolourbutton img {
  border-width: 0
}

.assignfeedback_editpdf_widget .label {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0 solid transparent;
  color: #00434e;
  background-color: #cce6ea;
  border-color: #b8dce2
}

.assignfeedback_editpdf_widget .label hr {
  border-top-color: #a6d3da
}

.assignfeedback_editpdf_widget .label .alert-link {
  color: #00171b
}

.assignfeedback_editpdf_menu {
  padding: 0
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
  float: none
}

.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
  width: 100%
}

.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
  padding-left: 1rem;
  padding-right: 1rem
}

.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,.path-mod-assign [data-region="grade-panel"] .showstudentdesc {
  background-color: #fff
}

.path-admin-mod-lti .btn .loader img,.path-admin-mod-lti #tool-list-loader-container .loader img {
  height: auto
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
  background-color: #fff
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
  border: 0
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
  border-radius: 0
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
  background-color: transparent
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
  background-color: #f8f9fa
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
  padding: 0!important
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
  border: 0;
  padding: 3px 15px;
  white-space: nowrap;
  margin-bottom: 0
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
  padding: 10px 5px
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #fff
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dee2e6;
  padding: 5px 10px
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
  margin-right: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: none
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
  margin: 20px 25px
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
  text-align: center;
  margin: 10px 0;
  font-size: .8203125rem;
  color: #495057
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  margin-bottom: .75rem;
  border: 1px solid rgba(0,0,0,.125);
  padding: 1.25rem
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
  float: right;
  font-size: 11px;
  color: #495057
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
  background-color: #fff
}

.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
  font-weight: 700
}

#page-report-participation-index .participationselectform div label {
  display: inline-block;
  margin: 0 5px
}

#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
  margin-left: 0
}

.path-backup .mform .grouped_settings {
  clear: both;
  overflow: hidden
}

.path-backup .mform .grouped_settings.section_level {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  padding: 1.25rem;
  margin-bottom: 1.25rem
}

.path-backup .mform .grouped_settings.section_level::after {
  display: block;
  clear: both;
  content: ""
}

.path-backup .mform .include_setting {
  width: 50%;
  display: inline-block;
  float: left;
  padding: .3rem
}

.path-backup .mform .normal_setting {
  width: 50%;
  display: inline-block;
  float: left;
  padding: .3rem
}

.path-backup .section_level {
  font-weight: 700
}

.path-backup .section_level .activity_level {
  font-weight: 400
}

.path-backup .proceedbutton {
  margin-left: auto
}

.path-backup .mform .root_setting:nth-of-type(odd),.path-backup .mform .grouped_settings:nth-of-type(odd) {
  background-color: rgba(0,0,0,.05)
}

.path-backup .mform .root_setting:nth-of-type(even),.path-backup .mform .grouped_settings:nth-of-type(even) {
  background-color: #fff
}

.path-backup .mform .root_setting .form-group .col-md-3.checkbox,.path-backup .mform .grouped_settings .form-group .col-md-3.checkbox {
  width: 0%
}

.path-backup .mform .root_setting .form-group .col-md-9.checkbox,.path-backup .mform .grouped_settings .form-group .col-md-9.checkbox {
  width: 100%;
  left: 0
}

.path-backup .detail-pair .detail-pair-label {
  width: 25%;
  float: left;
  clear: left
}

.path-backup .detail-pair .detail-pair-value {
  width: 75%;
  float: left
}

.path-backup .backup-restore .singlebutton {
  float: right
}

.path-backup .backup-section {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  padding: 1.25rem;
  margin-bottom: 1.25rem
}

.path-backup .backup-section .sub-header,.path-backup .backup-section .backup-sub-section,.path-backup .backup-section .singlebutton,.path-backup .backup-section .header {
  width: 100%;
  float: left;
  clear: both
}

.path-backup .backup-section th.header {
  width: auto;
  float: none
}

.path-backup .backup-section ::after {
  content: "";
  display: table;
  clear: both
}

.path-backup .backup-section::after {
  display: block;
  clear: both;
  content: ""
}

.path-backup .notification.dependencies_enforced {
  color: #ca3120;
  font-weight: 700
}

.path-backup .backup_progress {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.path-backup .backup_progress .backup_stage {
  color: #6c757d
}

.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: #212529
}

.generaltable th,.generaltable td {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6
}

.generaltable thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6
}

.generaltable tbody+tbody {
  border-top: 2px solid #dee2e6
}

.generaltable tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,.05)
}

.generaltable.table-sm th,.generaltable.table-sm td {
  padding: .3rem
}

.generaltable tbody tr:hover {
  color: #212529;
  background-color: rgba(0,0,0,.075)
}

table caption {
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  text-align: left;
  caption-side: top
}

.table-dynamic .loading-icon {
  position: absolute;
  left: calc(50% - 1.5rem);
  top: 200px
}

.table-dynamic .loading-icon .icon {
  height: 3rem;
  width: 3rem;
  font-size: 3rem
}

.singlebutton {
  display: inline-block
}

.singlebutton+.singlebutton {
  margin-left: .5rem
}

.continuebutton {
  text-align: center
}

p.arrow_button {
  margin-top: 5em;
  text-align: center
}

#addcontrols {
  margin-top: 11.25rem;
  text-align: center;
  margin-bottom: 3em
}

#addcontrols label {
  display: inline
}

#addcontrols input,#removecontrols input {
  width: 100%;
  margin: auto
}

.btn-lineup {
  margin: 0 0 10px 5px
}

.btn.btn-icon {
  height: 36px;
  width: 36px;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0
}

.btn.btn-icon:hover,.btn.btn-icon:focus {
  background-color: #e9ecef
}

.btn.btn-icon.icon-size-0 {
  height: 20px!important;
  width: 20px!important;
  font-size: 0!important;
  line-height: 0!important
}

.btn.btn-icon.icon-size-1 {
  height: 24px!important;
  width: 24px!important;
  font-size: 4px!important;
  line-height: 4px!important
}

.btn.btn-icon.icon-size-2 {
  height: 28px!important;
  width: 28px!important;
  font-size: 8px!important;
  line-height: 8px!important
}

.btn.btn-icon.icon-size-3 {
  height: 36px!important;
  width: 36px!important;
  font-size: 16px!important;
  line-height: 16px!important
}

.btn.btn-icon.icon-size-4 {
  height: 44px!important;
  width: 44px!important;
  font-size: 24px!important;
  line-height: 24px!important
}

.btn.btn-icon.icon-size-5 {
  height: 52px!important;
  width: 52px!important;
  font-size: 32px!important;
  line-height: 32px!important
}

.btn.btn-icon.icon-size-6 {
  height: 60px!important;
  width: 60px!important;
  font-size: 40px!important;
  line-height: 40px!important
}

.btn.btn-icon.icon-size-7 {
  height: 68px!important;
  width: 68px!important;
  font-size: 48px!important;
  line-height: 48px!important
}

.btn-primary:focus,.btn-primary.focus {
  outline: .2rem solid #7d2701;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-secondary:focus,.btn-secondary.focus {
  outline: .2rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-success:focus,.btn-success.focus {
  outline: .2rem solid #000;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-info:focus,.btn-info.focus {
  outline: .2rem solid #000;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-warning:focus,.btn-warning.focus {
  outline: .2rem solid #694109;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-danger:focus,.btn-danger.focus {
  outline: .2rem solid #1a0604;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-light:focus,.btn-light.focus {
  outline: .2rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-dark:focus,.btn-dark.focus {
  outline: .2rem solid #000;
  box-shadow: inset 0 0 0 2px #fff
}

.btn-outline-primary:focus,.btn-outline-primary.focus {
  outline: .2rem solid #7d2701;
  box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-secondary:focus,.btn-outline-secondary.focus {
  outline: .2rem solid #5f6e7d;
  box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-success:focus,.btn-outline-success.focus {
  outline: .2rem solid #000;
  box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-info:focus,.btn-outline-info.focus {
  outline: .2rem solid #000;
  box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-warning:focus,.btn-outline-warning.focus {
  outline: .2rem solid #694109;
  box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-danger:focus,.btn-outline-danger.focus {
  outline: .2rem solid #1a0604;
  box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-light:focus,.btn-outline-light.focus {
  outline: .2rem solid #8193a5;
  box-shadow: inset 0 0 0 2px #343a40
}

.btn-outline-dark:focus,.btn-outline-dark.focus {
  outline: .2rem solid #000;
  box-shadow: inset 0 0 0 2px #343a40
}

.gradetreebox h4 {
  font-size: .9375rem
}

.gradetreebox th.cell,.gradetreebox input[type=text] {
  width: auto
}

.gradetreebox input[type=text],.gradetreebox select {
  margin-bottom: 0
}

.core_grades_notices .singlebutton {
  display: inline-block
}

.path-grade-report #maincontent+.urlselect {
  position: absolute;
  left: 40vw
}

.path-grade-report-grader #region-main {
  overflow-x: visible;
  min-width: 100%;
  width: auto;
  display: inline-flex;
  flex-direction: column
}

.path-grade-report-grader #region-main>.card {
  width: auto;
  overflow-x: initial
}

.path-grade-report-grader #region-main div[role="main"] {
  flex: 1 1 auto
}

.path-grade-report-grader [data-region="blocks-column"] {
  width: 100%;
  clear: both
}

#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%
}

#rubric-rubric.gradingform_rubric #rubric-criteria {
  margin-bottom: 1em
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
  vertical-align: top;
  padding: 6px
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
  margin-bottom: 0;
  height: 115px
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
  width: 80%;
  margin-bottom: 0
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
  position: relative;
  float: left;
  margin-right: 28px
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
  margin-bottom: 0
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
  vertical-align: top;
  padding: 6px
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
  position: relative;
  width: 32px;
  height: 32px;
  margin-top: -32px;
  clear: both;
  float: right
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 24px;
  width: 24px;
  margin: 0
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
  background-color: #ddd
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
  float: none;
  width: 2em
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
  width: 0
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
  vertical-align: top;
  padding-top: 6px
}

#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
  height: 30px;
  line-height: 1rem
}

#rubric-rubric.gradingform_rubric .addcriterion {
  margin-left: 5px;
  padding: 0;
  margin-bottom: 1em
}

#rubric-rubric.gradingform_rubric .addcriterion input {
  margin: 0;
  color: inherit;
  text-shadow: inherit;
  border: 0 none;
  line-height: inherit;
  background: transparent url(/theme/image.php/elan/core/1623852687/t/add) no-repeat 7px 8px;
  padding-left: 26px
}

#rubric-rubric.gradingform_rubric .options {
  clear: both
}

#rubric-rubric.gradingform_rubric .options .option label {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 400;
  line-height: 2em;
  color: inherit;
  text-shadow: none;
  background-color: transparent
}

#rubric-rubric.gradingform_rubric .options .option input {
  margin-left: 5px;
  margin-right: 12px
}

.grade-display .description {
  font-size: 1rem
}

.criterion .description {
  font-size: 1rem
}

.criterion .criterion-toggle .expanded-icon {
  display: block
}

.criterion .criterion-toggle .collapsed-icon {
  display: none
}

.criterion .criterion-toggle.collapsed .expanded-icon {
  display: none
}

.criterion .criterion-toggle.collapsed .collapsed-icon {
  display: block
}

.path-grade-edit-tree .setup-grades h4 {
  margin: 0
}

.path-grade-edit-tree .setup-grades .column-rowspan {
  padding: 0;
  width: 24px;
  min-width: 24px;
  max-width: 24px
}

.path-grade-edit-tree .setup-grades .category td.column-name {
  padding-left: 0
}

.path-grade-edit-tree .setup-grades td.column-name {
  padding-left: 24px
}

.path-grade-edit-tree .setup-grades td.movehere {
  padding: 0
}

.path-grade-edit-tree .setup-grades td.movehere a.movehere {
  display: block;
  width: 100%;
  height: 2rem;
  border: 2px dashed #343a40
}

.path-grade-edit-tree .setup-grades .category input[type="text"],.path-grade-edit-tree .setup-grades .category .column-range,.path-grade-edit-tree .setup-grades .categoryitem,.path-grade-edit-tree .setup-grades .courseitem {
  font-weight: 700
}

.path-grade-edit-tree .setup-grades .emptyrow {
  display: none
}

.path-grade-edit-tree .setup-grades .gradeitemdescription {
  font-weight: 400;
  padding-left: 24px
}

.path-grade-edit-tree .setup-grades .column-weight {
  white-space: nowrap
}

.path-grade-edit-tree .setup-grades .column-weight.level3 {
  padding-left: 37px
}

.path-grade-edit-tree .setup-grades .column-weight.level4 {
  padding-left: 66px
}

.path-grade-edit-tree .setup-grades .column-weight.level5 {
  padding-left: 95px
}

.path-grade-edit-tree .setup-grades .column-weight.level6 {
  padding-left: 124px
}

.path-grade-edit-tree .setup-grades .column-weight.level7 {
  padding-left: 153px
}

.path-grade-edit-tree .setup-grades .column-weight.level8 {
  padding-left: 182px
}

.path-grade-edit-tree .setup-grades .column-weight.level9 {
  padding-left: 211px
}

.path-grade-edit-tree .setup-grades .column-weight.level10 {
  padding-left: 240px
}

.path-grade-edit-tree .setup-grades .column-range.level2 {
  padding-left: 37px
}

.path-grade-edit-tree .setup-grades .column-range.level3 {
  padding-left: 66px
}

.path-grade-edit-tree .setup-grades .column-range.level4 {
  padding-left: 95px
}

.path-grade-edit-tree .setup-grades .column-range.level5 {
  padding-left: 124px
}

.path-grade-edit-tree .setup-grades .column-range.level6 {
  padding-left: 153px
}

.path-grade-edit-tree .setup-grades .column-range.level7 {
  padding-left: 182px
}

.path-grade-edit-tree .setup-grades .column-range.level8 {
  padding-left: 211px
}

.path-grade-edit-tree .setup-grades .column-range.level9 {
  padding-left: 240px
}

.path-grade-edit-tree .setup-grades .column-range.level10 {
  padding-left: 269px
}

.path-grade-edit-tree .setup-grades.generaltable .levelodd {
  background-color: rgba(0,0,0,.05)
}

.path-grade-report-grader .gradeparent tr .cell,.path-grade-report-grader .gradeparent .floater .cell {
  background-color: #fff
}

.path-grade-report-grader .gradeparent table,.path-grade-report-grader .gradeparent .cell {
  border-color: #dee2e6
}

.path-grade-report-grader .gradeparent .userrow.odd .cell,.path-grade-report-grader .gradeparent .floater .cell.odd,.path-grade-report-grader .gradeparent .heading .cell,.path-grade-report-grader .gradeparent .cell.category,.path-grade-report-grader .gradeparent .avg .cell {
  background-color: #f8f9fa
}

.path-grade-report-grader .gradeparent table .clickable {
  cursor: pointer
}

.path-grade-report-user .user-grade {
  border: none
}

.path-grade-report-user .user-grade.generaltable .levelodd {
  background-color: rgba(0,0,0,.05)
}

.path-grade-report-user .user-grade .column-contributiontocoursetotal,.path-grade-report-user .user-grade .column-range,.path-grade-report-user .user-grade .column-percentage,.path-grade-report-user .user-grade .column-weight {
  direction: ltr
}

.path-grade-report-singleview input[name^="finalgrade"] {
  width: 80px
}

.columns-autoflow-1to1to1 {
  column-count: 3
}

@media (max-width: 767px) {
  .columns-autoflow-1to1to1 {
      column-count:1
  }
}

li.activity.label,.file-picker td.label {
  background: inherit;
  color: inherit;
  border: inherit;
  text-shadow: none;
  padding: 8px;
  white-space: normal;
  display: block;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit
}

.file-picker td.label {
  display: table-cell;
  text-align: right
}

.choosercontainer #chooseform .option label {
  font-size: 12px
}

li.section.hidden,.block.hidden,.block.invisible {
  visibility: visible;
  display: block
}

.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 - 50px);
  overflow-y: auto
}

.page-item.active .page-link,.page-item.active .page-link:hover,.page-item.active .page-link:focus {
  z-index: inherit
}

.bs-popover-right .arrow,.bs-popover-auto[x-placement^="right"] .arrow {
  left: -9px
}

.bs-popover-left .arrow,.bs-popover-auto[x-placement^="left"] .arrow {
  right: -9px
}

.bs-popover-top .arrow,.bs-popover-auto[x-placement^="top"] .arrow {
  bottom: -9px
}

.bs-popover-bottom .arrow,.bs-popover-auto[x-placement^="bottom"] .arrow {
  top: -9px
}

.custom-select {
  word-wrap: normal
}

.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
  transform: translateX(0)
}

.carousel-item-next,.active.carousel-item-right {
  transform: translateX(100%)
}

.carousel-item-prev,.active.carousel-item-left {
  transform: translateX(-100%)
}

body.reset-style #page-header .card {
  border: none
}

body.reset-style #page-header .card .page-header-headings h1 {
  margin-bottom: 0
}

@media (max-width: 767.98px) {
  body.reset-style #page-header .card .card-body {
      padding-left:0;
      padding-right: 0
  }
}

body.reset-style #page-header>div {
  padding-top: 0!important;
  padding-bottom: 0!important
}

body.reset-style #page-content {
  padding-bottom: 0!important
}

body.reset-style #page-content #region-main-box #region-main {
  border: none;
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  vertical-align: top
}

body.reset-style #page-content #region-main-box #region-main div[role="main"] {
  flex: 1 0 auto
}

body.reset-style #page-content #region-main-box #region-main .activity-navigation {
  overflow: hidden
}

body.reset-style #page-content #region-main-box #region-main.has-blocks {
  width: calc(100% - 375px)
}

@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box #region-main.has-blocks {
      width:100%
  }
}

@media (max-width: 767.98px) {
  body.reset-style #page-content #region-main-box #region-main {
      padding-left:0;
      padding-right: 0
  }
}

body.reset-style #page-content #region-main-box [data-region="blocks-column"] {
  margin-left: auto
}

@media (max-width: 1199.98px) {
  body.reset-style #page-content #region-main-box {
      display:flex;
      flex-direction: column
  }
}

body.reset-style select,body.reset-style input,body.reset-style textarea,body.reset-style .btn:not(.btn-icon) {
  border-radius: .3rem
}

body.behat-site .fixed-top {
  position: absolute
}

body.behat-site .dropdown-item {
  margin-top: 4px!important
}

body.behat-site.drawer-ease {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial
}

body.behat-site [data-region="drawer"] {
  -webkit-transition: initial;
  -moz-transition: initial;
  transition: initial;
  position: absolute
}

body.behat-site .custom-control,body.behat-site .custom-switch {
  padding-left: 0
}

body.behat-site .custom-control-input {
  position: static;
  z-index: 0;
  opacity: 1
}

body.behat-site .custom-control-label::before,body.behat-site .custom-control-label::after {
  content: none
}

body.behat-site [data-region="message-drawer"] {
  padding-right: 10px
}

.phpinfo table,.phpinfo th,.phpinfo h2 {
  margin: auto
}

.phpinfo .e,.phpinfo .v,.phpinfo .h {
  border: 1px solid #000;
  font-size: .8em;
  vertical-align: baseline;
  color: #000;
  background-color: #ccc
}

.phpinfo .e {
  background-color: #ccf;
  font-weight: 700
}

.phpinfo .h {
  background-color: #99c;
  font-weight: 700
}

html,body {
  height: 100%
}

#page-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column
}

#page-wrapper #page {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column
}

#page-wrapper #page #page-content {
  flex: 1 0 auto
}

#page-wrapper #page-footer {
  flex-shrink: 0
}

.popover-region {
  position: relative
}

.popover-region.collapsed .popover-region-toggle:before,.popover-region.collapsed .popover-region-toggle:after {
  display: none
}

.popover-region.collapsed .popover-region-container {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.25s,opacity 101ms 0.25s,visibility 101ms 0.25s
}

.popover-region-toggle {
  cursor: pointer
}

.popover-region-toggle::before {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ddd;
  position: absolute;
  bottom: 0;
  right: 7px
}

.popover-region-toggle::after {
  content: '';
  display: inline-block;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  bottom: -1px;
  right: 8px;
  z-index: 2
}

.count-container {
  padding: 2px;
  border-radius: 2px;
  background-color: red;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 5px;
  right: 0
}

.popover-region-container {
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: 0;
  top: 0;
  height: 500px;
  width: 380px;
  border: 1px solid #ddd;
  transition: height 0.25s;
  background-color: #fff;
  z-index: 1
}

.popover-region-header-container {
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box
}

.popover-region-footer-container {
  height: 30px;
  text-align: center;
  border-top: 1px solid #ddd;
  background-color: #fff;
  padding-top: 3px
}

.popover-region-header-text {
  float: left;
  margin: 0;
  font-size: 14px;
  line-height: 25px
}

.popover-region-header-actions {
  float: right
}

.popover-region-header-actions>* {
  margin-left: 10px;
  min-width: 20px;
  display: inline-block
}

.popover-region-header-actions .loading-icon {
  display: none;
  height: 12px;
  width: 12px
}

.popover-region-header-actions .newmessage-link {
  margin-right: 10px
}

.popover-region-header-actions label {
  display: inline-block;
  text-align: center;
  margin-bottom: 0
}

.popover-region-content-container {
  height: calc(100% - 55px);
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.popover-region-content-container>.loading-icon {
  display: none;
  text-align: center;
  padding: 5px;
  box-sizing: border-box
}

.popover-region-content-container .empty-message {
  display: none;
  text-align: center;
  padding: 10px
}

.popover-region-content-container.loading>.loading-icon {
  display: block
}

.popover-region-content-container.loading .empty-message {
  display: none
}

.navbar .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: red;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  top: 5px;
  right: 0
}

.navbar .popover-region-container {
  top: 1.96875rem
}

.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: #79b5e6
}

.content-item-container:hover .content-item-footer .timestamp {
  color: #fff
}

.content-item-container.unread {
  margin: 0;
  background-color: #f4f4f4
}

.content-item-container.unread:hover {
  color: #fff;
  background-color: #79b5e6
}

.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: #666;
  margin-left: 24px
}

.content-item-container .view-more {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 12px;
  line-height: 12px
}

.content-item-container.notification .content-item-body .notification-image {
  display: inline-block;
  width: 24px;
  height: 24px;
  float: left
}

.content-item-container.notification .content-item-body .notification-image img {
  height: 75%
}

.content-item-container.notification .content-item-body .notification-message {
  display: inline-block;
  font-size: 12px;
  width: calc(100% - 24px)
}

.content-item-container.selected {
  background-color: #4f94cd;
  color: #fff;
  border-color: #4f94cd
}

.content-item-container.selected .content-item-footer .timestamp {
  color: #fff
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
  display: inline-block
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
  display: none
}

.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
  display: inline-block
}

.popover-region-notifications .all-notifications {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: hidden
}

.popover-region-notifications .all-notifications:empty+.empty-message {
  display: block
}

.popover-region-notifications .notification-image {
  display: inline-block;
  width: 8%;
  vertical-align: top
}

.popover-region-notifications .notification-image img {
  height: 75%
}

.popover-region-notifications .notification-message {
  display: inline-block;
  font-size: 12px
}

.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty+.empty-message {
  display: none
}

.popover-region-messages .mark-all-read-button .normal-icon {
  display: inline-block
}

.popover-region-messages .mark-all-read-button.loading .normal-icon {
  display: none
}

.popover-region-messages .mark-all-read-button.loading .loading-icon {
  display: inline-block
}

.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty+.empty-message {
  display: none
}

.popover-region-messages .messages:empty+.empty-message {
  display: block
}

.popover-region-messages .content-item-container.unread .content-item-body {
  font-weight: 600;
  width: calc(90% - 30px)
}

.popover-region-messages .content-item-container.unread .unread-count-container {
  display: inline-block;
  width: 10%;
  text-align: center;
  float: right
}

.popover-region-messages .content-item {
  height: 100%;
  width: 100%;
  box-sizing: border-box
}

.popover-region-messages .profile-image-container {
  width: 30px;
  display: inline-block;
  text-align: center;
  float: left
}

.popover-region-messages .profile-image-container img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%
}

.popover-region-messages .content-item-body {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 30px);
  font-size: 12px;
  padding-left: 10px;
  overflow: hidden
}

.popover-region-messages .content-item-body h3 {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  width: 100%
}

.popover-region-messages .content-item-body p {
  margin: 0
}

.popover-region-messages .unread-count-container {
  display: none
}

@media (max-width: 767px) {
  .navbar .popover-region .popover-region-container {
      right:-70px
  }
}

@media (max-width: 480px) {
  .navbar .popover-region .popover-region-container {
      position:fixed;
      top: 46px;
      right: 0;
      left: 0;
      bottom: 0;
      width: auto;
      height: auto
  }
}

div[data-flexitour="backdrop"] {
  background-color: #000;
  opacity: .5;
  z-index: 1040
}

div[data-flexitour="step-background-fader"],div[data-flexitour="step-background"] {
  z-index: 1041
}

span[data-flexitour="container"],div[data-flexitour="step-background-fader"],[data-flexitour="step-backdrop"]>td,[data-flexitour="step-backdrop"] {
  z-index: 1042
}

span[data-flexitour="container"] .modal-dialog {
  margin: 0
}

span[data-flexitour="container"] div[data-role="arrow"] {
  border-width: 1rem
}

span[data-flexitour="container"] div[data-role="arrow"],span[data-flexitour="container"] div[data-role="arrow"]:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1rem
}

span[data-flexitour="container"][x-placement="top"],span[data-flexitour="container"][x-placement="top-start"] {
  margin-bottom: 1rem
}

span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
  bottom: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-bottom-width: 0;
  border-top-color: rgba(0,0,0,.25)
}

span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
  bottom: 1px;
  margin-left: -1rem;
  content: " ";
  border-bottom-width: 0;
  border-top-color: #fff
}

span[data-flexitour="container"][x-placement="bottom"],span[data-flexitour="container"][x-placement="bottom-start"] {
  margin-top: 1rem
}

span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
  top: -1rem;
  left: 50%;
  margin-left: -1rem;
  border-top-width: 0;
  border-bottom-color: rgba(0,0,0,.25)
}

span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
  top: 1px;
  margin-left: -1rem;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff
}

span[data-flexitour="container"][x-placement="left"],span[data-flexitour="container"][x-placement="left-start"] {
  margin-right: 1rem
}

span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
  right: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-right-width: 0;
  border-left-color: rgba(0,0,0,.25)
}

span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
  right: 1px;
  margin-top: -1rem;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff
}

span[data-flexitour="container"][x-placement="right"],span[data-flexitour="container"][x-placement="right-start"] {
  margin-left: 1rem
}

span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"],span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
  left: -1rem;
  top: 50%;
  margin-top: -1rem;
  border-left-width: 0;
  border-right-color: rgba(0,0,0,.25)
}

span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after,span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
  left: 1px;
  margin-top: -1rem;
  content: " ";
  border-left-width: 0;
  border-right-color: #fff
}

[data-region="drawer"] [data-flexitour="container"] {
  margin-left: -15px;
  width: 275px
}

@media print {
  body.drawer-open-left.jsenabled,body.drawer-open-right.jsenabled {
      margin: 0
  }

  .container {
      width: auto
  }
}

.modal .modal-body>.loading-icon {
  display: block;
  position: relative;
  width: 100%;
  height: 100%
}

.modal .modal-body>.loading-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.layout.fullscreen {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  transition: 0.5s;
  width: 100vw;
  margin: 0;
  opacity: 1;
  background-color: #fff
}

.layout.fullscreen>div {
  height: 100%;
  width: 100%
}

.layout.fullscreen .loading-icon {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inline-block;
  width: 100%;
  top: 40%;
  position: fixed
}

.layout.fullscreen .loading-icon .icon {
  width: 1em;
  height: 1em;
  font-size: 4em
}

.form-control:-ms-input-placeholder {
  color: #6c757d
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none
}

.custom-range {
  -webkit-appearance: none;
  -moz-appearance: none
}

.custom-range::-webkit-slider-thumb,.custom-range::-moz-range-thumb,.custom-range::-ms-thumb {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control {
  -webkit-appearance: none;
  -moz-appearance: none
}

@media (min-width: 576px) {
  .card-columns {
      -webkit-column-gap:1.25rem;
      -moz-column-gap: 1.25rem
  }
}

.carousel-item {
  -webkit-backface-visibility: hidden
}

.card {
  -webkit-background-clip: border-box
}

.carousel-indicators li,.dropdown-menu,.form-control,.modal-content,.popover,.toast {
  -webkit-background-clip: padding-box
}

.btn {
  -webkit-user-select: none;
  -ms-user-select: none
}

.user-select-all {
  -webkit-user-select: all!important;
  -ms-user-select: none
}

.user-select-auto {
  -webkit-user-select: auto!important;
  -ms-user-select: none
}

.user-select-none {
  -webkit-user-select: none!important;
  -ms-user-select: none
}

.editor_atto_content_wrap {
  background-color: #fff;
  color: #333
}

.editor_atto_content {
  padding: 4px;
  resize: vertical;
  overflow: auto
}

.editor_atto_content_wrap,.editor_atto+textarea {
  width: 100%;
  padding: 0
}

.editor_atto+textarea {
  border-radius: 0;
  resize: vertical;
  margin-top: -1px
}

div.editor_atto_toolbar {
  display: block;
  background: #f2f2f2;
  min-height: 35px;
  border: 1px solid #8f959e;
  width: 100%;
  padding: 0 0 9px 0
}

div.editor_atto_toolbar button {
  padding: 4px 9px;
  background: none;
  border: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer
}

div.editor_atto_toolbar button+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
}

.editor_atto_content img {
  resize: both;
  overflow: auto
}

.atto_hasmenu {
  white-space: nowrap
}

.atto_menuentry .icon {
  width: 16px;
  height: 16px
}

.atto_menuentry {
  clear: left
}

.atto_menuentry h1,.atto_menuentry h2,.atto_menuentry p {
  margin: 4px
}

.atto_form textarea.fullwidth,.atto_form input.fullwidth {
  width: 100%
}

.atto_form {
  padding: .5rem
}

.atto_control {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: none;
  cursor: pointer
}

.atto_control .icon {
  background-color: #fff
}

div.editor_atto_content:focus .atto_control,div.editor_atto_content:hover .atto_control {
  display: block
}

.editor_atto_menu.yui3-menu-hidden {
  display: none
}

.editor_atto_content img:-moz-broken {
  -moz-force-broken-image-icon: 1;
  min-width: 24px;
  min-height: 24px
}

.moodle-dialogue-base .editor_atto_menu .moodle-dialogue-content .moodle-dialogue-bd {
  padding: 0;
  z-index: 1000
}

.editor_atto_menu .dropdown-menu>li>a {
  margin: 3px 14px
}

.editor_atto_menu .open ul.dropdown-menu {
  padding-top: 5px;
  padding-bottom: 5px
}

.editor_atto_wrap {
  position: relative
}

.editor_atto_wrap textarea {
  direction: ltr
}

.editor_atto_notification .atto_info,.editor_atto_notification .atto_warning {
  display: inline-block;
  background-color: #f2f2f2;
  padding: .5em;
  padding-left: 1em;
  padding-right: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em
}

.editor_atto_notification .atto_info {
  background-color: #f2f2f2
}

.editor_atto_notification .atto_warning {
  background-color: gold
}

.editor_atto_toolbar,.editor_atto_content_wrap,.editor_atto+textarea {
  box-sizing: border-box
}

.editor_atto_content.form-control {
  width: 100%;
  border-top: 0
}

.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: 80%;
  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;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(202,49,32,.9)
}

.was-validated .has-danger .editor_atto_content.form-control:invalid~.invalid-feedback,.was-validated .has-danger .editor_atto_content.form-control-danger:invalid~.invalid-feedback,.has-danger .editor_atto_content.form-control.is-invalid~.invalid-feedback,.has-danger .editor_atto_content.form-control-danger.is-invalid~.invalid-feedback,.was-validated .has-danger .editor_atto_content.form-control:invalid~.invalid-tooltip,.was-validated .has-danger .editor_atto_content.form-control-danger:invalid~.invalid-tooltip,.has-danger .editor_atto_content.form-control.is-invalid~.invalid-tooltip,.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,.was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid,.has-danger .editor_atto_content.form-control .form-control.is-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' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .has-danger .editor_atto_content.form-control .form-control:invalid:focus,.was-validated .has-danger .editor_atto_content.form-control-danger .form-control:invalid:focus,.has-danger .editor_atto_content.form-control .form-control.is-invalid:focus,.has-danger .editor_atto_content.form-control-danger .form-control.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.was-validated .has-danger .editor_atto_content.form-control textarea.form-control:invalid,.was-validated .has-danger .editor_atto_content.form-control-danger textarea.form-control:invalid,.has-danger .editor_atto_content.form-control textarea.form-control.is-invalid,.has-danger .editor_atto_content.form-control-danger textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid,.has-danger .editor_atto_content.form-control .custom-select.is-invalid,.has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid {
  border-color: #ca3120;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center / 8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ca3120' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ca3120' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .has-danger .editor_atto_content.form-control .custom-select:invalid:focus,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-select:invalid:focus,.has-danger .editor_atto_content.form-control .custom-select.is-invalid:focus,.has-danger .editor_atto_content.form-control-danger .custom-select.is-invalid:focus {
  border-color: #ca3120;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid~.form-check-label,.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid~.form-check-label,.has-danger .editor_atto_content.form-control .form-check-input.is-invalid~.form-check-label,.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid~.form-check-label {
  color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid~.invalid-feedback,.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid~.invalid-feedback,.has-danger .editor_atto_content.form-control .form-check-input.is-invalid~.invalid-feedback,.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid~.invalid-feedback,.was-validated .has-danger .editor_atto_content.form-control .form-check-input:invalid~.invalid-tooltip,.was-validated .has-danger .editor_atto_content.form-control-danger .form-check-input:invalid~.invalid-tooltip,.has-danger .editor_atto_content.form-control .form-check-input.is-invalid~.invalid-tooltip,.has-danger .editor_atto_content.form-control-danger .form-check-input.is-invalid~.invalid-tooltip {
  display: block
}

.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid~.custom-control-label,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid~.custom-control-label,.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid~.custom-control-label,.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid~.custom-control-label {
  color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid~.custom-control-label::before,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid~.custom-control-label::before,.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid~.custom-control-label::before,.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid~.custom-control-label::before {
  border-color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:checked~.custom-control-label::before,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:checked~.custom-control-label::before,.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:checked~.custom-control-label::before,.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:checked~.custom-control-label::before {
  border-color: #e04d3d;
  background-color: #e04d3d
}

.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus~.custom-control-label::before,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus~.custom-control-label::before,.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus~.custom-control-label::before,.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.was-validated .has-danger .editor_atto_content.form-control .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.has-danger .editor_atto_content.form-control .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.has-danger .editor_atto_content.form-control-danger .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
  border-color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid~.custom-file-label,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid~.custom-file-label,.has-danger .editor_atto_content.form-control .custom-file-input.is-invalid~.custom-file-label,.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid~.custom-file-label {
  border-color: #ca3120
}

.was-validated .has-danger .editor_atto_content.form-control .custom-file-input:invalid:focus~.custom-file-label,.was-validated .has-danger .editor_atto_content.form-control-danger .custom-file-input:invalid:focus~.custom-file-label,.has-danger .editor_atto_content.form-control .custom-file-input.is-invalid:focus~.custom-file-label,.has-danger .editor_atto_content.form-control-danger .custom-file-input.is-invalid:focus~.custom-file-label {
  border-color: #ca3120;
  box-shadow: 0 0 0 .2rem rgba(202,49,32,.25)
}

.open.atto_menu>.dropdown-menu {
  display: block
}

div.editor_atto_toolbar button .icon {
  color: #495057
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.navbar {
  box-shadow: 0 2px 4px rgba(0,0,0,.08)
}

.userpicture {
  border-radius: 50%
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
  border-color: #6c757d
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-outline-secondary:focus,.btn-outline-secondary.focus {
  box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-info {
  color: #1f7e9a;
  border-color: #1f7e9a
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #1f7e9a;
  border-color: #1f7e9a
}

.btn-outline-info:focus,.btn-outline-info.focus {
  box-shadow: 0 0 0 .2rem rgba(31,126,154,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
  color: #1f7e9a;
  background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #1f7e9a;
  border-color: #1f7e9a
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(31,126,154,.5)
}

.btn-outline-warning {
  color: #a6670e;
  border-color: #a6670e
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #a6670e;
  border-color: #a6670e
}

.btn-outline-warning:focus,.btn-outline-warning.focus {
  box-shadow: 0 0 0 .2rem rgba(166,103,14,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
  color: #a6670e;
  background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #a6670e;
  border-color: #a6670e
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(166,103,14,.5)
}

.bg-gray {
  background-color: #e9ecef!important
}

a.bg-gray:hover,button.bg-gray:hover,a.bg-gray:focus,button.bg-gray:focus {
  background-color: #cbd3da!important
}

.form-item {
  background: #fdfdfd;
  margin: 15px 5px;
  padding: 15px 0;
  border-radius: 10px
}

.form-item .form-label label,.form-item #id_s_theme_elan_logo_label {
  margin-bottom: 0;
  font-weight: 700
}

.form-item p {
  font-size: 14px;
  color: #000
}

#page-blog-index #region-main {
  border: 0;
  padding: 0;
  margin: 0
}

#page-blog-index #region-main .box.py-3,#page-blog-index #region-main .pb-3 {
  padding: 0!important;
  padding-bottom: 0!important
}

.pagelayout-frontpage #page-content #region-main {
  border: 0;
  padding: 0
}

#region-main {
  overflow-x: hidden;
  overflow-y: hidden
}

@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
}

.owl-carousel,.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
  display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3,1.3);
  transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
  margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none
}

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom:1}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}

/*! odometer 0.4.8 */
.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom:1;*display: inline;
  position: relative
}

.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom:1;*display: inline;
  position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom:1;*display: inline;
  visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
  text-align: center
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none!important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none!important
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}

.mfp-preloader a {
  color: #CCC
}

.mfp-preloader a:hover {
  color: #FFF
}

.mfp-s-ready .mfp-preloader {
  display: none
}

.mfp-s-error .mfp-content {
  display: none
}

button.mfp-close,button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace
}

.mfp-close:hover,.mfp-close:focus {
  opacity: 1
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}

.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:hover,.mfp-arrow:focus {
  opacity: 1
}

.mfp-arrow:before,.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #000
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto
}

.mfp-figure {
  line-height: 0
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #444
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-image-holder .mfp-content {
  max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
      padding-left:0;
      padding-right: 0
  }

  .mfp-img-mobile img.mfp-img {
      padding: 0
  }

  .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0
  }

  .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px
  }

  .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0,0,0,.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0
  }

  .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px
  }

  .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0,0,0,.6);
      position: fixed;
      text-align: center;
      padding: 0
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
      -webkit-transform:scale(.75);
      transform: scale(.75)
  }

  .mfp-arrow-left {
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
  }

  .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%
  }

  .mfp-container {
      padding-left: 6px;
      padding-right: 6px
  }
}

/*! #######################################################################

MeanMenu 2.0.7
--------

To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
a.meanmenu-reveal {
  display: none
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: #0c1923;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 700
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
  margin-top: 44px
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255,255,255,.5);
  text-decoration: none;
  text-transform: uppercase
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255,255,255,.25);
  opacity: .75;
  filter: alpha(opacity=75);
  text-shadow: none!important;
  visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: 0;
  margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255,255,255,.1)
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  padding: 12px!important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255,255,255,.1);
  border: 0!important;
  border-left: 1px solid rgba(255,255,255,.4)!important;
  border-bottom: 1px solid rgba(255,255,255,.2)!important
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0,0,0,.9)
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0
}

.mean-container .mean-bar,.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.mean-remove {
  display: none!important
}

@font-face {
  font-family: "remixicon";
  src: url(/theme/font.php/elan/theme/1623852687/remixicon.eot);
  src: url(/theme/font.php/elan/theme/1623852687/remixicon.eot%3F%23iefix) format('embedded-opentype'),url(/theme/font.php/elan/theme/1623852687/remixicon.woff2) format("woff2"),url(/theme/font.php/elan/theme/1623852687/remixicon.woff) format("woff"),url(/theme/font.php/elan/theme/1623852687/remixicon.ttf) format('truetype'),url(/theme/font.php/elan/theme/1623852687/remixicon.svg%23remixicon) 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-mark-fill:before {
  content: "\ead8"
}

.ri-book-mark-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-mark-fill:before {
  content: "\ecf4"
}

.ri-file-mark-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"
}

:root {
  --fontFamily:'Open Sans',sans-serif;--headingFontFamily:'Cabin',sans-serif;--mainColor:#FE824C;--secondaryColor:#4950BA;--optionalColor:#666;--whiteColor:#fff;--blackColor:#110724;--fontSize:15px;--transition:.5s}

body {
  margin: 0;
  padding: 0;
  color: var(--blackColor);
  font-size: var(--fontSize);
  font-family: var(--fontFamily)
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  color: var(--blackColor);
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

a {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
  text-decoration: none;
  outline: 0!important
}

a:hover {
  color: var(--mainColor);
  text-decoration: none
}

:focus {
  outline: 0!important
}

.d-table {
  width: 100%;
  height: 100%
}

.d-table-cell {
  vertical-align: middle
}

img {
  max-width: 100%;
  height: auto
}

p {
  color: var(--optionalColor);
  font-size: var(--fontSize);
  margin-bottom: 15px;
  line-height: 1.8
}

p:last-child {
  margin-bottom: 0
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px
}

.pt-100 {
  padding-top: 100px
}

.pb-100 {
  padding-bottom: 100px
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px
}

.pt-70 {
  padding-top: 70px
}

.pb-70 {
  padding-bottom: 70px
}

.bg-F9F9F9 {
  background-color: #F9F9F9
}

.bg-17212E {
  background-color: #17212E
}

.bg-0A121E {
  background-color: #0A121E
}

.bg-FBF8F5 {
  background-color: #FBF8F5
}

.section-title {
  text-align: center;
  max-width: 580px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto
}

.section-title .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.section-title h2 {
  margin-bottom: 0;
  font-size: 34px;
  line-height: 1.4
}

.section-title.color-white {
  color: var(--whiteColor)
}

.section-title.color-white .sub-title {
  color: var(--whiteColor)
}

.section-title.color-white h2 {
  color: var(--whiteColor)
}

.default-btn {
  display: inline-block;
  border: none;
  text-align: center;
  border-radius: 5px;
  color: var(--whiteColor);
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor);
  padding: 12.5px 35px 12.5px 62px;
  font-size: var(--fontSize);
  font-weight: 600
}

.default-btn i {
  position: absolute;
  left: 35px;
  font-size: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.default-btn:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor)
}

.form-control {
  border-radius: 0;
  background-color: #f5f5f5!important;
  -webkit-box-shadow: unset!important;
  box-shadow: unset!important;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: none!important;
  height: 50px;
  padding-left: 15px;
  color: var(--blackColor);
  font-size: var(--fontSize);
  font-weight: 500
}

.form-control::-webkit-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.form-control:-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.form-control::-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.form-control::placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.form-control:focus::-webkit-input-placeholder {
  color: transparent
}

.form-control:focus:-ms-input-placeholder {
  color: transparent
}

.form-control:focus::-ms-input-placeholder {
  color: transparent
}

.form-control:focus::placeholder {
  color: transparent
}

textarea.form-control {
  padding-top: 15px;
  height: auto
}

.navbar-area {
  background-color: var(--whiteColor)
}

.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  position: fixed;
  background-color: var(--whiteColor)!important;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.09);
  box-shadow: 0 2px 28px 0 rgba(0,0,0,.09);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown
}

.navbar-area .bg-light {
  background-color: transparent!important
}

.navbar-area.navbar-style-two .elan-nav .navbar .navbar-nav {
  margin-left: auto;
  margin-right: auto
}

.navbar-area.navbar-style-two .elan-nav .navbar .others-option {
  margin-left: 30px
}

.navbar-area.navbar-style-three .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: -250px
}

.navbar-area.navbar-style-three .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: 250px
}

.navbar-area.navbar-style-three .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  right: 250px
}

.navbar-area.bg-black {
  background-color: #030507
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search {
  color: var(--whiteColor);
  background: #1A212C
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search::-webkit-input-placeholder {
  color: var(--whiteColor);
  opacity: .7
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search:-ms-input-placeholder {
  color: var(--whiteColor);
  opacity: .7
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search::-ms-input-placeholder {
  color: var(--whiteColor);
  opacity: .7
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search::placeholder {
  color: var(--whiteColor);
  opacity: .7
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search:focus::-webkit-input-placeholder {
  color: transparent
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search:focus:-ms-input-placeholder {
  color: transparent
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search:focus::-ms-input-placeholder {
  color: transparent
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box .input-search:focus::placeholder {
  color: transparent
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box button {
  background-color: var(--blackColor);
  color: var(--whiteColor)
}

.navbar-area.bg-black .elan-nav .navbar .categories-with-search .search-box button:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item a {
  color: var(--whiteColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item a:hover,.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item a:focus,.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item:hover a,.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--blackColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: var(--blackColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColor)
}

.navbar-area.bg-black .elan-nav .navbar .others-option .option-item .login-user {
  border-color: #2d2d40;
  color: var(--whiteColor)
}

.navbar-area.bg-black .elan-nav .navbar .others-option .option-item .login-user:hover {
  color: var(--whiteColor);
  border-color: var(--mainColor)
}

.navbar-area.bg-black.is-sticky {
  background-color: #030507!important
}

.navbar-area.bg-black .others-option-for-responsive .dot-menu .inner .circle {
  background-color: var(--whiteColor)
}

.navbar-area.bg-black .others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: var(--mainColor)
}

.elan-responsive-nav {
  display: none
}

.elan-nav .container-fluid {
  padding-left: 30px;
  padding-right: 30px
}

.elan-nav .navbar {
  padding: 0;
  position: inherit
}

.elan-nav .navbar .navbar-brand {
  font-size: inherit;
  line-height: 1;
  padding: 0
}

.elan-nav .navbar ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.elan-nav .navbar .categories-with-search {
  margin-left: 100px
}

.elan-nav .navbar .categories-with-search .dropdown {
  margin-right: 30px
}

.elan-nav .navbar .categories-with-search .dropdown .dropdown-toggle {
  color: var(--blackColor);
  background-color: transparent;
  padding: 0 17px 0 0;
  position: relative;
  border: none;
  font-family: var(--headingFontFamily);
  font-size: 16px;
  font-weight: 600
}

.elan-nav .navbar .categories-with-search .dropdown .dropdown-toggle::after {
  top: 1px;
  right: 0;
  border: none;
  margin-left: 0;
  content: "\EA4E";
  vertical-align: 0;
  position: absolute;
  font-family: remixicon
}

.elan-nav .navbar .categories-with-search .dropdown .dropdown-menu {
  border: none;
  min-width: 14rem;
  border-radius: 0;
  margin-top: 13px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
  box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
  padding: 0
}

.elan-nav .navbar .categories-with-search .dropdown .dropdown-menu .dropdown-item {
  color: var(--blackColor);
  border-top: 1px solid #eee;
  background-color: transparent!important;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 14px;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600
}

.elan-nav .navbar .categories-with-search .dropdown .dropdown-menu .dropdown-item:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor)!important
}

.elan-nav .navbar .categories-with-search .search-box {
  width: 280px;
  position: relative
}

.elan-nav .navbar .categories-with-search .search-box .input-search {
  height: 48px;
  display: block;
  padding-left: 15px;
  border: none;
  border-radius: 5px;
  color: var(--blackColor);
  font-family: var(--headingFontFamily);
  width: 100%;
  background-color: #F9F7F5
}

.elan-nav .navbar .categories-with-search .search-box .input-search::-webkit-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .categories-with-search .search-box .input-search:-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .categories-with-search .search-box .input-search::-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .categories-with-search .search-box .input-search::placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .categories-with-search .search-box .input-search:focus::-webkit-input-placeholder {
  color: transparent
}

.elan-nav .navbar .categories-with-search .search-box .input-search:focus:-ms-input-placeholder {
  color: transparent
}

.elan-nav .navbar .categories-with-search .search-box .input-search:focus::-ms-input-placeholder {
  color: transparent
}

.elan-nav .navbar .categories-with-search .search-box .input-search:focus::placeholder {
  color: transparent
}

.elan-nav .navbar .categories-with-search .search-box button {
  position: absolute;
  right: 5px;
  border: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  top: 50%;
  border-radius: 5px;
  padding: 0;
  line-height: 35px;
  width: 37px;
  height: 37px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  background-color: var(--whiteColor);
  color: var(--blackColor)
}

.elan-nav .navbar .categories-with-search .search-box button:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav {
  margin-left: auto;
  font-family: var(--headingFontFamily)
}

.elan-nav .navbar .navbar-nav .nav-item {
  position: relative;
  margin-left: 12px;
  margin-right: 12px
}

.elan-nav .navbar .navbar-nav .nav-item a {
  background-color: transparent!important;
  position: relative;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-weight: 700;
  font-size: 17px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  padding-bottom: 30px
}

.elan-nav .navbar .navbar-nav .nav-item a:hover,.elan-nav .navbar .navbar-nav .nav-item a:focus,.elan-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .default-btn {
  display: inline-block;
  border: none;
  text-align: center;
  border-radius: 5px;
  color: var(--whiteColor);
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor)!important;
  padding: 12.5px 35px 12.5px 62px!important;
  font-size: var(--fontSize);
  font-weight: 600
}

.elan-nav .navbar .navbar-nav .nav-item .default-btn:hover {
  background-color: var(--secondaryColor)!important;
  color: var(--whiteColor)!important
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-toggle {
  padding-right: 14px
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after {
  display: none
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
  position: absolute;
  content: "\EA4E";
  line-height: 1;
  right: -2px;
  top: 37px;
  font-family: remixicon;
  font-size: 15px
}

.elan-nav .navbar .navbar-nav .nav-item:last-child {
  margin-right: 0
}

.elan-nav .navbar .navbar-nav .nav-item:first-child {
  margin-left: 0
}

.elan-nav .navbar .navbar-nav .nav-item:hover a,.elan-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  left: 0;
  top: 85px;
  opacity: 0;
  z-index: 99;
  border: none;
  width: 250px;
  margin-top: 0;
  display: block;
  padding: 10px 0;
  border-radius: 0;
  position: absolute;
  visibility: hidden;
  background: var(--whiteColor);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
  box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  display: block;
  padding: 13px 16px 11px;
  margin: 0;
  position: relative;
  color: var(--blackColor);
  font-size: 16px;
  font-weight: 700
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
  color: var(--mainColor);
  padding-left: 25px
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.active {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.dropdown-toggle::before {
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu {
  top: 0;
  opacity: 0;
  left: 250px;
  margin-top: 0;
  visibility: hidden
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-item {
  color: var(--blackColor);
  padding-left: 20px
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-item:hover,.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-item:focus {
  color: var(--mainColor);
  padding-left: 25px
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-item.active {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu {
  top: 0;
  opacity: 0;
  right: 250px;
  visibility: hidden
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
  color: var(--blackColor);
  padding-left: 20px
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item:hover,.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item:focus {
  padding-left: 25px;
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item.active {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu {
  top: 0;
  opacity: 0;
  right: 250px;
  visibility: hidden
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: 20px;
  color: var(--blackColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item:hover,.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item:focus {
  color: var(--mainColor);
  padding-left: 25px
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item.active {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu.active a {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu:hover .dropdown-menu {
  opacity: 1;
  visibility: visible
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu.active a {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu .dropdown-menu:hover .dropdown-menu {
  opacity: 1;
  visibility: visible
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu.active a {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-menu:hover .dropdown-menu {
  opacity: 1;
  visibility: visible
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu.active a {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item .dropdown-menu:hover .dropdown-menu {
  opacity: 1;
  margin-top: 0;
  visibility: visible
}

.elan-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu {
  position: inherit
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .container {
  display: block;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
  max-width: 1160px;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu {
  left: 0;
  top: auto;
  width: 100%;
  margin-top: 0;
  padding: 30px 0;
  position: absolute;
  -webkit-transform: unset!important;
  transform: unset!important
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title {
  font-size: 19px;
  position: relative;
  padding-left: 26px;
  margin-bottom: 20px;
  color: var(--secondaryColor)
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title i {
  left: 0;
  top: -.5px;
  font-size: 18px;
  position: absolute;
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a {
  padding: 0;
  margin-top: 15px;
  display: inline-block;
  color: var(--blackColor);
  font-size: 16px;
  font-weight: 700
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color: var(--mainColor)
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li:first-child a {
  margin-top: 0
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget {
  padding-top: 30px;
  position: relative;
  border-top: 1px solid #eee;
  margin-top: 30px
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon {
  width: 70px;
  height: 70px;
  position: relative;
  background: #f4f4f4;
  text-align: center;
  font-size: 40px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
  margin-bottom: 15px;
  border-width: 1px;
  border-radius: 50%;
  border-style: dashed;
  border-color: #eee
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget h3 {
  margin-bottom: 8px;
  font-size: 20px
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .sub-title {
  display: block;
  color: var(--mainColor);
  font-weight: 600;
  font-size: 15px
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .link-btn {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}

.elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget:hover .icon {
  background-color: var(--mainColor);
  border-color: var(--whiteColor);
  color: var(--whiteColor)
}

.elan-nav .navbar .others-option {
  margin-left: 30px
}

.elan-nav .navbar .others-option .option-item {
  margin-left: 25px
}

.elan-nav .navbar .others-option .option-item .search-box {
  width: 280px;
  position: relative
}

.elan-nav .navbar .others-option .option-item .search-box .input-search {
  height: 48px;
  display: block;
  padding-left: 15px;
  border: none;
  border-radius: 5px;
  color: var(--blackColor);
  font-family: var(--headingFontFamily);
  width: 100%;
  background-color: #F9F7F5
}

.elan-nav .navbar .others-option .option-item .search-box .input-search::-webkit-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .others-option .option-item .search-box .input-search:-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .others-option .option-item .search-box .input-search::-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .others-option .option-item .search-box .input-search::placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.elan-nav .navbar .others-option .option-item .search-box .input-search:focus::-webkit-input-placeholder {
  color: transparent
}

.elan-nav .navbar .others-option .option-item .search-box .input-search:focus:-ms-input-placeholder {
  color: transparent
}

.elan-nav .navbar .others-option .option-item .search-box .input-search:focus::-ms-input-placeholder {
  color: transparent
}

.elan-nav .navbar .others-option .option-item .search-box .input-search:focus::placeholder {
  color: transparent
}

.elan-nav .navbar .others-option .option-item .search-box button {
  position: absolute;
  right: 5px;
  border: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  top: 50%;
  border-radius: 5px;
  padding: 0;
  line-height: 35px;
  width: 37px;
  height: 37px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  background-color: var(--whiteColor);
  color: var(--blackColor)
}

.elan-nav .navbar .others-option .option-item .search-box button:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor)
}

.elan-nav .navbar .others-option .option-item .login-user {
  width: 45px;
  border-radius: 50%;
  font-size: 20px;
  height: 45px;
  border: 1px solid #eee;
  text-align: center;
  display: inline-block;
  line-height: 42px
}

.elan-nav .navbar .others-option .option-item .login-user:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
  border-color: var(--mainColor)
}

.elan-nav .navbar .others-option .option-item:first-child {
  margin-left: 0
}

.others-option-for-responsive {
  display: none
}

.others-option-for-responsive .dot-menu {
  top: -37px;
  right: 63px;
  height: 30px;
  z-index: 999;
  padding: 0 10px;
  cursor: pointer;
  position: absolute
}

.others-option-for-responsive .dot-menu .inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px
}

.others-option-for-responsive .dot-menu .inner .circle {
  width: 5px;
  height: 5px;
  margin: 0 2px;
  border-radius: 100%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--blackColor)
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
  background-color: var(--mainColor)
}

.others-option-for-responsive .container {
  position: relative
}

.others-option-for-responsive .container .container {
  right: 0;
  top: 12px;
  opacity: 0;
  z-index: 2;
  max-width: 300px;
  margin-left: auto;
  visibility: hidden;
  position: absolute;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-left: 15px;
  padding-right: 15px;
  z-index: 999999
}

.others-option-for-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.others-option-for-responsive .option-inner {
  padding: 15px 20px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 15px 40px rgba(0,0,0,.09);
  box-shadow: 0 15px 40px rgba(0,0,0,.09)
}

.others-option-for-responsive .option-inner .others-option .option-item {
  display: block!important;
  margin-top: 15px;
  text-align: center
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box {
  position: relative
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search {
  height: 48px;
  display: block;
  padding-left: 15px;
  border: none;
  border-radius: 5px;
  color: var(--blackColor);
  font-family: var(--headingFontFamily);
  width: 100%;
  background-color: #F9F7F5
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search::-webkit-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search:-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search::-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search::placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--optionalColor)
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search:focus::-webkit-input-placeholder {
  color: transparent
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search:focus:-ms-input-placeholder {
  color: transparent
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search:focus::-ms-input-placeholder {
  color: transparent
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box .input-search:focus::placeholder {
  color: transparent
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box button {
  position: absolute;
  right: 5px;
  border: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  top: 50%;
  border-radius: 5px;
  padding: 0;
  line-height: 35px;
  width: 37px;
  height: 37px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  background-color: var(--whiteColor);
  color: var(--blackColor)
}

.others-option-for-responsive .option-inner .others-option .option-item .search-box button:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor)
}

.others-option-for-responsive .option-inner .others-option .option-item .login-user {
  width: 45px;
  border-radius: 50%;
  font-size: 20px;
  height: 45px;
  border: 1px solid #eee;
  text-align: center;
  display: inline-block;
  line-height: 42px
}

.others-option-for-responsive .option-inner .others-option .option-item .login-user:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
  border-color: var(--mainColor)
}

.others-option-for-responsive .option-inner .others-option .option-item:first-child {
  margin-top: 0
}

@media only screen and (max-width: 991px) {
  .navbar-area {
      padding-top:15px;
      padding-bottom: 15px
  }

  .navbar-area.is-sticky {
      padding-top: 15px;
      padding-bottom: 15px
  }

  .navbar-area.bg-black {
      background-color: #030507;
      margin-bottom: -1px
  }

  .navbar-area.bg-black .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav {
      margin-top: 61px
  }

  .navbar-area.bg-black .elan-responsive-nav .mean-container a.meanmenu-reveal {
      color: var(--whiteColor)
  }

  .navbar-area.bg-black .elan-responsive-nav .mean-container a.meanmenu-reveal span {
      background: var(--whiteColor)
  }

  .elan-responsive-nav {
      display: block
  }

  .elan-responsive-nav .elan-responsive-menu {
      position: relative
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav {
      margin-top: 63px;
      background-color: var(--whiteColor)
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav ul {
      font-size: 15px;
      border: none!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav ul li a {
      border-top-color: #DBEEFD;
      color: var(--blackColor);
      text-transform: unset;
      font-weight: 600
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav ul li a i {
      display: none
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
      width: 50%;
      height: 28px;
      text-align: right;
      padding: 11px!important;
      background: transparent!important;
      border-left: none!important;
      border-bottom: none!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav ul li a.active {
      color: var(--mainColor)
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav ul li a:focus {
      background-color: transparent!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .mean-nav ul li li a {
      font-size: 14px
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav {
      height: 318px;
      overflow-y: scroll;
      -webkit-box-shadow: 0 7px 13px 0 rgba(0,0,0,.1);
      box-shadow: 0 7px 13px 0 rgba(0,0,0,.1)
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item {
      overflow: hidden
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .container {
      border-top: 1px solid #eee;
      padding-left: 0;
      padding-right: 0
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row {
      display: block;
      -ms-flex-wrap: unset;
      flex-wrap: unset;
      margin-left: 0;
      margin-right: 0
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col {
      -ms-flex-preferred-size: unset;
      flex-basis: unset;
      -webkit-box-flex: unset;
      -ms-flex-positive: unset;
      flex-grow: unset;
      max-width: 100%;
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child {
      margin-bottom: 15px
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:first-child .megamenu-submenu li {
      border-top: none
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child {
      margin-bottom: -15px
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row:nth-child(2) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a {
      width: 100%;
      float: unset;
      display: block
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a {
      border-bottom: none!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand {
      display: none!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title {
      font-size: 17px;
      position: relative;
      margin-bottom: 0;
      color: var(--secondaryColor);
      border-bottom: 1px solid #eee;
      padding-left: 26px;
      padding-bottom: 12px
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title i {
      left: 0;
      top: -.5px;
      font-size: 18px;
      position: absolute;
      color: var(--mainColor)
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu {
      overflow: hidden;
      display: block!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li {
      border-top: none!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a {
      padding: 0;
      border: none;
      margin-top: 15px;
      color: var(--blackColor);
      font-size: 14px;
      font-weight: 600
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,.elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
      color: var(--mainColor)
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li:first-child {
      border-top: 1px solid #eee
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .row {
      margin-bottom: 20px!important
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget {
      margin-top: 20px;
      padding-top: 20px;
      text-align: center;
      position: relative
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon {
      width: 60px;
      height: 60px;
      position: relative;
      background: #f4f4f4;
      text-align: center;
      font-size: 30px;
      -webkit-transition: var(--transition);
      transition: var(--transition);
      color: var(--blackColor);
      margin-bottom: 15px;
      margin-left: auto;
      margin-right: auto;
      border-width: 1px;
      border-radius: 50%;
      border-style: dashed;
      border-color: #eee
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .icon i {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      right: 0
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget h3 {
      margin-bottom: 8px;
      font-size: 17px
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .sub-title {
      display: block;
      color: var(--mainColor);
      font-weight: 600;
      font-size: 13px
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget .link-btn {
      position: absolute;
      display: block;
      left: 0;
      padding: 0;
      width: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 2
  }

  .elan-responsive-nav .elan-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .single-category-widget:hover .icon {
      background-color: var(--mainColor);
      border-color: var(--whiteColor);
      color: var(--whiteColor)
  }

  .elan-responsive-nav .elan-responsive-menu .categories-with-search {
      display: none!important
  }

  .elan-responsive-nav .mean-container a.meanmenu-reveal {
      top: 0;
      padding: 0;
      width: 35px;
      height: 30px;
      padding-top: 14px;
      color: var(--blackColor);
      font-family: var(--fontFamily)
  }

  .elan-responsive-nav .mean-container a.meanmenu-reveal span {
      top: 8px;
      height: 4px;
      margin-top: -7px;
      border-radius: 3px;
      position: relative;
      background: var(--blackColor)
  }

  .elan-responsive-nav .mean-container .mean-bar {
      background: transparent;
      position: absolute;
      z-index: 999;
      padding: 0
  }

  .elan-responsive-nav .others-option {
      display: none!important
  }

  .elan-responsive-nav .logo {
      position: relative;
      z-index: 999;
      width: 50%
  }

  .elan-nav {
      display: none
  }

  .others-option-for-responsive {
      display: block
  }

  #nav-drawer {
      left: 0;
      z-index: 99999;
      top: 0;
      height: 100%
  }

  .dropdown-menu {
      position: relative!important;
      -webkit-transform: unset!important;
      transform: unset!important;
      left: 0!important;
      top: 0!important;
      border: none!important;
      padding: 0 20px
  }

  .dropdown-menu .dropdown-item:active {
      background-color: transparent!important
  }

  .dropdown.show .dropdown-toggle::after {
      top: 25px;
      margin-right: .255em;
      margin-left: 0;
      border-bottom: .3em solid;
      border-left: .3em solid transparent;
      border-top: 0;
      border-right: .3em solid transparent
  }

  .dropdown-toggle::after {
      position: absolute;
      right: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent
  }

  .mean-container .mean-nav ul li a:hover {
      -webkit-box-shadow: unset!important;
      box-shadow: unset!important
  }

  .notloggedin .others-option .option-item {
      display: none!important
  }

  .notloggedin .dot-menu .others-option .option-item {
      display: block!important
  }

  .notloggedin .others-option.search-bar-mobile {
      display: block!important
  }
}

.main-banner-area {
  z-index: 1;
  padding-top: 30px;
  position: relative;
  background-color: #F6F0EA;
  border-radius: 0 0 80px 80px
}

.main-banner-area .container-fluid {
  padding-left: 30px;
  padding-right: 15px
}

.main-banner-area .single-courses-box {
  top: 12%;
  right: 36%;
  max-width: 400px;
  margin-bottom: 0;
  position: absolute;
  background-color: var(--whiteColor)
}

.main-banner-content {
  max-width: 680px
}

.main-banner-content .sub-title {
  margin-bottom: 18px;
  display: inline-block;
  color: var(--mainColor);
  position: relative;
  background-color: var(--whiteColor);
  border-radius: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 30px;
  padding-left: 48px;
  font-size: 13px;
  font-weight: 600
}

.main-banner-content .sub-title i {
  position: absolute;
  left: 30px;
  font-weight: 400;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.main-banner-content h1 {
  font-size: 55px;
  margin-bottom: 15px
}

.main-banner-content p {
  font-size: 16px;
  max-width: 500px;
  color: var(--blackColor)
}

.main-banner-content .default-btn {
  margin-top: 15px
}

.main-banner-image {
  text-align: right
}

.main-banner-image img {
  max-width: 520px
}

.popular-tag {
  left: 19%;
  bottom: 8%;
  z-index: -1;
  position: absolute;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite
}

.popular-tag img {
  max-width: 250px
}

.banner-area {
  background-color: #0096A0;
  position: relative;
  padding-top: 20px;
  z-index: 1
}

.banner-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px
}

.banner-area .divider {
  z-index: -1;
  height: 200px;
  background-color: var(--whiteColor)
}

.banner-content {
  padding-right: 140px
}

.banner-content .sub-title {
  margin-bottom: 18px;
  display: inline-block;
  color: var(--mainColor);
  position: relative;
  background-color: var(--whiteColor);
  border-radius: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 30px;
  padding-left: 48px;
  font-size: 13px;
  font-weight: 600
}

.banner-content .sub-title i {
  position: absolute;
  left: 30px;
  margin-top: -1px;
  font-weight: 400;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.banner-content h1 {
  font-size: 55px;
  margin-bottom: 15px;
  color: var(--whiteColor)
}

.banner-content p {
  font-size: 16px;
  color: var(--whiteColor)
}

.banner-content form {
  max-width: 560px;
  margin-top: 30px;
  position: relative
}

.banner-content form label {
  top: 13px;
  left: 15px;
  line-height: 1;
  font-size: 22px;
  margin-bottom: 0;
  position: absolute;
  display: inline-block;
  color: var(--mainColor)
}

.banner-content form .input-search {
  width: 100%;
  height: 50px;
  border: none;
  display: block;
  border-radius: 5px;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: var(--fontSize);
  font-weight: 400;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 50px
}

.banner-content form .input-search::-webkit-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-content form .input-search:-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-content form .input-search::-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-content form .input-search::placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-content form .input-search:focus {
  border-color: var(--mainColor)
}

.banner-content form .input-search:focus::-webkit-input-placeholder {
  color: transparent
}

.banner-content form .input-search:focus:-ms-input-placeholder {
  color: transparent
}

.banner-content form .input-search:focus::-ms-input-placeholder {
  color: transparent
}

.banner-content form .input-search:focus::placeholder {
  color: transparent
}

.banner-content form button {
  top: 0;
  right: 0;
  height: 50px;
  border: none;
  position: absolute;
  color: var(--whiteColor);
  border-radius: 0 5px 5px 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-size: var(--fontSize);
  font-weight: 600
}

.banner-content form button:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor)
}

.banner-content .popular-search-list {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 20px
}

.banner-content .popular-search-list li {
  margin-right: 12px;
  display: inline-block;
  color: var(--whiteColor);
  font-weight: 600;
  font-family: var(--headingFontFamily)
}

.banner-content .popular-search-list li:last-child {
  margin-right: 0
}

.banner-content .popular-search-list li a {
  display: block;
  color: var(--whiteColor);
  text-decoration: underline
}

.banner-content .popular-search-list li a:hover {
  color: var(--mainColor)
}

.banner-image {
  text-align: center
}

.banner-inner-area {
  margin-top: 40px;
  border-radius: 150px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 15px 30px rgba(29,23,77,.08);
  box-shadow: 0 15px 30px rgba(29,23,77,.08);
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 80px
}

.single-banner-box {
  margin-bottom: 30px;
  position: relative;
  padding-left: 65px
}

.single-banner-box .icon {
  position: absolute;
  left: 0;
  font-size: 45px;
  top: 0;
  line-height: 1
}

.single-banner-box h3 {
  font-size: 22px;
  margin-bottom: 10px
}

.single-banner-box p {
  font-size: 14px
}

.banner-wrapper-area {
  position: relative;
  z-index: 1;
  background-image: url(/theme/image.php/elan/theme/1623852687/img/banner-bg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 300px
}

.banner-wrapper-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px
}

.banner-wrapper-area::before {
  left: 0;
  right: 0;
  content: '';
  z-index: -1;
  bottom: -2px;
  height: 186px;
  position: absolute;
  background-image: url(/theme/image.php/elan/theme/1623852687/img/shape/bg-shape3);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.banner-wrapper-area .text {
  position: absolute;
  right: 42%;
  color: var(--secondaryColor);
  top: 22%;
  background-color: var(--whiteColor);
  border-radius: 5px;
  padding-top: 10px;
  padding-left: 45px;
  padding-right: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--headingFontFamily)
}

.banner-wrapper-area .text i {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--mainColor);
  position: absolute;
  left: 20px;
  top: 50%
}

.banner-wrapper-area.bg-black {
  background-image: url(/theme/image.php/elan/theme/1623852687/img/banner-bg2);
  padding-top: 200px;
  padding-bottom: 200px
}

.banner-wrapper-area.bg-black::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  background: #020024;
  background: -webkit-gradient(linear,left top,right top,from(#020024),color-stop(0%,#5e646c),color-stop(50%,rgba(0,0,0,.5)),to(rgba(94,100,108,0)));
  background: linear-gradient(90deg,#020024 0%,#5e646c 0%,rgba(0,0,0,.5) 50%,rgba(94,100,108,0) 100%)
}

.banner-wrapper-content {
  max-width: 680px
}

.banner-wrapper-content .sub-title {
  margin-bottom: 18px;
  display: inline-block;
  color: var(--mainColor);
  position: relative;
  background-color: var(--whiteColor);
  border-radius: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 30px;
  padding-left: 48px;
  font-size: 13px;
  font-weight: 600
}

.banner-wrapper-content .sub-title i {
  position: absolute;
  left: 30px;
  margin-top: -1px;
  font-weight: 400;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.banner-wrapper-content h1 {
  font-size: 55px;
  margin-bottom: 18px
}

.banner-wrapper-content p {
  font-size: 16px;
  color: var(--blackColor)
}

.banner-wrapper-content form {
  max-width: 560px;
  margin-top: 30px;
  position: relative
}

.banner-wrapper-content form label {
  top: 13px;
  left: 15px;
  line-height: 1;
  font-size: 22px;
  margin-bottom: 0;
  position: absolute;
  display: inline-block;
  color: var(--mainColor)
}

.banner-wrapper-content form .input-search {
  width: 100%;
  height: 50px;
  border: none;
  display: block;
  border-radius: 5px;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: 1px solid var(--mainColor);
  font-size: var(--fontSize);
  font-weight: 400;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 50px
}

.banner-wrapper-content form .input-search::-webkit-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-wrapper-content form .input-search:-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-wrapper-content form .input-search::-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-wrapper-content form .input-search::placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.banner-wrapper-content form .input-search:focus {
  border-color: var(--mainColor)
}

.banner-wrapper-content form .input-search:focus::-webkit-input-placeholder {
  color: transparent
}

.banner-wrapper-content form .input-search:focus:-ms-input-placeholder {
  color: transparent
}

.banner-wrapper-content form .input-search:focus::-ms-input-placeholder {
  color: transparent
}

.banner-wrapper-content form .input-search:focus::placeholder {
  color: transparent
}

.banner-wrapper-content form button {
  top: 0;
  right: 0;
  height: 50px;
  border: none;
  position: absolute;
  color: var(--whiteColor);
  border-radius: 0 5px 5px 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-size: var(--fontSize);
  font-weight: 600
}

.banner-wrapper-content form button:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor)
}

.banner-wrapper-content .popular-search-list {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 20px
}

.banner-wrapper-content .popular-search-list li {
  margin-right: 12px;
  display: inline-block;
  color: var(--optionalColor);
  font-weight: 600;
  font-family: var(--headingFontFamily)
}

.banner-wrapper-content .popular-search-list li:last-child {
  margin-right: 0
}

.banner-wrapper-content .popular-search-list li a {
  display: block;
  color: var(--blackColor);
  text-decoration: underline
}

.banner-wrapper-content .popular-search-list li a:hover {
  color: var(--mainColor)
}

.banner-wrapper-content.color-white h1 {
  color: var(--whiteColor)
}

.banner-wrapper-content.color-white p {
  color: var(--whiteColor);
  opacity: .8
}

.banner-wrapper-content.color-white form .input-search {
  border: none
}

.banner-wrapper-content.color-white .popular-search-list li {
  color: var(--whiteColor)
}

.banner-wrapper-content.color-white .popular-search-list li a {
  color: var(--whiteColor)
}

.banner-wrapper-content.color-white .popular-search-list li a:hover {
  color: var(--mainColor)
}

.banner-shape {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 7%
}

.banner-arrow {
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
  position: absolute;
  z-index: -1;
  right: 45%;
  top: 30%
}

@-webkit-keyframes movebounce {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  50% {
      -webkit-transform: translateY(15px);
      transform: translateY(15px)
  }

  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes movebounce {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  50% {
      -webkit-transform: translateY(15px);
      transform: translateY(15px)
  }

  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@-webkit-keyframes moveleftbounce {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  50% {
      -webkit-transform: translateX(15px);
      transform: translateX(15px)
  }

  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
}

@keyframes moveleftbounce {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }

  50% {
      -webkit-transform: translateX(15px);
      transform: translateX(15px)
  }

  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
}

@media only screen and (min-width: 1400px) and (max-width:1470px) {
  .main-banner-area .single-courses-box {
      right:32%
  }

  .main-banner-image img {
      max-width: 450px
  }
}

.single-features-box {
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  text-align: center;
  padding: 40px 20px;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-features-box .image {
  margin-bottom: 25px
}

.single-features-box h3 {
  font-size: 22px;
  margin-bottom: 12px
}

.single-features-box .link-btn {
  display: inline-block;
  padding-right: 20px;
  position: relative;
  color: var(--mainColor);
  font-family: var(--headingFontFamily);
  font-weight: 500
}

.single-features-box .link-btn i {
  position: absolute;
  right: 0;
  font-size: 18px;
  top: -1px
}

.single-features-box .link-btn::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 0;
  height: 1px;
  background-color: var(--secondaryColor)
}

.single-features-box .link-btn:hover {
  color: var(--secondaryColor)
}

.single-features-box .link-btn:hover::before {
  width: 100%;
  right: auto;
  left: 0
}

.single-features-box.active {
  -webkit-box-shadow: 0 0 30px rgba(29,23,77,.07);
  box-shadow: 0 0 30px rgba(29,23,77,.07)
}

.features-box {
  margin-bottom: 30px;
  text-align: center;
  padding: 40px 20px;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.features-box .icon {
  width: unset;
  height: unset;
  margin: unset;
  padding: unset;
  -webkit-box-sizing: unset;
  box-sizing: unset;
  margin-right: unset
}

.features-box .icon {
  line-height: 1;
  font-size: 80px;
  margin-top: -6px;
  margin-bottom: 12px
}

.features-box h3 {
  font-size: 22px;
  margin-bottom: 12px
}

.features-box .link-btn {
  display: inline-block;
  padding-right: 20px;
  position: relative;
  color: var(--mainColor);
  font-family: var(--headingFontFamily);
  font-weight: 500
}

.features-box .link-btn i {
  position: absolute;
  right: 0;
  font-size: 18px;
  top: -1px
}

.features-box .link-btn::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 0;
  height: 1px;
  background-color: var(--secondaryColor)
}

.features-box .link-btn:hover {
  color: var(--secondaryColor)
}

.features-box .link-btn:hover::before {
  width: 100%;
  right: auto;
  left: 0
}

.features-box.active,.features-box:hover {
  -webkit-box-shadow: 0 0 30px rgba(29,23,77,.07);
  box-shadow: 0 0 30px rgba(29,23,77,.07);
  background-color: var(--whiteColor)
}

.features-box.color-white .icon {
  color: var(--whiteColor)
}

.features-box.color-white h3 {
  color: var(--whiteColor)
}

.features-box.color-white p {
  color: var(--whiteColor);
  opacity: .8
}

.features-box.color-white.active,.features-box.color-white:hover {
  background-color: #0A121E
}

.about-area .container-fluid {
  padding-left: 50px;
  padding-right: 50px
}

.about-inner-area {
  position: relative;
  z-index: 1
}

.about-inner-area::before {
  border-radius: 35px;
  background-color: #FBF8F5;
  z-index: -1;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 50px;
  margin-left: 170px;
  margin-bottom: 50px
}

.about-image {
  text-align: center;
  padding-right: 30px;
  border-radius: 50%
}

.about-image img {
  border-radius: 50%;
  border: 8px solid var(--secondaryColor);
  border-top: none;
  border-left: none
}

.about-content {
  padding-left: 30px;
  max-width: 590px
}

.about-content .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.about-content h2 {
  margin-bottom: 15px;
  font-size: 34px;
  line-height: 1.4
}

.about-content .features-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.about-content .features-list li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%
}

.about-content .features-list li span {
  display: block;
  margin-top: 15px;
  position: relative;
  padding-left: 30px;
  font-size: 22px;
  font-weight: 600;
  font-family: var(--headingFontFamily)
}

.about-content .features-list li span i {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--mainColor)
}

.about-content .default-btn {
  margin-top: 30px
}

.single-courses-box {
  margin-bottom: 30px;
  background-color: #FBF8F5;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 5px
}

.single-courses-box .image {
  border-radius: 5px 5px 0 0;
  position: relative;
  overflow: hidden
}

.single-courses-box .image img {
  border-radius: 5px 5px 0 0;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-courses-box .image .category-list {
  position: absolute;
  left: 15px;
  top: 15px
}

.single-courses-box .image .category-list a {
  display: inline-block;
  background-color: #1dc295;
  margin-right: 5px;
  border-radius: 5px;
  color: var(--whiteColor);
  padding: 3px 10px;
  font-family: var(--headingFontFamily);
  font-weight: 500;
  font-size: 14px
}

.single-courses-box .image .category-list a:last-child {
  margin-right: 0
}

.single-courses-box .image .category-list a:nth-child(2) {
  background-color: #E73F4C
}

.single-courses-box .image .category-list a:nth-child(3) {
  background-color: #14c6eb
}

.single-courses-box .image .category-list a:nth-child(4) {
  background-color: #ffa100
}

.single-courses-box .image .category-list a:nth-child(5) {
  background-color: #0080ff
}

.single-courses-box .image .ribbon {
  top: -20px;
  right: -30px;
  width: 150px;
  height: 150px;
  position: absolute
}

.single-courses-box .image .ribbon span {
  top: 35px;
  left: -25px;
  width: 225px;
  display: block;
  text-align: center;
  position: absolute;
  color: var(--whiteColor);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #0080ff;
  font-size: 13px;
  font-weight: 700;
  padding-top: 7px;
  padding-bottom: 7px
}

.single-courses-box .content {
  border-radius: 0 0 5px 5px;
  position: relative;
  padding: 30px
}

.single-courses-box .content .price {
  position: absolute;
  right: 30px;
  -webkit-box-shadow: 3px 3px rgba(73,80,186,.4);
  box-shadow: 3px 3px rgba(73,80,186,.4);
  padding: 8px 18px;
  color: var(--whiteColor);
  top: -30px;
  background-color: var(--secondaryColor);
  border-radius: 12px;
  font-size: 27px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.single-courses-box .content .author {
  margin-bottom: 15px
}

.single-courses-box .content .author img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 3px solid var(--mainColor);
  border-top: none
}

.single-courses-box .content .author span {
  display: block;
  margin-left: 15px;
  color: var(--mainColor);
  font-size: 17px;
  font-family: var(--headingFontFamily)
}

.single-courses-box .content h3 {
  margin-bottom: 20px;
  line-height: 1.3;
  font-size: 22px
}

.single-courses-box .content .courses-box-list {
  border-radius: 5px;
  margin-bottom: 0;
  list-style-type: none;
  background-color: #F6F0EA;
  padding: 10px 15px
}

.single-courses-box .content .courses-box-list li {
  padding-left: 25px;
  display: block;
  color: var(--optionalColor);
  position: relative;
  font-family: var(--headingFontFamily)
}

.single-courses-box .content .courses-box-list li i {
  position: absolute;
  left: 0;
  font-size: 18px;
  top: -3px;
  color: var(--mainColor)
}

.single-courses-box:hover {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 15px 30px rgba(29,23,77,.08);
  box-shadow: 0 15px 30px rgba(29,23,77,.08)
}

.single-courses-box:hover .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.single-courses-item {
  margin-bottom: 30px;
  background-color: #FBF8F5;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: center;
  border-radius: 5px
}

.single-courses-item .image {
  border-radius: 5px 5px 0 0;
  position: relative;
  overflow: hidden
}

.single-courses-item .image img {
  border-radius: 5px 5px 0 0;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-courses-item .image .category-list {
  position: absolute;
  left: 15px;
  top: 15px
}

.single-courses-item .image .category-list a {
  display: inline-block;
  background-color: #1dc295;
  margin-right: 5px;
  border-radius: 5px;
  color: var(--whiteColor);
  padding: 3px 10px;
  font-family: var(--headingFontFamily);
  font-weight: 500;
  font-size: 14px
}

.single-courses-item .image .category-list a:last-child {
  margin-right: 0
}

.single-courses-item .image .category-list a:nth-child(2) {
  background-color: #E73F4C
}

.single-courses-item .image .category-list a:nth-child(3) {
  background-color: #14c6eb
}

.single-courses-item .image .category-list a:nth-child(4) {
  background-color: #ffa100
}

.single-courses-item .image .category-list a:nth-child(5) {
  background-color: #0080ff
}

.single-courses-item .image .ribbon {
  top: -20px;
  right: -30px;
  width: 150px;
  height: 150px;
  position: absolute
}

.single-courses-item .image .ribbon span {
  top: 35px;
  left: -25px;
  width: 225px;
  display: block;
  text-align: center;
  position: absolute;
  color: var(--whiteColor);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #0080ff;
  font-size: 13px;
  font-weight: 700;
  padding-top: 7px;
  padding-bottom: 7px
}

.single-courses-item .content {
  border-radius: 0 0 5px 5px;
  position: relative;
  padding: 50px 30px 30px
}

.single-courses-item .content .price {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 3px 3px rgba(73,80,186,.4);
  box-shadow: 3px 3px rgba(73,80,186,.4);
  padding: 8px 18px;
  color: var(--whiteColor);
  top: -27px;
  background-color: var(--secondaryColor);
  border-radius: 12px;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.single-courses-item .content .author {
  margin-bottom: 15px
}

.single-courses-item .content .author img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 3px solid var(--mainColor);
  border-top: none
}

.single-courses-item .content .author span {
  display: block;
  margin-left: 15px;
  color: var(--mainColor);
  font-size: 17px;
  font-family: var(--headingFontFamily)
}

.single-courses-item .content h3 {
  margin-bottom: 20px;
  line-height: 1.3;
  font-size: 22px
}

.single-courses-item .content .courses-box-list {
  border-radius: 5px;
  margin-bottom: 0;
  list-style-type: none;
  background-color: #F6F0EA;
  padding: 10px 15px
}

.single-courses-item .content .courses-box-list li {
  padding-left: 25px;
  display: block;
  color: var(--optionalColor);
  position: relative;
  font-family: var(--headingFontFamily)
}

.single-courses-item .content .courses-box-list li i {
  position: absolute;
  left: 0;
  font-size: 18px;
  top: -3px;
  color: var(--mainColor)
}

.single-courses-item:hover {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 15px 30px rgba(29,23,77,.08);
  box-shadow: 0 15px 30px rgba(29,23,77,.08)
}

.single-courses-item:hover .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.courses-box {
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: #FBF8F5;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.courses-box .image {
  position: relative;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.courses-box .image img {
  display: none;
  border-radius: 5px 5px 0 0
}

.courses-box .image .category-list {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 2
}

.courses-box .image .category-list a {
  display: inline-block;
  background-color: #1dc295;
  margin-right: 5px;
  border-radius: 5px;
  color: var(--whiteColor);
  padding: 3px 10px;
  font-family: var(--headingFontFamily);
  font-weight: 500;
  font-size: 14px
}

.courses-box .image .category-list a:last-child {
  margin-right: 0
}

.courses-box .image .category-list a:nth-child(2) {
  background-color: #E73F4C
}

.courses-box .image .category-list a:nth-child(3) {
  background-color: #14c6eb
}

.courses-box .image .category-list a:nth-child(4) {
  background-color: #ffa100
}

.courses-box .image .category-list a:nth-child(5) {
  background-color: #0080ff
}

.courses-box .image .link-btn {
  border-radius: 5px 0 0 5px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1
}

.courses-box .image .ribbon {
  top: -20px;
  left: -30px;
  width: 150px;
  height: 150px;
  position: absolute
}

.courses-box .image .ribbon span {
  top: 35px;
  right: -25px;
  width: 225px;
  display: block;
  text-align: center;
  position: absolute;
  color: var(--whiteColor);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #0080ff;
  font-size: 13px;
  font-weight: 700;
  padding-top: 7px;
  padding-bottom: 7px
}

.courses-box .content {
  padding: 30px 25px
}

.courses-box .content h3 {
  margin-bottom: 20px;
  line-height: 1.3;
  font-size: 22px
}

.courses-box .content .courses-box-list {
  border-radius: 5px;
  margin-bottom: 0;
  list-style-type: none;
  background-color: #F6F0EA;
  padding: 10px 15px
}

.courses-box .content .courses-box-list li {
  padding-left: 25px;
  display: block;
  color: var(--optionalColor);
  position: relative;
  font-family: var(--headingFontFamily)
}

.courses-box .content .courses-box-list li i {
  position: absolute;
  left: 0;
  font-size: 18px;
  top: -3px;
  color: var(--mainColor)
}

.courses-box .content .courses-box-footer {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 25px
}

.courses-box .content .courses-box-footer li .author img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 3px solid var(--mainColor);
  border-top: none
}

.courses-box .content .courses-box-footer li .author span {
  display: block;
  margin-left: 15px;
  color: var(--mainColor);
  font-size: 17px;
  font-family: var(--headingFontFamily)
}

.courses-box .content .courses-box-footer li .price {
  -webkit-box-shadow: 3px 3px rgba(73,80,186,.4);
  box-shadow: 3px 3px rgba(73,80,186,.4);
  padding: 8px 18px;
  color: var(--whiteColor);
  background-color: var(--secondaryColor);
  border-radius: 12px;
  font-size: 25px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.courses-box.color-white {
  background: #1A212C
}

.courses-box.color-white .content {
  color: var(--whiteColor)
}

.courses-box.color-white .content h3 {
  color: var(--whiteColor)
}

.courses-box.color-white .content h3 a {
  color: var(--whiteColor)
}

.courses-box.color-white .content h3 a:hover {
  color: var(--mainColor)
}

.courses-box.color-white .content .courses-box-list {
  background-color: #0A121E
}

.courses-box.color-white .content .courses-box-list li {
  color: var(--whiteColor)
}

.courses-box.color-white .content .courses-box-list li i {
  color: var(--mainColor)
}

.courses-info {
  text-align: center;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px
}

.courses-info p {
  font-weight: 600;
  font-size: 14px
}

.courses-info p a {
  color: var(--mainColor)
}

.courses-info .default-btn {
  margin-top: 15px
}

.courses-info.color-white p {
  color: var(--whiteColor)
}

.shorting-menu {
  text-align: center;
  margin-bottom: 40px;
  margin-top: -20px
}

.shorting-menu .filter {
  color: var(--blackColor);
  background-color: transparent;
  padding: 0;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: none;
  background-color: transparent;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--headingFontFamily);
  margin-left: 12px;
  margin-right: 12px
}

.shorting-menu .filter:first-child {
  margin-left: 0
}

.shorting-menu .filter:last-child {
  margin-right: 0
}

.shorting-menu .filter:hover,.shorting-menu .filter.active {
  color: var(--mainColor)
}

.shorting-menu.shorting-menu-style-two {
  background-color: #f8f9f8;
  border-radius: 5px;
  margin-bottom: 40px;
  padding-left: 60px;
  padding-right: 60px
}

.shorting-menu.shorting-menu-style-two .filter {
  position: relative;
  color: var(--optionalColor);
  padding-top: 16px;
  padding-bottom: 14px;
  padding-left: 7px;
  padding-right: 7px
}

.shorting-menu.shorting-menu-style-two .filter::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-transform: scaleX(0);
  transform: scaleX(0)
}

.shorting-menu.shorting-menu-style-two .filter:hover,.shorting-menu.shorting-menu-style-two .filter.active {
  color: var(--blackColor)
}

.shorting-menu.shorting-menu-style-two .filter:hover::before,.shorting-menu.shorting-menu-style-two .filter.active::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.shorting .mix {
  display: none
}

.courses-filter-area {
  background-color: #f9f9f9;
  padding-top: 30px;
  padding-bottom: 30px
}

.courses-filter-area .form-select {
  border: none;
  cursor: pointer;
  font-size: 15.5px;
  color: var(--blackColor);
  -webkit-box-shadow: unset!important;
  box-shadow: unset!important;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-top: 12px
}

.showMoreItemsList+.button-box {
  margin-bottom: 0;
  text-align: center
}

.showMoreItemsList+.button-box button {
  background-color: transparent;
  border: 1px solid #eee;
  color: var(--blackColor);
  padding: 12px 45px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  width: auto;
  margin-top: 10px;
  border-radius: 5px;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 700
}

.showMoreItemsList+.button-box button:hover {
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
  color: var(--whiteColor)
}

.courses-details-area.bg-color {
  position: relative;
  z-index: 1;
  background-color: #002333
}

.courses-details-area.bg-color .courses-details-header .rating .rating-count {
  color: var(--whiteColor)
}

.courses-details-area.bg-color .courses-details-header p {
  color: var(--whiteColor);
  opacity: .9
}

.courses-details-area.bg-color .courses-details-header h2 {
  color: var(--whiteColor)
}

.courses-details-area.bg-color .courses-details-header .courses-meta {
  color: var(--whiteColor)
}

.courses-details-area.bg-color .courses-details-header .courses-meta li a {
  color: var(--whiteColor)
}

.courses-details-area.bg-color .courses-details-header .courses-meta li a:hover {
  color: var(--mainColor)
}

.courses-details-header .rating {
  font-size: 17px;
  margin-bottom: 12px
}

.courses-details-header .rating i {
  color: #FF912C;
  margin-right: -2px;
  display: inline-block
}

.courses-details-header .rating .rating-count {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  top: -2px;
  font-size: var(--fontSize);
  font-weight: 600
}

.courses-details-header h2 {
  margin-bottom: 15px;
  line-height: 1.3;
  font-size: 35px
}

.courses-details-header h2 a {
  display: inline-block
}

.courses-details-header .courses-meta {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 25px
}

.courses-details-header .courses-meta li {
  margin-right: 20px;
  position: relative;
  display: inline-block;
  border-right: 1px solid #eee;
  font-weight: 600;
  font-size: var(--fontSize);
  padding-right: 20px;
  padding-left: 45px
}

.courses-details-header .courses-meta li i {
  color: var(--secondaryColor);
  position: absolute;
  line-height: 1;
  left: -2px;
  top: 2px;
  font-weight: 400;
  font-size: 35px
}

.courses-details-header .courses-meta li span {
  display: block;
  color: var(--mainColor);
  margin-bottom: 5px
}

.courses-details-header .courses-meta li a {
  display: inline-block
}

.courses-details-header .courses-meta li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none
}

.courses-details-header p {
  margin-bottom: 0;
  padding-right: 50px
}

.courses-details-header .default-btn {
  margin-top: 25px
}

.courses-details-image {
  text-align: center;
  position: relative;
  border-radius: 5px;
  overflow: hidden
}

.courses-details-image img {
  border-radius: 5px;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.courses-details-image .content {
  left: 0;
  right: 0;
  top: 50%;
  z-index: 2;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.courses-details-image .content .popup-video {
  width: 70px;
  height: 70px;
  display: block;
  background-color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--whiteColor);
  border-radius: 50%;
  line-height: 70px;
  font-size: 45px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px
}

.courses-details-image .content .popup-video:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor)
}

.courses-details-image .content span {
  background-color: var(--blackColor);
  color: var(--whiteColor);
  display: inline-block;
  border-radius: 5px;
  padding: 4px 15px;
  font-weight: 700;
  font-size: var(--fontSize);
  font-family: var(--headingFontFamily)
}

.courses-details-image:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.courses-details-info {
  padding: 30px;
  background-color: #f9f9f9
}

.courses-details-info .info {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0
}

.courses-details-info .info li {
  list-style-type: none;
  border-bottom: 1px solid #eee;
  color: var(--optionalColor);
  font-size: 17px;
  font-weight: 600;
  font-family: var(--headingFontFamily);
  padding-top: 15px;
  padding-bottom: 15px
}

.courses-details-info .info li span {
  font-weight: 700;
  position: relative;
  padding-left: 25px;
  color: var(--blackColor)
}

.courses-details-info .info li span i {
  color: var(--mainColor);
  font-weight: 400;
  position: absolute;
  top: -1px;
  left: 0
}

.courses-details-info .info li.price {
  padding-bottom: 10px;
  color: var(--mainColor);
  font-size: 28px;
  font-weight: 600
}

.courses-details-info .info li.price span {
  color: var(--blackColor);
  font-size: 17px;
  font-weight: 700
}

.courses-details-info .info li:first-child {
  padding-top: 0
}

.courses-details-info .btn-box {
  margin-top: 25px
}

.courses-details-info .btn-box .default-btn {
  display: block
}

.courses-details-info .btn-box .default-btn i {
  left: auto;
  margin-left: -27px
}

.courses-details-info .btn-box .default-btn:not(:first-child) {
  margin-top: 15px;
  background-color: var(--secondaryColor)
}

.courses-details-info .btn-box .default-btn:not(:first-child):hover {
  background-color: var(--blackColor)
}

.courses-details-info .courses-share {
  text-align: center;
  margin-top: 25px
}

.courses-details-info .courses-share .share-info {
  display: inline-block;
  position: relative
}

.courses-details-info .courses-share .share-info span {
  display: inline-block;
  color: var(--blackColor);
  padding-right: 19px;
  line-height: 1;
  font-size: var(--fontSize);
  font-weight: 600
}

.courses-details-info .courses-share .share-info span i {
  color: var(--blackColor);
  position: absolute;
  right: 0;
  top: 5px
}

.courses-details-info .courses-share .share-info .social-link {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 15px
}

.courses-details-info .courses-share .share-info .social-link li {
  display: inline-block;
  margin-right: 3px
}

.courses-details-info .courses-share .share-info .social-link li:last-child {
  margin-right: 0
}

.courses-details-info .courses-share .share-info .social-link li a {
  width: 30px;
  height: 30px;
  font-size: 18px;
  text-align: center;
  background-color: #e1e1e1;
  color: var(--blackColor);
  position: relative;
  border-radius: 2px;
  display: block
}

.courses-details-info .courses-share .share-info .social-link li a i {
  left: 0;
  top: 50%;
  right: 0;
  position: absolute;
  -webkit-transform: translateY(-48%);
  transform: translateY(-48%)
}

.courses-details-info .courses-share .share-info .social-link li a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.courses-details-desc .nav {
  margin-bottom: 0;
  list-style-type: none;
  background-color: #f8f9f8;
  border-radius: 5px;
  border: none;
  padding-left: 30px;
  padding-right: 30px
}

.courses-details-desc .nav .nav-item {
  margin-right: 35px
}

.courses-details-desc .nav .nav-item .nav-link {
  margin: 0;
  padding: 0;
  border: none;
  padding: 14px 0;
  border-radius: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: #f8f9f8;
  position: relative;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.courses-details-desc .nav .nav-item .nav-link::before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: '';
  height: 2px;
  position: absolute;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor)
}

.courses-details-desc .nav .nav-item .nav-link:hover,.courses-details-desc .nav .nav-item .nav-link.active {
  color: var(--mainColor)
}

.courses-details-desc .nav .nav-item .nav-link:hover::before,.courses-details-desc .nav .nav-item .nav-link.active::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.courses-details-desc .nav .nav-item:last-child {
  margin-right: 0
}

.courses-details-desc .tab-content {
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px
}

.courses-details-desc .courses-overview {
  margin-top: 20px
}

.courses-details-desc .courses-overview h3 {
  margin-bottom: 15px;
  font-size: 24px
}

.courses-details-desc .courses-overview h3:not(:first-child) {
  margin-top: 30px
}

.courses-details-desc .courses-overview p strong {
  color: var(--blackColor)
}

.courses-details-desc .courses-overview p a {
  color: var(--mainColor)
}

.courses-details-desc .courses-overview p a:hover {
  text-decoration: underline
}

.courses-details-desc .courses-overview ul {
  margin-bottom: 20px
}

.courses-details-desc .courses-overview ul li {
  margin-bottom: 12px;
  color: var(--optionalColor)
}

.courses-details-desc .courses-overview ul li strong {
  color: var(--blackColor)
}

.courses-details-desc .courses-overview ul li a {
  color: var(--mainColor)
}

.courses-details-desc .courses-overview ul li a:hover {
  text-decoration: underline
}

.courses-details-desc .courses-overview ul li:last-child {
  margin-bottom: 0
}

.courses-details-desc .courses-overview ul:last-child {
  margin-bottom: 0
}

.courses-details-desc .courses-curriculum {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 30px;
  margin-left: -30px;
  margin-right: -30px
}

.courses-details-desc .courses-curriculum h3 {
  margin-bottom: 20px;
  font-size: 24px
}

.courses-details-desc .courses-curriculum h3:not(:first-child) {
  margin-top: 30px
}

.courses-details-desc .courses-curriculum ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.courses-details-desc .courses-curriculum ul li {
  display: block
}

.courses-details-desc .courses-curriculum ul li a {
  background-color: #f8f9f8;
  color: var(--blackColor);
  position: relative;
  padding-left: 55px;
  padding-right: 30px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  margin-left: -30px;
  margin-right: -30px
}

.courses-details-desc .courses-curriculum ul li a::before {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--mainColor);
  position: absolute;
  margin-top: -1px;
  content: "\F008";
  left: 30px;
  top: 50%;
  font-size: 18px;
  font-family: remixicon!important
}

.courses-details-desc .courses-curriculum ul li a .courses-name {
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 500
}

.courses-details-desc .courses-curriculum ul li a .courses-meta {
  text-align: right
}

.courses-details-desc .courses-curriculum ul li a .courses-meta .questions {
  color: #2dbbc4;
  display: inline-block;
  background: #e3f1f2;
  text-transform: lowercase;
  border-radius: 3px;
  margin-right: 6px;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 600
}

.courses-details-desc .courses-curriculum ul li a .courses-meta .duration {
  display: inline-block;
  background: #f7e7e8;
  color: var(--mainColor);
  text-transform: lowercase;
  border-radius: 3px;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 600
}

.courses-details-desc .courses-curriculum ul li a .courses-meta .status {
  display: inline-block;
  background: var(--blackColor);
  color: var(--whiteColor);
  border-radius: 3px;
  margin-left: 6px;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 600
}

.courses-details-desc .courses-curriculum ul li a .courses-meta .status.locked {
  top: 3px;
  padding: 0;
  line-height: 1;
  margin-left: 8px;
  border-radius: 0;
  position: relative;
  color: var(--blackColor);
  background-color: transparent;
  font-size: 18px;
  font-weight: 400
}

.courses-details-desc .courses-curriculum ul li a:hover {
  color: var(--mainColor)
}

.courses-details-desc .courses-curriculum ul li:nth-child(2) a,.courses-details-desc .courses-curriculum ul li:nth-child(4) a,.courses-details-desc .courses-curriculum ul li:nth-child(6) a,.courses-details-desc .courses-curriculum ul li:nth-child(8) a,.courses-details-desc .courses-curriculum ul li:nth-child(10) a,.courses-details-desc .courses-curriculum ul li:nth-child(12) a,.courses-details-desc .courses-curriculum ul li:nth-child(14) a,.courses-details-desc .courses-curriculum ul li:nth-child(16) a,.courses-details-desc .courses-curriculum ul li:nth-child(18) a,.courses-details-desc .courses-curriculum ul li:nth-child(20) a,.courses-details-desc .courses-curriculum ul li:nth-child(22) a,.courses-details-desc .courses-curriculum ul li:nth-child(24) a,.courses-details-desc .courses-curriculum ul li:nth-child(26) a,.courses-details-desc .courses-curriculum ul li:nth-child(28) a,.courses-details-desc .courses-curriculum ul li:nth-child(30) a,.courses-details-desc .courses-curriculum ul li:nth-child(32) a,.courses-details-desc .courses-curriculum ul li:nth-child(34) a,.courses-details-desc .courses-curriculum ul li:nth-child(36) a,.courses-details-desc .courses-curriculum ul li:nth-child(38) a,.courses-details-desc .courses-curriculum ul li:nth-child(40) a,.courses-details-desc .courses-curriculum ul li:nth-child(42) a,.courses-details-desc .courses-curriculum ul li:nth-child(44) a,.courses-details-desc .courses-curriculum ul li:nth-child(46) a,.courses-details-desc .courses-curriculum ul li:nth-child(48) a,.courses-details-desc .courses-curriculum ul li:nth-child(50) a,.courses-details-desc .courses-curriculum ul li:nth-child(52) a,.courses-details-desc .courses-curriculum ul li:nth-child(54) a,.courses-details-desc .courses-curriculum ul li:nth-child(56) a,.courses-details-desc .courses-curriculum ul li:nth-child(58) a,.courses-details-desc .courses-curriculum ul li:nth-child(60) a,.courses-details-desc .courses-curriculum ul li:nth-child(62) a,.courses-details-desc .courses-curriculum ul li:nth-child(64) a,.courses-details-desc .courses-curriculum ul li:nth-child(66) a,.courses-details-desc .courses-curriculum ul li:nth-child(68) a,.courses-details-desc .courses-curriculum ul li:nth-child(70) a,.courses-details-desc .courses-curriculum ul li:nth-child(72) a,.courses-details-desc .courses-curriculum ul li:nth-child(74) a,.courses-details-desc .courses-curriculum ul li:nth-child(76) a,.courses-details-desc .courses-curriculum ul li:nth-child(78) a,.courses-details-desc .courses-curriculum ul li:nth-child(80) a,.courses-details-desc .courses-curriculum ul li:nth-child(82) a,.courses-details-desc .courses-curriculum ul li:nth-child(84) a,.courses-details-desc .courses-curriculum ul li:nth-child(86) a,.courses-details-desc .courses-curriculum ul li:nth-child(88) a,.courses-details-desc .courses-curriculum ul li:nth-child(90) a,.courses-details-desc .courses-curriculum ul li:nth-child(92) a,.courses-details-desc .courses-curriculum ul li:nth-child(94) a,.courses-details-desc .courses-curriculum ul li:nth-child(96) a,.courses-details-desc .courses-curriculum ul li:nth-child(98) a,.courses-details-desc .courses-curriculum ul li:nth-child(100) a {
  background-color: var(--whiteColor)
}

.courses-details-desc .profile-box:not(:first-child) {
  margin-top: 30px
}

.courses-details-desc .profile-box .content {
  padding-left: 30px
}

.courses-details-desc .profile-box .content h3 {
  font-size: 20px
}

.courses-details-desc .courses-reviews h3 {
  margin-bottom: 0;
  display: inline-block;
  margin-right: 15px;
  font-size: 24px
}

.courses-details-desc .courses-reviews .rating {
  display: inline-block;
  position: relative;
  top: 3px
}

.courses-details-desc .courses-reviews .rating span {
  line-height: 1;
  font-size: 17px;
  color: #cecfd2
}

.courses-details-desc .courses-reviews .rating span.checked {
  color: orange
}

.courses-details-desc .courses-reviews .rating-count {
  margin-top: 10px;
  margin-bottom: 20px
}

.courses-details-desc .courses-reviews .rating-count span {
  display: block;
  font-size: var(--fontSize);
  color: var(--optionalColor)
}

.courses-details-desc .courses-reviews .row {
  overflow: hidden
}

.courses-details-desc .courses-reviews .side {
  float: left;
  width: 9%;
  margin-top: 10px
}

.courses-details-desc .courses-reviews .side div {
  font-size: var(--fontSize);
  font-weight: 600
}

.courses-details-desc .courses-reviews .middle {
  margin-top: 14px;
  float: left;
  width: 82%
}

.courses-details-desc .courses-reviews .right {
  text-align: right
}

.courses-details-desc .courses-reviews .bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: var(--whiteColor);
  border-radius: 5px
}

.courses-details-desc .courses-reviews .bar-5 {
  width: 100%;
  height: 18px;
  background-color: #4CAF50;
  border-radius: 5px
}

.courses-details-desc .courses-reviews .bar-4 {
  width: 75%;
  height: 18px;
  background-color: #2196F3;
  border-radius: 5px;
  border-radius: 5px
}

.courses-details-desc .courses-reviews .bar-3 {
  width: 50%;
  height: 18px;
  background-color: #00bcd4;
  border-radius: 5px
}

.courses-details-desc .courses-reviews .bar-2 {
  width: 25%;
  height: 18px;
  background-color: #ff9800;
  border-radius: 5px
}

.courses-details-desc .courses-reviews .bar-1 {
  width: 0;
  height: 18px;
  background-color: #f44336;
  border-radius: 5px
}

.courses-details-desc .courses-review-comments {
  margin-top: 40px
}

.courses-details-desc .courses-review-comments h3 {
  border-bottom: 1px solid #f3f3f3;
  font-size: 24px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 10px
}

.courses-details-desc .courses-review-comments .user-review {
  border-bottom: 1px solid #f3f3f3;
  padding: 20px 0 20px 110px;
  position: relative
}

.courses-details-desc .courses-review-comments .user-review img {
  position: absolute;
  left: 0;
  top: 20px;
  width: 90px;
  height: 90px;
  border-radius: 5px
}

.courses-details-desc .courses-review-comments .user-review .sub-comment {
  margin-bottom: 10px;
  font-weight: 700
}

.courses-details-desc .courses-review-comments .user-review .review-rating {
  display: block;
  margin-bottom: 8px
}

.courses-details-desc .courses-review-comments .user-review .review-rating .review-stars {
  display: inline-block
}

.courses-details-desc .courses-review-comments .user-review .review-rating .review-stars i {
  font-size: 17px;
  color: #cecfd2;
  display: inline-block
}

.courses-details-desc .courses-review-comments .user-review .review-rating .review-stars i.checked {
  color: orange
}

.courses-details-desc .review-form-wrapper {
  margin-top: 30px
}

.courses-details-desc .review-form-wrapper h3 {
  margin-bottom: 10px;
  font-size: 24px
}

.courses-details-desc .review-form-wrapper .comment-notes span {
  color: red
}

.courses-details-desc .review-form-wrapper form {
  margin-top: 20px;
  text-align: left
}

.courses-details-desc .review-form-wrapper form .form-group {
  margin-bottom: 25px;
  text-align: left
}

.courses-details-desc .review-form-wrapper form .rating {
  text-align: left;
  overflow: hidden;
  max-width: 115px;
  margin-top: -5px;
  margin-bottom: 25px
}

.courses-details-desc .review-form-wrapper form .rating label {
  width: 23px;
  float: right;
  height: 23px;
  cursor: pointer;
  position: relative
}

.courses-details-desc .review-form-wrapper form .rating label:not(:first-of-type) {
  padding-right: 5px
}

.courses-details-desc .review-form-wrapper form .rating label:before {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  content: "\2605";
  color: #CCC;
  font-size: 27px;
  line-height: 1
}

.courses-details-desc .review-form-wrapper form .rating input {
  display: none
}

.courses-details-desc .review-form-wrapper form .rating input:checked~label:before,.courses-details-desc .review-form-wrapper form .rating:not(:checked)>label:hover:before,.courses-details-desc .review-form-wrapper form .rating:not(:checked)>label:hover~label:before {
  color: #f6b500
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent {
  text-align: left;
  margin-bottom: 0
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked,.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) {
  display: none
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label,.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 0;
  color: var(--optionalColor);
  font-weight: 500
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:before,.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  background: #f5f5f5
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:after,.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:after {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--mainColor);
  position: absolute;
  top: 5.5px;
  left: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:hover+label:before {
  border-color: var(--mainColor)
}

.courses-details-desc .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:before {
  border-color: var(--mainColor)
}

.courses-details-desc .review-form-wrapper form button {
  border: none;
  margin-top: 25px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  padding: 13px 40px 14px;
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor);
  -webkit-box-shadow: 0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
  font-weight: 700;
  font-size: var(--fontSize);
  font-family: var(--headingFontFamily)
}

.courses-details-desc .review-form-wrapper form button:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor)
}

.courses-details-desc.courses-details-desc-two .courses-curriculum {
  margin-left: 0;
  margin-right: 0;
  margin-top: 30px
}

.courses-details-desc.courses-details-desc-two .courses-reviews {
  margin-top: 30px
}

.related-courses {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #eee
}

.related-courses h2 {
  margin-bottom: 40px;
  font-size: 34px
}

.team-area {
  position: relative;
  z-index: 1
}

.team-area.bg-color::before {
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: -1;
  content: '';
  height: 100%;
  position: absolute;
  background-color: var(--secondaryColor);
  -webkit-clip-path: polygon(0 92%,100% 30%,100% 100%,0 100%);
  clip-path: polygon(0 92%,100% 30%,100% 100%,0 100%)
}

.team-area.bg-shape::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 323px;
  z-index: -1;
  background-image: url(../../assets/img/shape/bg-shape2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.single-team-member {
  margin-bottom: 30px;
  text-align: center;
  background-color: var(--whiteColor);
  border-radius: 5px 5px 0 0
}

.single-team-member .image {
  border-radius: 5px 5px 0 0;
  position: relative
}

.single-team-member .image img {
  border-radius: 5px 5px 0 0
}

.single-team-member .image .share {
  position: absolute;
  left: 22px;
  font-size: 22px;
  bottom: 0;
  color: var(--whiteColor);
  width: 45px;
  line-height: 49px;
  height: 45px;
  background-color: var(--mainColor);
  border-radius: 50% 50% 0 0
}

.single-team-member .image .social-links {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: absolute;
  left: 77px;
  opacity: 0;
  visibility: hidden;
  bottom: 15px;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-team-member .image .social-links li {
  display: inline-block;
  margin-right: 6px
}

.single-team-member .image .social-links li a {
  display: block;
  font-size: 22px;
  color: var(--whiteColor);
  width: 45px;
  line-height: 49px;
  height: 45px;
  background-color: var(--mainColor);
  border-radius: 50% 50% 0 0
}

.single-team-member .image .social-links li a:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor)
}

.single-team-member .image .social-links li:last-child {
  margin-right: 0
}

.single-team-member .content {
  padding: 25px
}

.single-team-member .content h3 {
  margin-bottom: 8px;
  font-size: 22px
}

.single-team-member .content span {
  display: block;
  color: var(--mainColor);
  font-family: var(--headingFontFamily)
}

.single-team-member:hover .image .social-links {
  bottom: 0;
  opacity: 1;
  visibility: visible
}

.single-team-member.bg-black {
  background-color: #0A121E
}

.single-team-member.bg-black .content h3 {
  color: var(--whiteColor)
}

.single-team-member.bg-black .content h3 a {
  color: var(--whiteColor)
}

.funfacts-area {
  position: relative;
  z-index: 1
}

.funfacts-area.bg-color {
  background-color: var(--secondaryColor)
}

.funfacts-area.bg-color .section-title .sub-title {
  color: var(--mainColor)
}

.funfacts-area.bg-color .section-title h2 {
  color: var(--whiteColor)
}

.single-funfacts-box {
  text-align: center;
  margin-bottom: 30px
}

.single-funfacts-box h3 {
  line-height: 1;
  font-size: 48px;
  margin-bottom: 0;
  color: var(--mainColor)
}

.single-funfacts-box h3 .sign {
  position: relative;
  top: 3px
}

.single-funfacts-box p {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--headingFontFamily)
}

.single-funfacts-box.color-white p {
  color: var(--whiteColor)
}

.lines {
  top: 0;
  left: 0;
  right: 0;
  width: 90vw;
  z-index: -1;
  height: 100%;
  margin: auto;
  position: absolute
}

.lines .line {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: rgba(255,255,255,.1)
}

.lines .line::after {
  left: 0;
  top: -50%;
  width: 100%;
  content: "";
  height: 15vh;
  display: block;
  position: absolute;
  -webkit-animation: run 7s 0s infinite;
  animation: run 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(.4,.26,0,.97);
  animation-timing-function: cubic-bezier(.4,.26,0,.97);
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(75%,var(--whiteColor)),to(var(--whiteColor)));
  background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--whiteColor) 75%,var(--whiteColor) 100%)
}

.lines .line:nth-child(1) {
  margin-left: -35%
}

.lines .line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.lines .line:nth-child(3) {
  margin-left: -17.5%
}

.lines .line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

.lines .line:nth-child(4) {
  margin-left: 17.5%
}

.lines .line:nth-child(4)::after {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.lines .line:nth-child(5) {
  margin-left: 35%
}

.lines .line:nth-child(5)::after {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s
}

@-webkit-keyframes run {
  0% {
      top: -50%
  }

  100% {
      top: 110%
  }
}

@keyframes run {
  0% {
      top: -50%
  }

  100% {
      top: 110%
  }
}

.instructor-register-area {
  background-image: url(../../assets/img/instructor-register-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.instructor-register-box {
  background-color: var(--whiteColor);
  text-align: center;
  border-radius: 5px;
  padding: 50px 40px;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto
}

.instructor-register-box h2 {
  margin-bottom: 8px;
  line-height: 1.4;
  font-size: 34px
}

.instructor-register-box form {
  margin-top: 40px
}

.instructor-register-box form .form-group {
  margin-bottom: 20px
}

.instructor-register-box form .form-control {
  border-radius: 5px;
  border: 1px solid #eeeeee!important
}

.instructor-register-box form .form-control:focus {
  border-color: var(--mainColor)!important;
  background-color: transparent!important
}

.instructor-register-box form .default-btn {
  display: block;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px
}

.profile-box .row {
  margin-left: 0;
  margin-right: 0
}

.profile-box .row .col-lg-4,.profile-box .row .col-lg-8 {
  padding-left: 0;
  padding-right: 0
}

.profile-box .image {
  border-radius: 5px
}

.profile-box .image img {
  border-radius: 5px
}

.profile-box .content {
  padding-left: 50px
}

.profile-box .content h3 {
  margin-bottom: 10px;
  font-size: 24px
}

.profile-box .content .sub-title {
  display: block;
  margin-bottom: 12px;
  color: var(--mainColor);
  font-size: 14px;
  font-weight: 600
}

.profile-box .content h4 {
  font-size: 18px;
  margin-bottom: 12px;
  margin-top: 20px
}

.profile-box .content .info {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.profile-box .content .info li {
  margin-bottom: 8px;
  font-weight: 600
}

.profile-box .content .info li span {
  color: var(--optionalColor);
  font-weight: 500
}

.profile-box .content .info li:last-child {
  margin-bottom: 0
}

.profile-box .content .social-link {
  padding-left: 0;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 0
}

.profile-box .content .social-link li {
  display: inline-block;
  margin-right: 5px
}

.profile-box .content .social-link li:last-child {
  margin-right: 0
}

.profile-box .content .social-link li a {
  width: 33px;
  height: 33px;
  font-size: 18px;
  text-align: center;
  background-color: #e1e1e1;
  color: var(--blackColor);
  position: relative;
  border-radius: 2px;
  display: block
}

.profile-box .content .social-link li a i {
  left: 0;
  top: 50%;
  right: 0;
  position: absolute;
  -webkit-transform: translateY(-48%);
  transform: translateY(-48%)
}

.profile-box .content .social-link li a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.instructor-courses {
  margin-top: 80px
}

.instructor-courses .nav-tabs {
  border-bottom: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px
}

.instructor-courses .nav-tabs .nav-item {
  margin-left: 8px;
  margin-right: 8px
}

.instructor-courses .nav-tabs .nav-link {
  border: none;
  margin-bottom: 0;
  background-color: #f8f9f8;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 30px;
  padding: 9px 30px;
  font-size: 16px;
  font-weight: 600
}

.instructor-courses .nav-tabs .nav-link:hover,.instructor-courses .nav-tabs .nav-link.active {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.instructor-courses .nav-tabs:last-child {
  margin-right: 0
}

.instructor-courses .nav-tabs:first-child {
  margin-left: 0
}

.testimonials-area {
  position: relative;
  z-index: 1
}

.testimonials-area.bg-color {
  background-color: var(--secondaryColor)
}

.testimonials-area.bg-color .section-title .sub-title {
  color: var(--mainColor)
}

.testimonials-area.bg-color .section-title h2 {
  color: var(--whiteColor)
}

.single-testimonials-box {
  margin-bottom: 30px;
  padding: 50px;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  background-color: var(--whiteColor)
}

.single-testimonials-box p {
  font-size: 18px
}

.single-testimonials-box .client-info {
  margin-top: 30px
}

.single-testimonials-box .client-info img {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 50%;
  border: 3px solid var(--mainColor);
  border-top: none
}

.single-testimonials-box .client-info h3 {
  font-size: 18px;
  color: var(--mainColor);
  margin-bottom: 6px
}

.single-testimonials-box .client-info span {
  display: block;
  color: var(--optionalColor);
  font-size: 14px;
  font-family: var(--headingFontFamily)
}

.single-testimonials-box::before {
  content: '';
  position: absolute;
  right: 65px;
  bottom: 65px;
  z-index: -1;
  width: 107px;
  height: 80px;
  background-image: url(/theme/image.php/elan/theme/1623852687/img/quote);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.single-testimonials-box.with-border {
  border: 1px solid #eee
}

.single-testimonials-box.bg-black {
  background: #1A212C
}

.single-testimonials-box.bg-black p {
  color: var(--whiteColor)
}

.single-testimonials-box.bg-black .client-info span {
  color: var(--whiteColor)
}

.testimonials-slides.owl-theme .single-testimonials-box {
  margin-bottom: 0
}

.testimonials-slides.owl-theme .owl-nav {
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.testimonials-slides.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: -50px;
  margin: 0;
  padding: 0;
  width: 35px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 25px;
  color: var(--blackColor);
  border-radius: 50%;
  line-height: 35px;
  height: 35px;
  background-color: var(--whiteColor);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: -50px
}

.testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.testimonials-slides.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible
}

.intro-video-area {
  position: relative;
  z-index: 1
}

.intro-video-area.bg-color {
  background-color: var(--secondaryColor)
}

.intro-video-area.bg-color .section-title .sub-title {
  color: var(--mainColor)
}

.intro-video-area.bg-color .section-title h2 {
  color: var(--whiteColor)
}

.intro-video-area.bg-color::before {
  content: '';
  position: absolute;
  left: 0;
  height: 150px;
  bottom: -1px;
  right: 0;
  z-index: -1;
  background-color: var(--whiteColor)
}

.intro-video-area.bg-color::after {
  left: 0;
  right: 0;
  content: '';
  z-index: -1;
  height: 166px;
  bottom: 130px;
  position: absolute;
  background-image: url(/theme/image.php/elan/theme/1623852687/img/shape/bg-shape1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.intro-video-area.bg-main-color {
  background-color: var(--secondaryColor)
}

.intro-video-area.bg-main-color .section-title .sub-title {
  color: var(--mainColor)
}

.intro-video-area.bg-main-color .section-title h2 {
  color: var(--whiteColor)
}

.intro-video-area.bg-main-color::before {
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: -1;
  content: '';
  height: 100%;
  position: absolute;
  background-color: var(--whiteColor);
  -webkit-clip-path: polygon(0 85%,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 85%,100% 0,100% 100%,0 100%)
}

.video-box {
  text-align: center;
  border-radius: 20px;
  max-width: 1000px;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto
}

.video-box img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 20px
}

.video-box .video-btn {
  display: inline-block;
  width: 100px;
  height: 100px;
  font-size: 60px;
  text-align: center;
  line-height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  background-color: var(--mainColor);
  border-radius: 50%;
  color: var(--whiteColor)
}

.video-box .video-btn::after,.video-box .video-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid var(--mainColor)
}

.video-box .video-btn::before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite
}

.video-box .video-btn::after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite
}

.video-box .video-btn:hover {
  background-color: var(--whiteColor);
  color: var(--mainColor)
}

.video-box .video-btn.white-btn {
  color: var(--mainColor);
  background-color: var(--whiteColor)
}

.video-box .video-btn.white-btn::after,.video-box .video-btn.white-btn::before {
  border-color: var(--whiteColor)
}

.video-box .video-btn.white-btn:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.video-box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

@-webkit-keyframes ripple {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  75% {
      -webkit-transform: scale(1.75);
      transform: scale(1.75);
      opacity: 1
  }

  100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0
  }
}

@keyframes ripple {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  75% {
      -webkit-transform: scale(1.75);
      transform: scale(1.75);
      opacity: 1
  }

  100% {
      -webkit-transform: scale(2);
      transform: scale(2);
      opacity: 0
  }
}

.shape1 {
  position: absolute;
  right: 20%;
  top: -8%;
  z-index: -1
}

.shape2 {
  position: absolute;
  left: 0;
  bottom: 0
}

.divider {
  width: 100%;
  position: absolute;
  height: 200px;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;utf8,%3csvg viewBox='0 0 100 100' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cpath d='M0,0 C16.6666667,66 33.3333333,98 50,98 C66.6666667,98 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z' fill='%23fff'/%3e%3c/svg%3e");
  -webkit-mask-size: 100% 101%;
  mask-size: 100% 101%;
  background: var(--secondaryColor);
  bottom: 0;
  left: 0;
  z-index: -2
}

.get-instant-content .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.get-instant-content h2 {
  margin-bottom: 15px;
  font-size: 34px;
  line-height: 1.4
}

.get-instant-content p {
  max-width: 555px
}

.get-instant-content .default-btn {
  margin-top: 10px
}

.get-instant-image {
  text-align: center;
  border-radius: 20px
}

.get-instant-image img {
  border-radius: 20px
}

.partner-area {
  position: relative;
  z-index: 1
}

.partner-area.bg-color {
  background-color: var(--secondaryColor)
}

.partner-area.bg-color .section-title .sub-title {
  color: var(--mainColor)
}

.partner-area.bg-color .section-title h2 {
  color: var(--whiteColor)
}

.partner-title.section-title {
  margin-bottom: 0;
  text-align: left;
  max-width: 100%
}

.partner-item-list {
  margin-bottom: -30px;
  padding-left: 15px
}

.partner-item-list .partner-item {
  background-color: var(--whiteColor)
}

.partner-item {
  text-align: center;
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #F9F9F9
}

.partner-item a {
  overflow: hidden;
  padding: 30px 20px
}

.partner-item img {
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.partner-item:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.categories-area {
  position: relative;
  z-index: 1
}

.categories-area.minus-top {
  top: -85px;
  margin-bottom: -85px
}

.single-categories-box {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: #f9f9f9;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 5px;
  padding: 40px 20px;
  position: relative
}

.single-categories-box .icon {
  font-size: unset;
  width: unset;
  height: unset;
  margin: unset;
  padding: unset;
  -webkit-box-sizing: unset;
  box-sizing: unset;
  margin-right: unset;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 20px
}

.single-categories-box .icon img {
  display: inline-block!important;
  height: 55px;
  width: 55px
}

.single-categories-box h3 {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 8px;
  font-size: 22px
}

.single-categories-box span {
  display: block;
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-categories-box .content {
  left: 0;
  right: 0;
  top: 50%;
  opacity: 0;
  position: absolute;
  padding: 40px 20px;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-categories-box .content h3 {
  visibility: visible!important;
  color: var(--whiteColor);
  opacity: 1!important
}

.single-categories-box .content h3 a {
  color: var(--whiteColor)
}

.single-categories-box .content h3 a:hover {
  color: var(--mainColor)
}

.single-categories-box .content span {
  color: var(--whiteColor);
  opacity: 1!important;
  visibility: visible!important
}

.single-categories-box .content .link-btn {
  width: 40px;
  height: 40px;
  font-size: 25px;
  margin-top: 15px;
  line-height: 40px;
  border-radius: 5px;
  display: inline-block;
  color: var(--whiteColor);
  background-color: var(--mainColor)
}

.single-categories-box .content .link-btn:hover {
  background-color: var(--whiteColor);
  color: var(--mainColor)
}

.single-categories-box.color-white {
  background: #1A212C;
  color: var(--whiteColor)
}

.single-categories-box.color-white h3 {
  color: var(--whiteColor)
}

.single-categories-box.color-white span {
  color: var(--whiteColor)
}

.single-categories-box:hover {
  background-color: var(--secondaryColor)
}

.single-categories-box:hover .icon,.single-categories-box:hover h3,.single-categories-box:hover span {
  opacity: 0;
  visibility: hidden
}

.single-categories-box:hover .content {
  opacity: 1;
  visibility: visible
}

.categories-slides.owl-theme .single-categories-box {
  margin-bottom: 0
}

.categories-slides.owl-theme .owl-nav {
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.categories-slides.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: -50px;
  margin: 0;
  padding: 0;
  width: 35px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 25px;
  color: var(--blackColor);
  border-radius: 50%;
  line-height: 33px;
  height: 35px;
  background-color: var(--whiteColor);
  border: 1px solid #eee;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.categories-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: -50px
}

.categories-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
  color: var(--whiteColor)
}

.categories-slides.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible
}

.single-blog-post-2 {
  margin-bottom: 30px
}

.single-blog-post-2 .image {
  position: relative;
  padding-right: 60px;
  border-radius: 15px
}

.single-blog-post-2 .image img {
  border-radius: 15px
}

.single-blog-post-2 .image .date {
  position: absolute;
  padding-left: 60px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  color: var(--optionalColor);
  top: -10px;
  right: -35%;
  font-family: var(--headingFontFamily)
}

.single-blog-post-2 .image .date::before {
  position: absolute;
  left: 0;
  width: 50px;
  height: 1px;
  content: '';
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--optionalColor)
}

.single-blog-post-2 .content {
  margin-top: 25px;
  padding-right: 55px
}

.single-blog-post-2 .content h3 {
  font-size: 22px;
  margin-bottom: 12px
}

.single-blog-post-2 .content .link-btn {
  display: inline-block;
  padding-right: 20px;
  margin-top: 5px;
  position: relative;
  color: var(--mainColor);
  font-family: var(--headingFontFamily);
  font-weight: 500
}

.single-blog-post-2 .content .link-btn i {
  position: absolute;
  right: 0;
  font-size: 18px;
  top: -1px
}

.single-blog-post-2 .content .link-btn::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 0;
  height: 1px;
  background-color: var(--secondaryColor)
}

.single-blog-post-2 .content .link-btn:hover {
  color: var(--secondaryColor)
}

.single-blog-post-2 .content .link-btn:hover::before {
  width: 100%;
  right: auto;
  left: 0
}

.single-blog-post {
  margin-bottom: 30px;
  background: #f3f3f3;
  padding: 35px 0
}

.single-blog-post .attachedimages {
  position: relative;
  padding-right: 60px;
  border-radius: 15px;
  text-align: center
}

.single-blog-post .attachedimages img {
  border-radius: 15px
}

.single-blog-post .attachedimages .date {
  position: absolute;
  padding-left: 60px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  color: var(--optionalColor);
  top: -10px;
  right: -35%;
  font-family: var(--headingFontFamily)
}

.single-blog-post .attachedimages .date::before {
  position: absolute;
  left: 0;
  width: 50px;
  height: 1px;
  content: '';
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--optionalColor)
}

.single-blog-post .content {
  margin-top: 25px;
  padding-right: 55px;
  text-align: center
}

.single-blog-post .content .post-info {
  display: inline-block
}

.single-blog-post .content .author {
  display: inline-block
}

.single-blog-post .content .author a {
  color: var(--mainColor)
}

.single-blog-post .content i {
  display: inline-block
}

.single-blog-post .content h3 {
  font-size: 22px;
  margin-bottom: 12px
}

.single-blog-post .content .link-btn {
  display: inline-block;
  padding-right: 20px;
  margin-top: 5px;
  position: relative;
  color: var(--mainColor);
  font-family: var(--headingFontFamily);
  font-weight: 500
}

.single-blog-post .content .link-btn i {
  position: absolute;
  right: 0;
  font-size: 18px;
  top: -1px
}

.single-blog-post .content .link-btn::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 0;
  height: 1px;
  background-color: var(--secondaryColor)
}

.single-blog-post .content .link-btn:hover {
  color: var(--secondaryColor)
}

.single-blog-post .content .link-btn:hover::before {
  width: 100%;
  right: auto;
  left: 0
}

.single-blog-item {
  margin-bottom: 30px;
  border-radius: 5px
}

.single-blog-item .image {
  overflow: hidden;
  position: relative;
  border-radius: 5px 5px 0 0
}

.single-blog-item .image img {
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-blog-item .image .tag-list {
  position: absolute;
  left: 15px;
  top: 15px
}

.single-blog-item .image .tag-list b {
  display: none
}

.single-blog-item .image .tag-list a {
  display: inline-block;
  background-color: #1dc295;
  margin-right: 5px;
  border-radius: 5px;
  color: var(--whiteColor);
  padding: 3px 10px;
  font-family: var(--headingFontFamily);
  font-weight: 500;
  font-size: 14px
}

.single-blog-item .image .tag-list a:last-child {
  margin-right: 0
}

.single-blog-item .image .tag-list a:nth-child(2) {
  background-color: #E73F4C
}

.single-blog-item .image .tag-list a:nth-child(3) {
  background-color: #14c6eb
}

.single-blog-item .image .tag-list a:nth-child(4) {
  background-color: #ffa100
}

.single-blog-item .image .tag-list a:nth-child(5) {
  background-color: #0080ff
}

.single-blog-item .content {
  padding: 30px;
  border-radius: 0 0 5px 5px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee
}

.single-blog-item .content .meta {
  padding-left: 0;
  margin-bottom: 17px;
  list-style-type: none
}

.single-blog-item .content .meta li {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  color: var(--optionalColor);
  padding-left: 25px
}

.single-blog-item .content .meta li i {
  position: absolute;
  left: 0;
  font-size: 16px;
  top: 0;
  color: var(--mainColor)
}

.single-blog-item .content .meta li a {
  color: var(--optionalColor)
}

.single-blog-item .content .meta li a:hover {
  color: var(--mainColor)
}

.single-blog-item .content .meta li:last-child {
  margin-right: 0
}

.single-blog-item .content h3 {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 12px
}

.single-blog-item .content .link-btn {
  display: inline-block;
  padding-right: 20px;
  margin-top: 5px;
  position: relative;
  color: var(--mainColor);
  font-family: var(--headingFontFamily);
  font-weight: 500
}

.single-blog-item .content .link-btn i {
  position: absolute;
  right: 0;
  font-size: 18px;
  top: -1px
}

.single-blog-item .content .link-btn::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 0;
  height: 1px;
  background-color: var(--secondaryColor)
}

.single-blog-item .content .link-btn:hover {
  color: var(--secondaryColor)
}

.single-blog-item .content .link-btn:hover::before {
  width: 100%;
  right: auto;
  left: 0
}

.single-blog-item:hover .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.blog-details-desc .article-content {
  margin-top: 30px
}

.blog-details-desc .article-content .entry-meta {
  margin-bottom: 15px
}

.blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.blog-details-desc .article-content .entry-meta ul li {
  color: var(--blackColor);
  display: inline-block;
  margin-right: 20px;
  position: relative;
  padding-left: 22px;
  font-weight: 500
}

.blog-details-desc .article-content .entry-meta ul li i {
  top: 0;
  left: 0;
  position: absolute;
  color: var(--mainColor)
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
  margin-right: 0
}

.blog-details-desc .article-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: 20px
}

.blog-details-desc .article-content p a {
  color: var(--mainColor)
}

.blog-details-desc .article-content p a:hover {
  text-decoration: underline
}

.blog-details-desc .article-content p strong {
  color: var(--blackColor)
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0
}

.blog-details-desc .article-content .features-list {
  margin-top: 25px;
  margin-bottom: 30px
}

.blog-details-desc .article-content .features-list li {
  color: var(--optionalColor);
  margin-bottom: 15px
}

.blog-details-desc .article-content .features-list li:last-child {
  margin-bottom: 0
}

.blog-details-desc .article-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee
}

.blog-details-desc .article-footer .article-tags {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.blog-details-desc .article-footer .article-tags a {
  padding: 6px 20px;
  margin-right: 8px;
  border-radius: 30px;
  display: inline-block;
  color: var(--blackColor);
  background-color: #f9f9f9;
  font-size: var(--fontSize);
  font-weight: 600
}

.blog-details-desc .article-footer .article-tags a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.blog-details-desc .article-footer .article-tags a:last-child {
  margin-right: 0
}

.blog-details-desc .article-footer .article-share {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.blog-details-desc .article-footer .article-share .social {
  padding-left: 0;
  margin-bottom: 0;
  text-align: right;
  list-style-type: none
}

.blog-details-desc .article-footer .article-share .social li {
  display: inline-block
}

.blog-details-desc .article-footer .article-share .social li span {
  display: inline-block;
  margin-right: 3px;
  font-weight: 600;
  position: relative;
  top: -3px
}

.blog-details-desc .article-footer .article-share .social li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 33px;
  border-radius: 50%;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  border: 1px solid var(--mainColor);
  text-align: center;
  font-size: 17px;
  margin-left: 2px
}

.blog-details-desc .article-footer .article-share .social li a:hover,.blog-details-desc .article-footer .article-share .social li a:focus {
  color: var(--mainColor);
  background-color: transparent
}

.blog-details-desc .article-footer .article-share .social li a.facebook {
  background-color: #3b5998;
  border-color: #3b5998;
  color: var(--whiteColor)
}

.blog-details-desc .article-footer .article-share .social li a.facebook:hover,.blog-details-desc .article-footer .article-share .social li a.facebook:focus {
  color: #3b5998;
  background-color: transparent
}

.blog-details-desc .article-footer .article-share .social li a.twitter {
  background-color: #1da1f2;
  border-color: #1da1f2;
  color: var(--whiteColor)
}

.blog-details-desc .article-footer .article-share .social li a.twitter:hover,.blog-details-desc .article-footer .article-share .social li a.twitter:focus {
  color: #1da1f2;
  background-color: transparent
}

.blog-details-desc .article-footer .article-share .social li a.linkedin {
  background-color: #007bb5;
  border-color: #007bb5;
  color: var(--whiteColor)
}

.blog-details-desc .article-footer .article-share .social li a.linkedin:hover,.blog-details-desc .article-footer .article-share .social li a.linkedin:focus {
  color: #007bb5;
  background-color: transparent
}

.blog-details-desc .article-footer .article-share .social li a.instagram {
  background-color: #c13584;
  border-color: #c13584;
  color: var(--whiteColor)
}

.blog-details-desc .article-footer .article-share .social li a.instagram:hover,.blog-details-desc .article-footer .article-share .social li a.instagram:focus {
  color: #c13584;
  background-color: transparent
}

blockquote,.blockquote {
  z-index: 1;
  overflow: hidden;
  position: relative;
  background-color: #fafafa;
  padding: 40px 50px!important;
  margin-bottom: 20px;
  margin-top: 20px
}

blockquote p,.blockquote p {
  line-height: 1.7;
  margin-bottom: 0;
  color: var(--blackColor);
  font-weight: 600;
  font-style: italic;
  font-size: 20px!important
}

blockquote cite,.blockquote cite {
  display: none
}

blockquote::after,.blockquote::after {
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  content: '';
  position: absolute;
  background-color: var(--mainColor);
  margin-top: 20px;
  margin-bottom: 20px
}

.comments-area {
  margin-top: 35px
}

.comments-area .comments-title {
  font-size: 22px;
  margin-bottom: 25px;
  line-height: initial
}

.comments-area ol,.comments-area ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.comments-area .comment-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.comments-area .children {
  margin-left: 20px
}

.comments-area .comment-body {
  border-bottom: 1px dashed #eee;
  color: var(--blackColor);
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-left: 72px
}

.comments-area .comment-body .reply {
  margin-top: 15px
}

.comments-area .comment-body .reply a {
  border: 1px dashed #ded9d9;
  color: var(--blackColor);
  display: inline-block;
  border-radius: 30px;
  padding: 5px 20px;
  font-size: 13px;
  font-weight: 600
}

.comments-area .comment-body .reply a:hover {
  color: var(--whiteColor);
  border-color: var(--mainColor);
  background-color: var(--mainColor)
}

.comments-area .comment-author {
  z-index: 2;
  margin-bottom: 6px;
  position: relative;
  font-size: 17px;
  font-family: var(--headingFontFamily)
}

.comments-area .comment-author .avatar {
  top: 4px;
  left: -67px;
  width: 50px;
  height: 50px;
  position: absolute
}

.comments-area .comment-author .says {
  display: none
}

.comments-area .comment-metadata {
  margin-bottom: .7em;
  letter-spacing: .01em;
  color: var(--optionalColor);
  font-size: 14px;
  font-weight: 500
}

.comments-area .comment-respond {
  margin-top: 30px
}

.comments-area .comment-respond .comment-reply-title {
  margin-bottom: 0;
  font-size: 22px
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  display: inline-block
}

.comments-area .comment-respond .comment-form {
  overflow: hidden
}

.comments-area .comment-respond .comment-notes {
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 10px
}

.comments-area .comment-respond .comment-notes .required {
  color: red
}

.comments-area .comment-respond .comment-form-comment {
  float: left;
  width: 100%
}

.comments-area .comment-respond label {
  display: none
}

.comments-area .comment-respond input[type="date"],.comments-area .comment-respond input[type="time"],.comments-area .comment-respond input[type="datetime-local"],.comments-area .comment-respond input[type="week"],.comments-area .comment-respond input[type="month"],.comments-area .comment-respond input[type="text"],.comments-area .comment-respond input[type="email"],.comments-area .comment-respond input[type="url"],.comments-area .comment-respond input[type="password"],.comments-area .comment-respond input[type="search"],.comments-area .comment-respond input[type="tel"],.comments-area .comment-respond input[type="number"],.comments-area .comment-respond textarea {
  outline: 0;
  width: 100%;
  border: none;
  height: 50px;
  display: block;
  border-radius: 3px;
  padding: 0 0 0 15px;
  color: var(--blackColor);
  font-size: var(--fontSize);
  background-color: #f9f9f9
}

.comments-area .comment-respond input[type="date"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="time"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="datetime-local"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="week"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="month"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="text"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="email"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="url"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="password"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="search"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="tel"]::-webkit-input-placeholder,.comments-area .comment-respond input[type="number"]::-webkit-input-placeholder,.comments-area .comment-respond textarea::-webkit-input-placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.comments-area .comment-respond input[type="date"]:-ms-input-placeholder,.comments-area .comment-respond input[type="time"]:-ms-input-placeholder,.comments-area .comment-respond input[type="datetime-local"]:-ms-input-placeholder,.comments-area .comment-respond input[type="week"]:-ms-input-placeholder,.comments-area .comment-respond input[type="month"]:-ms-input-placeholder,.comments-area .comment-respond input[type="text"]:-ms-input-placeholder,.comments-area .comment-respond input[type="email"]:-ms-input-placeholder,.comments-area .comment-respond input[type="url"]:-ms-input-placeholder,.comments-area .comment-respond input[type="password"]:-ms-input-placeholder,.comments-area .comment-respond input[type="search"]:-ms-input-placeholder,.comments-area .comment-respond input[type="tel"]:-ms-input-placeholder,.comments-area .comment-respond input[type="number"]:-ms-input-placeholder,.comments-area .comment-respond textarea:-ms-input-placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.comments-area .comment-respond input[type="date"]::-ms-input-placeholder,.comments-area .comment-respond input[type="time"]::-ms-input-placeholder,.comments-area .comment-respond input[type="datetime-local"]::-ms-input-placeholder,.comments-area .comment-respond input[type="week"]::-ms-input-placeholder,.comments-area .comment-respond input[type="month"]::-ms-input-placeholder,.comments-area .comment-respond input[type="text"]::-ms-input-placeholder,.comments-area .comment-respond input[type="email"]::-ms-input-placeholder,.comments-area .comment-respond input[type="url"]::-ms-input-placeholder,.comments-area .comment-respond input[type="password"]::-ms-input-placeholder,.comments-area .comment-respond input[type="search"]::-ms-input-placeholder,.comments-area .comment-respond input[type="tel"]::-ms-input-placeholder,.comments-area .comment-respond input[type="number"]::-ms-input-placeholder,.comments-area .comment-respond textarea::-ms-input-placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.comments-area .comment-respond input[type="date"]::placeholder,.comments-area .comment-respond input[type="time"]::placeholder,.comments-area .comment-respond input[type="datetime-local"]::placeholder,.comments-area .comment-respond input[type="week"]::placeholder,.comments-area .comment-respond input[type="month"]::placeholder,.comments-area .comment-respond input[type="text"]::placeholder,.comments-area .comment-respond input[type="email"]::placeholder,.comments-area .comment-respond input[type="url"]::placeholder,.comments-area .comment-respond input[type="password"]::placeholder,.comments-area .comment-respond input[type="search"]::placeholder,.comments-area .comment-respond input[type="tel"]::placeholder,.comments-area .comment-respond input[type="number"]::placeholder,.comments-area .comment-respond textarea::placeholder {
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.comments-area .comment-respond input[type="date"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="time"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="datetime-local"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="week"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="month"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="text"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="email"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="url"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="password"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="search"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="tel"]:focus::-webkit-input-placeholder,.comments-area .comment-respond input[type="number"]:focus::-webkit-input-placeholder,.comments-area .comment-respond textarea:focus::-webkit-input-placeholder {
  color: transparent
}

.comments-area .comment-respond input[type="date"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="time"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="datetime-local"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="week"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="month"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="text"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="email"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="url"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="password"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="search"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="tel"]:focus:-ms-input-placeholder,.comments-area .comment-respond input[type="number"]:focus:-ms-input-placeholder,.comments-area .comment-respond textarea:focus:-ms-input-placeholder {
  color: transparent
}

.comments-area .comment-respond input[type="date"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="time"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="datetime-local"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="week"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="month"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="text"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="email"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="url"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="password"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="search"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="tel"]:focus::-ms-input-placeholder,.comments-area .comment-respond input[type="number"]:focus::-ms-input-placeholder,.comments-area .comment-respond textarea:focus::-ms-input-placeholder {
  color: transparent
}

.comments-area .comment-respond input[type="date"]:focus::placeholder,.comments-area .comment-respond input[type="time"]:focus::placeholder,.comments-area .comment-respond input[type="datetime-local"]:focus::placeholder,.comments-area .comment-respond input[type="week"]:focus::placeholder,.comments-area .comment-respond input[type="month"]:focus::placeholder,.comments-area .comment-respond input[type="text"]:focus::placeholder,.comments-area .comment-respond input[type="email"]:focus::placeholder,.comments-area .comment-respond input[type="url"]:focus::placeholder,.comments-area .comment-respond input[type="password"]:focus::placeholder,.comments-area .comment-respond input[type="search"]:focus::placeholder,.comments-area .comment-respond input[type="tel"]:focus::placeholder,.comments-area .comment-respond input[type="number"]:focus::placeholder,.comments-area .comment-respond textarea:focus::placeholder {
  color: transparent
}

.comments-area .comment-respond textarea {
  height: auto!important;
  padding-top: 15px
}

.comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-email {
  width: 50%;
  float: left;
  padding-left: 12px;
  margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 15px
}

.comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  top: 6.5px;
  left: 0
}

.comments-area .comment-respond .comment-form-cookies-consent label {
  margin: 0;
  display: inline-block;
  color: var(--optionalColor);
  font-weight: 400;
  font-size: var(--fontSize)
}

.comments-area .comment-respond .form-submit {
  float: left;
  width: 100%
}

.comments-area .comment-respond .form-submit input {
  border: none;
  cursor: pointer;
  padding: 10px 30px;
  display: inline-block;
  color: var(--whiteColor);
  background: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-weight: 700;
  font-size: var(--fontSize);
  font-family: var(--headingFontFamily)
}

.comments-area .comment-respond .form-submit input:hover,.comments-area .comment-respond .form-submit input:focus {
  color: var(--whiteColor);
  background-color: var(--blackColor)
}

.elan-post-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.prev-link-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px
}

.prev-link-wrapper a {
  padding: 30px;
  display: block;
  border-radius: 5px;
  background-color: #f9f9f9
}

.prev-link-wrapper .prev-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.prev-link-wrapper .post-nav-title {
  display: block;
  margin-top: 10px;
  position: relative;
  padding-left: 18px;
  color: var(--optionalColor);
  font-weight: 500;
  font-size: var(--fontSize)
}

.prev-link-wrapper .post-nav-title i {
  color: var(--blackColor);
  position: absolute;
  font-size: 22px;
  line-height: 1;
  left: -3px;
  top: 1.5px
}

.next-link-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  text-align: end;
  padding-left: 15px
}

.next-link-wrapper a {
  padding: 30px;
  display: block;
  border-radius: 5px;
  background-color: #f9f9f9
}

.next-link-wrapper .next-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.next-link-wrapper .next-nav-title {
  display: block;
  margin-top: 10px;
  position: relative;
  padding-right: 18px;
  color: var(--optionalColor);
  font-weight: 500;
  font-size: var(--fontSize)
}

.next-link-wrapper .next-nav-title i {
  color: var(--blackColor);
  position: absolute;
  font-size: 22px;
  line-height: 1;
  right: -3px;
  top: 1.5px
}

.get-started-area {
  position: relative;
  z-index: 1
}

.get-started-content {
  text-align: center
}

.get-started-content .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.get-started-content h2 {
  margin-bottom: 15px;
  font-size: 34px;
  line-height: 1.4
}

.get-started-content .default-btn {
  margin-top: 10px
}

.get-started-content.color-white .sub-title {
  color: var(--mainColor)
}

.get-started-content.color-white h2 {
  color: var(--whiteColor)
}

.get-started-content.color-white p {
  color: var(--whiteColor);
  opacity: .90
}

.get-started-shape1 {
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
  position: absolute;
  left: 7.5%;
  z-index: -1;
  bottom: 30px;
  max-width: 260px
}

.get-started-shape2 {
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
  position: absolute;
  right: 7.5%;
  z-index: -1;
  bottom: 50px;
  max-width: 295px
}

.get-started-shape3 {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  opacity: .70;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.unlimited-access-area .unlimited-access-content {
  margin-top: 0
}

.unlimited-access-content {
  margin-top: 100px;
  padding: 80px 60px;
  border-radius: 15px;
  background-color: #545BBE
}

.unlimited-access-content .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--mainColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.unlimited-access-content h2 {
  color: var(--whiteColor);
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 34px
}

.unlimited-access-content .default-btn:hover {
  color: var(--mainColor);
  background-color: var(--whiteColor)
}

.subscribe-area {
  position: relative;
  z-index: 1
}

.subscribe-content {
  text-align: center
}

.subscribe-content .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.subscribe-content h2 {
  margin-bottom: 12px;
  line-height: 1.4;
  font-size: 34px
}

.subscribe-content p {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto
}

.subscribe-content .newsletter-form {
  margin-top: 35px;
  position: relative
}

.subscribe-content .newsletter-form .input-newsletter {
  width: 100%;
  height: 55px;
  display: block;
  border-radius: 5px;
  padding-left: 20px;
  color: var(--blackColor);
  border: 1px solid #ffdccc;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.subscribe-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.subscribe-content .newsletter-form .input-newsletter:-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.subscribe-content .newsletter-form .input-newsletter::-ms-input-placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.subscribe-content .newsletter-form .input-newsletter::placeholder {
  color: #999;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.subscribe-content .newsletter-form .input-newsletter:focus {
  border-color: var(--mainColor)
}

.subscribe-content .newsletter-form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent
}

.subscribe-content .newsletter-form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent
}

.subscribe-content .newsletter-form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent
}

.subscribe-content .newsletter-form .input-newsletter:focus::placeholder {
  color: transparent
}

.subscribe-content .newsletter-form .default-btn {
  position: absolute;
  right: 0;
  height: 55px;
  top: 0;
  border-radius: 0 5px 5px 0
}

.subscribe-content .newsletter-form #validator-newsletter {
  position: absolute;
  bottom: -32px;
  right: 0;
  left: 0
}

.subscribe-content .newsletter-form #validator-newsletter.validation-danger {
  color: red
}

.subscribe-content.color-white .sub-title {
  color: var(--whiteColor)
}

.subscribe-content.color-white h2 {
  color: var(--whiteColor)
}

.subscribe-content.color-white p {
  color: var(--whiteColor);
  opacity: .85
}

.subscribe-shape1 {
  -webkit-animation: moveleftbounce 5s linear infinite;
  animation: moveleftbounce 5s linear infinite;
  position: absolute;
  left: 7.5%;
  z-index: -1;
  bottom: -1px;
  max-width: 350px
}

.subscribe-shape2 {
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
  position: absolute;
  right: 7.5%;
  z-index: -1;
  bottom: 35px;
  max-width: 275px
}

.timeline {
  overflow: hidden;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
  list-style-type: none
}

.timeline li:nth-child(even) {
  margin-bottom: 50px;
  position: relative;
  height: 180px
}

.timeline li:nth-child(even) .line:before {
  content: "";
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 625px;
  width: 4px;
  height: 270px;
  background-color: var(--mainColor);
  -webkit-transform: rotate(44deg);
  transform: rotate(25deg)
}

.timeline li:nth-child(odd) {
  position: relative;
  margin-bottom: 50px;
  height: 180px
}

.timeline li:nth-child(odd) .line:before {
  content: "";
  top: 60px;
  bottom: 0;
  left: 625px;
  width: 4px;
  height: 270px;
  position: absolute;
  background-color: var(--mainColor);
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg)
}

.timeline li .timeline-panel {
  width: 41%;
  float: left;
  text-align: right;
  position: relative;
  padding: 0 20px 20px 30px
}

.timeline li .timeline-image {
  left: 50%;
  z-index: 100;
  width: 180px;
  height: 180px;
  position: absolute;
  border-radius: 50%;
  margin-left: -100px;
  border: 5px solid var(--secondaryColor)
}

.timeline li .timeline-image img {
  border-radius: 50%
}

.timeline li .timeline-heading span {
  display: block;
  font-weight: 600;
  margin-bottom: 13px;
  color: var(--mainColor)
}

.timeline li .timeline-heading h3 {
  font-size: 22px;
  margin-bottom: 15px
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
  padding: 0 30px 20px 20px;
  text-align: left
}

.timeline li.timeline-inverted .timeline-panel::before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0
}

.timeline li.timeline-inverted .timeline-panel::after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0
}

.timeline li:last-child {
  margin-bottom: 0
}

.timeline li:last-child .line {
  display: none
}

.single-products-box {
  text-align: center;
  margin-bottom: 30px
}

.single-products-box .image {
  position: relative;
  overflow: hidden
}

.single-products-box .image img {
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.single-products-box .image .buttons-list {
  left: 0;
  right: 0;
  z-index: 1;
  bottom: 20px;
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  text-align: center;
  list-style-type: none
}

.single-products-box .image .buttons-list li {
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  margin-left: 3px;
  margin-right: 3px
}

.single-products-box .image .buttons-list li a {
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 39.5px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  color: var(--blackColor);
  border: 1px solid #eee;
  background-color: var(--whiteColor)
}

.single-products-box .image .buttons-list li a .tooltip-label {
  right: 50%;
  opacity: 0;
  top: -15px;
  font-size: 13px;
  padding: 0 10px;
  line-height: 28px;
  visibility: hidden;
  color: transparent;
  position: absolute;
  white-space: nowrap;
  letter-spacing: .3px;
  color: var(--whiteColor);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  background-color: transparent;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: var(--blackColor)
}

.single-products-box .image .buttons-list li a .tooltip-label::before {
  left: 50%;
  bottom: -15px;
  content: "\EA4D";
  position: absolute;
  color: var(--blackColor);
  -webkit-transform: translateX(-50%) rotate(0deg);
  transform: translateX(-50%) rotate(0deg);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-family: remixicon;
  font-size: 20px
}

.single-products-box .image .buttons-list li a:hover {
  background-color: var(--blackColor);
  border-color: var(--blackColor);
  color: var(--whiteColor)
}

.single-products-box .image .buttons-list li a:hover .tooltip-label {
  visibility: visible;
  opacity: 1;
  top: -40px
}

.single-products-box .image .buttons-list li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s
}

.single-products-box .image .buttons-list li:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s
}

.single-products-box .image .buttons-list li:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.single-products-box .image .onsale {
  position: absolute;
  z-index: 2;
  left: 20px;
  top: 20px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  pointer-events: none;
  padding: 0 9px;
  border-radius: 5px;
  color: var(--whiteColor);
  background-color: var(--mainColor)
}

.single-products-box .image .new {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 20px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  pointer-events: none;
  padding: 0 9px;
  border-radius: 5px;
  color: var(--whiteColor);
  background-color: green
}

.single-products-box .content {
  margin-top: 25px
}

.single-products-box .content .rating {
  margin-bottom: 10px
}

.single-products-box .content .rating i {
  color: #fec900;
  font-size: 18px;
  line-height: 1
}

.single-products-box .content h3 {
  margin-bottom: 15px;
  font-size: 22px
}

.single-products-box .content .price span {
  color: var(--blackColor);
  font-size: 16px;
  font-weight: 700
}

.single-products-box .content .price span.old-price {
  color: var(--optionalColor);
  text-decoration: line-through
}

.single-products-box:hover .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.single-products-box:hover .image .buttons-list li {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1
}

.elan-grid-sorting {
  margin-bottom: 40px
}

.elan-grid-sorting .result-count p .count {
  font-weight: 700;
  color: var(--blackColor)
}

.elan-grid-sorting .ordering {
  text-align: end
}

.elan-grid-sorting .ordering label {
  display: inline-block;
  color: var(--optionalColor);
  margin-bottom: 0;
  margin-right: 5px
}

.elan-grid-sorting .ordering .form-select {
  width: 215px;
  height: 45px;
  cursor: pointer;
  line-height: 42px;
  display: inline-block;
  border-color: #eee;
  color: var(--blackColor);
  -webkit-box-shadow: unset!important;
  box-shadow: unset!important;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-top: 1px;
  padding-left: 12px;
  font-size: var(--fontSize);
  font-weight: 600
}

.cart-table-desc table {
  margin-bottom: 0
}

.cart-table-desc table thead tr th {
  border: none;
  padding: 13px 20px;
  vertical-align: middle;
  color: var(--blackColor);
  background-color: #f9f9f9;
  font-family: var(--headingFontFamily);
  font-weight: 600;
  font-size: 18px
}

.cart-table-desc table tbody tr td {
  color: var(--optionalColor);
  vertical-align: middle;
  font-size: var(--fontSize);
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-left: none;
  border-right: none;
  border-color: #ebebeb
}

.cart-table-desc table tbody tr td.product-thumbnail a {
  display: inline-block
}

.cart-table-desc table tbody tr td.product-thumbnail a img {
  width: 80px
}

.cart-table-desc table tbody tr td.product-name a {
  display: inline-block;
  color: var(--optionalColor)
}

.cart-table-desc table tbody tr td.product-name a:hover {
  color: var(--mainColor)
}

.cart-table-desc table tbody tr td.product-subtotal .remove {
  top: 2px;
  color: red;
  line-height: 1;
  font-size: 20px;
  margin-left: 40px;
  position: relative;
  font-weight: 400
}

.cart-table-desc table tbody tr td.product-quantity .input-counter {
  max-width: 120px;
  min-width: 120px;
  text-align: center;
  position: relative;
  display: inline-block
}

.cart-table-desc table tbody tr td.product-quantity .input-counter span {
  top: 0;
  width: 35px;
  height: 100%;
  font-size: 18px;
  line-height: 37px;
  position: absolute;
  cursor: pointer;
  color: var(--blackColor);
  border: 1px solid #eee;
  background-color: transparent;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.cart-table-desc table tbody tr td.product-quantity .input-counter span i {
  position: relative;
  top: 1px
}

.cart-table-desc table tbody tr td.product-quantity .input-counter span.minus-btn {
  left: 0
}

.cart-table-desc table tbody tr td.product-quantity .input-counter span.plus-btn {
  right: 0
}

.cart-table-desc table tbody tr td.product-quantity .input-counter span:hover {
  color: var(--mainColor)
}

.cart-table-desc table tbody tr td.product-quantity .input-counter input {
  height: 40px;
  outline: 0;
  width: 100%;
  display: block;
  text-align: center;
  color: var(--blackColor);
  border: 1px solid #eee;
  background-color: transparent;
  font-size: 17px;
  font-weight: 600
}

.cart-table-desc table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
  color: var(--blackColor)
}

.cart-table-desc table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
  color: var(--blackColor)
}

.cart-table-desc table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
  color: var(--blackColor)
}

.cart-table-desc table tbody tr td.product-quantity .input-counter input::placeholder {
  color: var(--blackColor)
}

.cart-table-desc table tbody tr td.product-subtotal {
  overflow: hidden
}

.cart-table-desc table tbody tr:last-child td {
  border-bottom: none
}

.cart-buttons-desc .shopping-coupon-code {
  position: relative
}

.cart-buttons-desc .shopping-coupon-code .form-control {
  height: 47px
}

.cart-buttons-desc .shopping-coupon-code button {
  top: 0;
  right: 0;
  height: 47px;
  border: none;
  padding: 0 25px;
  position: absolute;
  color: var(--whiteColor);
  border-radius: 0 5px 5px 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--blackColor);
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 700
}

.cart-buttons-desc .shopping-coupon-code button:hover {
  background-color: var(--mainColor)
}

.cart-totals-desc {
  padding: 30px;
  background-color: #fafafa
}

.cart-totals-desc h3 {
  padding: 16px 20px;
  margin-bottom: 30px;
  color: var(--whiteColor);
  background-color: var(--blackColor);
  font-weight: 600;
  font-size: 18px;
  margin-top: -30px;
  margin-left: -30px;
  margin-right: -30px
}

.cart-totals-desc ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.cart-totals-desc ul li {
  display: block;
  font-weight: 600;
  overflow: hidden;
  margin-bottom: 12px;
  padding-bottom: 12px;
  color: var(--optionalColor);
  border-bottom: 1px solid #ebebeb
}

.cart-totals-desc ul li span {
  float: right
}

.cart-totals-desc ul li:last-child {
  margin-bottom: 0;
  font-weight: 700;
  padding-bottom: 0;
  border-bottom: none;
  color: var(--blackColor)
}

.cart-totals-desc .default-btn {
  margin-top: 25px
}

.billing-details-desc {
  padding: 30px 30px 10px;
  background-color: #fafafa
}

.billing-details-desc h3 {
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--whiteColor);
  background-color: var(--blackColor);
  padding-top: 16px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 16px;
  margin-right: -30px;
  margin-left: -30px;
  margin-top: -30px
}

.billing-details-desc .form-group {
  margin-bottom: 20px
}

.billing-details-desc .form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--blackColor)
}

.billing-details-desc .form-group label .required {
  color: red
}

.billing-details-desc .form-group .form-control {
  background-color: var(--whiteColor)!important;
  border: 1px solid #eeeeee!important
}

.billing-details-desc .form-group .form-select {
  border: 1px solid #eeeeee!important;
  background-color: var(--whiteColor);
  font-size: var(--fontSize);
  padding-left: 15px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  cursor: pointer;
  display: block;
  height: 50px;
  border: none;
  width: 100%
}

.order-details-desc {
  padding: 30px;
  background-color: #fafafa
}

.order-details-desc h3 {
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--whiteColor);
  background-color: var(--blackColor);
  padding-top: 16px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 16px;
  margin-top: -30px;
  margin-left: -30px;
  margin-right: -30px
}

.order-details-desc .order-details {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.order-details-desc .order-details li {
  display: block;
  font-weight: 600;
  overflow: hidden;
  margin-bottom: 12px;
  padding-bottom: 12px;
  color: var(--optionalColor);
  border-bottom: 1px solid #eee
}

.order-details-desc .order-details li span {
  float: right
}

.order-details-desc .order-details li:last-child {
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
  color: var(--blackColor)
}

.order-details-desc .payment-method {
  margin-top: 30px;
  margin-bottom: 20px
}

.order-details-desc .payment-method p {
  margin-bottom: 12px
}

.order-details-desc .payment-method p:last-child {
  margin-bottom: 0
}

.order-details-desc .payment-method p [type="radio"]:checked,.order-details-desc .payment-method p [type="radio"]:not(:checked) {
  display: none
}

.order-details-desc .payment-method p [type="radio"]:checked+label,.order-details-desc .payment-method p [type="radio"]:not(:checked)+label {
  display: block;
  cursor: pointer;
  position: relative;
  margin-bottom: 8px;
  padding-left: 27px;
  color: var(--blackColor);
  font-size: var(--fontSize);
  font-weight: 700
}

.order-details-desc .payment-method p [type="radio"]:checked+label::before,.order-details-desc .payment-method p [type="radio"]:not(:checked)+label::before {
  left: 0;
  top: 4px;
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: var(--whiteColor)
}

.order-details-desc .payment-method p [type="radio"]:checked+label::after,.order-details-desc .payment-method p [type="radio"]:not(:checked)+label::after {
  top: 7px;
  left: 3px;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: var(--mainColor)
}

.order-details-desc .payment-method p [type="radio"]:not(:checked)+label::after {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.order-details-desc .payment-method p [type="radio"]:checked+label::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.order-details-desc .form-check {
  color: var(--optionalColor);
  font-weight: 500
}

.order-details-desc .form-check a {
  color: var(--mainColor)
}

.order-details-desc .form-check a:hover {
  text-decoration: underline
}

.order-details-desc .form-check input[type=checkbox] {
  position: relative;
  top: -1px
}

.order-details-desc .default-btn {
  margin-top: 25px
}

.products-details-image {
  border-radius: 5px
}

.products-details-image a {
  display: block;
  border-radius: 5px
}

.products-details-image a img {
  border-radius: 5px
}

.products-details-desc {
  padding-left: 30px
}

.products-details-desc h3 {
  margin-bottom: 16px;
  font-size: 22px
}

.products-details-desc .price {
  margin-bottom: 15px;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 600
}

.products-details-desc .price .old-price {
  text-decoration: line-through;
  font-weight: 400;
  color: #828893
}

.products-details-desc .products-review {
  margin-bottom: 18px
}

.products-details-desc .products-review .rating {
  display: inline-block;
  padding-right: 5px;
  font-size: 18px
}

.products-details-desc .products-review .rating i {
  color: #ffba0a;
  display: inline-block
}

.products-details-desc .products-review .rating-count {
  border-bottom: 1px solid var(--blackColor);
  color: var(--blackColor);
  display: inline-block;
  line-height: initial;
  position: relative;
  font-weight: 600;
  top: -4px
}

.products-details-desc .products-review .rating-count:hover {
  color: var(--mainColor);
  border-color: var(--mainColor)
}

.products-details-desc .products-meta {
  margin-top: 20px
}

.products-details-desc .products-meta span {
  display: block;
  color: var(--blackColor);
  margin-bottom: 10px;
  font-family: var(--headingFontFamily);
  font-weight: 600;
  font-size: 16px
}

.products-details-desc .products-meta span span {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500
}

.products-details-desc .products-meta span span.sku {
  color: var(--mainColor)
}

.products-details-desc .products-meta span span.in-stock {
  color: var(--optionalColor)
}

.products-details-desc .products-meta span a {
  display: inline-block;
  color: var(--optionalColor);
  font-weight: 500
}

.products-details-desc .products-meta span a:hover,.products-details-desc .products-meta span a:focus {
  color: var(--mainColor)
}

.products-details-desc .products-meta span:last-child {
  margin-bottom: 0
}

.products-details-desc .products-add-to-cart {
  margin-top: 25px
}

.products-details-desc .products-add-to-cart .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative
}

.products-details-desc .products-add-to-cart .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 50px;
  height: 100%;
  line-height: 55px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 25px
}

.products-details-desc .products-add-to-cart .input-counter span.minus-btn {
  left: 0
}

.products-details-desc .products-add-to-cart .input-counter span.plus-btn {
  right: 0
}

.products-details-desc .products-add-to-cart .input-counter span:hover {
  color: var(--mainColor)
}

.products-details-desc .products-add-to-cart .input-counter input {
  height: 50px;
  color: var(--blackColor);
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600
}

.products-details-desc .products-add-to-cart .input-counter input::-webkit-input-placeholder {
  color: var(--blackColor)
}

.products-details-desc .products-add-to-cart .input-counter input:-ms-input-placeholder {
  color: var(--blackColor)
}

.products-details-desc .products-add-to-cart .input-counter input::-ms-input-placeholder {
  color: var(--blackColor)
}

.products-details-desc .products-add-to-cart .input-counter input::placeholder {
  color: var(--blackColor)
}

.products-details-desc .products-add-to-cart .default-btn {
  padding-top: 13.5px;
  padding-bottom: 13.5px
}

.products-details-desc .add-to-wishlist-btn {
  margin-top: 25px;
  display: inline-block;
  position: relative;
  color: var(--optionalColor);
  padding-left: 20px
}

.products-details-desc .add-to-wishlist-btn i {
  position: absolute;
  line-height: 1;
  font-size: 16px;
  left: 0;
  top: 3px
}

.products-details-desc .add-to-wishlist-btn:hover {
  color: var(--mainColor)
}

.products-details-tabs {
  margin-top: 50px
}

.products-details-tabs .nav {
  display: block;
  padding-left: 0;
  text-align: center;
  margin-bottom: 40px;
  list-style-type: none
}

.products-details-tabs .nav .nav-item {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px
}

.products-details-tabs .nav .nav-item .nav-link {
  padding: 0;
  border: none;
  color: #ccc;
  position: relative;
  padding-bottom: 8px;
  background-color: transparent;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-bottom: 1px solid #eee;
  font-size: 22px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.products-details-tabs .nav .nav-item .nav-link::before {
  left: 0;
  width: 0;
  content: '';
  height: 3px;
  bottom: -2px;
  position: absolute;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor)
}

.products-details-tabs .nav .nav-item .nav-link:hover,.products-details-tabs .nav .nav-item .nav-link.active {
  color: var(--blackColor)
}

.products-details-tabs .nav .nav-item .nav-link:hover::before,.products-details-tabs .nav .nav-item .nav-link.active::before {
  width: 100%
}

.products-details-tabs .tab-content .tab-pane {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto
}

.products-details-tabs .tab-content .tab-pane p {
  line-height: 1.8
}

.products-details-tabs .tab-content .tab-pane ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 0
}

.products-details-tabs .tab-content .tab-pane ul li {
  margin-bottom: 12px;
  position: relative;
  color: var(--optionalColor);
  padding-left: 15px
}

.products-details-tabs .tab-content .tab-pane ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--blackColor)
}

.products-details-tabs .tab-content .tab-pane ul li:last-child {
  margin-bottom: 0
}

.products-details-tabs .tab-content .tab-pane .products-reviews h3 {
  margin-bottom: 0;
  display: inline-block;
  margin-right: 15px;
  font-size: 22px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating {
  display: inline-block;
  position: relative;
  top: 3px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating span {
  line-height: 1;
  font-size: 17px;
  color: #cecfd2
}

.products-details-tabs .tab-content .tab-pane .products-reviews .rating span.checked {
  color: orange
}

.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: var(--fontSize);
  color: var(--optionalColor)
}

.products-details-tabs .tab-content .tab-pane .products-reviews .row {
  overflow: hidden
}

.products-details-tabs .tab-content .tab-pane .products-reviews .side {
  float: left;
  width: 9%;
  margin-top: 10px
}

.products-details-tabs .tab-content .tab-pane .products-reviews .side div {
  font-size: var(--fontSize);
  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: right
}

.products-details-tabs .tab-content .tab-pane .products-reviews .bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: var(--whiteColor);
  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 {
  border-bottom: 1px solid #f3f3f3;
  font-size: 22px;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 10px
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
  border-bottom: 1px solid #f3f3f3;
  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: 10px;
  font-weight: 700
}

.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 {
  font-size: 17px;
  color: #cecfd2;
  display: inline-block
}

.products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating .review-stars i.checked {
  color: orange
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper {
  margin-top: 30px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
  margin-bottom: 10px;
  font-size: 22px
}

.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;
  text-align: left
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group {
  margin-bottom: 25px;
  text-align: left
}

.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: 25px
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label {
  width: 23px;
  float: right;
  height: 23px;
  cursor: pointer;
  position: relative
}

.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 {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  content: "\2605";
  color: #CCC;
  font-size: 27px;
  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: #f6b500
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent {
  text-align: left;
  margin-bottom: 0
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked) {
  display: none
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 0;
  color: var(--optionalColor);
  font-weight: 500
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:before,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  background: #f5f5f5
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:after,.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:after {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--mainColor);
  position: absolute;
  top: 5.5px;
  left: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:hover+label:before {
  border-color: var(--mainColor)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .comment-form-cookies-consent [type="checkbox"]:checked+label:before {
  border-color: var(--mainColor)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button {
  border: none;
  margin-top: 25px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  padding: 13px 40px 14px;
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor);
  -webkit-box-shadow: 0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
  font-weight: 700;
  font-size: var(--fontSize);
  font-family: var(--headingFontFamily)
}

.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor)
}

.single-gallery-item {
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-radius: 5px
}

.single-gallery-item a {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  border-radius: 5px
}

.single-gallery-item img {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 5px
}

.single-gallery-item:hover img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07)
}

.page-title-area {
  background-image: url(/theme/image.php/elan/theme/1623852687/img/page-title1);
  z-index: 1;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px
}

.page-title-area::before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: -1;
  height: 100%;
  position: absolute;
  background-color: var(--whiteColor);
  opacity: .75
}

.page-title-content {
  text-align: center
}

.page-title-content .singlebutton {
  margin-top: 15px
}

.page-title-content .page-header-h2 {
  text-align: center
}

.page-title-content .page-header-h2 .breadcrumb {
  display: block
}

.page-title-content .page-header-h2 .breadcrumb li {
  display: none
}

.page-title-content .page-header-h2 .breadcrumb li:last-child {
  display: block;
  font-size: 40px;
  margin-bottom: 0;
  color: var(--blackColor);
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.page-title-content .page-header-h2 .breadcrumb li::before {
  display: none
}

.page-title-content #page-navbar .breadcrumb {
  display: inline-block
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item {
  display: inline-block;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  font-size: var(--fontSize);
  font-weight: 600
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item a {
  display: inline-block;
  color: var(--blackColor)
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item a:hover {
  color: var(--mainColor)
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item:last-child {
  margin-right: 0
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item:last-child::before {
  display: none
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item:last-child a {
  color: var(--mainColor)
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item:first-child {
  margin-left: 0
}

.page-title-content #page-navbar .breadcrumb .breadcrumb-item::before {
  top: 2px;
  right: -20px;
  display: unset;
  padding-right: 0;
  content: "\EA6E";
  position: absolute;
  color: var(--blackColor);
  font-weight: 400;
  font-family: remixicon;
  font-size: var(--fontSize)
}

.page-title-content .rating {
  font-size: 17px;
  margin-top: 12px
}

.page-title-content .rating i {
  color: #FF912C;
  margin-right: -2px;
  display: inline-block
}

.page-title-content .rating .rating-count {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  top: -2px;
  font-size: var(--fontSize);
  font-weight: 600
}

.pagination-area {
  margin-top: 20px
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  border-radius: 50%;
  line-height: 39.5px;
  display: inline-block;
  color: var(--blackColor);
  border: 1px solid #eee;
  background-color: transparent;
  font-size: 16px;
  font-weight: 700;
  margin-left: 3px;
  margin-right: 3px
}

.pagination-area .page-numbers.next {
  top: 2px
}

.pagination-area .page-numbers:hover,.pagination-area .page-numbers.current {
  color: var(--whiteColor);
  border-color: var(--mainColor);
  background-color: var(--mainColor)
}

.widget-area {
  padding-left: 15px
}

.widget-area .widget {
  padding: 25px;
  border-radius: 5px;
  margin-bottom: 35px;
  border: 1px solid #eee
}

.widget-area .widget .widget-title {
  padding-bottom: 10px;
  margin-bottom: 25px;
  position: relative;
  font-size: 22px
}

.widget-area .widget .widget-title::before {
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  content: '';
  position: absolute;
  background-color: var(--mainColor)
}

.widget-area .widget:last-child {
  margin-bottom: 0
}

.widget-area .widget_search {
  padding: 0;
  border: none
}

.widget-area .widget_search form {
  position: relative
}

.widget-area .widget_search form label {
  display: block;
  margin-bottom: 0
}

.widget-area .widget_search form .screen-reader-text {
  display: none
}

.widget-area .widget_search form .search-field {
  outline: 0;
  width: 100%;
  height: 50px;
  display: block;
  border-radius: 5px;
  padding: 0 0 0 18px;
  font-size: var(--fontSize);
  border: 1px solid #eee;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: transparent
}

.widget-area .widget_search form .search-field:focus {
  border-color: var(--mainColor)
}

.widget-area .widget_search form button {
  right: 0;
  bottom: 0;
  outline: 0;
  width: 50px;
  height: 50px;
  border: none;
  position: absolute;
  color: var(--whiteColor);
  border-radius: 0 5px 5px 0;
  font-size: var(--fontSize);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor)
}

.widget-area .widget_search form button:hover {
  color: var(--whiteColor);
  background-color: var(--blackColor)
}

.widget-area .widget_elan_posts_thumb {
  position: relative
}

.widget-area .widget_elan_posts_thumb .item {
  position: relative;
  margin-bottom: 20px;
  padding-left: 115px
}

.widget-area .widget_elan_posts_thumb .item .thumb {
  top: 0;
  left: 0;
  width: 100px;
  float: unset;
  height: 100%;
  display: block;
  position: absolute
}

.widget-area .widget_elan_posts_thumb .item .thumb .fullimage {
  width: 100px;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover!important;
  background-position: center center!important
}

.widget-area .widget_elan_posts_thumb .item .thumb .fullimage.bg1 {
  background-image: url(../../assets/img/blog/blog4.jpg)
}

.widget-area .widget_elan_posts_thumb .item .thumb .fullimage.bg2 {
  background-image: url(../../assets/img/blog/blog5.jpg)
}

.widget-area .widget_elan_posts_thumb .item .thumb .fullimage.bg3 {
  background-image: url(../../assets/img/blog/blog6.jpg)
}

.widget-area .widget_elan_posts_thumb .item .thumb .fullimage.bg4 {
  background-image: url(../../assets/img/blog/blog7.jpg)
}

.widget-area .widget_elan_posts_thumb .item .thumb::before,.widget-area .widget_elan_posts_thumb .item .thumb::after {
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 1;
  content: '';
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: var(--whiteColor);
  -webkit-transition: all 0.8s cubic-bezier(.2,1,.22,1);
  transition: all 0.8s cubic-bezier(.2,1,.22,1)
}

.widget-area .widget_elan_posts_thumb .item .thumb::before {
  width: 40px;
  height: 1px;
  left: 100%
}

.widget-area .widget_elan_posts_thumb .item .thumb::after {
  height: 40px;
  width: 1px;
  top: 0
}

.widget-area .widget_elan_posts_thumb .item .info .title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 7px
}

.widget-area .widget_elan_posts_thumb .item .info .title a {
  display: inline-block
}

.widget-area .widget_elan_posts_thumb .item .info .date {
  padding-left: 22px;
  position: relative;
  color: var(--optionalColor)
}

.widget-area .widget_elan_posts_thumb .item .info .date i {
  top: 0;
  left: 0;
  position: absolute;
  color: var(--mainColor)
}

.widget-area .widget_elan_posts_thumb .item:last-child {
  margin-bottom: 0
}

.widget-area .widget_elan_posts_thumb .item:hover .thumb::before,.widget-area .widget_elan_posts_thumb .item:hover .thumb::after {
  opacity: 1;
  top: 50%;
  left: 50%
}

.widget-area .widget_categories ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.widget-area .widget_categories ul li {
  margin-bottom: 13px;
  position: relative;
  padding-left: 16px
}

.widget-area .widget_categories ul li::before {
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  content: '';
  margin-top: .5px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--mainColor)
}

.widget-area .widget_categories ul li a {
  font-weight: 500;
  display: inline-block;
  color: var(--blackColor)
}

.widget-area .widget_categories ul li a:hover {
  color: var(--mainColor)
}

.widget-area .widget_categories ul li:last-child {
  margin-bottom: 0
}

.widget-area .widget_language ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.widget-area .widget_language ul li {
  margin-bottom: 13px;
  position: relative;
  padding-left: 16px
}

.widget-area .widget_language ul li::before {
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  content: '';
  margin-top: .5px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--mainColor)
}

.widget-area .widget_language ul li a {
  font-weight: 500;
  display: inline-block;
  color: var(--blackColor)
}

.widget-area .widget_language ul li a:hover {
  color: var(--mainColor)
}

.widget-area .widget_language ul li:last-child {
  margin-bottom: 0
}

.widget-area .widget_price ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.widget-area .widget_price ul li {
  margin-bottom: 13px;
  position: relative;
  padding-left: 16px
}

.widget-area .widget_price ul li::before {
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  content: '';
  margin-top: .5px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--mainColor)
}

.widget-area .widget_price ul li a {
  font-weight: 500;
  display: inline-block;
  color: var(--blackColor)
}

.widget-area .widget_price ul li a:hover {
  color: var(--mainColor)
}

.widget-area .widget_price ul li:last-child {
  margin-bottom: 0
}

.widget-area .widget_skill_level ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.widget-area .widget_skill_level ul li {
  margin-bottom: 13px;
  position: relative;
  padding-left: 16px
}

.widget-area .widget_skill_level ul li::before {
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  content: '';
  margin-top: .5px;
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--mainColor)
}

.widget-area .widget_skill_level ul li a {
  font-weight: 500;
  display: inline-block;
  color: var(--blackColor)
}

.widget-area .widget_skill_level ul li a:hover {
  color: var(--mainColor)
}

.widget-area .widget_skill_level ul li:last-child {
  margin-bottom: 0
}

.widget-area .widget_tag_cloud .tagcloud {
  margin-bottom: -10px
}

.widget-area .widget_tag_cloud .tagcloud a {
  padding: 5px 20px;
  border-radius: 30px;
  display: inline-block;
  color: var(--blackColor);
  border: 1px dashed #DADADE;
  margin-right: 8px;
  margin-bottom: 10px;
  font-size: 14px!important;
  font-weight: 500
}

.widget-area .widget_tag_cloud .tagcloud a:hover {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
  color: var(--whiteColor)
}

.widget-area .widget_archive ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.widget-area .widget_archive ul li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 16px
}

.widget-area .widget_archive ul li::before {
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  content: '';
  position: absolute;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--mainColor)
}

.widget-area .widget_archive ul li a {
  font-weight: 500;
  display: inline-block;
  color: var(--blackColor)
}

.widget-area .widget_archive ul li a:hover {
  color: var(--mainColor)
}

.widget-area .widget_archive ul li:last-child {
  margin-bottom: 0
}

.widget-area .widget_service_categories ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.widget-area .widget_service_categories ul li {
  font-weight: 700;
  overflow: hidden;
  margin-bottom: 13px;
  padding-bottom: 13px;
  color: var(--blackColor);
  border-bottom: 1px dashed #eee
}

.widget-area .widget_service_categories ul li a {
  display: block;
  position: relative;
  color: var(--blackColor)
}

.widget-area .widget_service_categories ul li a i {
  top: 50%;
  right: 5px;
  position: absolute;
  font-size: var(--fontSize);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--optionalColor);
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.widget-area .widget_service_categories ul li a:hover {
  color: var(--mainColor)
}

.widget-area .widget_service_categories ul li a:hover i {
  right: 0;
  color: var(--mainColor)
}

.widget-area .widget_service_categories ul li:last-child {
  margin-bottom: 0
}

.widget-area .widget_popular_courses {
  position: relative
}

.widget-area .widget_popular_courses .item {
  position: relative;
  margin-bottom: 20px;
  padding-left: 115px
}

.widget-area .widget_popular_courses .item .thumb {
  top: 0;
  left: 0;
  width: 100px;
  float: unset;
  height: 100%;
  display: block;
  position: absolute
}

.widget-area .widget_popular_courses .item .thumb .fullimage {
  width: 100px;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover!important;
  background-position: center center!important
}

.widget-area .widget_popular_courses .item .thumb .fullimage.bg1 {
  background-image: url(../../assets/img/courses/courses1.jpg)
}

.widget-area .widget_popular_courses .item .thumb .fullimage.bg2 {
  background-image: url(../../assets/img/courses/courses2.jpg)
}

.widget-area .widget_popular_courses .item .thumb .fullimage.bg3 {
  background-image: url(../../assets/img/courses/courses3.jpg)
}

.widget-area .widget_popular_courses .item .thumb .fullimage.bg4 {
  background-image: url(../../assets/img/courses/courses4.jpg)
}

.widget-area .widget_popular_courses .item .thumb::before,.widget-area .widget_popular_courses .item .thumb::after {
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 1;
  content: '';
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: var(--whiteColor);
  -webkit-transition: all 0.8s cubic-bezier(.2,1,.22,1);
  transition: all 0.8s cubic-bezier(.2,1,.22,1)
}

.widget-area .widget_popular_courses .item .thumb::before {
  width: 40px;
  height: 1px;
  left: 100%
}

.widget-area .widget_popular_courses .item .thumb::after {
  height: 40px;
  width: 1px;
  top: 0
}

.widget-area .widget_popular_courses .item .info .title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 7px
}

.widget-area .widget_popular_courses .item .info .title a {
  display: inline-block
}

.widget-area .widget_popular_courses .item .info span {
  display: block;
  color: var(--mainColor);
  text-transform: uppercase;
  margin-bottom: 6px;
  margin-top: -5px;
  font-weight: 700;
  font-style: italic;
  font-size: var(--fontSize);
  font-family: var(--headingFontFamily)
}

.widget-area .widget_popular_courses .item:last-child {
  margin-bottom: 0
}

.widget-area .widget_popular_courses .item:hover .thumb::before,.widget-area .widget_popular_courses .item:hover .thumb::after {
  opacity: 1;
  top: 50%;
  left: 50%
}

.widget-area.left-sidebar {
  padding-left: 0;
  padding-right: 15px
}

.privacy-policy-content h3 {
  font-size: 22px;
  margin-bottom: 15px
}

.privacy-policy-content h3:not(:first-child) {
  margin-top: 25px
}

.privacy-policy-content strong {
  color: var(--blackColor)!important
}

.privacy-policy-content p a {
  color: var(--mainColor)
}

.privacy-policy-content p a:hover {
  text-decoration: underline
}

.privacy-policy-content ul li {
  color: var(--optionalColor);
  margin-bottom: 12px
}

.privacy-policy-content ul li a {
  color: var(--mainColor)
}

.privacy-policy-content ul li a:hover {
  text-decoration: underline
}

.privacy-policy-content ul li:last-child {
  margin-bottom: 0
}

.terms-conditions-content h3 {
  font-size: 22px;
  margin-bottom: 15px
}

.terms-conditions-content h3:not(:first-child) {
  margin-top: 25px
}

.terms-conditions-content strong {
  color: var(--blackColor)!important
}

.terms-conditions-content p a {
  color: var(--mainColor)
}

.terms-conditions-content p a:hover {
  text-decoration: underline
}

.terms-conditions-content ul li {
  color: var(--optionalColor);
  margin-bottom: 12px
}

.terms-conditions-content ul li a {
  color: var(--mainColor)
}

.terms-conditions-content ul li a:hover {
  text-decoration: underline
}

.terms-conditions-content ul li:last-child {
  margin-bottom: 0
}

.single-events-item {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px #eee;
  box-shadow: 0 0 20px #eee;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 30px;
  text-align: center
}

.single-events-item .image {
  position: relative
}

.single-events-item .image .date {
  top: 15px;
  left: 15px;
  padding: 5px 15px;
  border-radius: 5px;
  position: absolute;
  display: inline-block;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  font-size: 14px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.single-events-item .content {
  padding: 25px
}

.single-events-item .content .date {
  display: inline-block;
  color: var(--optionalColor);
  position: relative;
  margin-bottom: 10px;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600
}

.single-events-item .content h3 {
  margin-bottom: 17px;
  line-height: 1.3;
  font-size: 22px
}

.single-events-item .content h3 a {
  display: inline-block
}

.single-events-item .content .time-location {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.single-events-item .content .time-location li {
  display: inline-block;
  color: var(--optionalColor);
  position: relative;
  padding-left: 22px;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600
}

.single-events-item .content .time-location li i {
  color: var(--mainColor);
  position: absolute;
  font-size: 16px;
  line-height: 1;
  top: 2px;
  left: 0
}

.single-events-box {
  background-color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  margin-bottom: 30px;
  text-align: center
}

.single-events-box .image {
  position: relative;
  border-radius: 5px 5px 5px 0
}

.single-events-box .image img {
  border-radius: 5px 5px 5px 0
}

.single-events-box .image .date {
  top: 15px;
  left: 15px;
  padding: 5px 15px;
  border-radius: 5px;
  position: absolute;
  display: inline-block;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  font-size: 14px;
  font-weight: 700;
  font-family: var(--headingFontFamily)
}

.single-events-box .content {
  border-radius: 0 0 5px 5px;
  position: relative;
  padding: 25px 20px
}

.single-events-box .content .time {
  display: inline-block;
  color: var(--optionalColor);
  position: relative;
  margin-bottom: 12px;
  padding-left: 22px;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600
}

.single-events-box .content .time i {
  color: var(--mainColor);
  position: absolute;
  font-size: 16px;
  line-height: 1;
  top: 2px;
  left: 0
}

.single-events-box .content h3 {
  margin-bottom: 15px;
  line-height: 1.3;
  font-size: 22px
}

.single-events-box .content h3 a {
  display: inline-block
}

.single-events-box .content .location {
  display: inline-block;
  color: var(--optionalColor);
  position: relative;
  padding-left: 22px;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 700
}

.single-events-box .content .location i {
  color: var(--mainColor);
  position: absolute;
  font-size: 16px;
  line-height: 1;
  top: 1px;
  left: 0
}

.single-events-box .content::before {
  right: 0;
  bottom: 0;
  left: 20px;
  content: '';
  height: 2px;
  width: 45px;
  position: absolute;
  background-color: #d6d6d6;
  margin-left: auto;
  margin-right: auto
}

.single-events-box:hover {
  -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.1)
}

.events-details-header .date {
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--mainColor);
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600
}

.events-details-header h2 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-size: 35px
}

.events-details-header h2 a {
  display: inline-block
}

.events-details-header .time-location {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.events-details-header .time-location li {
  display: inline-block;
  color: var(--optionalColor);
  position: relative;
  padding-left: 22px;
  margin-right: 15px;
  font-family: var(--headingFontFamily);
  font-size: var(--fontSize);
  font-weight: 600
}

.events-details-header .time-location li i {
  color: var(--mainColor);
  position: absolute;
  font-size: 16px;
  line-height: 1;
  top: 2px;
  left: 0
}

.events-details-header .time-location li:last-child {
  margin-right: 0
}

.events-details-header #timer {
  margin-top: 35px
}

.events-details-header #timer div {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  font-size: 40px;
  font-weight: 700;
  font-family: var(--headingFontFamily);
  margin-left: 10px;
  margin-right: 10px
}

.events-details-header #timer div span {
  display: block;
  color: var(--whiteColor);
  font-size: var(--fontSize)
}

.events-details-header #timer div:first-child {
  margin-left: 0
}

.events-details-header #timer div:last-child {
  margin-right: 0
}

.events-details-header #timer div:nth-child(1) {
  background-color: #27C49A
}

.events-details-header #timer div:nth-child(2) {
  background-color: #F5C453
}

.events-details-header #timer div:nth-child(3) {
  background-color: #F15665
}

.events-details-header #timer div:nth-child(4) {
  background-color: #6857FF
}

.events-details-image {
  text-align: center
}

.events-details-location {
  margin-bottom: 35px
}

.events-details-location iframe {
  width: 100%;
  border: none;
  height: 450px;
  margin-bottom: -5px
}

.events-details-desc h3 {
  margin-bottom: 15px;
  font-size: 24px
}

.events-details-desc h3:not(:first-child) {
  margin-top: 30px
}

.events-details-desc p strong {
  color: var(--blackColor)
}

.events-details-desc p a {
  color: var(--mainColor)
}

.events-details-desc p a:hover {
  text-decoration: underline
}

.events-details-desc ul {
  margin-bottom: 15px
}

.events-details-desc ul li {
  margin-bottom: 12px;
  color: var(--optionalColor)
}

.events-details-desc ul li strong {
  color: var(--blackColor)
}

.events-details-desc ul li a {
  color: var(--mainColor)
}

.events-details-desc ul li a:hover {
  text-decoration: underline
}

.events-details-desc ul li:last-child {
  margin-bottom: 0
}

.events-details-desc ul:last-child {
  margin-bottom: 0
}

.events-details-info {
  background-color: #f8f9f8;
  border-radius: 5px;
  padding: 35px
}

.events-details-info .info {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0
}

.events-details-info .info li {
  border-bottom: 1px solid #eee;
  color: var(--optionalColor);
  font-size: 17px;
  font-weight: 600;
  font-family: var(--headingFontFamily);
  padding-top: 15px;
  padding-bottom: 15px
}

.events-details-info .info li span {
  font-weight: 700;
  color: var(--blackColor)
}

.events-details-info .info li.price {
  padding-bottom: 10px;
  color: var(--mainColor);
  font-size: 28px;
  font-weight: 600
}

.events-details-info .info li.price span {
  color: var(--blackColor);
  font-size: 17px;
  font-weight: 700
}

.events-details-info .info li:first-child {
  padding-top: 0
}

.events-details-info .btn-box {
  text-align: center;
  margin-top: 30px
}

.events-details-info .btn-box .default-btn {
  display: block
}

.events-details-info .btn-box .default-btn i {
  left: auto;
  margin-left: -27px
}

.events-details-info .btn-box p {
  margin-top: 15px;
  font-weight: 500
}

.events-details-info .btn-box p a {
  color: var(--mainColor);
  font-weight: 600
}

.events-details-info .btn-box p a:hover {
  text-decoration: underline
}

.events-details-info .events-share {
  text-align: center;
  margin-top: 25px
}

.events-details-info .events-share .share-info {
  display: inline-block;
  position: relative;
  cursor: pointer
}

.events-details-info .events-share .share-info span {
  display: inline-block;
  color: var(--mainColor);
  padding-right: 17px;
  line-height: 1;
  font-size: var(--fontSize);
  font-weight: 600
}

.events-details-info .events-share .share-info span i {
  color: var(--blackColor);
  position: absolute;
  right: 0;
  top: 5px
}

.events-details-info .events-share .share-info .social-link {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 12px
}

.events-details-info .events-share .share-info .social-link li {
  display: inline-block;
  margin-right: 3px
}

.events-details-info .events-share .share-info .social-link li:last-child {
  margin-right: 0
}

.events-details-info .events-share .share-info .social-link li a {
  width: 33px;
  height: 33px;
  display: block;
  font-size: 18px;
  text-align: center;
  position: relative;
  border-radius: 2px;
  color: var(--blackColor);
  background-color: #e1e1e1
}

.events-details-info .events-share .share-info .social-link li a i {
  left: 0;
  top: 50%;
  right: 0;
  position: absolute;
  -webkit-transform: translateY(-48%);
  transform: translateY(-48%)
}

.events-details-info .events-share .share-info .social-link li a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0
}

.faq-accordion .accordion .accordion-item {
  border-radius: 5px;
  display: block;
  font-size: 20px;
  margin-bottom: 15px
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0
}

.faq-accordion .accordion .accordion-title {
  padding: 20px 25px 17px 60px;
  color: var(--blackColor);
  text-decoration: none;
  position: relative;
  display: block;
  font-family: var(--headingFontFamily);
  -webkit-box-shadow: unset!important;
  box-shadow: unset!important;
  border: 1px solid #eee;
  background-color: transparent!important;
  font-weight: 700;
  font-size: 17px;
  font-weight: 800
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  left: 25px;
  top: 18px;
  font-size: 25px;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: -5px;
  padding: 1rem 1.25rem;
  border: 1px solid #eee;
  border-top: 0
}

.faq-accordion .accordion .accordion-content p {
  line-height: 1.8
}

.faq-accordion .accordion .accordion-content.show {
  display: block
}

.faq-accordion .accordion .accordion-content ul {
  margin-bottom: 0
}

.faq-accordion .accordion .accordion-content ul li {
  margin-bottom: 12px;
  font-size: var(--fontSize);
  color: var(--optionalColor)
}

.login-form {
  margin-right: 15px;
  padding: 40px 50px;
  border-radius: 5px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 10px rgba(51,51,51,.1);
  box-shadow: 0 0 10px rgba(51,51,51,.1)
}

.login-form h2 {
  margin-bottom: 30px;
  font-size: 35px
}

.login-form form .form-group {
  margin-bottom: 25px
}

.login-form form .form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--blackColor)
}

.login-form form .remember-me-wrap {
  margin-bottom: 0
}

.login-form form .remember-me-wrap .form-check {
  margin-bottom: 0
}

.login-form form .remember-me-wrap .form-check-label {
  cursor: pointer;
  font-weight: 600;
  color: var(--blackColor)
}

.login-form form .remember-me-wrap .form-check-input:checked {
  background-color: var(--mainColor);
  -webkit-box-shadow: unset!important;
  box-shadow: unset!important;
  border-color: var(--mainColor)
}

.login-form form .lost-your-password-wrap {
  text-align: end
}

.login-form form .lost-your-password-wrap a {
  display: inline-block;
  position: relative;
  font-weight: 600;
  line-height: 1.5
}

.login-form form .lost-your-password-wrap a::before {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: #eee
}

.login-form form .lost-your-password-wrap a::after {
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  bottom: 0;
  content: '';
  background-color: var(--mainColor)
}

.login-form form .lost-your-password-wrap a:hover::before {
  width: 0
}

.login-form form .lost-your-password-wrap a:hover::after {
  width: 100%
}

.login-form form button {
  margin-top: 22px;
  border: none;
  display: block;
  text-align: center;
  overflow: hidden;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  border-radius: 5px;
  padding: 15px 30px;
  font-weight: 700;
  font-size: var(--fontSize)
}

.login-form form button:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor)
}

.register-form {
  margin-left: 15px;
  padding: 40px 50px;
  border-radius: 5px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 10px rgba(51,51,51,.1);
  box-shadow: 0 0 10px rgba(51,51,51,.1)
}

.register-form h2 {
  margin-bottom: 30px;
  font-size: 35px
}

.register-form form .form-group {
  margin-bottom: 25px
}

.register-form form .form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--blackColor)
}

.register-form form .description {
  font-style: italic;
  font-size: 13.5px;
  margin-top: -10px;
  margin-bottom: 0
}

.register-form form button {
  margin-top: 22px;
  border: none;
  display: block;
  text-align: center;
  overflow: hidden;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  border-radius: 5px;
  padding: 15px 30px;
  font-weight: 700;
  font-size: var(--fontSize)
}

.register-form form button:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor)
}

.error-area {
  border-top: 1px dashed #eee
}

.error-content {
  text-align: center
}

.error-content p {
  max-width: 550px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px
}

.coming-soon-image {
  height: 100%;
  background-image: url(/theme/image.php/elan/theme/1623852687/img/coming-soon);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

.coming-soon-image img {
  display: none
}

.coming-soon-content {
  height: 100vh;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px
}

.coming-soon-content .logo {
  display: inline-block
}

.coming-soon-content h2 {
  font-size: 40px;
  margin-top: 30px;
  margin-bottom: 0
}

.coming-soon-content #timer {
  margin-top: 35px
}

.coming-soon-content #timer div {
  width: 120px;
  height: 120px;
  border-radius: 5px;
  color: var(--mainColor);
  background-color: #f8f8f8;
  font-size: 40px;
  font-weight: 700;
  font-family: var(--headingFontFamily);
  margin-left: 10px;
  margin-right: 10px
}

.coming-soon-content #timer div span {
  display: block;
  margin-top: -2px;
  color: var(--blackColor);
  font-size: var(--fontSize)
}

.coming-soon-content #timer div:first-child {
  margin-left: 0
}

.coming-soon-content #timer div:last-child {
  margin-right: 0
}

.coming-soon-content form {
  position: relative;
  max-width: 530px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px
}

.coming-soon-content form .input-newsletter {
  width: 100%;
  height: 60px;
  border: none;
  display: block;
  border-radius: 4px;
  padding: 0 0 0 15px;
  color: var(--blackColor);
  font-size: var(--fontSize);
  border: 1px solid #eee;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.coming-soon-content form .input-newsletter::-webkit-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.coming-soon-content form .input-newsletter:-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.coming-soon-content form .input-newsletter::-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.coming-soon-content form .input-newsletter::placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.coming-soon-content form .input-newsletter:focus {
  border-color: #eee
}

.coming-soon-content form .input-newsletter:focus::-webkit-input-placeholder {
  color: transparent
}

.coming-soon-content form .input-newsletter:focus:-ms-input-placeholder {
  color: transparent
}

.coming-soon-content form .input-newsletter:focus::-ms-input-placeholder {
  color: transparent
}

.coming-soon-content form .input-newsletter:focus::placeholder {
  color: transparent
}

.coming-soon-content form .default-btn {
  background-color: var(--mainColor);
  color: var(--whiteColor);
  position: absolute;
  bottom: 6px;
  right: 5px
}

.coming-soon-content form .default-btn::before {
  opacity: 1
}

.coming-soon-content form .default-btn:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor)
}

.coming-soon-content form .default-btn:hover::before {
  border-color: var(--blackColor)
}

.coming-soon-content form #validator-newsletter {
  position: absolute;
  bottom: -32px;
  left: 0
}

.coming-soon-content form #validator-newsletter.validation-danger {
  color: red
}

.contact-form {
  padding-top: 30px;
  padding-left: 15px;
  padding-bottom: 30px
}

.contact-form .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.contact-form h2 {
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 34px
}

.contact-form #contactForm {
  margin-top: 25px
}

.contact-form #contactForm .form-group {
  margin-bottom: 20px
}

.contact-form #contactForm .form-control {
  border: 1px solid #eeeeee!important;
  border-radius: 5px
}

.contact-form #contactForm .form-control:focus {
  border-color: var(--mainColor)!important;
  background-color: var(--whiteColor)!important
}

.contact-form #contactForm .form-check .form-check-label {
  color: var(--optionalColor);
  position: relative;
  top: 1px
}

.contact-form #contactForm .form-check .form-check-label a {
  color: var(--mainColor)
}

.contact-form #contactForm .form-check .form-check-label a:hover {
  text-decoration: underline
}

.contact-form #contactForm .default-btn {
  width: 100%;
  display: block;
  margin-top: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 30px;
  padding-right: 30px
}

.contact-form #contactForm .help-block.with-errors {
  color: red;
  margin-bottom: 0;
  margin-top: 12px
}

.contact-form #contactForm #msgSubmit {
  margin: 0
}

.contact-form #contactForm #msgSubmit.text-danger {
  margin-top: 12px
}

.contact-form #contactForm #msgSubmit.text-success {
  margin-top: 12px
}

.maps {
  border-radius: 10px;
  height: 100%;
  width: 100%
}

.maps iframe {
  border-radius: 10px;
  height: 100%;
  width: 100%
}

.contact-content {
  padding-right: 15px
}

.contact-content .sub-title {
  display: block;
  margin-bottom: 10px;
  color: var(--secondaryColor);
  font-weight: 500;
  font-family: var(--headingFontFamily)
}

.contact-content h2 {
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 34px
}

.contact-content p {
  margin-bottom: 0
}

.contact-content .single-contact-info-box {
  margin-top: 30px
}

.contact-content .single-contact-info-box .icon {
  width: 80px;
  height: 80px;
  font-size: 40px;
  position: relative;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 25px;
  color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);
  box-shadow: 0 0 30px rgba(0,0,0,.08)
}

.contact-content .single-contact-info-box .icon i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.contact-content .single-contact-info-box h3 {
  font-size: 22px;
  margin-bottom: 12px
}

.contact-content .single-contact-info-box p {
  margin-bottom: 5px;
  color: var(--optionalColor)
}

.contact-content .single-contact-info-box p span {
  font-weight: 600;
  color: var(--blackColor)
}

.contact-content .single-contact-info-box p a {
  color: var(--optionalColor);
  margin-left: 2px
}

.contact-content .single-contact-info-box p a:hover {
  color: var(--mainColor)
}

.contact-content .single-contact-info-box p:last-child {
  margin-bottom: 0
}

.contact-content .single-contact-info-box:hover .icon {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.contact-image {
  padding-left: 15px;
  text-align: center
}

.footer-area {
  background-color: var(--blackColor);
  padding-top: 100px
}

.single-footer-widget {
  margin-bottom: 30px;
  color: var(--whiteColor)
}

.single-footer-widget .logo p {
  margin-top: 15px;
  padding-right: 15px
}

.single-footer-widget p {
  color: rgba(255,255,255,.8)
}

.single-footer-widget .social-links {
  padding-left: 0;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 0
}

.single-footer-widget .social-links li {
  display: inline-block;
  margin-right: 5px
}

.single-footer-widget .social-links li:last-child {
  margin-right: 0
}

.single-footer-widget .social-links li a {
  width: 32px;
  height: 32px;
  text-align: center;
  color: var(--whiteColor);
  display: block;
  background-color: #1e1d2f;
  font-size: 18px;
  position: relative;
  border-radius: 2px
}

.single-footer-widget .social-links li a i {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-48%);
  transform: translateY(-48%)
}

.single-footer-widget .social-links li a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor)
}

.single-footer-widget .footer-links-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none
}

.single-footer-widget .footer-links-list li {
  margin-bottom: 12px;
  color: rgba(255,255,255,.8)
}

.single-footer-widget .footer-links-list li a {
  color: rgba(255,255,255,.8);
  display: inline-block
}

.single-footer-widget .footer-links-list li a:hover {
  color: var(--mainColor)
}

.single-footer-widget .footer-links-list li:last-child {
  margin-bottom: 0
}

.single-footer-widget h3 {
  color: var(--whiteColor);
  margin-bottom: 30px;
  font-size: 22px
}

.single-footer-widget .footer-contact-info {
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  padding-right: 35px
}

.single-footer-widget .footer-contact-info li {
  margin-bottom: 15px;
  color: rgba(255,255,255,.8);
  position: relative;
  padding-left: 24px
}

.single-footer-widget .footer-contact-info li a {
  color: rgba(255,255,255,.8);
  display: inline-block
}

.single-footer-widget .footer-contact-info li a:hover {
  color: var(--mainColor)
}

.single-footer-widget .footer-contact-info li:last-child {
  margin-bottom: 0
}

.single-footer-widget .footer-contact-info li i {
  line-height: 1;
  position: absolute;
  left: 0;
  font-size: 16px;
  top: 3px
}

.copyright-area {
  margin-top: 70px;
  border-top: 1px solid #252424;
  padding-top: 20px;
  padding-bottom: 20px
}

.copyright-area p {
  color: var(--whiteColor);
  position: relative;
  padding-left: 18px
}

.copyright-area p i {
  position: absolute;
  margin-left: -19px;
  top: 0
}

.copyright-area p span {
  color: var(--mainColor);
  font-weight: 600
}

.copyright-area p a {
  color: var(--mainColor);
  font-weight: 600
}

.copyright-area p a:hover {
  color: var(--whiteColor)
}

.copyright-area ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: end
}

.copyright-area ul li {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  margin-right: 15px
}

.copyright-area ul li a {
  color: var(--whiteColor);
  display: block
}

.copyright-area ul li a:hover {
  color: var(--mainColor)
}

.copyright-area ul li::before {
  content: '';
  position: absolute;
  right: -23px;
  width: 12px;
  height: 1px;
  opacity: .5;
  top: 13px;
  background-color: var(--whiteColor)
}

.copyright-area ul li:first-child {
  margin-left: 0
}

.copyright-area ul li:last-child {
  margin-right: 0
}

.copyright-area ul li:last-child::before {
  display: none
}

.go-top {
  z-index: 4;
  opacity: 0;
  right: 20px;
  width: 48px;
  height: 48px;
  bottom: 20px;
  position: fixed;
  cursor: pointer;
  border-radius: 50%;
  font-size: 30px;
  visibility: hidden;
  text-align: center;
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--secondaryColor);
  -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
  box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.go-top i {
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto
}

.go-top.active {
  opacity: 1;
  bottom: 20px;
  visibility: visible
}

.go-top:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor)
}

.productsQuickView {
  padding-right: 0!important
}

.productsQuickView .modal-dialog {
  max-width: 900px;
  margin: 0 auto
}

.productsQuickView .modal-content {
  border: none;
  padding: 40px;
  border-radius: 0
}

.productsQuickView .modal-content button.btn-close {
  top: 0;
  right: 0;
  margin: 0;
  z-index: 3;
  outline: 0;
  opacity: 1;
  padding: 0;
  width: 35px;
  height: 35px;
  border: none;
  font-size: 17px;
  line-height: 38px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  text-shadow: unset;
  position: absolute
}

.productsQuickView .modal-content .products-content h3 {
  margin-bottom: 15px;
  font-size: 22px
}

.productsQuickView .modal-content .products-content .price {
  margin-top: 15px;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: var(--fontSize)
}

.productsQuickView .modal-content .products-content .products-add-to-cart {
  margin-top: 25px
}

.productsQuickView .modal-content .products-content .products-add-to-cart .quantities {
  position: relative;
  padding-left: 45px
}

.productsQuickView .modal-content .products-content .products-add-to-cart .quantities .sub-title {
  left: 0;
  top: 50%;
  display: block;
  font-weight: 600;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter {
  display: block;
  max-width: 135px;
  min-width: 135px;
  text-align: center;
  position: relative;
  margin-bottom: 25px
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span {
  top: 0;
  width: 35px;
  height: 100%;
  cursor: pointer;
  font-size: 18px;
  line-height: 38px;
  position: absolute;
  color: var(--blackColor);
  border: 1px solid #eee;
  background-color: transparent;
  -webkit-transition: var(--transition);
  transition: var(--transition)
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span i {
  position: relative;
  top: 1px
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.minus-btn {
  left: 0
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.plus-btn {
  right: 0
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span:hover {
  color: var(--optionalColor)
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input {
  outline: 0;
  width: 100%;
  height: 40px;
  display: block;
  padding-top: 3px;
  text-align: center;
  color: var(--blackColor);
  border: 1px solid #eee;
  background-color: transparent;
  font-size: 17px;
  font-weight: 600
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-webkit-input-placeholder {
  color: var(--blackColor)
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input:-ms-input-placeholder {
  color: var(--blackColor)
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-ms-input-placeholder {
  color: var(--blackColor)
}

.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::placeholder {
  color: var(--blackColor)
}

.productsQuickView .modal-content .products-content .default-btn {
  -webkit-box-shadow: unset!important;
  box-shadow: unset!important
}

.productsQuickView .modal-content .products-content .social-share {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 30px
}

.productsQuickView .modal-content .products-content .social-share li {
  display: inline-block;
  margin-right: 12px
}

.productsQuickView .modal-content .products-content .social-share li span {
  font-weight: 700;
  position: relative;
  top: -4px
}

.productsQuickView .modal-content .products-content .social-share li a {
  line-height: 1;
  font-size: 18px;
  color: var(--optionalColor)
}

.productsQuickView .modal-content .products-content .social-share li a:hover {
  color: var(--mainColor)
}

.nav-item .usermenu .dropdown-menu {
  left: -130px!important
}

.nav-item .usermenu .login {
  line-height: initial
}

.nav-item .usermenu .dropdown-toggle::before {
  display: none!important
}

.nav-item .usermenu .dropdown-menu {
  left: -130px!important
}

.nav-item .usermenu img.userpicture {
  margin-right: 0
}

.nav-item .usermenu .userpicture {
  border-radius: 21%
}

.nav-item .usermenu a {
  padding-right: 0!important
}

.usermenu .login {
  line-height: initial;
  font-size: 0
}

.notloggedin .others-option {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.popover-region-toggle.nav-link.icon-no-margin {
  background-color: transparent!important;
  color: #221638!important;
  font-size: 16.5px;
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
  padding-top: 32px;
  padding-bottom: 25px;
  margin-right: 0
}

.popover-region:first-child {
  margin-left: 18px;
  margin-right: 18px
}

.elan-nav a:focus,.popover-region-toggle.nav-link.icon-no-margin:focus {
  outline: 0!important;
  -webkit-box-shadow: unset;
  box-shadow: unset
}

.elan-nav .navbar {
  max-height: 70px!important
}

.navbar .d-inline-block .btn.nav-link {
  position: relative;
  left: 15px
}

.others-option-for-responsive .d-flex {
  display: block!important;
  text-align: center
}

.others-option-for-responsive .dropdown-menu.show {
  display: block!important;
  float: unset
}

.others-option-for-responsive .popover-region {
  position: relative;
  display: inline-block;
  padding: 10px 11px
}

.others-option-for-responsive .popover-region-toggle.nav-link.icon-no-margin {
  padding: 0
}

.others-option-for-responsive .usermenu .dropdown-toggle::after {
  position: unset!important;
  display: inline-block!important
}

.elan-responsive-nav .mdl-sidebar-menu {
  position: fixed;
  z-index: 999999;
  bottom: 50%;
  right: 0;
  margin-right: 0!important
}

.footer-area .site-name {
  font-size: 30px;
  color: #fff;
  font-weight: 700
}

.footer-area .tool_dataprivacy a {
  color: #fff
}

.context-header-settings-menu-front-page {
  display: none
}

.pagelayout-frontpage .page-title-area {
  display: none
}

.pagelayout-frontpage .context-header-settings-menu-front-page {
  display: block
}

#page-site-index .elan-page-content-container {
  padding-top: 0;
  padding-bottom: 0;
  max-width: unset;
  padding: unset
}

.pagelayout-frontpage .context-header-settings-menu-front-page {
  display: block;
  position: absolute;
  top: 80px;
  z-index: 9999;
  right: 10px
}

.pagelayout-frontpage #user-notifications {
  margin-top: 20px
}

.pagelayout-frontpage #user-notifications .alert-info {
  margin-bottom: 0
}

.pagelayout-frontpage .sitetopic {
  padding-top: 0!important
}

#page-mod-page-view #user-notifications {
  margin-top: 20px
}

#page-mod-page-view #user-notifications .alert-info {
  margin-bottom: 0
}

#page-mod-page-view .sitetopic {
  padding-top: 0!important
}

#page-mod-page-view .elan-page-content-container {
  padding-top: 0;
  padding-bottom: 0;
  max-width: unset;
  padding: unset
}

#page-mod-page-view #region-main {
  border: 0;
  padding: 0
}

#page-mod-page-view #region-main-settings-menu>div {
  position: absolute;
  right: 0;
  z-index: 100;
  margin: 1rem
}

#page-mod-page-view .elan-page-content-container {
  padding-top: 0;
  padding-bottom: 0;
  max-width: unset;
  padding: unset
}

#page-mod-page-view .elan-page-content-container .no-overflow {
  overflow: inherit
}

#page-mod-page-view .elan-page-content-container #region-main {
  border: 0;
  padding: 0;
  margin: 0
}

#page-mod-page-view .elan-page-content-container #region-main .box.py-3 {
  padding: 0!important
}

#page-mod-page-view .elan-page-content-container .modified {
  padding: 0 25px;
  padding-top: 20px;
  border-top: 1px solid #efefef
}

#page-mod-page-view .elan-page-content-container .activity-navigation {
  padding-bottom: 30px
}

.addbloglink {
  text-align: center;
  position: fixed;
  top: 68px;
  right: 0;
  z-index: 999999999;
  margin: auto;
  padding: 9px;
  overflow: visible
}

.addbloglink a {
  background: var(--mainColor);
  padding: 9px 22px;
  color: #fff;
  font-weight: 700
}

.no-overflow {
  overflow: unset
}

#page-blog-index .commands,#page-blog-index .comment-link {
  background: #e5e5e5;
  padding: 7px 10px;
  color: #fff!important;
  border-radius: 4px;
  margin-bottom: 5px;
  color: #0f0f0f!important
}

.blog-area br {
  display: none
}

.courses-section .col-lg-4 {
  display: none
}

.category-browse.courses .col-lg-4 {
  display: block
}

.btn.btn-secondary,.btn.btn-primary {
  display: inline-block;
  border: none;
  text-align: center;
  border-radius: 5px;
  color: var(--whiteColor);
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--mainColor);
  padding: 12.5px 35px 12.5px 35px;
  font-size: var(--fontSize);
  font-weight: 600
}

.btn.btn-secondary,.btn.btn-primary:hover {
  color: #fff;
  background-color: var(--secondaryColor)
}

.btn.btn-secondary:hover {
  background-color: var(--mainColor)
}

.blog-area.ptb-100 {
  padding-bottom: 65px
}

#page-course-index-category .categorypicker {
  display: inline-block;
  float: right;
  margin: 10px 0 20px
}

.simplesearchform .btn {
  padding-left: 15px;
  padding-right: 15px
}

.course_category_tree .row {
  width: 100%
}

#page-course-index-category .elan-page-content-container #region-main,.path-course .elan-page-content-container #region-main {
  border: 0;
  padding: 0;
  margin: 0
}

#region-main {
  overflow-x: hidden;
  overflow-y: hidden
}

.courses-details-header .courses-price {
  text-align: right;
  padding-right: 75px
}

.courses-title p {
  margin-left: 38px
}

.courses-details-desc img {
  margin-bottom: 10px;
  border-radius: 15px
}

#page-enrol-index .generalbox {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

#page-enrol-index #region-main {
  border: 0;
  padding: 0
}

#page-enrol-index .generalbox {
  text-align: center;
  border-style: solid;
  border-width: 2px;
  border-color: #edeff7;
  border-radius: 5px;
  background-color: rgba(42,53,59,0);
  margin: 35px 0;
  padding: 30px!important
}

#page-enrol-index .generalbox .mdl-align a,#page-enrol-index .generalbox .mdl-align form input[type="submit"] {
  background-color: #fff;
  border: 2px solid #FE824C;
  border-radius: 27px;
  color: #FE824C;
  display: block;
  font-size: 15px;
  max-width: 234px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  padding: 10px 27px;
  margin: 23px auto 0;
  outline: none
}

#page-enrol-index .generalbox .mdl-align a:hover,#page-enrol-index .generalbox .mdl-align form input[type="submit"]:hover {
  background-color: #FE824C;
  color: #fff
}

#page-enrol-index .generalbox form input[type="submit"] {
  background-color: #fff;
  border: 2px solid #FE824C;
  border-radius: 27px;
  color: #FE824C;
  display: block;
  font-size: 15px;
  max-width: 234px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  padding: 10px 27px;
  margin: 23px auto 0;
  outline: none
}

#page-enrol-index .generalbox form input[type="submit"]:hover {
  background-color: #FE824C;
  color: #fff
}

#page-mod-page-view .main.page-section-title-hide,.blog-area .main.page-section-title-hide {
  display: none
}

#quiz-timer-wrapper #quiz-timer {
  position: relative;
  top: -50px
}

.path-course-view .topics #section-0 .sectionname {
  display: none
}

@media only screen and (max-width: 767px) {
  body {
      font-size:13.5px
  }

  p {
      font-size: 13.5px
  }

  .ptb-100 {
      padding-top: 60px;
      padding-bottom: 60px
  }

  .pt-100 {
      padding-top: 60px
  }

  .pb-100 {
      padding-bottom: 60px
  }

  .ptb-70 {
      padding-top: 30px;
      padding-bottom: 30px
  }

  .pt-70 {
      padding-top: 30px
  }

  .pb-70 {
      padding-bottom: 30px
  }

  .section-title {
      margin-bottom: 40px;
      max-width: 100%
  }

  .section-title .sub-title {
      font-size: 13px
  }

  .section-title h2 {
      font-size: 22px
  }

  .default-btn {
      padding: 12px 25px 12.5px 48px;
      font-size: 13.5px
  }

  .default-btn i {
      left: 25px;
      font-size: 15px
  }

  .form-control {
      font-size: 13.5px
  }

  .main-banner-area {
      border-radius: 0;
      padding-top: 60px;
      padding-bottom: 60px
  }

  .main-banner-area .container-fluid {
      position: relative;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .main-banner-area .single-courses-box {
      top: 0;
      right: 0;
      max-width: 100%;
      position: relative
  }

  .main-banner-content {
      max-width: 100%;
      text-align: center
  }

  .main-banner-content .sub-title {
      margin-bottom: 18px;
      font-size: 11px;
      padding-right: 10px;
      padding-left: 24px
  }

  .main-banner-content .sub-title i {
      left: 10px;
      margin-top: 0
  }

  .main-banner-content h1 {
      font-size: 27px
  }

  .main-banner-content p {
      font-size: 13.5px;
      max-width: 100%
  }

  .main-banner-content .default-btn {
      margin-top: 5px
  }

  .main-banner-image {
      text-align: center;
      margin-top: 30px
  }

  .main-banner-image img {
      max-width: 100%
  }

  .popular-tag {
      display: none
  }

  .banner-area {
      padding-top: 60px
  }

  .banner-area .container-fluid {
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .banner-content {
      padding-right: 0;
      text-align: center
  }

  .banner-content .sub-title {
      margin-bottom: 18px;
      font-size: 11px;
      padding-right: 10px;
      padding-left: 24px
  }

  .banner-content .sub-title i {
      left: 10px;
      margin-top: 0
  }

  .banner-content h1 {
      font-size: 27px
  }

  .banner-content p {
      font-size: 13.5px
  }

  .banner-content form {
      max-width: 100%;
      margin-top: 20px
  }

  .banner-content form label {
      top: 12px;
      left: 15px;
      font-size: 20px
  }

  .banner-content form .input-search {
      font-size: 14px;
      height: 45px;
      padding-left: 45px
  }

  .banner-content form button {
      height: 45px;
      position: relative;
      margin-top: 15px;
      border-radius: 5px;
      font-size: 13.5px
  }

  .banner-content .popular-search-list {
      margin-top: 10px
  }

  .banner-content .popular-search-list li {
      margin-top: 10px
  }

  .banner-image {
      margin-top: 30px
  }

  .banner-inner-area {
      margin-top: 60px;
      border-radius: 5px;
      padding-top: 30px;
      padding-left: 15px;
      padding-right: 15px
  }

  .single-banner-box {
      padding-left: 45px
  }

  .single-banner-box .icon {
      font-size: 30px
  }

  .single-banner-box h3 {
      font-size: 18px
  }

  .banner-wrapper-area {
      padding-top: 60px;
      padding-bottom: 215px
  }

  .banner-wrapper-area .container-fluid {
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .banner-wrapper-area .text {
      display: none
  }

  .banner-wrapper-area::before {
      height: 150px
  }

  .banner-wrapper-area.bg-black {
      padding-top: 60px;
      padding-bottom: 60px
  }

  .banner-wrapper-area.bg-black .banner-wrapper-content {
      max-width: 100%;
      text-align: center
  }

  .banner-wrapper-content {
      max-width: 420px
  }

  .banner-wrapper-content .sub-title {
      margin-bottom: 18px;
      font-size: 11px;
      padding-right: 10px;
      padding-left: 24px
  }

  .banner-wrapper-content .sub-title i {
      left: 10px;
      margin-top: 0
  }

  .banner-wrapper-content h1 {
      font-size: 27px
  }

  .banner-wrapper-content p {
      font-size: 13px
  }

  .banner-wrapper-content form {
      max-width: 100%;
      margin-top: 20px
  }

  .banner-wrapper-content form label {
      top: 12px;
      left: 15px;
      font-size: 20px
  }

  .banner-wrapper-content form .input-search {
      font-size: 14px;
      height: 45px;
      padding-left: 45px
  }

  .banner-wrapper-content form button {
      height: 45px;
      position: relative;
      margin-top: 15px;
      border-radius: 5px;
      font-size: 13.5px
  }

  .banner-wrapper-content .popular-search-list {
      margin-top: 10px
  }

  .banner-wrapper-content .popular-search-list li {
      margin-top: 10px
  }

  .banner-shape,.banner-arrow {
      display: none
  }

  .single-features-box {
      padding: 20px 15px;
      -webkit-box-shadow: 0 0 30px rgba(29,23,77,.07);
      box-shadow: 0 0 30px rgba(29,23,77,.07)
  }

  .single-features-box h3 {
      font-size: 18px
  }

  .single-features-box .link-btn i {
      top: -2.5px
  }

  .features-box {
      padding: 0;
      -webkit-box-shadow: unset!important;
      box-shadow: unset!important;
      background-color: transparent!important
  }

  .features-box .icon {
      font-size: 45px;
      margin-top: -5px;
      margin-bottom: 10px
  }

  .features-box h3 {
      font-size: 18px
  }

  .features-box .link-btn i {
      top: -2.5px
  }

  .about-area .container-fluid {
      max-width: 100%;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .about-inner-area {
      margin-bottom: -5px;
      padding-bottom: 60px;
      border-bottom: 1px solid #eee
  }

  .about-inner-area::before {
      display: none
  }

  .about-inner-area.without-border {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .about-image {
      padding-right: 0;
      margin-bottom: 30px
  }

  .about-content {
      padding-left: 0;
      max-width: 100%;
      text-align: center
  }

  .about-content .sub-title {
      font-size: 13px
  }

  .about-content h2 {
      font-size: 22px
  }

  .about-content .features-list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: -10px
  }

  .about-content .features-list li span {
      margin-top: 20px;
      padding-left: 0;
      font-size: 17px
  }

  .about-content .features-list li span i {
      display: block;
      position: relative;
      margin-bottom: 8px
  }

  .about-content .default-btn {
      margin-top: 25px
  }

  .single-courses-box .image .category-list {
      left: 10px;
      top: 10px
  }

  .single-courses-box .image .category-list a {
      padding: 2px 8px;
      font-size: 13px
  }

  .single-courses-box .image .ribbon span {
      font-size: 10px
  }

  .single-courses-box .content {
      padding: 20px 15px
  }

  .single-courses-box .content .price {
      right: 15px;
      padding: 6px 15px;
      top: -20px;
      font-size: 17px
  }

  .single-courses-box .content .author {
      margin-bottom: 13px
  }

  .single-courses-box .content .author img {
      width: 38px;
      height: 38px
  }

  .single-courses-box .content .author span {
      margin-left: 10px;
      font-size: 14px
  }

  .single-courses-box .content h3 {
      font-size: 17px;
      margin-bottom: 15px
  }

  .single-courses-box .content .courses-box-list {
      padding: 8px 10px
  }

  .single-courses-box .content .courses-box-list li {
      padding-left: 21px
  }

  .single-courses-box .content .courses-box-list li i {
      font-size: 15px;
      top: -1px
  }

  .single-courses-item .image .category-list {
      left: 10px;
      top: 10px
  }

  .single-courses-item .image .category-list a {
      padding: 2px 8px;
      font-size: 13px
  }

  .single-courses-item .image .ribbon span {
      font-size: 10px
  }

  .single-courses-item .content {
      padding: 40px 15px 20px
  }

  .single-courses-item .content .price {
      padding: 6px 15px;
      top: -20px;
      font-size: 17px
  }

  .single-courses-item .content .author {
      margin-bottom: 13px
  }

  .single-courses-item .content .author img {
      width: 38px;
      height: 38px
  }

  .single-courses-item .content .author span {
      margin-left: 10px;
      font-size: 14px
  }

  .single-courses-item .content h3 {
      font-size: 17px;
      margin-bottom: 15px
  }

  .single-courses-item .content .courses-box-list {
      padding: 8px 10px
  }

  .single-courses-item .content .courses-box-list li {
      padding-left: 21px
  }

  .single-courses-item .content .courses-box-list li i {
      font-size: 15px;
      top: -1px
  }

  .courses-box .image {
      height: auto;
      border-radius: 5px 0 0 5px;
      background-image: unset!important
  }

  .courses-box .image img {
      display: inline-block
  }

  .courses-box .image .category-list {
      left: 10px;
      top: 10px
  }

  .courses-box .image .category-list a {
      padding: 2px 8px;
      font-size: 13px
  }

  .courses-box .image .ribbon span {
      font-size: 10px
  }

  .courses-box .content {
      padding: 20px 15px
  }

  .courses-box .content h3 {
      font-size: 17px;
      margin-bottom: 15px
  }

  .courses-box .content .courses-box-list {
      padding: 8px 10px
  }

  .courses-box .content .courses-box-list li {
      padding-left: 21px
  }

  .courses-box .content .courses-box-list li i {
      font-size: 15px;
      top: -1px
  }

  .courses-box .content .courses-box-footer {
      margin-top: 20px
  }

  .courses-box .content .courses-box-footer li .price {
      padding: 6px 15px;
      font-size: 17px
  }

  .courses-box .content .courses-box-footer li .author img {
      width: 38px;
      height: 38px
  }

  .courses-box .content .courses-box-footer li .author span {
      margin-left: 10px;
      font-size: 14px
  }

  .courses-info {
      max-width: 100%;
      margin-top: 0
  }

  .courses-info p {
      font-weight: 400;
      font-size: 13.5px
  }

  .courses-info .default-btn {
      margin-top: 5px
  }

  .shorting-menu {
      margin-top: -10px;
      margin-bottom: 20px
  }

  .shorting-menu .filter {
      font-size: 14px;
      margin-bottom: 10px
  }

  .shorting-menu.shorting-menu-style-two {
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px
  }

  .shorting-menu.shorting-menu-style-two .filter {
      margin-bottom: 0;
      margin-left: 7px;
      margin-right: 7px;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 2px
  }

  .courses-filter-area {
      padding-bottom: 15px
  }

  .courses-filter-area .form-select {
      margin-bottom: 15px;
      font-size: 13.5px
  }

  .showMoreItemsList+.button-box button {
      margin-top: 0
  }

  .single-funfacts-box h3 {
      font-size: 30px;
      margin-bottom: 5px
  }

  .single-funfacts-box p {
      font-size: 14px
  }

  .single-categories-box {
      padding: 20px 15px
  }

  .single-categories-box .icon img {
      height: 45px;
      width: 45px
  }

  .single-categories-box h3 {
      font-size: 18px
  }

  .single-categories-box .content {
      padding: 20px 15px
  }

  .single-categories-box .content .link-btn {
      width: 35px;
      height: 35px;
      font-size: 22px;
      line-height: 35px
  }

  .categories-slides.owl-theme .owl-nav {
      opacity: 1;
      margin-top: 20px;
      visibility: visible
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-] {
      position: relative;
      left: 0;
      margin: 0 6px;
      width: 35px;
      font-size: 22px;
      height: 35px;
      line-height: 35px;
      top: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: 0;
      right: 0
  }

  .single-testimonials-box {
      padding: 20px 15px;
      text-align: center
  }

  .single-testimonials-box p {
      font-size: 14px
  }

  .single-testimonials-box::before {
      display: none
  }

  .single-testimonials-box .client-info {
      margin-top: 20px
  }

  .single-testimonials-box .client-info .d-flex {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .single-testimonials-box .client-info h3 {
      font-size: 15px;
      margin-bottom: 6px
  }

  .single-testimonials-box .client-info span {
      font-size: 13px
  }

  .single-testimonials-box .client-info .title {
      text-align: left
  }

  .testimonials-slides.owl-theme .owl-nav {
      opacity: 1;
      margin-top: 20px;
      visibility: visible
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
      position: relative;
      left: 0;
      margin: 0 6px;
      width: 35px;
      font-size: 22px;
      height: 35px;
      line-height: 37px;
      top: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: 0;
      right: 0
  }

  .partner-title.section-title {
      text-align: center;
      margin-bottom: 40px
  }

  .partner-item-list {
      padding-left: 0
  }

  .partner-item a {
      padding: 20px 15px
  }

  .unlimited-access-content {
      margin-top: 60px;
      padding: 60px 15px;
      text-align: center
  }

  .unlimited-access-content .sub-title {
      font-size: 13px
  }

  .unlimited-access-content h2 {
      font-size: 22px
  }

  .unlimited-access-content .text-end {
      text-align: center!important
  }

  .unlimited-access-content .default-btn {
      margin-top: 20px
  }

  .team-area.bg-color::before {
      -webkit-clip-path: unset;
      clip-path: unset;
      height: 150px
  }

  .team-area.bg-shape::before {
      height: 100%;
      bottom: 0;
      background-image: unset!important;
      background-color: #F9F9F9
  }

  .team-area.bg-shape.without-bg {
      padding-top: 60px
  }

  .single-team-member .image .share {
      display: none
  }

  .single-team-member .image .social-links {
      opacity: 1;
      visibility: visible;
      right: 0;
      left: 0;
      bottom: 0
  }

  .single-team-member .image .social-links li a {
      font-size: 18px;
      width: 38px;
      line-height: 43px;
      height: 38px
  }

  .single-team-member .content {
      padding: 20px 15px
  }

  .single-team-member .content h3 {
      font-size: 17px
  }

  .intro-video-area.bg-color {
      margin-top: -1px
  }

  .intro-video-area.bg-color::after {
      display: none
  }

  .intro-video-area.bg-color::before {
      height: 60px;
      bottom: -1px
  }

  .video-box {
      max-width: 100%
  }

  .video-box .video-btn {
      width: 60px;
      height: 60px;
      font-size: 40px;
      line-height: 60px
  }

  .lines {
      display: none
  }

  .shape1,.shape2 {
      display: none
  }

  .divider {
      height: 60px
  }

  .get-instant-content {
      text-align: center;
      margin-bottom: 30px
  }

  .get-instant-content .sub-title {
      font-size: 13px
  }

  .get-instant-content h2 {
      font-size: 22px;
      margin-bottom: 12px
  }

  .get-instant-content p {
      max-width: 100%
  }

  .get-instant-content .default-btn {
      margin-top: 5px
  }

  .single-blog-post-2 {
      text-align: center
  }

  .single-blog-post-2 .image {
      padding-right: 0
  }

  .single-blog-post-2 .image .date {
      position: relative;
      padding-left: 0;
      top: 0;
      margin-top: 20px;
      display: block;
      right: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .single-blog-post-2 .image .date::before {
      display: none
  }

  .single-blog-post-2 .content {
      margin-top: 12px;
      padding-right: 0
  }

  .single-blog-post-2 .content h3 {
      font-size: 18px
  }

  .single-blog-post-2 .content .link-btn {
      margin-top: 0
  }

  .single-blog-post-2 .content .link-btn i {
      top: -2.5px
  }

  .single-blog-post {
      text-align: center
  }

  .single-blog-post .image {
      padding-right: 0
  }

  .single-blog-post .image .date {
      position: relative;
      padding-left: 0;
      top: 0;
      margin-top: 20px;
      display: block;
      right: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .single-blog-post .image .date::before {
      display: none
  }

  .single-blog-post .content {
      margin-top: 12px;
      padding-right: 0
  }

  .single-blog-post .content h3 {
      font-size: 18px
  }

  .single-blog-post .content .link-btn {
      margin-top: 0
  }

  .single-blog-post .content .link-btn i {
      top: -2.5px
  }

  .single-blog-item .image .tag-list a {
      font-size: 13px
  }

  .single-blog-item .content {
      padding: 20px 15px
  }

  .single-blog-item .content .meta li {
      padding-left: 21px
  }

  .single-blog-item .content .meta li i {
      font-size: 14px;
      top: 0
  }

  .single-blog-item .content h3 {
      font-size: 18px
  }

  .single-blog-item .content .link-btn i {
      top: -2.5px
  }

  .get-started-content .sub-title {
      font-size: 13px
  }

  .get-started-content h2 {
      font-size: 22px
  }

  .get-started-content .default-btn {
      margin-top: 2px
  }

  .get-started-shape1 {
      position: relative;
      left: 0;
      margin-top: 35px;
      text-align: center;
      z-index: auto;
      bottom: 0;
      max-width: 100%;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .get-started-shape2 {
      position: relative;
      right: 0;
      z-index: auto;
      text-align: center;
      bottom: 0;
      margin-top: 35px;
      max-width: 100%;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .subscribe-content .sub-title {
      font-size: 13px
  }

  .subscribe-content h2 {
      margin-bottom: 10px;
      font-size: 22px
  }

  .subscribe-content .newsletter-form {
      margin-top: 30px
  }

  .subscribe-content .newsletter-form .input-newsletter {
      height: 50px;
      padding-left: 15px;
      font-size: 13px
  }

  .subscribe-content .newsletter-form .default-btn {
      position: relative;
      height: auto;
      border-radius: 5px;
      margin-top: 15px
  }

  .subscribe-shape1,.subscribe-shape2 {
      display: none
  }

  .page-title-area {
      padding-top: 60px;
      padding-bottom: 60px
  }

  .page-title-content .page-header-h2 .breadcrumb li:last-child {
      font-size: 25px
  }

  .page-title-content .breadcrumb:not(:empty) {
      border: 0;
      padding: 0;
      margin-bottom: 0
  }

  .page-title-content #page-navbar {
      margin-top: 5px
  }

  .page-title-content #page-navbar .breadcrumb .breadcrumb-item {
      font-size: 13px;
      margin-top: 5px
  }

  .page-title-content #page-navbar .breadcrumb .breadcrumb-item::before {
      top: 4px
  }

  .instructor-register-box {
      padding: 25px 15px;
      max-width: 100%
  }

  .instructor-register-box h2 {
      font-size: 22px
  }

  .instructor-register-box form {
      margin-top: 30px
  }

  .blog-details-desc .article-content .entry-meta ul {
      margin-bottom: -10px
  }

  .blog-details-desc .article-content .entry-meta ul li {
      padding-left: 18px;
      margin-right: 12px;
      margin-bottom: 12px
  }

  .blog-details-desc .article-content h3 {
      font-size: 18px
  }

  .blog-details-desc .article-footer {
      text-align: center
  }

  .blog-details-desc .article-footer .article-tags {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .blog-details-desc .article-footer .article-tags a {
      padding: 6px 20px;
      font-size: 13px
  }

  .blog-details-desc .article-footer .article-share {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: 20px
  }

  .blog-details-desc .article-footer .article-share .social {
      text-align: center
  }

  .prev-link-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 0
  }

  .prev-link-wrapper a {
      padding: 20px
  }

  .prev-link-wrapper .prev-title {
      font-size: 15px
  }

  .prev-link-wrapper .post-nav-title {
      font-size: 13px
  }

  .prev-link-wrapper .post-nav-title i {
      font-size: 20px;
      top: .5px
  }

  .next-link-wrapper {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0;
      margin-top: 15px
  }

  .next-link-wrapper a {
      padding: 20px
  }

  .next-link-wrapper .next-title {
      font-size: 15px
  }

  .next-link-wrapper .next-nav-title {
      font-size: 13px
  }

  .next-link-wrapper .next-nav-title i {
      font-size: 20px;
      top: .5px
  }

  blockquote,.blockquote {
      padding: 20px 15px!important
  }

  blockquote p,.blockquote p {
      font-size: 15px!important
  }

  .comments-area .comments-title {
      font-size: 18px
  }

  .comments-area .comment-author {
      font-size: 15px
  }

  .comments-area .comment-author .avatar {
      top: 0;
      left: 0;
      display: block;
      position: relative;
      margin-bottom: 14px
  }

  .comments-area .comment-body {
      padding-left: 0
  }

  .comments-area .comment-respond .comment-reply-title {
      font-size: 18px
  }

  .comments-area .comment-respond .comment-form-author {
      width: 100%;
      padding-right: 0
  }

  .comments-area .comment-respond .comment-form-email {
      width: 100%;
      padding-left: 0
  }

  .comments-area .comment-respond input[type="date"],.comments-area .comment-respond input[type="time"],.comments-area .comment-respond input[type="datetime-local"],.comments-area .comment-respond input[type="week"],.comments-area .comment-respond input[type="month"],.comments-area .comment-respond input[type="text"],.comments-area .comment-respond input[type="email"],.comments-area .comment-respond input[type="url"],.comments-area .comment-respond input[type="password"],.comments-area .comment-respond input[type="search"],.comments-area .comment-respond input[type="tel"],.comments-area .comment-respond input[type="number"],.comments-area .comment-respond textarea {
      font-size: 13px;
      padding-left: 12px
  }

  .comments-area .comment-respond textarea {
      padding-top: 12px
  }

  .comments-area .comment-respond .comment-form-cookies-consent label {
      font-size: 14px
  }

  .comments-area .comment-respond .form-submit input {
      font-size: 13px
  }

  .widget-area {
      padding-left: 0;
      margin-top: 40px
  }

  .widget-area .widget {
      padding: 20px
  }

  .widget-area .widget .widget-title {
      font-size: 18px
  }

  .widget-area .widget_search {
      padding: 0
  }

  .widget-area .widget_elan_posts_thumb .item .info .title {
      font-size: 14px
  }

  .widget-area .widget_tag_cloud .tagcloud a {
      font-size: 13px!important
  }

  .widget-area .widget_popular_courses .item .info span {
      font-size: 13px
  }

  .widget-area .widget_popular_courses .item .info .title {
      font-size: 14px
  }

  .widget-area.left-sidebar {
      padding-right: 0;
      margin-top: 0;
      margin-bottom: 40px
  }

  .pagination-area {
      margin-top: 0
  }

  .pagination-area .page-numbers {
      width: 35px;
      height: 35px;
      line-height: 34px;
      font-size: 14px
  }

  .cart-table-desc table thead tr th {
      font-size: 14px;
      white-space: nowrap
  }

  .cart-table-desc table tbody tr td {
      padding-right: 20px;
      white-space: nowrap;
      font-size: 13px;
      text-align: center
  }

  .cart-buttons-desc .shopping-coupon-code .form-control {
      padding-left: 10px
  }

  .cart-buttons-desc .shopping-coupon-code button {
      padding: 0 15px;
      font-size: 12px
  }

  .cart-buttons-desc .text-end {
      text-align: center!important;
      margin-top: 30px
  }

  .cart-totals-desc {
      margin-top: 30px;
      padding: 20px 15px
  }

  .cart-totals-desc h3 {
      font-size: 18px;
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 14px;
      margin-top: -20px;
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 20px
  }

  .cart-totals-desc .default-btn {
      margin-top: 20px
  }

  .billing-details-desc {
      padding: 20px 15px
  }

  .billing-details-desc h3 {
      font-size: 18px;
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 14px;
      margin-top: -20px;
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 20px
  }

  .billing-details-desc .form-group .form-select {
      font-size: 13px
  }

  .order-details-desc {
      margin-top: 30px;
      padding: 20px 15px
  }

  .order-details-desc h3 {
      font-size: 18px;
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 14px;
      margin-left: -15px;
      margin-right: -15px;
      margin-bottom: 20px;
      margin-top: -20px
  }

  .order-details-desc .default-btn {
      margin-top: 20px
  }

  .coming-soon-image {
      height: auto;
      background-image: unset!important
  }

  .coming-soon-image img {
      display: inline-block
  }

  .coming-soon-content {
      height: auto;
      padding-top: 60px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 60px
  }

  .coming-soon-content h2 {
      font-size: 25px;
      margin-top: 25px
  }

  .coming-soon-content #timer {
      margin-top: 10px
  }

  .coming-soon-content #timer div {
      width: 95px;
      height: 100px;
      font-size: 30px;
      margin-top: 20px
  }

  .coming-soon-content #timer div span {
      font-size: 14px
  }

  .coming-soon-content #timer div:first-child {
      margin-left: 10px
  }

  .coming-soon-content #timer div:last-child {
      margin-right: 10px
  }

  .coming-soon-content form {
      max-width: 435px;
      margin-top: 30px
  }

  .coming-soon-content form .default-btn {
      right: 0;
      bottom: 0;
      width: 100%;
      display: block;
      margin-top: 15px;
      position: relative;
      padding: 15px 20px 13px
  }

  .coming-soon-content form .input-newsletter {
      padding: 0 0 0 15px;
      font-size: 13px;
      height: 50px
  }

  .contact-content {
      padding-right: 0;
      text-align: center
  }

  .contact-content .sub-title {
      font-size: 13px
  }

  .contact-content h2 {
      font-size: 22px
  }

  .contact-content .single-contact-info-box .icon {
      width: 60px;
      height: 60px;
      font-size: 30px;
      margin-left: auto;
      margin-right: auto
  }

  .contact-content .single-contact-info-box h3 {
      font-size: 18px
  }

  .contact-image {
      padding-left: 0;
      margin-top: 30px
  }

  .maps {
      height: auto
  }

  .maps iframe {
      height: 400px
  }

  .contact-form {
      text-align: center;
      padding-left: 0;
      padding-bottom: 0
  }

  .contact-form .sub-title {
      font-size: 13px
  }

  .contact-form h2 {
      font-size: 22px
  }

  .contact-form #contactForm {
      text-align: start
  }

  .elan-grid-sorting {
      margin-bottom: 30px;
      text-align: center
  }

  .elan-grid-sorting .ordering {
      margin-top: 15px;
      text-align: center
  }

  .elan-grid-sorting .ordering .form-select {
      font-size: 14px
  }

  .error-content p {
      max-width: 100%;
      margin-top: 25px;
      margin-bottom: 20px
  }

  .single-events-item .content {
      padding: 20px 15px
  }

  .single-events-item .content .date {
      font-size: 13px
  }

  .single-events-item .content h3 {
      font-size: 18px
  }

  .single-events-item .content .time-location li {
      padding-left: 20px;
      font-size: 13px
  }

  .single-events-item .content .time-location li i {
      font-size: 15px;
      top: 1px
  }

  .single-events-box .content {
      padding: 20px 15px
  }

  .single-events-box .content .time {
      padding-left: 20px;
      font-size: 13px
  }

  .single-events-box .content .time i {
      font-size: 15px;
      top: 1px
  }

  .single-events-box .content h3 {
      font-size: 18px
  }

  .single-events-box .content .location {
      padding-left: 20px;
      font-size: 13px
  }

  .single-events-box .content .location i {
      font-size: 15px;
      top: 1px
  }

  .faq-accordion .accordion-button {
      font-size: 14px;
      text-align: start;
      padding: 10px 15px
  }

  .faq-accordion .accordion-button::after {
      width: 1rem;
      height: 1rem;
      background-size: 1rem
  }

  .faq-accordion .accordion-body {
      padding: 15px
  }

  .profile-box .content {
      padding-left: 0;
      margin-top: 30px
  }

  .profile-box .content h3 {
      margin-bottom: 10px;
      font-size: 18px
  }

  .profile-box .content .sub-title {
      font-size: 13px
  }

  .profile-box .content h4 {
      font-size: 16px
  }

  .instructor-courses {
      margin-top: 40px
  }

  .instructor-courses .nav-tabs {
      margin-bottom: 30px
  }

  .instructor-courses .nav-tabs .nav-link {
      font-size: 14px
  }

  .privacy-policy-content h3 {
      font-size: 18px
  }

  .terms-conditions-content h3 {
      font-size: 18px
  }

  .single-products-box .image .buttons-list li {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  .single-products-box .content h3 {
      font-size: 18px
  }

  .single-products-box .content .rating i {
      font-size: 15px
  }

  .single-products-box .content .price span {
      font-size: 14px
  }

  .productsQuickView .modal-dialog {
      max-width: 100%
  }

  .productsQuickView .modal-content {
      padding: 20px 15px
  }

  .productsQuickView .modal-content .products-content {
      margin-top: 30px
  }

  .productsQuickView .modal-content .products-content h3 {
      font-size: 17px
  }

  .productsQuickView .modal-content .products-content .price {
      font-size: 14px
  }

  .productsQuickView .modal-content .products-content .products-add-to-cart {
      margin-top: 20px
  }

  .productsQuickView .modal-content .products-content .social-share {
      margin-top: 25px
  }

  .products-details-desc {
      padding-left: 0;
      margin-top: 30px
  }

  .products-details-desc h3 {
      font-size: 18px;
      margin-bottom: 12px
  }

  .products-details-desc .price {
      margin-bottom: 15px;
      font-size: 14px
  }

  .products-details-desc .products-review {
      margin-bottom: 15px
  }

  .products-details-desc .products-review .rating {
      font-size: 15px
  }

  .products-details-desc .products-meta span {
      font-size: 14px
  }

  .products-details-desc .products-add-to-cart .input-counter input {
      height: 47px;
      font-size: 16px
  }

  .products-details-desc .products-add-to-cart .input-counter span {
      line-height: 50px;
      font-size: 22px
  }

  .products-details-desc .add-to-wishlist-btn i {
      top: 1px
  }

  .products-details-tabs .nav {
      margin-bottom: 30px
  }

  .products-details-tabs .nav .nav-item {
      margin-left: 10px;
      margin-right: 10px
  }

  .products-details-tabs .nav .nav-item .nav-link {
      font-size: 16px
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews h3 {
      font-size: 18px
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews .rating {
      top: 2px
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews .rating span {
      font-size: 17px
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews .side {
      width: 21%
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews .side div {
      font-size: 15px
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews .middle {
      width: 58%
  }

  .products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
      padding-bottom: 10px;
      font-size: 18px
  }

  .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
      padding-left: 0
  }

  .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
      position: relative;
      left: 0;
      top: 0;
      margin-bottom: 15px
  }

  .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review .review-rating span {
      display: block!important;
      top: 0;
      font-size: 16px;
      margin-left: 0;
      margin-top: 5px
  }

  .products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
      font-size: 18px
  }

  .products-details-tabs .tab-content .tab-pane .review-form-wrapper form button {
      margin-top: 20px;
      padding: 12px 45px;
      font-size: 15px
  }

  .login-form {
      padding: 20px;
      margin-right: 0;
      margin-bottom: 30px
  }

  .login-form h2 {
      font-size: 25px
  }

  .login-form form .lost-your-password-wrap {
      text-align: start;
      margin-top: 10px
  }

  .login-form form button {
      padding: 13px 30px;
      font-size: 14px
  }

  .register-form {
      padding: 20px;
      margin-left: 0
  }

  .register-form h2 {
      font-size: 25px
  }

  .register-form form .lost-your-password-wrap {
      text-align: start;
      margin-top: 10px
  }

  .register-form form button {
      padding: 13px 30px;
      font-size: 14px
  }

  .timeline li .line {
      display: none
  }

  .timeline li:nth-child(odd) {
      margin-bottom: 35px;
      height: auto;
      left: 0
  }

  .timeline li:nth-child(even) {
      margin-bottom: 35px;
      height: auto;
      right: 0
  }

  .timeline li .timeline-image {
      left: 0;
      z-index: initial;
      width: auto;
      height: auto;
      position: relative;
      border-radius: 50%;
      margin-left: 0
  }

  .timeline li .timeline-panel {
      text-align: center;
      position: relative;
      margin-top: 25px;
      float: unset;
      width: auto;
      padding: 0
  }

  .timeline li .timeline-heading h3 {
      font-size: 18px
  }

  .timeline li.timeline-inverted .timeline-panel {
      padding: 0;
      float: unset;
      text-align: center
  }

  .timeline li:last-child {
      margin-bottom: 0!important
  }

  .events-details-header {
      text-align: center
  }

  .events-details-header .date {
      font-size: 13px
  }

  .events-details-header h2 {
      font-size: 20px;
      margin-bottom: 15px
  }

  .events-details-header .time-location li {
      padding-left: 20px;
      font-size: 13px
  }

  .events-details-header .time-location li i {
      font-size: 15px;
      top: 1px
  }

  .events-details-header #timer {
      margin-top: 5px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .events-details-header #timer div {
      width: 95px;
      height: 95px;
      font-size: 30px;
      margin-top: 20px
  }

  .events-details-header #timer div span {
      font-size: 14px
  }

  .events-details-header #timer div:first-child {
      margin-left: 10px
  }

  .events-details-header #timer div:last-child {
      margin-right: 10px
  }

  .events-details-image {
      margin-top: 30px
  }

  .events-details-desc h3 {
      font-size: 18px
  }

  .events-details-info {
      margin-top: 30px;
      padding: 20px
  }

  .events-details-info .info li {
      font-size: 14px;
      padding-top: 12px;
      padding-bottom: 12px
  }

  .events-details-info .info li.price {
      padding-bottom: 8px;
      font-size: 18px
  }

  .events-details-info .btn-box {
      margin-top: 20px
  }

  .events-details-info .events-share {
      margin-top: 20px
  }

  .events-details-info .events-share .share-info span {
      padding-right: 5px;
      font-size: 13px
  }

  .courses-details-header {
      text-align: center
  }

  .courses-details-header .rating {
      font-size: 15px
  }

  .courses-details-header .rating .rating-count {
      font-size: 14px
  }

  .courses-details-header p {
      padding-right: 0;
      font-size: 13px;
      margin-left: 0
  }

  .courses-details-header h2 {
      font-size: 20px;
      margin-bottom: 15px
  }

  .courses-details-header .courses-meta {
      margin-top: 5px
  }

  .courses-details-header .courses-meta li {
      font-size: 14px;
      text-align: start;
      padding-left: 33px;
      padding-right: 10px;
      margin-right: 10px;
      margin-top: 15px
  }

  .courses-details-header .courses-meta li i {
      font-size: 25px
  }

  .courses-details-header .default-btn {
      margin-top: 20px
  }

  .courses-details-image {
      margin-top: 30px
  }

  .courses-details-image .content .popup-video {
      width: 60px;
      height: 60px;
      font-size: 40px;
      line-height: 60px
  }

  .courses-details-desc .nav {
      padding-top: 10px;
      padding-bottom: 0;
      padding-left: 15px;
      padding-right: 15px
  }

  .courses-details-desc .nav .nav-item {
      margin-right: 20px;
      margin-bottom: 10px
  }

  .courses-details-desc .nav .nav-item .nav-link {
      padding: 5px 0;
      font-size: 15px
  }

  .courses-details-desc .tab-content {
      padding-top: 30px;
      padding-left: 0;
      padding-right: 0
  }

  .courses-details-desc .courses-overview h3 {
      font-size: 18px
  }

  .courses-details-desc .courses-curriculum {
      padding: 20px;
      margin-left: 0;
      margin-right: 0
  }

  .courses-details-desc .courses-curriculum h3 {
      font-size: 18px;
      margin-bottom: 15px
  }

  .courses-details-desc .courses-curriculum ul li a {
      display: block!important;
      padding-top: 13px;
      padding-left: 40px;
      padding-right: 15px;
      padding-bottom: 13px;
      margin-left: -20px;
      margin-right: -20px
  }

  .courses-details-desc .courses-curriculum ul li a::before {
      left: 15px;
      font-size: 15px
  }

  .courses-details-desc .courses-curriculum ul li a .courses-name {
      font-size: 15px
  }

  .courses-details-desc .courses-curriculum ul li a .courses-meta {
      text-align: start;
      margin-top: 5px
  }

  .courses-details-desc .courses-curriculum ul li a .courses-meta .questions {
      font-size: 12.5px;
      margin-top: 7px
  }

  .courses-details-desc .courses-curriculum ul li a .courses-meta .duration {
      font-size: 12.5px;
      margin-top: 7px
  }

  .courses-details-desc .courses-curriculum ul li a .courses-meta .status {
      font-size: 12.5px;
      margin-top: 7px
  }

  .courses-details-desc .courses-reviews h3 {
      font-size: 18px
  }

  .courses-details-desc .courses-reviews .rating {
      top: 2px
  }

  .courses-details-desc .courses-reviews .rating span {
      font-size: 17px
  }

  .courses-details-desc .courses-reviews .side {
      width: 21%
  }

  .courses-details-desc .courses-reviews .side div {
      font-size: 15px
  }

  .courses-details-desc .courses-reviews .middle {
      width: 58%
  }

  .courses-details-desc .courses-review-comments h3 {
      padding-bottom: 10px;
      font-size: 18px
  }

  .courses-details-desc .courses-review-comments .user-review {
      padding-left: 0
  }

  .courses-details-desc .courses-review-comments .user-review img {
      position: relative;
      left: 0;
      top: 0;
      margin-bottom: 15px
  }

  .courses-details-desc .courses-review-comments .user-review .review-rating span {
      display: block!important;
      top: 0;
      font-size: 16px;
      margin-left: 0;
      margin-top: 5px
  }

  .courses-details-desc .review-form-wrapper h3 {
      font-size: 18px
  }

  .courses-details-desc .review-form-wrapper form button {
      margin-top: 20px;
      padding: 12px 45px;
      font-size: 15px
  }

  .courses-details-desc .profile-box .content {
      padding-left: 0
  }

  .courses-details-info {
      padding: 15px;
      margin-top: 30px
  }

  .courses-details-info .info li {
      font-size: 14px;
      padding-top: 13px;
      padding-bottom: 13px
  }

  .courses-details-info .info li.price {
      font-size: 20px
  }

  .courses-details-info .info li.price span {
      font-size: 15px
  }

  .courses-details-info .info li span {
      padding-left: 21px
  }

  .courses-details-info .courses-share .share-info span i {
      top: 3px
  }

  .related-courses {
      margin-top: 30px
  }

  .related-courses h2 {
      margin-bottom: 30px;
      text-align: center;
      font-size: 22px
  }

  .footer-area {
      padding-top: 60px
  }

  .single-footer-widget .logo p {
      padding-right: 0
  }

  .single-footer-widget h3 {
      margin-bottom: 22px;
      font-size: 18px
  }

  .single-footer-widget .footer-contact-info li i {
      top: 2px
  }

  .copyright-area {
      margin-top: 30px;
      text-align: center
  }

  .copyright-area ul {
      text-align: center;
      margin-top: 15px
  }

  .copyright-area ul li::before {
      top: 11px
  }

  .go-top {
      right: 15px;
      width: 38px;
      height: 38px;
      font-size: 26px
  }

  .course_category_tree .row {
      width: unset;
      padding-top: 20px
  }

  .single-blog-post .attachedimages {
      padding-right: 0
  }

  .courses-details-header .courses-price {
      text-align: center;
      padding-right: 0
  }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
  .main-banner-area .container-fluid {
      max-width:540px
  }

  .main-banner-area .single-courses-box {
      max-width: 540px;
      margin-left: auto;
      margin-right: auto
  }

  .banner-area .container-fluid {
      max-width: 540px
  }

  .banner-content form button {
      margin-top: 0;
      position: absolute;
      border-radius: 0 5px 5px 0
  }

  .banner-wrapper-area .container-fluid {
      max-width: 540px
  }

  .banner-wrapper-content form button {
      margin-top: 0;
      position: absolute;
      border-radius: 0 5px 5px 0
  }

  .about-area .container-fluid {
      max-width: 540px
  }

  .about-content .features-list li {
      width: 33.333333%
  }

  .courses-box .content {
      padding: 25px
  }

  .subscribe-content .newsletter-form .default-btn {
      position: absolute;
      border-radius: 0 5px 5px 0;
      margin-top: 0;
      height: 50px
  }

  .productsQuickView .modal-content .products-content {
      margin-top: 0
  }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
  body {
      font-size:14.5px
  }

  p {
      font-size: 14.5px
  }

  .ptb-100 {
      padding-top: 80px;
      padding-bottom: 80px
  }

  .pt-100 {
      padding-top: 80px
  }

  .pb-100 {
      padding-bottom: 80px
  }

  .ptb-70 {
      padding-top: 50px;
      padding-bottom: 50px
  }

  .pt-70 {
      padding-top: 50px
  }

  .pb-70 {
      padding-bottom: 50px
  }

  .section-title {
      max-width: 580px;
      margin-bottom: 50px
  }

  .section-title .sub-title {
      font-size: 14px
  }

  .section-title h2 {
      font-size: 28px
  }

  .default-btn {
      padding: 12.5px 30px 12.5px 50px;
      font-size: 14px
  }

  .default-btn i {
      left: 28px;
      font-size: 16px
  }

  .form-control {
      font-size: 14px
  }

  .main-banner-area {
      padding-top: 80px;
      border-radius: 0 0 50px 50px
  }

  .main-banner-area .container-fluid {
      position: relative;
      max-width: 720px;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .main-banner-area .single-courses-box {
      left: 0;
      top: auto;
      right: auto;
      bottom: 2.5%;
      max-width: 335px
  }

  .main-banner-content {
      padding-right: 0;
      text-align: center
  }

  .main-banner-content .sub-title {
      font-size: 13px;
      padding-right: 15px;
      padding-left: 40px
  }

  .main-banner-content .sub-title i {
      left: 20px
  }

  .main-banner-content h1 {
      font-size: 34px
  }

  .main-banner-content p {
      font-size: 14px;
      max-width: 540px;
      margin-left: auto;
      margin-right: auto
  }

  .main-banner-content .default-btn {
      margin-top: 10px
  }

  .main-banner-image {
      margin-top: 30px
  }

  .main-banner-image img {
      max-width: 360px
  }

  .popular-tag {
      display: none
  }

  .banner-area {
      padding-top: 80px
  }

  .banner-area .container-fluid {
      max-width: 720px;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .banner-content {
      padding-right: 0;
      text-align: center
  }

  .banner-content .sub-title {
      font-size: 13px;
      padding-right: 15px;
      padding-left: 40px
  }

  .banner-content .sub-title i {
      left: 20px
  }

  .banner-content h1 {
      font-size: 34px
  }

  .banner-content p {
      font-size: 14px;
      max-width: 540px;
      margin-left: auto;
      margin-right: auto
  }

  .banner-content form {
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px
  }

  .banner-content form .input-search {
      font-size: 14px
  }

  .banner-content form button {
      font-size: 14px
  }

  .banner-image {
      margin-top: 30px
  }

  .banner-inner-area {
      margin-top: 80px;
      border-radius: 20px;
      padding-left: 30px;
      padding-right: 30px
  }

  .single-banner-box {
      padding-left: 60px
  }

  .single-banner-box .icon {
      font-size: 40px
  }

  .single-banner-box h3 {
      font-size: 20px
  }

  .banner-wrapper-area {
      padding-top: 80px;
      padding-bottom: 260px
  }

  .banner-wrapper-area::before {
      height: 170px
  }

  .banner-wrapper-area .container-fluid {
      max-width: 720px;
      padding-left: var(--bs-gutter-x,.75rem);
      padding-right: var(--bs-gutter-x,.75rem)
  }

  .banner-wrapper-area .text {
      top: 62%;
      right: 3%;
      font-size: 14px
  }

  .banner-wrapper-area.bg-black {
      padding-top: 80px;
      padding-bottom: 80px
  }

  .banner-wrapper-content {
      max-width: 500px
  }

  .banner-wrapper-content .sub-title {
      font-size: 13px;
      padding-right: 15px;
      padding-left: 40px
  }

  .banner-wrapper-content .sub-title i {
      left: 20px
  }

  .banner-wrapper-content h1 {
      font-size: 35px
  }

  .banner-wrapper-content p {
      font-size: 14px
  }

  .banner-wrapper-content form {
      margin-top: 25px;
      max-width: 100%
  }

  .banner-wrapper-content form .input-search {
      font-size: 14px
  }

  .banner-wrapper-content form button {
      font-size: 14px
  }

  .banner-shape {
      display: none
  }

  .banner-arrow {
      display: none
  }

  .single-features-box {
      padding: 25px 20px;
      -webkit-box-shadow: 0 0 30px rgba(29,23,77,.07);
      box-shadow: 0 0 30px rgba(29,23,77,.07)
  }

  .single-features-box h3 {
      font-size: 20px
  }

  .single-features-box .link-btn i {
      top: -2px
  }

  .features-box {
      padding: 0;
      -webkit-box-shadow: unset!important;
      box-shadow: unset!important;
      background-color: unset!important
  }

  .features-box .icon {
      font-size: 50px;
      margin-top: -3px
  }

  .features-box h3 {
      font-size: 20px
  }

  .features-box .link-btn i {
      top: -2px
  }

  .about-area .container-fluid {
      max-width: 720px;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .about-inner-area {
      padding-bottom: 30px
  }

  .about-inner-area::before {
      margin: 0;
      border-radius: 50% 50% 35px 35px
  }

  .about-inner-area .about-content {
      padding-left: 20px;
      padding-right: 20px
  }

  .about-image {
      padding-right: 0
  }

  .about-content {
      padding-left: 0;
      text-align: center;
      max-width: 100%;
      margin-top: 30px
  }

  .about-content .sub-title {
      font-size: 14px
  }

  .about-content h2 {
      font-size: 28px
  }

  .about-content .features-list li {
      width: 25%
  }

  .about-content .features-list li span {
      margin-top: 10px;
      padding-left: 0;
      font-size: 18px
  }

  .about-content .features-list li span i {
      position: relative;
      top: 0;
      margin-bottom: 8px;
      left: 0;
      display: block
  }

  .about-content .default-btn {
      margin-top: 25px
  }

  .single-courses-box .image .ribbon span {
      font-size: 11px
  }

  .single-courses-box .content {
      padding: 25px 20px
  }

  .single-courses-box .content .author span {
      font-size: 16px
  }

  .single-courses-box .content .price {
      right: 20px;
      padding: 7px 15px;
      top: -25px;
      font-size: 20px
  }

  .single-courses-box .content h3 {
      font-size: 20px
  }

  .single-courses-item .image .ribbon span {
      font-size: 11px
  }

  .single-courses-item .content {
      padding: 45px 20px 25px
  }

  .single-courses-item .content .author span {
      font-size: 16px
  }

  .single-courses-item .content .price {
      padding: 7px 15px;
      top: -25px;
      font-size: 20px
  }

  .single-courses-item .content h3 {
      font-size: 20px
  }

  .courses-box .image .ribbon span {
      font-size: 11px
  }

  .courses-box .content {
      padding: 25px 20px
  }

  .courses-box .content h3 {
      font-size: 20px
  }

  .courses-box .content .courses-box-footer {
      margin-top: 20px
  }

  .courses-box .content .courses-box-footer li .author span {
      font-size: 16px
  }

  .courses-box .content .courses-box-footer li .price {
      padding: 7px 15px;
      font-size: 20px
  }

  .courses-info {
      max-width: 100%;
      margin-top: 0
  }

  .courses-info p {
      font-weight: 400
  }

  .courses-info .default-btn {
      margin-top: 8px
  }

  .shorting-menu .filter {
      font-size: 16px
  }

  .team-area.bg-color::before {
      -webkit-clip-path: unset!important;
      clip-path: unset!important;
      height: 183px
  }

  .team-area.bg-shape::before {
      height: 100%;
      bottom: 0;
      background-image: unset!important;
      background-color: #F9F9F9
  }

  .team-area.bg-shape.without-bg {
      padding-top: 80px
  }

  .single-team-member .image .share {
      display: none
  }

  .single-team-member .image .social-links {
      left: 0;
      right: 0;
      opacity: 1;
      visibility: visible;
      bottom: 0
  }

  .single-team-member .image .social-links li a {
      width: 40px;
      height: 40px;
      font-size: 19px;
      line-height: 45px
  }

  .single-team-member .content {
      padding: 25px 20px
  }

  .single-team-member .content h3 {
      font-size: 20px
  }

  .single-funfacts-box h3 {
      margin-bottom: 5px;
      font-size: 35px
  }

  .single-funfacts-box p {
      font-size: 15px
  }

  .single-categories-box h3 {
      font-size: 20px
  }

  .categories-slides.owl-theme .owl-nav {
      opacity: 1;
      margin-top: 30px;
      visibility: visible
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-] {
      position: relative;
      left: 0;
      margin: 0 6px;
      top: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: 0;
      right: 0
  }

  .single-testimonials-box {
      padding: 25px
  }

  .single-testimonials-box p {
      font-size: 14.5px
  }

  .single-testimonials-box::before {
      right: 25px;
      bottom: 35px;
      width: 70px;
      height: 50px
  }

  .single-testimonials-box .client-info {
      margin-top: 20px
  }

  .single-testimonials-box .client-info h3 {
      font-size: 16px
  }

  .single-testimonials-box .client-info span {
      font-size: 13.5px
  }

  .testimonials-slides.owl-theme .owl-nav {
      opacity: 1;
      margin-top: 30px;
      visibility: visible
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
      position: relative;
      left: 0;
      margin: 0 6px;
      top: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: 0;
      right: 0
  }

  .intro-video-area.bg-color {
      margin-top: -1px
  }

  .video-box {
      max-width: 100%
  }

  .video-box .video-btn {
      width: 80px;
      height: 80px;
      font-size: 50px;
      line-height: 80px
  }

  .get-instant-content {
      text-align: center;
      margin-bottom: 30px
  }

  .get-instant-content .sub-title {
      font-size: 14px
  }

  .get-instant-content h2 {
      font-size: 28px
  }

  .get-instant-content p {
      max-width: 100%
  }

  .get-instant-content .default-btn {
      margin-top: 10px
  }

  .partner-title.section-title {
      text-align: center;
      margin-bottom: 50px
  }

  .partner-item a {
      padding: 20px 15px
  }

  .partner-item-list {
      padding-left: 0
  }

  .unlimited-access-content {
      margin-top: 80px;
      padding: 60px 30px;
      text-align: center
  }

  .unlimited-access-content .sub-title {
      font-size: 14px
  }

  .unlimited-access-content h2 {
      font-size: 28px
  }

  .unlimited-access-content .text-end {
      text-align: center!important
  }

  .unlimited-access-content .default-btn {
      margin-top: 20px
  }

  .single-blog-post-2 .image {
      padding-right: 40px
  }

  .single-blog-post-2 .image .date {
      right: -48%
  }

  .single-blog-post-2 .content {
      padding-right: 0
  }

  .single-blog-post-2 .content h3 {
      font-size: 20px
  }

  .single-blog-post-2 .content .link-btn i {
      top: -2px
  }

  .single-blog-post .image {
      padding-right: 40px
  }

  .single-blog-post .image .date {
      right: -48%
  }

  .single-blog-post .content {
      padding-right: 0
  }

  .single-blog-post .content h3 {
      font-size: 20px
  }

  .single-blog-post .content .link-btn i {
      top: -2px
  }

  .single-blog-item .content {
      padding: 25px
  }

  .single-blog-item .content h3 {
      font-size: 20px
  }

  .single-blog-item .content .link-btn i {
      top: -2px
  }

  .get-started-content .sub-title {
      font-size: 14px
  }

  .get-started-content h2 {
      font-size: 28px
  }

  .get-started-content .default-btn {
      margin-top: 5px
  }

  .get-started-shape1 {
      left: 2%;
      bottom: 30px;
      max-width: 150px
  }

  .get-started-shape2 {
      right: 2%;
      max-width: 170px
  }

  .subscribe-content .sub-title {
      font-size: 14px
  }

  .subscribe-content h2 {
      font-size: 28px
  }

  .subscribe-content p {
      max-width: 100%
  }

  .subscribe-content .newsletter-form .input-newsletter {
      height: 50px;
      padding-left: 15px;
      font-size: 14px
  }

  .subscribe-content .newsletter-form .default-btn {
      height: 50px;
      padding-left: 45px;
      padding-right: 25px
  }

  .subscribe-shape1 {
      left: 0;
      max-width: 200px
  }

  .subscribe-shape2 {
      right: 0;
      max-width: 160px
  }

  .page-title-area {
      padding-top: 80px;
      padding-bottom: 80px
  }

  .page-title-content .page-header-h2 .breadcrumb li:last-child {
      font-size: 32px
  }

  .page-title-content .breadcrumb:not(:empty) {
      border: 0;
      padding: 0;
      margin-bottom: 0
  }

  .page-title-content #page-navbar {
      margin-top: 12px
  }

  .page-title-content #page-navbar .breadcrumb .breadcrumb-item {
      font-size: 14px
  }

  .instructor-register-box h2 {
      font-size: 28px
  }

  .blog-details-desc .article-content h3 {
      font-size: 20px
  }

  .blog-details-desc .article-footer .article-tags a {
      font-size: 13.5px
  }

  blockquote,.blockquote {
      padding: 35px!important
  }

  blockquote p,.blockquote p {
      font-size: 17px!important
  }

  .prev-link-wrapper a {
      padding: 25px
  }

  .prev-link-wrapper .prev-title {
      font-size: 17px
  }

  .prev-link-wrapper .post-nav-title i {
      top: .5px
  }

  .next-link-wrapper a {
      padding: 25px
  }

  .next-link-wrapper .next-title {
      font-size: 17px
  }

  .next-link-wrapper .next-nav-title i {
      top: .5px
  }

  .comments-area .comments-title {
      font-size: 20px
  }

  .comments-area .comment-author {
      font-size: 15px
  }

  .comments-area .comment-respond .comment-reply-title {
      font-size: 20px
  }

  .comments-area .comment-respond .form-submit input {
      font-size: 14px
  }

  .comments-area .comment-respond input[type="date"],.comments-area .comment-respond input[type="time"],.comments-area .comment-respond input[type="datetime-local"],.comments-area .comment-respond input[type="week"],.comments-area .comment-respond input[type="month"],.comments-area .comment-respond input[type="text"],.comments-area .comment-respond input[type="email"],.comments-area .comment-respond input[type="url"],.comments-area .comment-respond input[type="password"],.comments-area .comment-respond input[type="search"],.comments-area .comment-respond input[type="tel"],.comments-area .comment-respond input[type="number"],.comments-area .comment-respond textarea {
      font-size: 14px
  }

  .widget-area {
      padding-left: 0;
      margin-top: 40px
  }

  .widget-area .widget .widget-title {
      font-size: 20px
  }

  .widget-area .widget_elan_posts_thumb .item .info .title {
      font-size: 15px
  }

  .widget-area.left-sidebar {
      padding-right: 0;
      margin-top: 0;
      margin-bottom: 40px
  }

  .pagination-area {
      margin-top: 0
  }

  .timeline li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 30px;
      height: auto;
      left: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  .timeline li .timeline-image {
      left: auto;
      width: auto;
      height: auto;
      margin-left: 0;
      position: relative
  }

  .timeline li .timeline-panel {
      text-align: start;
      position: relative;
      float: unset;
      width: auto;
      padding: 0 0 0 30px
  }

  .timeline li:nth-child(even) {
      margin-bottom: 30px;
      position: relative;
      height: auto;
      right: 0
  }

  .timeline li:nth-child(odd) {
      margin-bottom: 30px;
      position: relative;
      height: auto;
      left: 0
  }

  .timeline li.timeline-inverted .timeline-panel {
      text-align: start;
      float: unset;
      padding: 0 0 0 30px
  }

  .timeline li .timeline-heading h3 {
      font-size: 20px
  }

  .timeline li:last-child {
      margin-bottom: 0!important
  }

  .timeline .line {
      display: none
  }

  .profile-box .align-items-center {
      -webkit-box-align: unset!important;
      -ms-flex-align: unset!important;
      align-items: unset!important
  }

  .profile-box .content {
      padding-left: 30px
  }

  .profile-box .content h3 {
      margin-bottom: 10px;
      font-size: 20px
  }

  .profile-box .content .sub-title {
      font-size: 14px
  }

  .profile-box .content h4 {
      font-size: 16px
  }

  .instructor-courses {
      margin-top: 40px
  }

  .instructor-courses .nav-tabs {
      margin-bottom: 30px
  }

  .instructor-courses .nav-tabs .nav-link {
      font-size: 15px
  }

  .single-events-item .content {
      padding: 20px
  }

  .single-events-item .content h3 {
      font-size: 20px
  }

  .single-events-item .content .time-location li {
      font-size: 14px
  }

  .single-events-box .content h3 {
      font-size: 20px
  }

  .faq-accordion .accordion-button {
      font-size: 17px
  }

  .login-form {
      margin-right: 0
  }

  .login-form h2 {
      font-size: 28px
  }

  .register-form {
      margin-left: 0;
      margin-top: 30px
  }

  .register-form h2 {
      font-size: 28px
  }

  .privacy-policy-content h3 {
      font-size: 20px
  }

  .terms-conditions-content h3 {
      font-size: 20px
  }

  .coming-soon-image {
      height: auto;
      background-image: unset!important
  }

  .coming-soon-image img {
      display: inline-block
  }

  .coming-soon-content {
      height: auto;
      padding-top: 80px;
      padding-bottom: 80px
  }

  .coming-soon-content h2 {
      font-size: 30px
  }

  .coming-soon-content form .default-btn {
      bottom: 8px
  }

  .courses-filter-area {
      padding-bottom: 15px
  }

  .courses-filter-area .form-select {
      margin-bottom: 15px
  }

  .single-products-box .content h3 {
      font-size: 20px
  }

  .single-products-box .content .rating i {
      font-size: 16px
  }

  .single-products-box .content .price span {
      font-size: 15px
  }

  .productsQuickView .modal-dialog {
      max-width: 740px
  }

  .productsQuickView .modal-content {
      padding: 20px
  }

  .productsQuickView .modal-content .products-content h3 {
      font-size: 20px
  }

  .cart-table-desc table thead tr th {
      font-size: 16px
  }

  .cart-table-desc table tbody tr td {
      font-size: 14.5px
  }

  .cart-buttons-desc .shopping-coupon-code .form-control {
      height: 45px
  }

  .cart-buttons-desc .shopping-coupon-code button {
      font-size: 14px;
      height: 45px
  }

  .cart-totals-desc {
      margin-top: 30px
  }

  .billing-details-desc h3 {
      font-size: 20px
  }

  .order-details-desc {
      margin-top: 30px
  }

  .order-details-desc h3 {
      font-size: 20px
  }

  .products-details-image {
      padding-right: 0
  }

  .products-details-desc {
      padding-left: 0;
      margin-top: 30px
  }

  .products-details-desc h3 {
      font-size: 20px
  }

  .products-details-desc .price {
      font-size: 15px
  }

  .products-details-desc .add-to-wishlist-btn i {
      top: 1px
  }

  .products-details-tabs .nav .nav-item .nav-link {
      font-size: 18px
  }

  .products-details-tabs .tab-content .tab-pane {
      max-width: 645px
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews h3 {
      font-size: 20px
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews .side {
      width: 10%
  }

  .products-details-tabs .tab-content .tab-pane .products-reviews .middle {
      width: 80%
  }

  .products-details-tabs .tab-content .tab-pane .products-review-comments h3 {
      font-size: 20px
  }

  .products-details-tabs .tab-content .tab-pane .review-form-wrapper h3 {
      font-size: 20px
  }

  .contact-content {
      padding-right: 0;
      text-align: center
  }

  .contact-content .sub-title {
      font-size: 14px
  }

  .contact-content h2 {
      font-size: 28px
  }

  .contact-content .single-contact-info-box .icon {
      width: 70px;
      height: 70px;
      font-size: 35px;
      margin-left: auto;
      margin-right: auto
  }

  .contact-content .single-contact-info-box h3 {
      font-size: 20px
  }

  .contact-image {
      padding-left: 0;
      margin-top: 30px
  }

  .maps {
      height: auto
  }

  .maps iframe {
      height: 500px
  }

  .contact-form {
      text-align: center;
      padding-left: 0;
      padding-bottom: 0
  }

  .contact-form .sub-title {
      font-size: 14px
  }

  .contact-form h2 {
      font-size: 28px
  }

  .contact-form #contactForm {
      text-align: start
  }

  .events-details-header {
      text-align: center
  }

  .events-details-header h2 {
      margin-bottom: 15px;
      font-size: 30px
  }

  .events-details-header #timer {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 25px
  }

  .events-details-header #timer div {
      width: 95px;
      height: 95px;
      font-size: 35px
  }

  .events-details-image {
      margin-top: 30px
  }

  .events-details-desc h3 {
      font-size: 21px
  }

  .events-details-info {
      margin-top: 30px
  }

  .courses-details-header {
      text-align: center
  }

  .courses-details-header h2 {
      margin-bottom: 15px;
      font-size: 30px
  }

  .courses-details-header p {
      padding-right: 0
  }

  .courses-details-header .courses-meta li {
      text-align: start
  }

  .courses-details-image {
      margin-top: 30px
  }

  .courses-details-desc .courses-overview h3 {
      font-size: 21px
  }

  .courses-details-desc .courses-curriculum h3 {
      font-size: 21px
  }

  .courses-details-desc .courses-reviews h3 {
      font-size: 21px
  }

  .courses-details-desc .courses-reviews .side {
      width: 10%
  }

  .courses-details-desc .courses-reviews .middle {
      width: 80%
  }

  .courses-details-desc .courses-review-comments h3 {
      font-size: 21px
  }

  .courses-details-desc .review-form-wrapper h3 {
      font-size: 21px
  }

  .courses-details-info {
      margin-top: 30px
  }

  .related-courses {
      margin-top: 30px
  }

  .related-courses h2 {
      margin-bottom: 30px;
      font-size: 28px
  }

  .footer-area {
      padding-top: 80px
  }

  .single-footer-widget .logo p {
      padding-right: 0
  }

  .single-footer-widget h3 {
      margin-bottom: 25px;
      font-size: 20px
  }

  .single-footer-widget .footer-contact-info li i {
      top: 2px
  }

  .copyright-area {
      margin-top: 50px
  }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
  .navbar-area.navbar-style-two .elan-nav .container-fluid {
      max-width:100%;
      padding-right: 25px;
      padding-left: 25px
  }

  .navbar-area.navbar-style-three .elan-nav .container-fluid {
      max-width: 100%;
      padding-right: 25px;
      padding-left: 25px
  }

  .elan-nav .container-fluid {
      max-width: 960px;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .elan-nav .navbar .others-option {
      display: none!important
  }

  .elan-nav .navbar .navbar-nav {
      padding-right: 55px;
      margin-left: auto;
      margin-right: auto
  }

  .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
      left: -250px
  }

  .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
      right: 250px
  }

  .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
      right: 250px
  }

  .elan-nav .navbar .categories-with-search {
      display: none!important
  }

  .others-option-for-responsive {
      display: block
  }

  .others-option-for-responsive .dot-menu {
      top: -56px;
      right: 0
  }

  .others-option-for-responsive .container .container {
      top: 0
  }

  .main-banner-area {
      padding-top: 100px
  }

  .main-banner-area .container-fluid {
      position: relative;
      max-width: 960px;
      padding-left: var(--bs-gutter-x,.75rem);
      padding-right: var(--bs-gutter-x,.75rem)
  }

  .main-banner-area .col-lg-6 {
      width: 100%
  }

  .main-banner-area .single-courses-box {
      top: auto;
      left: 15px;
      bottom: 10%;
      right: auto
  }

  .main-banner-content {
      text-align: center;
      margin-left: auto;
      margin-right: auto
  }

  .main-banner-content .sub-title {
      font-size: 13px;
      padding-right: 20px;
      padding-left: 35px
  }

  .main-banner-content .sub-title i {
      left: 18px;
      margin-top: -1px
  }

  .main-banner-content h1 {
      font-size: 42px;
      margin-bottom: 20px
  }

  .main-banner-content p {
      font-size: 14.5px;
      max-width: 100%
  }

  .main-banner-content .default-btn {
      margin-top: 10px
  }

  .main-banner-image {
      text-align: right;
      margin-top: 30px
  }

  .main-banner-image img {
      max-width: 510px
  }

  .popular-tag {
      display: none
  }

  .banner-area {
      padding-top: 80px
  }

  .banner-area .container-fluid {
      padding-left: 25px;
      padding-right: 25px
  }

  .banner-area .divider {
      height: 140px
  }

  .banner-content {
      padding-right: 30px
  }

  .banner-content .sub-title {
      font-size: 13px;
      padding-right: 20px;
      padding-left: 35px
  }

  .banner-content .sub-title i {
      left: 18px;
      margin-top: 0
  }

  .banner-content h1 {
      font-size: 41px
  }

  .banner-content p {
      font-size: 14px
  }

  .banner-content form {
      max-width: 100%;
      margin-top: 25px
  }

  .banner-content form .input-search {
      font-size: 14px
  }

  .banner-content form button {
      font-size: 14px
  }

  .banner-inner-area {
      padding-left: 30px;
      padding-right: 30px
  }

  .single-banner-box h3 {
      font-size: 20px;
      margin-bottom: 10px
  }

  .banner-wrapper-area {
      padding-top: 130px
  }

  .banner-wrapper-area .text {
      top: 65%;
      right: 10%;
      font-size: 16px
  }

  .banner-wrapper-area.bg-black {
      padding-top: 120px;
      padding-bottom: 120px
  }

  .banner-wrapper-content {
      max-width: 600px
  }

  .banner-wrapper-content .sub-title {
      font-size: 13px;
      padding-right: 20px;
      padding-left: 35px
  }

  .banner-wrapper-content .sub-title i {
      left: 18px;
      margin-top: 0
  }

  .banner-wrapper-content h1 {
      font-size: 45px
  }

  .banner-wrapper-content p {
      font-size: 14.5px
  }

  .banner-wrapper-content form {
      max-width: 520px;
      margin-top: 25px
  }

  .banner-wrapper-content form .input-search {
      font-size: 14px
  }

  .banner-wrapper-content form button {
      font-size: 14px
  }

  .banner-shape {
      display: none
  }

  .banner-arrow {
      display: none
  }

  .single-features-box {
      padding: 25px 15px
  }

  .features-box {
      padding: 25px 15px
  }

  .about-area .container-fluid {
      max-width: 960px;
      padding-right: var(--bs-gutter-x,.75rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .about-inner-area::before {
      display: none
  }

  .about-image {
      padding-right: 0
  }

  .about-content {
      padding-left: 0;
      max-width: 100%
  }

  .single-courses-box .content {
      padding: 25px
  }

  .single-courses-box .content .price {
      right: 25px;
      font-size: 21px
  }

  .single-courses-box .content h3 {
      font-size: 20px
  }

  .single-courses-item .content {
      padding: 50px 25px 30px
  }

  .single-courses-item .content .price {
      font-size: 21px
  }

  .single-courses-item .content h3 {
      font-size: 20px
  }

  .courses-box .content {
      padding: 35px
  }

  .shorting-menu .filter {
      font-size: 17px
  }

  .single-testimonials-box {
      padding: 30px
  }

  .single-testimonials-box p {
      font-size: 16px
  }

  .single-testimonials-box::before {
      right: 35px;
      bottom: 25px
  }

  .testimonials-slides.owl-theme .owl-nav {
      opacity: 1;
      margin-top: 30px;
      visibility: visible
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
      position: relative;
      left: 0;
      margin: 0 6px;
      top: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: 0;
      right: 0
  }

  .video-box {
      max-width: 800px
  }

  .get-instant-content p {
      max-width: 100%
  }

  .partner-item-list {
      padding-left: 0
  }

  .team-area.bg-color::before {
      -webkit-clip-path: polygon(0 80%,100% 40%,100% 100%,0 100%);
      clip-path: polygon(0 80%,100% 40%,100% 100%,0 100%)
  }

  .unlimited-access-content {
      padding: 60px 40px
  }

  .categories-slides.owl-theme .owl-nav {
      opacity: 1;
      margin-top: 30px;
      visibility: visible
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-] {
      position: relative;
      left: 0;
      margin: 0 6px;
      top: 0;
      -webkit-transform: unset;
      transform: unset
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: 0;
      right: 0
  }

  .single-team-member .image .share {
      left: 10px;
      width: 35px;
      height: 35px;
      font-size: 18px;
      line-height: 40px
  }

  .single-team-member .image .social-links {
      left: 50px
  }

  .single-team-member .image .social-links li {
      margin-right: 2px
  }

  .single-team-member .image .social-links li a {
      width: 35px;
      height: 35px;
      font-size: 18px;
      line-height: 40px
  }

  .partner-item a {
      padding: 20px 15px
  }

  .single-blog-post-2 .image .date {
      right: -46%
  }

  .single-blog-post .image .date {
      right: -46%
  }

  .single-blog-item .content {
      padding: 20px
  }

  .single-blog-item .content h3 {
      font-size: 21px
  }

  .subscribe-shape1 {
      left: 1.5%;
      max-width: 270px
  }

  .subscribe-shape2 {
      right: 1.5%;
      max-width: 195px
  }

  .get-started-shape1 {
      left: 5%;
      max-width: 165px
  }

  .get-started-shape2 {
      right: 5%;
      bottom: 50px;
      max-width: 180px
  }

  .page-title-content .page-header-h2 .breadcrumb li:last-child {
      font-size: 35px
  }

  .single-footer-widget .logo p {
      padding-right: 0
  }

  .prev-link-wrapper a {
      padding: 20px
  }

  .next-link-wrapper a {
      padding: 20px
  }

  .widget-area {
      padding-left: 0
  }

  .widget-area .widget {
      padding: 20px
  }

  .widget-area .widget_search {
      padding: 0
  }

  .widget-area .widget_elan_posts_thumb .item .info .title {
      font-size: 15px
  }

  .widget-area.left-sidebar {
      padding-right: 0
  }

  .timeline li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 30px;
      height: auto;
      left: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  .timeline li .timeline-image {
      left: auto;
      width: auto;
      height: auto;
      margin-left: 0;
      position: relative
  }

  .timeline li .timeline-panel {
      text-align: start;
      position: relative;
      float: unset;
      width: auto;
      padding: 0 0 0 30px
  }

  .timeline li:nth-child(even) {
      margin-bottom: 30px;
      position: relative;
      height: auto;
      right: 0
  }

  .timeline li:nth-child(odd) {
      margin-bottom: 30px;
      position: relative;
      height: auto;
      left: 0
  }

  .timeline li.timeline-inverted .timeline-panel {
      text-align: start;
      float: unset;
      padding: 0 0 0 30px
  }

  .timeline li .timeline-heading h3 {
      font-size: 20px
  }

  .timeline li:last-child {
      margin-bottom: 0!important
  }

  .timeline .line {
      display: none
  }

  .login-form {
      padding: 30px;
      margin-right: 0
  }

  .register-form {
      padding: 30px;
      margin-left: 0
  }

  .coming-soon-content {
      padding-left: 15px;
      padding-right: 15px
  }

  .coming-soon-content #timer div {
      width: 100px;
      height: 100px;
      font-size: 30px
  }

  .coming-soon-content form {
      max-width: 100%
  }

  .products-details-desc {
      padding-left: 0
  }

  .contact-content {
      padding-right: 0
  }

  .contact-content .single-contact-info-box .icon {
      width: 75px;
      height: 75px
  }

  .contact-content .single-contact-info-box h3 {
      font-size: 18px
  }

  .contact-content .single-contact-info-box p {
      font-size: 13.5px
  }

  .contact-content .row {
      margin-left: -5px;
      margin-right: -5px
  }

  .contact-content .row .col-lg-4 {
      padding-left: 5px;
      padding-right: 5px
  }

  .contact-image {
      padding-left: 0
  }

  .contact-form {
      padding-left: 0
  }

  .events-details-header #timer div {
      width: 95px;
      height: 95px;
      font-size: 35px
  }

  .events-details-info {
      padding: 15px
  }

  .courses-details-header h2 {
      font-size: 30px
  }

  .courses-details-header .courses-meta li {
      margin-right: 14px;
      padding-right: 14px
  }

  .courses-details-header p {
      padding-right: 0
  }

  .courses-details-desc .courses-reviews .side {
      width: 12%
  }

  .courses-details-desc .courses-reviews .middle {
      width: 76%
  }

  .courses-details-desc .profile-box .align-items-center {
      -webkit-box-align: unset!important;
      -ms-flex-align: unset!important;
      align-items: unset!important
  }

  .courses-details-desc .profile-box .content {
      padding-left: 30px
  }

  .courses-details-info {
      padding: 20px
  }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
  .navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu {
      left:-60px
  }

  .navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
      left: -250px
  }

  .navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
      right: 250px
  }

  .navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
      right: 250px
  }

  .navbar-area.bg-black .elan-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu {
      left: 0
  }

  .elan-nav .navbar .categories-with-search {
      margin-left: 20px
  }

  .elan-nav .navbar .categories-with-search .dropdown {
      display: none
  }

  .elan-nav .navbar .categories-with-search .search-box {
      width: 200px
  }

  .elan-nav .navbar .others-option .option-item .search-box {
      width: 200px
  }

  .elan-nav .navbar .others-option .option-item .default-btn {
      padding: 12.5px 30px 12.5px 52px
  }

  .elan-nav .navbar .others-option .option-item .default-btn i {
      left: 27px
  }

  .main-banner-area {
      border-radius: 0 0 30px 30px;
      padding-top: 150px;
      padding-bottom: 150px
  }

  .main-banner-area .container-fluid {
      padding-right: 15px;
      padding-left: 30px
  }

  .main-banner-area .single-courses-box {
      top: 50%;
      right: 10%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .main-banner-content {
      max-width: 100%
  }

  .main-banner-content h1 {
      font-size: 48px
  }

  .main-banner-image {
      display: none
  }

  .popular-tag {
      display: none
  }

  .banner-area .divider {
      z-index: -1;
      height: 140px;
      background-color: var(--whiteColor)
  }

  .banner-content {
      padding-right: 70px
  }

  .banner-content h1 {
      font-size: 45px
  }

  .banner-content p {
      font-size: 14px
  }

  .banner-content form {
      max-width: 100%
  }

  .banner-content form .input-search {
      font-size: 14px
  }

  .banner-content form button {
      font-size: 14px
  }

  .banner-inner-area {
      padding-left: 35px;
      padding-right: 35px
  }

  .banner-wrapper-area .text {
      right: 35%;
      top: 17%
  }

  .banner-shape {
      display: none
  }

  .banner-arrow {
      right: 40%;
      top: 25%
  }

  .about-area .container-fluid {
      padding-left: 30px;
      padding-right: 30px
  }

  .about-inner-area::before {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 210px
  }

  .about-image {
      padding-right: 15px
  }

  .about-content {
      padding-left: 15px
  }

  .single-categories-box {
      padding: 30px 15px
  }

  .single-categories-box .content {
      padding: 30px 15px
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-] {
      left: -32px;
      width: 30px;
      font-size: 20px;
      line-height: 31px;
      height: 30px
  }

  .categories-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: auto;
      right: -32px
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
      left: -32px;
      width: 30px;
      font-size: 20px;
      line-height: 31px;
      height: 30px
  }

  .testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: auto;
      right: -32px
  }

  .single-blog-post-2 .image .date {
      right: -40%
  }

  .single-blog-post .image .date {
      right: -40%
  }

  .unlimited-access-content {
      padding: 60px 35px
  }

  .team-area.bg-color::before {
      -webkit-clip-path: polygon(0 85%,100% 40%,100% 100%,0 100%);
      clip-path: polygon(0 85%,100% 40%,100% 100%,0 100%)
  }

  .single-team-member .image .share {
      left: 14px;
      font-size: 22px;
      width: 40px;
      line-height: 45px;
      height: 40px
  }

  .single-team-member .image .social-links {
      left: 64px
  }

  .single-team-member .image .social-links li a {
      width: 40px;
      line-height: 45px;
      height: 40px
  }

  .subscribe-shape1 {
      left: 3.5%;
      max-width: 310px
  }

  .subscribe-shape2 {
      right: 3.5%;
      max-width: 240px
  }

  .timeline li:nth-child(odd) .line:before {
      left: 560px;
      height: 270px;
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg)
  }

  .timeline li:nth-child(even) .line:before {
      left: 560px;
      height: 270px;
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg)
  }

  .courses-details-header p {
      padding-right: 0
  }
}

@media only screen and (min-width: 1550px) {
  .navbar-area .container-fluid {
      padding-left:80px;
      padding-right: 120px
  }

  .main-banner-area {
      border-radius: 0 0 120px 120px
  }

  .main-banner-area .container-fluid {
      padding-left: 150px;
      padding-right: 50px
  }

  .main-banner-area .single-courses-box {
      top: 12%;
      right: 36%
  }

  .main-banner-content p {
      max-width: 600px
  }

  .main-banner-image img {
      max-width: 100%
  }

  .popular-tag {
      left: 29%;
      bottom: 7%
  }

  .popular-tag img {
      max-width: 100%
  }

  .banner-area .container-fluid {
      padding-left: 120px;
      padding-right: 120px
  }

  .banner-wrapper-area .container-fluid {
      padding-left: 120px;
      padding-right: 120px
  }

  .banner-shape {
      right: 7%;
      top: 7%
  }

  .banner-arrow {
      right: 45%;
      top: 30%
  }

  .about-area .container-fluid {
      max-width: 105rem;
      padding-right: var(--bs-gutter-x,.95rem);
      padding-left: var(--bs-gutter-x,.75rem)
  }

  .get-started-shape1 {
      left: 16%
  }

  .get-started-shape2 {
      right: 15%
  }

  .subscribe-shape1 {
      left: 15.5%
  }

  .subscribe-shape2 {
      right: 15.5%
  }
}

@media (min-width: 1400px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
      max-width:1320px
  }
}