.quiz-status {
  position:sticky;
  z-index:99;
  top:0;
  right:0;
  left:0;
  margin:0 0 35px
}
.quiz-status>div {
  display:flex;
  box-sizing:border-box;
  width:100%;
  max-width:792px;
  margin:0 auto;
  padding:8px 16px;
  border-radius:4px;
  background:var(--lp-primary-color);
  justify-content:center;
  align-items:center
}
.quiz-status>div>div {
  display:flex;
  flex-direction:row-reverse;
  flex:0 0 50%;
  align-items:center
}
@media(max-width:480px) {
  .quiz-status>div>div {
    justify-content:center
  }
}
.quiz-status>div>div .submit-quiz #button-submit-quiz {
  margin:0;
  border-radius:4px;
  overflow:hidden;
  white-space:nowrap
}
.quiz-status>div>div .countdown {
  margin:0;
  border-radius:4px;
  overflow:hidden;
  padding:12px
}
.quiz-status>div .current-point {
  display:none
}
.quiz-status .questions-index {
  display:inline-block;
  color:#FFF;
  font-size:1em;
  font-weight:400;
  line-height:1.625em
}
.quiz-status .questions-index span {
  color:#FFF;
  font-weight:500
}
.quiz-status .countdown {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  color:#FFF;
  font-weight:700;
  text-align:center
}
.quiz-status .countdown .fas {
  color:#FFF;
  font-size:1em
}
.quiz-status .countdown .clock {
  display:none;
  width:40px;
  height:40px
}
.quiz-status .countdown .clock::before {
  position:absolute;
  width:40px;
  height:40px;
  border:4px solid #b1c1e6;
  border-radius:50%;
  content:"";
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.quiz-status .countdown .clock .circle-progress-bar {
  display:inline-block;
  position:relative;
  width:40px;
  height:40px;
  stroke:#5383f7
}
.quiz-status .countdown .clock .circle-progress-bar .circle-progress-bar__circle {
  transition:.35s stroke-dashoffset;
  transform:rotate(-90deg);
  transform-origin:50% 50%
}
.quiz-status .countdown .clock.x .circle-progress-bar__circle {
  stroke:red
}
.quiz-status .submit-quiz button {
  margin:0 0 0 10px;
  border:none;
  border-radius:0;
  background:#fff;
  text-transform:uppercase; border-radius: 25px;
}
.quiz-status .submit-quiz button:hover {
  background: #333; color: #FFF;
}
.quiz-status.submitting .submit-quiz button {
  background:#ddd
}
.question-numbers {
  text-align:center;
  list-style:none
}
.question-numbers li {
  display:inline-block;
  position:relative;
  margin-bottom:3px
}
.question-numbers li a {
  display:block;
  min-width:20px;
  padding:8px;
  border:1px solid #ddd;
  color:#999;
  background:#f5f5f5;
  box-shadow:none;
  font-size:.75em;
  line-height:1
}
.question-numbers li a span {
  vertical-align:middle
}
.question-numbers li a:hover {
  border:1px solid #3880a2;
  color:#fff;
  background:#00adff
}
.question-numbers li.current a {
  border-color:#3880a2;
  color:#fff!important;
  background:#00adff
}
.question-numbers li.current.skipped::after {
  background:#fff
}
.question-numbers li.answered a::after {
  margin-left:3px;
  font-family:"fontawesome";
  font-size:8px;
  vertical-align:middle
}
.question-numbers li.answered.answered-wrong a {
  color:red
}
.question-numbers li.answered.answered-true a {
  color:#00adff
}
.question-numbers li.answered.answered-true.current a {
  color:#fff
}
.question-numbers li.skipped::after {
  position:absolute;
  bottom:3px;
  left:50%;
  width:10px;
  height:4px;
  margin-left:-5px;
  border-radius:2px;
  background:#aaa;
  content:""
}
.quiz-intro {
  display:flex;
  margin:0 0 20px;
  padding:0;
  list-style:none;
  flex-flow:row wrap
}
@media(max-width:768px) {
  .quiz-intro {
    padding-right:10px;
    padding-left:10px;
    justify-content:space-between
  }
}
.quiz-intro-item {
  display:flex;
  margin:0 40px 0 0;
  align-items:center
}
@media(max-width:768px) {
  .quiz-intro-item {
    margin:0 20px 0 0
  }
}
.quiz-intro-item::before {
  position:relative;
  margin-right:10px;
  color: #356DF1;
  font-family:"fontawesome";
  font-size:1em;
  font-weight:900
}
.quiz-intro-item--passing-grade {
  order:2
}
.quiz-intro-item--passing-grade::before {
  content:"\f012"
}
.quiz-intro-item--questions-count {
  order:1
}
.quiz-intro-item--questions-count::before {
  content:"\f12e"
}
.quiz-intro-item--duration {
  order:2
}
.quiz-intro-item--duration::before {
  content:"\f017"
}
.quiz-intro-item__title {
  margin:0;
  padding:0 8px 0 0;
  color:#333;
  font-weight:300
}
.quiz-intro-item__content {
  color:#222;
  font-weight:400
}
.question-explanation-content,
.question-hint-content {
  margin-bottom:20px;
  padding:10px 15px;
  background:#f5f5f5
}
.redo-quiz button[type=submit] {
  content:attr(data-counter)
}
.circle-bar {
  position:relative;
  width:300px;
  height:300px;
  border-color:#ddd
}
.circle-bar::before {
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  box-sizing:border-box;
  width:100%;
  height:100%;
  border:10px solid #ddd;
  border-radius:50%;
  content:""
}
.circle-bar .before,
.circle-bar .after {
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  box-sizing:border-box;
  width:100%;
  height:100%;
  border:10px solid #14c4ff;
  border-radius:50%;
  transform:rotate(45deg)
}
.circle-bar .before {
  border-bottom-color:transparent;
  border-left-color:transparent;
  transform:rotate(45deg)
}
.circle-bar .after {
  border-color:#14c4ff;
  border-top-color:transparent;
  border-right-color:transparent;
  transform:rotate(45deg)
}
.circle-bar.bg50 .after {
  z-index:10;
  border-bottom-color:inherit;
  border-left-color:inherit;
  transform:rotate(45deg)
}
.lp-quiz-buttons .complete-quiz,
.lp-quiz-buttons .back-quiz,
.lp-quiz-buttons .review-quiz {
  float:right
}
.quiz-result .result-grade {
  display:flex;
  flex-direction:column;
  position:relative;
  box-sizing:border-box;
  height:200px;
  margin-bottom:30px;
  padding:50px;
  justify-content:center;
  align-items:center;
  -webkit-transform:none!important;
  -moz-transform:none!important;
  -ms-transform:none!important;
  -o-transform:none!important;
  transform:none!important
}
.quiz-result .result-grade::before,
.quiz-result .result-grade svg {
  position:absolute;
  top:0;
  left:50%;
  width:200px;
  height:200px;
  margin-left:-100px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%
}
.quiz-result .result-grade::before {
  box-sizing:border-box;
  padding:30px;
  border:10px solid #ccc;
  content:""
}
.quiz-result .result-grade svg {
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.quiz-result .result-grade svg circle {
  stroke:var(--lp-primary-color)
}
.quiz-result.passed .result-grade svg {
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.quiz-result.passed .result-grade .result-achieved {
  color:#333
}
.quiz-result.passed .result-grade .result-message strong {
  color:#4caf50
}
.quiz-questions .question {
  margin-bottom:60px
}
.quiz-questions .question-answers .answer-options {
  margin:0;
  padding:0
}
.question .answer-option {
  padding:0
}
.question .answer-option input[type=radio],
.question .answer-option input[type=checkbox] {
  position:absolute;
  top:50%;
  border-color:#d9e0f1;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  margin:0 0 0 10px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.question .answer-option input[type=radio]::after,
.question .answer-option input[type=checkbox]::after {
  border-color:#d9e0f1
}
.question .answer-option input[type=radio]:disabled,
.question .answer-option input[type=checkbox]:disabled {
  border-color:#ddd;
  background:#f9f9f9
}
.question .answer-option input[type=radio]:disabled::after,
.question .answer-option input[type=checkbox]:disabled::after {
  border-color:#ddd
}
.question .answer-option input[type=radio]:checked:not(:disabled)::after,
.question .answer-option input[type=checkbox]:checked:not(:disabled)::after {
  border-color:#99aee4
}
.question .answer-option input[type=radio] {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%
}
.question .answer-option input[type=radio]::before {
  border-radius:50%
}
.question .answer-option .option-title {
  display:flex;
  width:100%;
  margin:0;
  padding:10px 10px 10px 60px;
  border:1px solid #ccc;
  color:#666;
  font-weight:400;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.question .answer-option .option-title:hover {
  background:#f9f9f9
}
.question .answer-option .option-title::before {
  display:none
}
.question .answer-option.answer-correct .option-title {
  border-color:#4caf50
}
.question .answer-option.answered-wrong .option-title {
  border-color:#ff6423
}
.question .question-title {
  display:block;
  margin-top:0;
  margin-bottom:18px;
  color:#333;
  font-size:1.125em;
  font-weight:500
}
.question .question-title .edit-link {
  float:right;
  font-size:.875em;
  font-weight:400
}
.question .question-content {
  margin-bottom:30px
}
.question .question-content img {
  width:100%;
  max-width:100%
}
.question .question-response {
  margin-bottom:10px;
  font-size:.875em
}
.question .question-response .label {
  display:inline-block;
  margin:0 5px 0 0;
  padding:8px 10px;
  border-radius:4px;
  color:#fff;
  line-height:1
}
.question .question-response .point {
  display:inline-block
}
.question .question-response.correct .label {
  background:#4caf50
}
.question .question-response.incorrect .label {
  background:#ff6423
}
.question .question-index {
  display:inline-block;
  margin:0 5px 0 0
}
.question .btn-show-hint {
  position:relative;
  margin:0 0 0 10px;
  padding:0;
  outline:none;
  color:#00adff;
  background:0 0;
  font-size:0;
  text-decoration:none;
  border:none
}
.question .btn-show-hint::before {
  font-family:"fontawesome";
  font-size:18px;
  content:"\f059"
}
.question .btn-show-hint:hover span {
  position:absolute;
  bottom:100%;
  left:100%;
  width:auto;
  padding:6px 9px;
  border-radius:2px;
  color:#333;
  background:#eee;
  font-size:14px;
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  text-transform:none
}
.question.question-fill_in_blanks .blanks .blank-input-wrap {
  display:inline-block
}
.question.question-fill_in_blanks .blanks .blank-block {
  margin-bottom:20px
}
.question.question-fill_in_blanks .blanks .blank-input {
  display:inline-block;
  width:auto;
  min-width:50px;
  margin:0 10px;
  padding:0 10px;
  border:none;
  border-bottom:1px dashed #ddd;
  text-align:center;
  white-space:nowrap
}
.question.question-fill_in_blanks .blanks .blank-input br {
  display:none
}
.question.question-fill_in_blanks .blanks .blank-input>* {
  display:inline;
  white-space:nowrap
}
.question.question-fill_in_blanks .blanks .blank-select {
  display:inline-block;
  height:30px;
  margin-left:4px;
  padding:1px
}
.question.question-fill_in_blanks .blanks .blank-fills {
  display:inline-block
}
.question.question-fill_in_blanks .blanks .blank-fills code {
  margin:0 5px;
  padding:0 6px;
  background:#ddd;
  line-height:1;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.question.question-fill_in_blanks .blanks.ordered {
  list-style-position:inside
}
.question.question-fill_in_blanks .blanks.one-paragraph {
  line-height:3
}
.questions-pagination li{display: inline-block; list-style: none; margin-right: 10px; text-transform: capitalize;}
.questions-pagination li:last-child{margin-right: 0;}
.questions-pagination li.disabled a{color: #356DF1; border: 1px solid #356DF1;}
.questions-pagination li.page-inf.disabled a,
.questions-pagination li a{border: 1px solid #EEE; padding: 5px 10px; color: #555;}
.questions-pagination li.prev.disabled,
.questions-pagination li.next.disabled{display: none;}
.quiz-status {
	position: sticky;
	z-index: 99;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 0 35px; background: #f46e53; color: #FFF;
}
.quiz-result {
  max-width:320px;
  margin:20px auto 48px;
  text-align:center
}
.quiz-result .result-heading {
  display:none
}
.quiz-result.passed .result-message {
  background:#3bb54a
}
.quiz-result.passed .result-message::after {
  content:"\f00c"
}
.quiz-result .result-message {
  margin-bottom:30px;
  padding:10px 0!important;
  color:#fff;
  background:#f02425;
  font-size:1rem;
  line-height:1.375em;
  font-weight:400;
  display:flex;
  align-items:center;
  justify-content:center;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.quiz-result .result-message::after {
  margin-left:10px;
  font-family:"fontawesome";
  font-weight:900;
  content:"\f00d"
}
.quiz-result .result-grade .result-achieved,
.quiz-result .result-grade .result-require {
  display:inline-block;
  margin:0 auto
}
.quiz-result .result-grade .result-achieved {
  padding-bottom:7px;
  border-bottom:1px solid #999;
  color:#333;
  font-size:1.75em;
  font-weight:500;
  line-height:1
}
.quiz-result .result-grade .result-require {
  display:block;
  padding-top:5px;
  color:#666;
  font-size:1em;
  font-weight:400;
  line-height:1
}
.quiz-result .result-grade .result-message {
  font-size:.875em
}
.quiz-result.passed .result-achieved {
  color:#04adff
}
.quiz-result.passed .result-message strong {
  color:#04adff
}
.quiz-result .result-statistic {
  margin:0;
  padding:0;
  text-align:left;
  list-style:none
}
.quiz-result .result-statistic .result-statistic-field {
  display:flex;
  margin:0
}
.quiz-result .result-statistic .result-statistic-field+li {
  border-top:1px dashed #ccc
}
.quiz-result .result-statistic .result-statistic-field span,
.quiz-result .result-statistic .result-statistic-field p {
  margin:0;
  flex:1
}
.quiz-result .result-statistic .result-statistic-field span {
  color:#666;
  font-size:1em;
  font-weight:400;
  line-height:2.1875em
}
.quiz-result .result-statistic .result-statistic-field span::before {
  display:inline-block;
  width:15px;
  margin-right:10px;
  color:var(--lp-primary-color);
  font-family:"fontawesome";
  font-size:1em;
  font-weight:900
}
.quiz-result .result-statistic .result-statistic-field p {
  color:#333;
  font-weight:500;
  text-align:right
}
.quiz-result .result-statistic .result-statistic-field.result-time-spend label::before {
  font-weight:400;
  content:"\f017"
}
.quiz-result .result-statistic .result-statistic-field.result-point label::before {
  font-weight:400;
  content:"\f005"
}
.quiz-result .result-statistic .result-statistic-field.result-questions label::before {
  font-weight:400;
  content:"\f059"
}
.quiz-result .result-statistic .result-statistic-field.result-questions-correct label::before {
  color:#3db748;
  content:"\f00c"
}
.quiz-result .result-statistic .result-statistic-field.result-questions-wrong label::before {
  color:#f02425;
  content:"\f00d"
}
.quiz-result .result-statistic .result-statistic-field.result-questions-skipped label::before {
  color:#ddd;
  content:"\f2f5"
}