@charset "UTF-8";
.wf-content-border {
  border-radius: 9px;
  border: solid 2px #e2056f;
  box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.1019607843);
}

.mylbq-sub-english {
  background-color: #b3d335;
}

.mylbq-sub-french {
  background-color: #bf7f34;
}

.mylbq-sub-history {
  background-color: #ffad1d;
}

.mylbq-sub-geography {
  background-color: #ea1b96;
}

.mylbq-sub-sciences {
  background-color: #ed1c24;
}

.mylbq-sub-biology {
  background-color: #7ea30c;
}

.mylbq-sub-chemistry {
  background-color: #ed1c24;
}

.mylbq-sub-primaryscience {
  background-color: #0673ea;
}

.mylbq-sub-physics {
  background-color: #87328c;
}

.mylbq-sub-designtechnology {
  background-color: #ec008c;
}

.mylbq-sub-computing {
  background-color: #b8bcb9;
}

.mylbq-sub-languages {
  background-color: #ec008c;
}

.mylbq-sub-citizenship {
  background-color: #828282;
}

.mylbq-sub-mathematics {
  background-color: #00aaad;
}

.mylbq-sub-math {
  background-color: #00aaad;
}

.mylbq-sub-myquestionsets {
  background-color: orangered;
}

.mylbq-sub-myqsets {
  background-color: orangered;
}

.mylbq-sub-favourites {
  background-color: #033660;
}

.mylbq-sub-english-0 {
  background-color: rgba(179, 211, 53, 0);
}

.mylbq-sub-french-0 {
  background-color: rgba(191, 127, 52, 0);
}

.mylbq-sub-history-0 {
  background-color: rgba(255, 173, 29, 0);
}

.mylbq-sub-geography-0 {
  background-color: rgba(234, 27, 150, 0);
}

.mylbq-sub-sciences-0 {
  background-color: rgba(237, 28, 36, 0);
}

.mylbq-sub-biology-0 {
  background-color: rgba(126, 163, 12, 0);
}

.mylbq-sub-chemistry-0 {
  background-color: rgba(237, 28, 36, 0);
}

.mylbq-sub-primaryscience-0 {
  background-color: rgba(6, 115, 234, 0);
}

.mylbq-sub-physics-0 {
  background-color: rgba(135, 50, 140, 0);
}

.mylbq-sub-designtechnology-0 {
  background-color: rgba(236, 0, 140, 0);
}

.mylbq-sub-computing-0 {
  background-color: rgba(184, 188, 185, 0);
}

.mylbq-sub-languages-0 {
  background-color: rgba(236, 0, 140, 0);
}

.mylbq-sub-citizenship-0 {
  background-color: rgba(130, 130, 130, 0);
}

.mylbq-sub-mathematics-0 {
  background-color: rgba(0, 170, 173, 0);
}

.mylbq-sub-math-0 {
  background-color: rgba(0, 170, 173, 0);
}

.mylbq-sub-myquestionsets-0 {
  background-color: rgba(255, 69, 0, 0);
}

.mylbq-sub-myqsets-0 {
  background-color: rgba(255, 69, 0, 0);
}

.mylbq-sub-favourites-0 {
  background-color: rgba(3, 54, 96, 0);
}

.mylbq-sub-english-10 {
  background-color: rgba(179, 211, 53, 0.1);
}

.mylbq-sub-french-10 {
  background-color: rgba(191, 127, 52, 0.1);
}

.mylbq-sub-history-10 {
  background-color: rgba(255, 173, 29, 0.1);
}

.mylbq-sub-geography-10 {
  background-color: rgba(234, 27, 150, 0.1);
}

.mylbq-sub-sciences-10 {
  background-color: rgba(237, 28, 36, 0.1);
}

.mylbq-sub-biology-10 {
  background-color: rgba(126, 163, 12, 0.1);
}

.mylbq-sub-chemistry-10 {
  background-color: rgba(237, 28, 36, 0.1);
}

.mylbq-sub-primaryscience-10 {
  background-color: rgba(6, 115, 234, 0.1);
}

.mylbq-sub-physics-10 {
  background-color: rgba(135, 50, 140, 0.1);
}

.mylbq-sub-designtechnology-10 {
  background-color: rgba(236, 0, 140, 0.1);
}

.mylbq-sub-computing-10 {
  background-color: rgba(184, 188, 185, 0.1);
}

.mylbq-sub-languages-10 {
  background-color: rgba(236, 0, 140, 0.1);
}

.mylbq-sub-citizenship-10 {
  background-color: rgba(130, 130, 130, 0.1);
}

.mylbq-sub-mathematics-10 {
  background-color: rgba(0, 170, 173, 0.1);
}

.mylbq-sub-math-10 {
  background-color: rgba(0, 170, 173, 0.1);
}

.mylbq-sub-myquestionsets-10 {
  background-color: rgba(255, 69, 0, 0.1);
}

.mylbq-sub-myqsets-10 {
  background-color: rgba(255, 69, 0, 0.1);
}

.mylbq-sub-favourites-10 {
  background-color: rgba(3, 54, 96, 0.1);
}

.mylbq-sub-english-20 {
  background-color: rgba(179, 211, 53, 0.2);
}

.mylbq-sub-french-20 {
  background-color: rgba(191, 127, 52, 0.2);
}

.mylbq-sub-history-20 {
  background-color: rgba(255, 173, 29, 0.2);
}

.mylbq-sub-geography-20 {
  background-color: rgba(234, 27, 150, 0.2);
}

.mylbq-sub-sciences-20 {
  background-color: rgba(237, 28, 36, 0.2);
}

.mylbq-sub-biology-20 {
  background-color: rgba(126, 163, 12, 0.2);
}

.mylbq-sub-chemistry-20 {
  background-color: rgba(237, 28, 36, 0.2);
}

.mylbq-sub-primaryscience-20 {
  background-color: rgba(6, 115, 234, 0.2);
}

.mylbq-sub-physics-20 {
  background-color: rgba(135, 50, 140, 0.2);
}

.mylbq-sub-designtechnology-20 {
  background-color: rgba(236, 0, 140, 0.2);
}

.mylbq-sub-computing-20 {
  background-color: rgba(184, 188, 185, 0.2);
}

.mylbq-sub-languages-20 {
  background-color: rgba(236, 0, 140, 0.2);
}

.mylbq-sub-citizenship-20 {
  background-color: rgba(130, 130, 130, 0.2);
}

.mylbq-sub-mathematics-20 {
  background-color: rgba(0, 170, 173, 0.2);
}

.mylbq-sub-math-20 {
  background-color: rgba(0, 170, 173, 0.2);
}

.mylbq-sub-myquestionsets-20 {
  background-color: rgba(255, 69, 0, 0.2);
}

.mylbq-sub-myqsets-20 {
  background-color: rgba(255, 69, 0, 0.2);
}

.mylbq-sub-favourites-20 {
  background-color: rgba(3, 54, 96, 0.2);
}

.mylbq-sub-english-30 {
  background-color: rgba(179, 211, 53, 0.3);
}

.mylbq-sub-french-30 {
  background-color: rgba(191, 127, 52, 0.3);
}

.mylbq-sub-history-30 {
  background-color: rgba(255, 173, 29, 0.3);
}

.mylbq-sub-geography-30 {
  background-color: rgba(234, 27, 150, 0.3);
}

.mylbq-sub-sciences-30 {
  background-color: rgba(237, 28, 36, 0.3);
}

.mylbq-sub-biology-30 {
  background-color: rgba(126, 163, 12, 0.3);
}

.mylbq-sub-chemistry-30 {
  background-color: rgba(237, 28, 36, 0.3);
}

.mylbq-sub-primaryscience-30 {
  background-color: rgba(6, 115, 234, 0.3);
}

.mylbq-sub-physics-30 {
  background-color: rgba(135, 50, 140, 0.3);
}

.mylbq-sub-designtechnology-30 {
  background-color: rgba(236, 0, 140, 0.3);
}

.mylbq-sub-computing-30 {
  background-color: rgba(184, 188, 185, 0.3);
}

.mylbq-sub-languages-30 {
  background-color: rgba(236, 0, 140, 0.3);
}

.mylbq-sub-citizenship-30 {
  background-color: rgba(130, 130, 130, 0.3);
}

.mylbq-sub-mathematics-30 {
  background-color: rgba(0, 170, 173, 0.3);
}

.mylbq-sub-math-30 {
  background-color: rgba(0, 170, 173, 0.3);
}

.mylbq-sub-myquestionsets-30 {
  background-color: rgba(255, 69, 0, 0.3);
}

.mylbq-sub-myqsets-30 {
  background-color: rgba(255, 69, 0, 0.3);
}

.mylbq-sub-favourites-30 {
  background-color: rgba(3, 54, 96, 0.3);
}

.mylbq-sub-english-40 {
  background-color: rgba(179, 211, 53, 0.4);
}

.mylbq-sub-french-40 {
  background-color: rgba(191, 127, 52, 0.4);
}

.mylbq-sub-history-40 {
  background-color: rgba(255, 173, 29, 0.4);
}

.mylbq-sub-geography-40 {
  background-color: rgba(234, 27, 150, 0.4);
}

.mylbq-sub-sciences-40 {
  background-color: rgba(237, 28, 36, 0.4);
}

.mylbq-sub-biology-40 {
  background-color: rgba(126, 163, 12, 0.4);
}

.mylbq-sub-chemistry-40 {
  background-color: rgba(237, 28, 36, 0.4);
}

.mylbq-sub-primaryscience-40 {
  background-color: rgba(6, 115, 234, 0.4);
}

.mylbq-sub-physics-40 {
  background-color: rgba(135, 50, 140, 0.4);
}

.mylbq-sub-designtechnology-40 {
  background-color: rgba(236, 0, 140, 0.4);
}

.mylbq-sub-computing-40 {
  background-color: rgba(184, 188, 185, 0.4);
}

.mylbq-sub-languages-40 {
  background-color: rgba(236, 0, 140, 0.4);
}

.mylbq-sub-citizenship-40 {
  background-color: rgba(130, 130, 130, 0.4);
}

.mylbq-sub-mathematics-40 {
  background-color: rgba(0, 170, 173, 0.4);
}

.mylbq-sub-math-40 {
  background-color: rgba(0, 170, 173, 0.4);
}

.mylbq-sub-myquestionsets-40 {
  background-color: rgba(255, 69, 0, 0.4);
}

.mylbq-sub-myqsets-40 {
  background-color: rgba(255, 69, 0, 0.4);
}

.mylbq-sub-favourites-40 {
  background-color: rgba(3, 54, 96, 0.4);
}

.mylbq-sub-english-50 {
  background-color: rgba(179, 211, 53, 0.5);
}

.mylbq-sub-french-50 {
  background-color: rgba(191, 127, 52, 0.5);
}

.mylbq-sub-history-50 {
  background-color: rgba(255, 173, 29, 0.5);
}

.mylbq-sub-geography-50 {
  background-color: rgba(234, 27, 150, 0.5);
}

.mylbq-sub-sciences-50 {
  background-color: rgba(237, 28, 36, 0.5);
}

.mylbq-sub-biology-50 {
  background-color: rgba(126, 163, 12, 0.5);
}

.mylbq-sub-chemistry-50 {
  background-color: rgba(237, 28, 36, 0.5);
}

.mylbq-sub-primaryscience-50 {
  background-color: rgba(6, 115, 234, 0.5);
}

.mylbq-sub-physics-50 {
  background-color: rgba(135, 50, 140, 0.5);
}

.mylbq-sub-designtechnology-50 {
  background-color: rgba(236, 0, 140, 0.5);
}

.mylbq-sub-computing-50 {
  background-color: rgba(184, 188, 185, 0.5);
}

.mylbq-sub-languages-50 {
  background-color: rgba(236, 0, 140, 0.5);
}

.mylbq-sub-citizenship-50 {
  background-color: rgba(130, 130, 130, 0.5);
}

.mylbq-sub-mathematics-50 {
  background-color: rgba(0, 170, 173, 0.5);
}

.mylbq-sub-math-50 {
  background-color: rgba(0, 170, 173, 0.5);
}

.mylbq-sub-myquestionsets-50 {
  background-color: rgba(255, 69, 0, 0.5);
}

.mylbq-sub-myqsets-50 {
  background-color: rgba(255, 69, 0, 0.5);
}

.mylbq-sub-favourites-50 {
  background-color: rgba(3, 54, 96, 0.5);
}

.mylbq-sub-english-60 {
  background-color: rgba(179, 211, 53, 0.6);
}

.mylbq-sub-french-60 {
  background-color: rgba(191, 127, 52, 0.6);
}

.mylbq-sub-history-60 {
  background-color: rgba(255, 173, 29, 0.6);
}

.mylbq-sub-geography-60 {
  background-color: rgba(234, 27, 150, 0.6);
}

.mylbq-sub-sciences-60 {
  background-color: rgba(237, 28, 36, 0.6);
}

.mylbq-sub-biology-60 {
  background-color: rgba(126, 163, 12, 0.6);
}

.mylbq-sub-chemistry-60 {
  background-color: rgba(237, 28, 36, 0.6);
}

.mylbq-sub-primaryscience-60 {
  background-color: rgba(6, 115, 234, 0.6);
}

.mylbq-sub-physics-60 {
  background-color: rgba(135, 50, 140, 0.6);
}

.mylbq-sub-designtechnology-60 {
  background-color: rgba(236, 0, 140, 0.6);
}

.mylbq-sub-computing-60 {
  background-color: rgba(184, 188, 185, 0.6);
}

.mylbq-sub-languages-60 {
  background-color: rgba(236, 0, 140, 0.6);
}

.mylbq-sub-citizenship-60 {
  background-color: rgba(130, 130, 130, 0.6);
}

.mylbq-sub-mathematics-60 {
  background-color: rgba(0, 170, 173, 0.6);
}

.mylbq-sub-math-60 {
  background-color: rgba(0, 170, 173, 0.6);
}

.mylbq-sub-myquestionsets-60 {
  background-color: rgba(255, 69, 0, 0.6);
}

.mylbq-sub-myqsets-60 {
  background-color: rgba(255, 69, 0, 0.6);
}

.mylbq-sub-favourites-60 {
  background-color: rgba(3, 54, 96, 0.6);
}

.mylbq-sub-english-70 {
  background-color: rgba(179, 211, 53, 0.7);
}

.mylbq-sub-french-70 {
  background-color: rgba(191, 127, 52, 0.7);
}

.mylbq-sub-history-70 {
  background-color: rgba(255, 173, 29, 0.7);
}

.mylbq-sub-geography-70 {
  background-color: rgba(234, 27, 150, 0.7);
}

.mylbq-sub-sciences-70 {
  background-color: rgba(237, 28, 36, 0.7);
}

.mylbq-sub-biology-70 {
  background-color: rgba(126, 163, 12, 0.7);
}

.mylbq-sub-chemistry-70 {
  background-color: rgba(237, 28, 36, 0.7);
}

.mylbq-sub-primaryscience-70 {
  background-color: rgba(6, 115, 234, 0.7);
}

.mylbq-sub-physics-70 {
  background-color: rgba(135, 50, 140, 0.7);
}

.mylbq-sub-designtechnology-70 {
  background-color: rgba(236, 0, 140, 0.7);
}

.mylbq-sub-computing-70 {
  background-color: rgba(184, 188, 185, 0.7);
}

.mylbq-sub-languages-70 {
  background-color: rgba(236, 0, 140, 0.7);
}

.mylbq-sub-citizenship-70 {
  background-color: rgba(130, 130, 130, 0.7);
}

.mylbq-sub-mathematics-70 {
  background-color: rgba(0, 170, 173, 0.7);
}

.mylbq-sub-math-70 {
  background-color: rgba(0, 170, 173, 0.7);
}

.mylbq-sub-myquestionsets-70 {
  background-color: rgba(255, 69, 0, 0.7);
}

.mylbq-sub-myqsets-70 {
  background-color: rgba(255, 69, 0, 0.7);
}

.mylbq-sub-favourites-70 {
  background-color: rgba(3, 54, 96, 0.7);
}

.mylbq-sub-english-80 {
  background-color: rgba(179, 211, 53, 0.8);
}

.mylbq-sub-french-80 {
  background-color: rgba(191, 127, 52, 0.8);
}

.mylbq-sub-history-80 {
  background-color: rgba(255, 173, 29, 0.8);
}

.mylbq-sub-geography-80 {
  background-color: rgba(234, 27, 150, 0.8);
}

.mylbq-sub-sciences-80 {
  background-color: rgba(237, 28, 36, 0.8);
}

.mylbq-sub-biology-80 {
  background-color: rgba(126, 163, 12, 0.8);
}

.mylbq-sub-chemistry-80 {
  background-color: rgba(237, 28, 36, 0.8);
}

.mylbq-sub-primaryscience-80 {
  background-color: rgba(6, 115, 234, 0.8);
}

.mylbq-sub-physics-80 {
  background-color: rgba(135, 50, 140, 0.8);
}

.mylbq-sub-designtechnology-80 {
  background-color: rgba(236, 0, 140, 0.8);
}

.mylbq-sub-computing-80 {
  background-color: rgba(184, 188, 185, 0.8);
}

.mylbq-sub-languages-80 {
  background-color: rgba(236, 0, 140, 0.8);
}

.mylbq-sub-citizenship-80 {
  background-color: rgba(130, 130, 130, 0.8);
}

.mylbq-sub-mathematics-80 {
  background-color: rgba(0, 170, 173, 0.8);
}

.mylbq-sub-math-80 {
  background-color: rgba(0, 170, 173, 0.8);
}

.mylbq-sub-myquestionsets-80 {
  background-color: rgba(255, 69, 0, 0.8);
}

.mylbq-sub-myqsets-80 {
  background-color: rgba(255, 69, 0, 0.8);
}

.mylbq-sub-favourites-80 {
  background-color: rgba(3, 54, 96, 0.8);
}

.mylbq-sub-english-90 {
  background-color: rgba(179, 211, 53, 0.9);
}

.mylbq-sub-french-90 {
  background-color: rgba(191, 127, 52, 0.9);
}

.mylbq-sub-history-90 {
  background-color: rgba(255, 173, 29, 0.9);
}

.mylbq-sub-geography-90 {
  background-color: rgba(234, 27, 150, 0.9);
}

.mylbq-sub-sciences-90 {
  background-color: rgba(237, 28, 36, 0.9);
}

.mylbq-sub-biology-90 {
  background-color: rgba(126, 163, 12, 0.9);
}

.mylbq-sub-chemistry-90 {
  background-color: rgba(237, 28, 36, 0.9);
}

.mylbq-sub-primaryscience-90 {
  background-color: rgba(6, 115, 234, 0.9);
}

.mylbq-sub-physics-90 {
  background-color: rgba(135, 50, 140, 0.9);
}

.mylbq-sub-designtechnology-90 {
  background-color: rgba(236, 0, 140, 0.9);
}

.mylbq-sub-computing-90 {
  background-color: rgba(184, 188, 185, 0.9);
}

.mylbq-sub-languages-90 {
  background-color: rgba(236, 0, 140, 0.9);
}

.mylbq-sub-citizenship-90 {
  background-color: rgba(130, 130, 130, 0.9);
}

.mylbq-sub-mathematics-90 {
  background-color: rgba(0, 170, 173, 0.9);
}

.mylbq-sub-math-90 {
  background-color: rgba(0, 170, 173, 0.9);
}

.mylbq-sub-myquestionsets-90 {
  background-color: rgba(255, 69, 0, 0.9);
}

.mylbq-sub-myqsets-90 {
  background-color: rgba(255, 69, 0, 0.9);
}

.mylbq-sub-favourites-90 {
  background-color: rgba(3, 54, 96, 0.9);
}

.mylbq-sub-english-100 {
  background-color: #b3d335;
}

.mylbq-sub-french-100 {
  background-color: #bf7f34;
}

.mylbq-sub-history-100 {
  background-color: #ffad1d;
}

.mylbq-sub-geography-100 {
  background-color: #ea1b96;
}

.mylbq-sub-sciences-100 {
  background-color: #ed1c24;
}

.mylbq-sub-biology-100 {
  background-color: #7ea30c;
}

.mylbq-sub-chemistry-100 {
  background-color: #ed1c24;
}

.mylbq-sub-primaryscience-100 {
  background-color: #0673ea;
}

.mylbq-sub-physics-100 {
  background-color: #87328c;
}

.mylbq-sub-designtechnology-100 {
  background-color: #ec008c;
}

.mylbq-sub-computing-100 {
  background-color: #b8bcb9;
}

.mylbq-sub-languages-100 {
  background-color: #ec008c;
}

.mylbq-sub-citizenship-100 {
  background-color: #828282;
}

.mylbq-sub-mathematics-100 {
  background-color: #00aaad;
}

.mylbq-sub-math-100 {
  background-color: #00aaad;
}

.mylbq-sub-myquestionsets-100 {
  background-color: orangered;
}

.mylbq-sub-myqsets-100 {
  background-color: orangered;
}

.mylbq-sub-favourites-100 {
  background-color: #033660;
}

.hide-adhoc #configureAdhoc, .hide-adhoc .task-bar-adhoc-btn {
  display: none;
}

.hide-teach .qspp-question-side-panel .qspp-question-side-btn.teach {
  display: none !important;
}

.qspp button:not(.ldl-site-action-btn) {
  border: none;
  border-radius: 4px;
  position: relative;
}

.qspp.hasClose .qspp-header-label {
  width: calc(100% - 185px);
}
.qspp.hasClose:not(.theme) .qspp-header-qref {
  margin-right: 37px;
  border-radius: 4px;
}
.qspp.hasClose .qspp-close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 0 !important;
  background: #ff3630;
  cursor: pointer;
  padding: 0;
  outline: none;
}
.qspp.hasClose .qspp-close-btn:after, .qspp.hasClose .qspp-close-btn:before {
  position: absolute;
  display: block;
  content: "";
  width: 3px;
  height: 25px;
  background: white;
  border-radius: 2px;
  transform: rotate(45deg);
  top: 2px;
  left: 14px;
}
.qspp.hasClose .qspp-close-btn:after {
  transform: rotate(-45deg);
}
.qspp.hasClose.theme .qspp-header-label {
  margin-left: 35px;
}
.qspp.hasClose.theme .qspp-close-btn {
  left: 0;
}

.qspp {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  background-position: -420px -105px;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
}
.qspp.english {
  border-color: #b3d335 !important;
}
.qspp.english .qspp-sub-bg {
  background: #b3d335;
}
.qspp.french {
  border-color: #bf7f34 !important;
}
.qspp.french .qspp-sub-bg {
  background: #bf7f34;
}
.qspp.history {
  border-color: #ffad1d !important;
}
.qspp.history .qspp-sub-bg {
  background: #ffad1d;
}
.qspp.geography {
  border-color: #ea1b96 !important;
}
.qspp.geography .qspp-sub-bg {
  background: #ea1b96;
}
.qspp.sciences {
  border-color: #ed1c24 !important;
}
.qspp.sciences .qspp-sub-bg {
  background: #ed1c24;
}
.qspp.biology {
  border-color: #7ea30c !important;
}
.qspp.biology .qspp-sub-bg {
  background: #7ea30c;
}
.qspp.chemistry {
  border-color: #ed1c24 !important;
}
.qspp.chemistry .qspp-sub-bg {
  background: #ed1c24;
}
.qspp.primaryscience {
  border-color: #0673ea !important;
}
.qspp.primaryscience .qspp-sub-bg {
  background: #0673ea;
}
.qspp.physics {
  border-color: #87328c !important;
}
.qspp.physics .qspp-sub-bg {
  background: #87328c;
}
.qspp.designtechnology {
  border-color: #ec008c !important;
}
.qspp.designtechnology .qspp-sub-bg {
  background: #ec008c;
}
.qspp.computing {
  border-color: #b8bcb9 !important;
}
.qspp.computing .qspp-sub-bg {
  background: #b8bcb9;
}
.qspp.languages {
  border-color: #ec008c !important;
}
.qspp.languages .qspp-sub-bg {
  background: #ec008c;
}
.qspp.citizenship {
  border-color: #828282 !important;
}
.qspp.citizenship .qspp-sub-bg {
  background: #828282;
}
.qspp.mathematics {
  border-color: #00aaad !important;
}
.qspp.mathematics .qspp-sub-bg {
  background: #00aaad;
}
.qspp.math {
  border-color: #00aaad !important;
}
.qspp.math .qspp-sub-bg {
  background: #00aaad;
}
.qspp.myquestionsets {
  border-color: orangered !important;
}
.qspp.myquestionsets .qspp-sub-bg {
  background: orangered;
}
.qspp.myqsets {
  border-color: orangered !important;
}
.qspp.myqsets .qspp-sub-bg {
  background: orangered;
}
.qspp.favourites {
  border-color: #033660 !important;
}
.qspp.favourites .qspp-sub-bg {
  background: #033660;
}
.qspp.no-ref .qspp-header-qref {
  display: none;
}
.qspp.no-ref .qspp-header-label {
  width: calc(100% - 96px);
}
.qspp.no-ref.hasClose .qspp-header-label {
  width: calc(100% - 126px);
}
.qspp.no-ref.adaptation .qspp-header-label {
  width: calc(100% - 126px);
}
.qspp.no-ref.adaptation.hasClose .qspp-header-label {
  width: calc(100% - 158px);
}
.qspp.no-ref.myqset .qspp-header-label {
  width: calc(100% - 126px);
}
.qspp.no-ref.myqset.hasClose .qspp-header-label {
  width: calc(100% - 158px);
}
.qspp.allow-start-plan .qspp-panel-btn-holder {
  width: 198px;
}

.qspp-header {
  position: relative;
  width: 100%;
  height: 30px;
  background: #003660;
  color: white;
}

.qspp-header-label {
  position: relative;
  float: left;
  margin: 0;
  margin-left: 5px;
  font-size: 15px;
  width: calc(100% - 145px);
  line-height: 30px;
}

.qspp-header-qref {
  position: relative;
  float: right;
  margin: 0;
  font-size: 15px;
  color: #e2056f;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  width: 49px;
  background: white;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  top: 4px;
  height: 22px;
}

.no-ref .qspp-header-qref {
  display: none;
}
.no-ref .qspp-header-label {
  width: calc(100% - 96px);
}

.qspp-header-info {
  position: relative;
  float: left;
  margin: 0;
  margin-left: 5px;
  width: 80px;
  margin-right: 6px;
  margin-top: 2px;
}

.qspp-header-qnum {
  position: relative;
  line-height: 13px;
  margin: 0;
  font-size: 12px;
  text-align: right;
}

.qspp-panel {
  position: relative;
  width: 100%;
  background: white;
  height: 51px;
  float: left;
}
.qspp-panel.details {
  height: auto;
  padding: 10px;
  width: calc(100% - 20px);
  font-size: 13px;
  color: #444;
  padding-bottom: 0;
}
.qspp-panel.details > p {
  margin: 0;
  margin-bottom: 10px;
}

.qspp-panel-btn-holder {
  position: relative;
  width: 241px;
  height: 100%;
  float: right;
  background: white;
}

.qspp-panel-btn {
  position: relative;
  height: 38px;
  background: #e2056f;
  width: 94px;
  margin: 7px 0;
  margin-right: 5px;
  padding: 0;
  padding-left: 30px;
  color: white;
  float: left;
  border: none;
  outline: none;
}

.qspp-panel-btn span {
  pointer-events: none;
}

.qspp-panel-btn.disabled {
  background: #ccc !important;
}

.qspp-panel-btn:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  top: 3px;
  left: 6px;
}

.qspp-panel-btn.plan:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/plan-icon.svg);
}

.qspp-panel-btn.start:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/start-icon.svg);
}

.qspp-panel-btn.start.as-teach:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/teach-icon-pink.svg);
}

.qspp-panel-btn.advance:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/advance-icon.svg);
  width: 19px;
  height: 20px;
  top: 5px;
  left: 8px;
}

.qspp-panel-btn.plain {
  padding-right: 30px;
  padding-left: 10px;
  width: 107px;
  float: right;
}
.qspp-panel-btn.plain:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/start-icon.svg);
  right: -2px;
  left: auto;
}

.qspp-panel-btn.login {
  padding-right: 20px;
  padding-left: 20px;
  width: 107px;
  float: right;
}
.qspp-panel-btn.login:after {
  display: none;
}

.qspp-panel-btn.plan {
  background: #003660;
}

.qspp-panel-btn.advance {
  background: #033660;
  height: 30px;
  margin: 11px;
  width: 104px;
}

.qspp.advance .qspp-panel-btn.advance {
  background: #e2056f;
}

.qspp-fav-btn {
  position: relative;
  background: url(/Areas/Shared/Content/QSetPreview/image/favstar-off.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 100%;
  margin-left: 7px;
  float: left;
  background-position: 0 10px;
  outline: none;
}

.qspp-fav-btn.on {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/favstar-on.svg);
}

.qspp-holder {
  position: relative;
  float: left;
  width: calc(100% - 35px);
  height: calc(100% - 81px);
  background: #8e8e8e;
}

.qspp-holder-content {
  position: relative;
}

.qspp-holder.show-info .qspp-info-box {
  display: block;
}

.qspp-holder > .qspp-level-bar {
  position: absolute;
  top: 0;
  z-index: 2;
}

.qspp-holder > .qspp-level-bar.ldl-utils-scrollbarutil-scrollbar-showing {
  width: calc(100% - 14px);
}

.qspp-level-holder {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #D9D9D9;
}

.qspp-level-holder.light {
  background: #c8c8c8;
}

.qspp-level-bar {
  position: relative;
  width: 100%;
  height: 22px;
  color: white;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  background: #707070;
}

.qspp-level-label {
  width: calc(100% - 4px);
}

.qspp-level-label {
  position: relative;
  float: left;
  margin: 0;
  line-height: 22px;
  font-size: 12px;
  margin-left: 4px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.qspp-level-info-holder {
  position: relative;
  height: auto;
  overflow: hidden;
  padding-bottom: 5px;
  background: #707070;
  width: 100%;
}
.qspp-level-info-holder.last-level .qspp-level-info.progress {
  display: none;
}
.qspp-level-info-holder .qspp-level-info-holder-dark-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.08);
}
.qspp-level-info-holder .qspp-level-info {
  width: calc(33.33% - 20px);
  float: left;
  padding: 5px 10px;
  font-size: 12px;
  color: white;
  opacity: 0.9;
}
.qspp-level-info-holder .qspp-level-info p {
  margin: 0;
}
.qspp-level-info-holder .qspp-level-info .qspp-level-info-title {
  position: relative;
  font-weight: bold;
  margin: 6px 0;
}
.qspp-level-info-holder .qspp-level-info .qspp-level-info-text {
  position: relative;
  font-family: suisse_intllight, suisse_intlregular, Arial, Helvetica, sans-serif;
}
.qspp-level-info-holder:not(.random) .qspp-level-info.random {
  display: none;
}
.qspp-level-info-holder:not(.nav) .qspp-level-info.nav {
  display: none;
}
.qspp-level-info-holder:before, .qspp-level-info-holder:after {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 10px);
  top: 5px;
  left: 33.33%;
  background: white;
  opacity: 0.4;
}
.qspp-level-info-holder:after {
  left: 66.66%;
}
.qspp-level-info-holder.qspp-info-count-1 .qspp-level-info {
  width: calc(100% - 20px);
}
.qspp-level-info-holder.qspp-info-count-1:before {
  display: none;
}
.qspp-level-info-holder.qspp-info-count-1:after {
  display: none;
}
.qspp-level-info-holder.qspp-info-count-2 .qspp-level-info {
  width: calc(50% - 20px);
}
.qspp-level-info-holder.qspp-info-count-2:before {
  left: 50%;
}
.qspp-level-info-holder.qspp-info-count-2:after {
  display: none;
}

.qspp-level-rules-label {
  margin: 0;
  position: absolute;
  right: 28px;
  top: 4px;
  opacity: 0.8;
}

.qspp-info-btn {
  height: 18px;
  line-height: 14px;
  outline: none;
  top: 2px;
  width: 18px;
  opacity: 0.8;
  float: right;
  margin-right: 4px;
  border-radius: 50% !important;
  background: none;
  border: solid 1px white !important;
  color: white;
  font-weight: bold;
  padding: 0px;
}

.qspp-info-box {
  position: relative;
  display: none;
  top: 0;
  z-index: 1;
  left: 0;
  width: calc(100% - 16px);
  background: #707070;
  border-radius: 0 0 4px 4px;
  color: white;
  padding: 8px;
  min-height: 22px;
  font-size: 13px;
}
.qspp-info-box:before, .qspp-info-box:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 14px;
  background: white;
  transform-origin: 50%;
  transform: rotate(45deg);
  top: 4px;
  right: 8px;
  cursor: pointer;
}
.qspp-info-box:before {
  transform: rotate(-45deg);
}

.qspp-question-holder {
  position: relative;
  height: auto;
  overflow: hidden;
  background: white;
  margin-bottom: 3px;
  font-size: 14px;
  min-height: 100px;
}

.qspp.advance .qspp-question-holder {
  min-height: 135px;
}

.qspp-question-side-panel {
  position: absolute;
  float: left;
  width: 40px;
  min-height: 70px;
  overflow: hidden;
  background: #eee;
  height: 100%;
}

.qspp-question-number {
  position: relative;
  margin: 3px;
  outline: solid 1px #ccc;
  background: white;
  text-align: center;
  padding: 3px 0;
  font-weight: bold;
}

.qspp-question-side-btn {
  display: none;
  position: relative;
  cursor: pointer;
  width: 34px;
  height: 32px;
  background-color: #e2056f;
  margin-bottom: 5px;
  margin: 3px;
  border-radius: 4px;
}

.qspp-question-side-btn.teach {
  display: block;
}

.qspp.advance .qspp-question-side-btn {
  display: block;
}

.qspp-question-side-btn:after {
  position: absolute;
  top: 0;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 27px;
  height: 32px;
  left: 50%;
  transform: translateX(-50%);
}

.qspp-question-side-btn.basket, .qspp-question-side-btn.detail {
  background-color: #033660;
}

.qspp-question-side-btn.teach:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/teach-icon.svg);
}

.qspp-question-side-btn.basket:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/add-basket.svg);
  width: 31px;
}

.qspp-question-side-btn.detail:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/preview-icon.svg);
}

.qspp-question-side-btn.disabled {
  cursor: default;
  background: #dadada;
}

.qspp-question-content {
  position: relative;
  float: right;
  width: calc(100% - 46px);
  background: white;
  padding: 3px;
  min-height: 70px;
  color: #444;
}

.qspp-question-info {
  position: relative;
  width: calc(100% - 140px);
  float: left;
  transition: width 0.2s ease;
}
.qspp-question-info b {
  font-weight: 600;
}

.qspp-question-content:after {
  display: none;
  position: absolute;
  content: "";
  width: 17px;
  height: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 3px;
  right: 3px;
}

.qspp.advance .qspp-question-info {
  width: calc(100% - 160px);
}

.qspp.advance .qspp-question-content:after {
  display: block;
}

.qspp-question-holder.Numeric .qspp-question-content:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/num-icon.svg);
}

.qspp-question-holder.MultipleChoice .qspp-question-content:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/mc-icon.svg);
}

.qspp-question-holder.YesNo .qspp-question-content:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/yn-icon.svg);
}

.qspp-question-holder.TrueFalse .qspp-question-content:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/tf-icon.svg);
}

.qspp-question-holder.Text .qspp-question-content:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/abc-icon.svg);
}

.qspp-question-holder.Sort .qspp-question-content:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/sort-icon.svg);
}

.qspp-question-label {
  position: relative;
  margin: 7px;
}

.qspp-question-answers {
  position: relative;
  margin: 9px;
  list-style: none;
}

.qspp-question-answer {
  position: relative;
}

.qspp-question-answer:before {
  position: absolute;
  left: -11px;
  content: "•";
  color: #444;
  font-size: 18px;
  line-height: 18px;
}

.qspp-question-answer.correct {
  color: #138241;
  padding: 3px 6px;
  background: #edf7f1;
  border-radius: 5px;
  display: table;
  margin-bottom: 3px;
  border: solid 1px #138241;
}

.qspp-question-answer.correct:before {
  color: #138241;
  left: -12px;
}

.qspp-question-req {
  position: relative;
  font-size: 13px;
  color: #888;
  margin: 0;
  margin-left: 22px;
  margin-bottom: 10px;
}

.qspp-question-content-slide {
  position: relative;
  width: 140px;
  height: 100%;
  float: left;
}

.qspp-question-content-slide:not(.disabled):hover:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  top: 0;
  left: 0;
  pointer-events: none;
}

.qspp-question-content-slide > img {
  width: 100%;
  outline: solid 1px #dedede;
  min-width: 140px;
  min-height: 104px;
  cursor: pointer;
  object-fit: cover;
  object-position: top;
}

.qspp-question-content-slide > img.disabled {
  cursor: default;
}

.qspp-question-audio {
  width: 100%;
  overflow: hidden;
}

.ldl-ui-fullscreen > .qspp-question-content-img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 95%;
  max-height: 95%;
}

.qspp-holder .ldl-utils-scrollbarutil-scrollbar-shadow.top {
  display: none;
}

.qspp-smart-scroll-holder {
  position: relative;
  float: left;
  height: calc(100% - 81px);
  width: 35px;
}

.ldl-site-smart-scroll {
  position: relative;
  width: 100%;
  height: 100%;
  background: #acaab0;
  overflow: hidden;
}

.ldl-site-smart-scroll-holder {
  position: relative;
  width: calc(100% - 8px);
  height: calc(100% - 14px);
  left: 4px;
  top: 6px;
  pointer-events: none;
}

.ldl-site-smart-scroll-bar {
  position: absolute;
  width: 100%;
  height: 50px;
  background: #004770;
  top: 0;
  transition: height 0.1s ease, top 0.1s ease;
}

.ldl-site-smart-scroll-bar-line {
  position: absolute;
  margin: 0 auto;
  width: 6px;
  height: 1px;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
}

.ldl-site-smart-scroll-bar-line.level {
  width: calc(100% + 4px);
  margin-left: 0;
  background: rgba(44, 44, 44, 0.17);
  height: 11px;
  left: 14px;
  border-radius: 2px;
}

.ldl-site-smart-scroll-bar-line:last-child {
  margin-left: 0;
  width: 80%;
}

.ldl-site-smart-scroll-bar-line-text {
  margin: 0 auto;
  position: relative;
  line-height: 11px;
  font-size: 8px;
  font-weight: bold;
  color: white;
  text-align: center;
}

.qspp .ldl-utils-scrollbarutil-scrollbar-showing .ldl-utils-scrollbarutil-custom-scrollbar-inner-content {
  width: calc(100% - 14px);
}

.qspp .ldl-utils-scrollbarutil-scrollbar-background {
  box-shadow: inset 4px 0 8px rgba(0, 0, 0, 0.1);
}

.qspp.adaptation .qspp-header-qref {
  display: none;
}
.qspp.adaptation .qspp-header-label:after {
  position: absolute;
  top: 0;
  left: -5px;
  content: "";
  width: 30px;
  height: 30px;
  background: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon.svg) no-repeat;
  background-size: 26px;
  background-position: 4px;
}
.qspp.adaptation .qspp-header-label {
  width: calc(100% - 126px);
  padding-left: 30px;
}
.qspp.adaptation .qspp-fav-btn {
  display: none;
}

.qspp.myqset .qspp-header-qref {
  display: none;
}
.qspp.myqset .qspp-header-label:after {
  position: absolute;
  top: 0;
  left: -3px;
  content: "";
  width: 30px;
  height: 30px;
  background: url(/Areas/Shared/Content/Table/image/user-icon-white.svg) no-repeat;
  background-size: 16px;
  background-position: 4px;
}
.qspp.myqset .qspp-header-label {
  width: calc(100% - 126px);
  padding-left: 30px;
}
.qspp.myqset.shared .qspp-header-label:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/school-icon-white.svg);
  background-size: 20px;
}

.ldl-site-action-btn {
  position: relative;
  width: 38px;
  height: 38px;
  float: left;
  margin: 7px 0;
  border: solid 1px #033660;
  background: white;
  border-radius: 4px;
}

.ldl-site-action-btn.selected {
  background: #033660;
}

.ldl-site-action-btn:after {
  background-image: url(/Areas/Shared/Content/Image/dots-blue.svg);
}

.ldl-site-action-btn {
  border: 1px solid !important;
}
.ldl-site-action-btn.disabled {
  border-color: #ccc !important;
}
.ldl-site-action-btn.disabled:after {
  color: #ccc;
}

.ldl-site-action-menu {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.22);
  width: 137px;
  padding: 10px;
  height: auto;
  overflow: hidden;
  z-index: -999;
  background: #f5f5f5;
  border: solid 1px #707070;
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

.ldl-site-action-menu.open {
  opacity: 1;
  pointer-events: auto;
  z-index: 25;
}

.ldl-site-action-label {
  position: relative;
  color: #707070;
  text-align: center;
  margin: 0;
  margin-bottom: 12px;
}

.ldl-site-action-menu-btn {
  position: relative;
  border-radius: 4px;
  border: none;
  font-size: 15px;
  background: #033660;
  color: white;
  cursor: pointer;
  width: 100%;
  height: 36px;
  margin-bottom: 5px;
  display: block;
  box-sizing: border-box;
  text-align: center;
  line-height: 36px;
}

.ldl-site-action-menu-btn:last-child {
  margin-bottom: 0;
}

.ldl-site-action-menu-btn.disabled {
  background: #ccc;
}

.ldl-site-action-menu-btn {
  padding-left: 33px;
}

.ldl-site-action-menu-btn:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 3px;
  left: 5px;
}

.ldl-site-action-menu-btn.advanced:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/advance-icon.svg);
  background-size: 20px;
  transform: rotate(11deg);
  top: 6px;
}

.ldl-site-action-menu-btn.print:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/print-icon.svg);
}

.ldl-site-action-menu-btn.preview:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/preview-icon.svg);
}

.ldl-site-action-menu-btn.adapt:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/adapt-icon.svg);
}

.ldl-site-action-menu-btn.edit:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/edit-icon.svg);
}

.ldl-site-action-menu-btn.delete:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/delete-icon.svg);
}

/*test*/
.qspp-holder > .qspp-level-bar.ldl-utils-scrollbarutil-scrollbar-showing {
  width: calc(100% - 0px);
}

.qspp .ldl-utils-scrollbarutil-scrollbar-showing .ldl-utils-scrollbarutil-custom-scrollbar-inner-content {
  width: calc(100% - 0px);
}

.qspwp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  min-width: 340px;
}
.qspwp .qspwp-iframe {
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 50px);
  border: none;
  z-index: 2;
  position: relative;
  margin: 10px auto;
  max-width: 1024px;
  max-height: 550px;
  top: 0;
  border-radius: 0 0 4px 4px;
}
.qspwp .qspwp-header {
  max-width: 1004px;
  margin: 0 auto;
  position: relative;
  font-size: 15px;
  z-index: 1;
  height: 30px;
  top: 10px;
  background: #033660;
  color: white;
  padding: 0 10px;
  width: calc(100% - 40px);
  line-height: 28px;
  border-radius: 4px 4px 0 0;
}
.qspwp .qspwp-header p {
  margin: 0;
  width: calc(100% - 30px);
}
.qspwp .qspwp-header .qspwp-close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 0 4px 0 0;
  border: none;
  background: #ff3630;
  cursor: pointer;
  padding: 0;
}
.qspwp .qspwp-header .qspwp-close-btn:after, .qspwp .qspwp-header .qspwp-close-btn:before {
  position: absolute;
  display: block;
  content: "";
  width: 3px;
  height: 25px;
  background: white;
  border-radius: 2px;
  transform: rotate(45deg);
  top: 2px;
  left: 14px;
}
.qspwp .qspwp-header .qspwp-close-btn:after {
  transform: rotate(-45deg);
}

@media only screen and (max-width: 668px) {
  .qspwp .qspwp-iframe {
    max-height: none;
  }
}
@media only screen and (max-width: 360px) {
  .qspwp .qspwp-iframe {
    width: 100%;
    height: calc(100% - 30px);
    margin: 0px;
  }
  .qspwp .qspwp-header {
    width: calc(100% - 20px);
    top: 0;
  }
}
.rdir.qspp.no-ref .qspp-panel {
  display: none;
}
.rdir.qspp.no-ref .qspp-holder, .rdir.qspp.no-ref .qspp-smart-scroll-holder {
  height: calc(100% - 30px);
}
.rdir.qspp .qspp-panel-btn-holder {
  display: none;
}

.new-mode.qspp {
  border-left: solid 3px;
  width: calc(100% - 3px);
}
.new-mode.qspp.forced-preview .qspp-holder, .new-mode.qspp.forced-preview .qspp-smart-scroll-holder {
  height: calc(100% - 40px);
}
.new-mode.qspp.forced-preview .qspp-panel {
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.new-mode.qspp.no-smart-scroll .qspp-holder {
  width: 100%;
}
.new-mode.qspp .qspp-header {
  height: 40px;
}
.new-mode.qspp .qspp-header .qspp-header-label {
  font-size: 13px;
  width: calc(100% - 76px) !important;
  line-height: 27px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.new-mode.qspp .qspp-header .qspp-header-info {
  position: absolute;
  top: 23px;
  left: 35px;
  text-align: left;
  font-style: italic;
  opacity: 0.9;
  margin: 0;
  width: calc(100% - 70px);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.new-mode.qspp .qspp-header .qspp-header-info .qspp-header-qnum {
  float: left;
  margin-right: 10px;
}
.new-mode.qspp .qspp-header .qspp-header-info .qspp-header-qnum:first-child:after {
  position: absolute;
  right: -7px;
  content: ":";
}
.new-mode.qspp .qspp-header .qspp-fav-btn {
  display: block;
  cursor: pointer;
  transform: scale(0.8);
  background-position: 0;
}
.new-mode.qspp .qspp-panel {
  height: 41px;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn {
  height: 30px;
  padding-left: 0;
  margin-top: 5px;
  font-family: inherit;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn:not(.custom) {
  width: 40px;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn:not(.custom) span {
  display: none;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.reading {
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-gap: 5px;
  border: solid 1px #91ac26;
  align-items: center;
  width: 96px;
  right: 0;
  background: none;
  color: #91ac26;
  top: 3px;
  height: 27px;
  font-style: italic;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.reading .icon-item {
  position: relative;
  left: 6px;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.reading > span {
  display: inline-block;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.start {
  border: solid 1px #e2056f;
  background: none;
  width: 81px;
  top: 3px;
  height: 27px;
  color: #e2056f;
  padding-right: 22px;
  margin-left: 3px;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.start > span {
  display: block;
  font-style: italic;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.start:not(.as-teach):after {
  position: absolute;
  width: 0;
  height: 0;
  background: none;
  top: 6px;
  right: 7px;
  left: auto;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
  border-left: solid 10px #e2056f;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.start.as-teach {
  font-size: 13px;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.start.as-teach:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/teach-icon-pink.svg);
  height: 24px;
  top: 1px;
  right: -7px;
  left: auto;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.start.disable {
  cursor: default;
  pointer-events: none;
  border-color: #ccc;
  background: transparent !important;
  color: #ccc;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.start.disable:after {
  border-left-color: #ccc;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.plan {
  background: url(/Areas/Default/content/search/images/plan-icon-blue.svg) no-repeat;
  background-size: 48px;
  background-position: -5px -11px;
  padding-left: 0;
  width: 35px;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.plan:after {
  display: none;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.plan .lbqrt-planned-info {
  display: none;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.homework {
  background: url(/Areas/Shared/Content/Image/Homework/hw-cal-icon.svg) no-repeat;
  background-size: contain;
  background-position: 99% 0;
  width: auto;
  min-width: 30px;
  color: #033660;
  padding-left: 10px;
  padding-right: 29px;
  border: solid 1px #033660;
  height: 27px;
  top: 3px;
  width: auto;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.homework > span {
  display: block;
  font-style: italic;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.homework:after {
  display: none;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.homework .lbqrt-planned-info {
  display: none;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.planned.plan {
  background-image: url(/Areas/Default/content/search/images/plan-icon-green.svg);
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.planned.homework .lbqrt-planned-info {
  background-color: #033660;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.planned.homework .lbqrt-planned-info:after {
  border-right: solid 6px #033660;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.planned .lbqrt-planned-info {
  position: relative;
  display: inline-block;
  background-color: #84bb3b;
  color: white;
  vertical-align: middle;
  line-height: 20px;
  padding: 1px 5px;
  margin-top: 4px;
  margin-left: 4px;
  border-radius: 4px;
  margin-left: 36px;
  white-space: nowrap;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn.planned .lbqrt-planned-info:after {
  position: absolute;
  content: "";
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  border-right: solid 6px #84bb3b;
  top: 7px;
  left: -6px;
}
.new-mode.qspp .qspp-panel .qspp-panel-btn-holder {
  float: left;
  margin-left: 5px;
  width: calc(100% - 10px);
}
.new-mode.qspp .qspp-panel .ldl-site-action-btn {
  height: 28px;
  width: 28px;
  position: absolute;
  right: 0;
}
.new-mode.qspp.hasClose .qspp-close-btn:after, .new-mode.qspp.hasClose .qspp-close-btn:before {
  width: 2px;
  height: 20px;
  top: 4px;
  left: 14px;
}

.scheme-player-mode .qspp-panel, .scheme-player-mode .qspp-question-side-btn.teach {
  display: none !important;
}
.scheme-player-mode .qspp-smart-scroll-holder, .scheme-player-mode .qspp-holder {
  height: calc(100% - 40px) !important;
}

html, body {
  min-width: 320px;
}

body.search-component-mode {
  width: calc(100% - 6px);
  padding: 0 3px;
}

.lc-maingrid {
  overflow: hidden;
}

.for-google-translate {
  display: none;
}

.pageCalendarIndex .date-header, .pageCalendarIndex .closeClipContainer {
  display: none;
}

#rt_lightboxcontent.lightboxcontent {
  background: none;
}

.lbq-adaptor .deleteBtn, #config_preview .deleteBtn {
  top: -5px;
  right: -3px;
  width: 38px;
  height: 38px;
  background: #ff3630;
  border-top-right-radius: 4px;
}

.lbq-adaptor .deleteBtn:after, #config_preview .deleteBtn:after, .lbq-adaptor .deleteBtn:before, #config_preview .deleteBtn:before {
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  height: 28px;
  background: white;
  border-radius: 2px;
  transform: rotate(45deg);
  top: 6px;
  left: 17px;
}

.lbq-adaptor .deleteBtn:after, #config_preview .deleteBtn:after {
  transform: rotate(-45deg);
}

.lbq-promote .reg-popup-link {
  text-decoration: underline;
  color: white;
}

input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

button, a[type=button] {
  position: relative;
  border-radius: 4px;
  border: none;
  font-size: 13px;
}

.s2-try-link {
  float: right;
  margin: 0;
  margin-right: 10px;
}

.ldl-site-qref.s2-qref {
  width: 240px;
  float: right;
  overflow: hidden;
  top: 1px;
}

.ldl-site-qref.s2-qref.popup-mode {
  width: 38px;
}

.ldl-site-qref.s2-qref.popup-mode .ldl-site-qref-go {
  pointer-events: auto;
  background: #e2056f;
}

.ldl-site-qref.s2-qref.popup-mode .ldl-site-qref-go:before {
  position: absolute;
  content: "00000";
  left: 0;
  color: white;
  bottom: 28px;
  font-size: 8px;
  width: 100%;
  text-align: center;
  display: block;
  transform: scale(0.9);
}

.ldl-site-qref.s2-qref.popup-mode .ldl-site-qref-go:after {
  top: 11px;
}

.ldl-site-qref.s2-qref.popup-mode .ldl-site-qref-input {
  display: none;
}

.ldl-site-qref.s2-qref.body {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 40;
  border-bottom-left-radius: 4px;
  padding: 4px;
  background: #ffffff;
  padding-right: 9px;
  border: solid 1px #ccc;
  box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.08);
}

.s2-container.view-4 .s2-filter-btn, .s2-container.view-4 .s2-filter-box, .s2-container.view-4 .s2-search-holder, .s2-container.view-4 .s2-adapt-box {
  display: none;
}

.s2-scheme-btn {
  position: relative;
  opacity: 0;
  display: none;
  float: left;
  margin-left: 10px;
  border-radius: 4px;
  height: 40px;
  padding: 0 10px;
  padding-left: 40px;
  color: #ffffff;
  outline: none;
  line-height: 40px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.s2-scheme-btn.sb-active {
  display: block;
}
.s2-scheme-btn:not(.sub) {
  background-color: #aaa;
}
.s2-scheme-btn:after {
  position: absolute;
  content: "";
  background: url(/Areas/Shared/Content/Image/scheme-icon.svg) no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  top: 7px;
  left: 10px;
}

.hide-scheme .s2-scheme-btn {
  display: none;
}

.lbq-guest .s2-scheme-btn {
  background: #ccc;
}

.search .s2-scheme-btn {
  opacity: 1;
}

.s2-adapt-box {
  position: relative;
  float: left;
  width: 140px;
  height: 23px;
  margin-left: 10px;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 7px;
  top: 1px;
  opacity: 0;
  border: solid 1px #ccc;
}
.s2-adapt-box .s2-filter-check-area {
  top: -1px;
}
.s2-adapt-box.checked {
  background: #033660;
  border-color: #033660;
}
.s2-adapt-box.checked span {
  color: white;
}
.s2-adapt-box.checked adapt-icon {
  background-image: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon.svg);
}

.s2-content-tab-header-filter {
  position: absolute;
  right: 0;
  font-size: 12px;
  padding: 0;
  height: 35px;
  width: 111px;
  line-height: normal;
  text-align: right;
  top: 0;
  padding-right: 35px;
  background: none;
  color: #707070;
}
.s2-content-tab-header-filter .ldl-ui-checkbox {
  position: absolute;
  top: 6px;
  right: 7px;
  transform: scale(0.8);
}

.s2-container {
  padding: 0;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  color: #707070;
  font-size: 100% !important;
}

.s2-top-bar {
  position: relative;
  width: calc(100% - 20px);
  height: 50px;
  padding: 4px 10px;
  z-index: 1;
  background: white;
  min-width: 320px;
}

.s2-subject-btn {
  opacity: 0;
  float: left;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s ease;
  height: 40px;
  padding: 2px 15px;
  width: 186px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding-left: 30px;
}

.s2-subject-btn:after {
  position: absolute;
  content: "";
  border-top: solid 10px white;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  width: 0;
  height: 0;
  top: 15px;
  left: 8px;
}

.s2-filter-btn {
  position: relative;
  display: none;
  float: left;
  opacity: 0;
  transition: opacity 0.3s ease;
  height: 40px;
  padding: 2px 15px;
  color: white;
  font-size: 18px;
  background: #003660;
  padding-left: 32px;
  overflow: hidden;
  margin-left: 10px;
}

.s2-filter-btn:after {
  position: absolute;
  content: "";
  width: 31px;
  height: 40px;
  background: url(/Areas/Default/Content/Search/images/SearchV3/filter-icon.svg) no-repeat;
  background-size: contain;
  top: 5px;
  left: 2px;
}

.search .s2-subject-btn, .search .s2-filter-btn, .search .s2-search-holder, .search .s2-adapt-box {
  opacity: 1;
}

.search .s2-content-holder {
  opacity: 1;
}

.s2-search-holder {
  position: relative;
  float: left;
  margin-left: 10px;
  height: 20px;
  width: 170px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.s2-filter-search-apply {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ccc;
  pointer-events: none;
}

.s2-filter-search-apply:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url(/Areas/Default/Content/Search/images/SearchV3/filter-icon.svg) no-repeat;
  background-size: contain;
}

.s2-filter-search-apply:not(.disabled) {
  background-color: #e2056f;
  pointer-events: auto;
}

.s2-filter-input {
  position: relative;
  width: calc(100% - 24px);
  border-radius: 4px;
  border: solid 1px #ccc;
  padding: 5px;
  padding-right: 17px;
  color: #aaa;
  font-style: italic;
  height: 18px;
}

.s2-filter-search-clear {
  position: absolute;
  display: none;
  width: 16px;
  height: 28px;
  background: white;
  top: 1px;
  right: 2px;
  cursor: pointer;
}

.s2-filter-search-clear.value {
  display: block;
}

.s2-filter-search-clear:before, .s2-filter-search-clear:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 11px;
  background: #9c9c9c;
  top: 8px;
  left: 6px;
  cursor: pointer;
  transform: rotate(45deg);
}

.s2-filter-search-clear:after {
  transform: rotate(-45deg);
}

.s2-filter-input::-ms-clear {
  display: none;
}

.s2-search-holder.active .s2-filter-input {
  color: #707070;
  font-style: normal;
}

.s2-filter-input-label {
  position: relative;
  text-align: right;
  margin: 0;
  width: calc(100% - 2px);
  font-size: 11px;
  margin-right: 6px;
  margin-top: 3px;
  color: #aaa;
}

adapt-icon {
  position: absolute;
  top: -2px;
  right: -3px;
  width: 30px;
  height: 30px;
  background: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon-dark.svg) no-repeat;
  background-size: 26px;
  background-position: 2px -2px;
  opacity: 1;
}

.s2-filter-box {
  opacity: 0;
}

.search .s2-filter-box {
  opacity: 1;
}

.s2-container:not(.filter-showing) .s2-btn:not(.static-btn):hover {
  left: 10px;
}

.s2-container:not(.filter-showing) .s2-btn:hover .s2-btn-link, .s2-btn.selected:not(.preview-filter) .s2-btn-link, s2-btn.adapt-selected:not(.preview-filter) .s2-btn-link {
  color: inherit;
}

.s2-container:not(.filter-showing) .s2-btn:hover .s2-qset-years, .s2-btn.selected:not(.preview-filter) .s2-qset-years, .s2-btn.adapt-selected:not(.preview-filter) .s2-qset-years {
  background: transparent;
}

.s2-container.filter-showing .s2-btn button {
  cursor: default;
}

.s2-container > .s2-filter-box {
  position: absolute;
  display: none;
  z-index: 40;
  padding: 10px;
  top: 56px;
  left: 162px;
  background: #f5f5f5;
  width: 193px;
  height: 220px;
  outline: solid 1px #b8b8b8;
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.05);
}

.s2-container > .s2-filter-box.keyword {
  height: 366px;
}

.from-new-mode .s2-container > .s2-filter-box.keyword {
  height: 308px;
}

.s2-container > .s2-filter-box .s2-filter-section {
  position: relative;
  float: left;
  width: 50%;
  height: auto;
}

.s2-container > .s2-filter-box .s2-filter-section:first-child {
  margin-right: 15px;
  width: 100px;
}

.s2-container > .s2-filter-box .s2-filter-section:first-child:after {
  position: absolute;
  height: 100%;
  width: 1px;
  background: #ddd;
  content: "";
  right: -7.5px;
  top: 0;
}

.s2-filter-header {
  position: relative;
  background: #707070;
  color: white;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding: 5px 0;
  margin-bottom: 5px;
  width: 100%;
  float: left;
}
.s2-filter-header.adapt adapt-icon {
  left: 0;
  top: -1px;
  background-image: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon.svg);
}

.s2-filter-header.keyword {
  display: none;
  margin-top: 6px;
}

.s2-container > .s2-filter-box.keyword .s2-filter-header.keyword {
  display: block;
}

.s2-filter-check-area {
  position: relative;
  width: 100%;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 2px;
  background: none;
  padding: 0;
  text-align: left;
  color: #707070;
  outline: none;
}

.s2-container > .s2-filter-box .s2-filter-check-area:hover {
  background: #ddd;
}

.s2-filter-check-area > p {
  margin: 0;
  cursor: pointer;
  padding-left: 32px;
  line-height: 25px;
}

.s2-container > .s2-filter-box .s2-filter-check-area:after {
  position: relative;
}

.s2-filter-box .s2-filter-header.adapt {
  display: none;
}
.s2-filter-box .adapt-filter {
  display: none;
}

.s2-checkbox {
  position: absolute;
  width: 23px;
  height: 23px;
  border-radius: 4px;
  background: white;
  border: solid 1px #ccc;
  pointer-events: none;
  outline: none;
}

.s2-checkbox.inverse {
  background: #808080;
  border: solid 1px #707070;
}

.s2-filter-check-area.checked > .s2-checkbox:after, .s2-filter-check-area.checked > .s2-checkbox:before, .s2-checkbox.checked.s2-checkbox.checked:after, .s2-checkbox.checked:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 15px;
  background: #707070;
  transform: rotate(45deg);
  top: 4px;
  left: 12px;
}

.s2-filter-check-area.checked > .s2-checkbox:after, .s2-checkbox.checked:after {
  height: 8px;
  transform: rotate(-45deg);
  top: 10px;
  left: 6px;
}

.s2-filter-check-area.checked > .s2-checkbox.inverse:after, .s2-filter-check-area.checked > .s2-checkbox.inverse:before, .s2-checkbox.inverse.checked:after, .s2-checkbox.inverse.checked:before {
  background: white;
}

.s2-top-bar > .s2-filter-box {
  position: relative;
  float: left;
  width: 597px;
  height: 49px;
  margin-left: 10px;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 1px;
}

.s2-top-bar > .s2-filter-box .s2-filter-section {
  position: relative;
  width: 100%;
  height: auto;
}

.s2-top-bar > .s2-filter-box .s2-filter-section.right {
  margin-left: 64px;
  width: calc(100% - 64px);
}

.s2-top-bar > .s2-filter-box .s2-filter-check-area {
  width: 85px;
  height: 23px;
  background: #f4f4f4;
}

.s2-top-bar > .s2-filter-box .s2-filter-check-area.checkbox-year-all {
  width: 60px;
}

.s2-top-bar > .s2-filter-box .s2-filter-check-area:hover {
  background: #ddd;
}

.s2-top-bar > .s2-filter-box .s2-filter-check-area > p {
  font-size: 14px;
}

.s2-top-bar > .s2-filter-box .s2-filter-check-area:after {
  position: relative;
}

.s2-top-bar > .s2-filter-box .s2-checkbox {
  width: 21px;
  height: 21px;
}

.s2-top-bar > .s2-filter-box .s2-filter-check-area.checked > .s2-checkbox:after, .s2-top-bar > .s2-filter-box .s2-filter-check-area.checked > .s2-checkbox:before, .s2-top-bar > .s2-filter-box .s2-checkbox.checked.s2-checkbox.checked:after, .s2-top-bar > .s2-filter-box .s2-checkbox.checked:before {
  top: 3px;
  left: 11px;
}

.s2-top-bar > .s2-filter-box .s2-filter-check-area.checked > .s2-checkbox:after, .s2-top-bar > .s2-filter-box .s2-checkbox.checked:after {
  top: 9px;
  left: 5px;
}

.s2-filter-check-area .short-year {
  display: none;
}

.s2-blocker {
  position: absolute;
  display: none;
  pointer-events: none;
  z-index: 39;
  top: 0;
  left: 0;
  background: rgba(0, 54, 96, 0.08);
  padding: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  opacity: 1;
  transition: opacity 0.5s ease;
}

.s2-blocker.subject {
  background: rgba(0, 0, 0, 0.3);
  pointer-events: auto;
}

.s2-blocker.keyword, .s2-blocker.filter {
  position: relative;
  opacity: 0.1;
}

.sub-btn.english {
  background: #b3d335;
}

.sub-btn.french {
  background: #BF7F34;
}

.sub-btn.history {
  background: #FFAD1D;
}

.sub-btn.geography {
  background: #EA1B96;
}

.sub-btn.sciences {
  background: #ed1c24;
}

.sub-btn.biology {
  background: #7EA30C;
}

.sub-btn.chemistry {
  background: #ed1c24;
}

.sub-btn.primaryscience {
  background: #0673EA;
}

.sub-btn.physics {
  background: #87328c;
}

.sub-btn.designtechnology {
  background: #EC008C;
}

.sub-btn.computing {
  background: #b8bcb9;
}

.sub-btn.languages {
  background: #ec008c;
}

.sub-btn.citizenship {
  background: #828282;
}

.sub-btn.mathematics {
  background: #00AAAD;
}

.sub-btn.math {
  background: #00AAAD;
}

.sub-btn.learningclip {
  background: #fce321;
}

.s2-container.math .s2-qset-el.selected, .s2-container.math .s2-qset-el.adapt-selected, .s2-container.math:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.math .s2-qset-el .s2-border-col, .s2-container.math .s2-qset-el .s2-border-col:before, .s2-container.math .s2-qset-el .s2-border-col:after, .s2-container.mathematics .s2-qset-el.selected, .s2-container.mathematics .s2-qset-el.adapt-selected, .s2-container.mathematics:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.mathematics .s2-qset-el .s2-border-col, .s2-container.mathematics .s2-qset-el .s2-border-col:before, .s2-container.mathematics .s2-qset-el .s2-border-col:after {
  border-color: #00AAAD;
}
.s2-container.math .s2-content-tab.question .s2-el-inner, .s2-container.mathematics .s2-content-tab.question .s2-el-inner {
  border-left-color: #00AAAD;
}
.s2-container.math .s2-btn.s2-filtered.selected, .s2-container.math .s2-btn.s2-filtered.adapt-selected, .s2-container.math:not(.filter-showing) .s2-btn.s2-filtered:hover, .s2-container.mathematics .s2-btn.s2-filtered.selected, .s2-container.mathematics .s2-btn.s2-filtered.adapt-selected, .s2-container.mathematics:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #00AAAD;
  color: #00AAAD;
}
.s2-container.math .s2-btn.selected:not(.preview-filter), .s2-container.math .s2-btn.adapt-selected:not(.preview-filter), .s2-container.math .s2-btn.select-state, .s2-container.math:not(.filter-showing) .s2-btn:hover, .s2-container.mathematics .s2-btn.selected:not(.preview-filter), .s2-container.mathematics .s2-btn.adapt-selected:not(.preview-filter), .s2-container.mathematics .s2-btn.select-state, .s2-container.mathematics:not(.filter-showing) .s2-btn:hover {
  background: #00AAAD;
}
.s2-container.english .s2-qset-el.selected, .s2-container.english .s2-qset-el.adapt-selected, .s2-container.english:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.english .s2-qset-el .s2-border-col, .s2-container.english .s2-qset-el .s2-border-col:before, .s2-container.english .s2-qset-el .s2-border-col:after {
  border-color: #b3d335;
}
.s2-container.english .s2-content-tab.question .s2-el-inner {
  border-left-color: #b3d335;
}
.s2-container.english .s2-btn.s2-filtered.selected, .s2-container.english .s2-btn.s2-filtered.adapt-selected, .s2-container.english:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #b3d335;
  color: #b3d335;
}
.s2-container.english .s2-btn.selected:not(.preview-filter), .s2-container.english .s2-btn.adapt-selected:not(.preview-filter), .s2-container.english .s2-btn.select-state, .s2-container.english:not(.filter-showing) .s2-btn:hover {
  background: #b3d335;
}
.s2-container.french .s2-qset-el.selected, .s2-container.french .s2-qset-el.adapt-selected, .s2-container.french:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.french .s2-qset-el .s2-border-col, .s2-container.french .s2-qset-el .s2-border-col:before, .s2-container.french .s2-qset-el .s2-border-col:after {
  border-color: #BF7F34;
}
.s2-container.french .s2-content-tab.question .s2-el-inner {
  border-left-color: #BF7F34;
}
.s2-container.french .s2-btn.s2-filtered.selected, .s2-container.french .s2-btn.s2-filtered.adapt-selected, .s2-container.french:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #BF7F34;
  color: #BF7F34;
}
.s2-container.french .s2-btn.selected:not(.preview-filter), .s2-container.french .s2-btn.adapt-selected:not(.preview-filter), .s2-container.french .s2-btn.select-state, .s2-container.french:not(.filter-showing) .s2-btn:hover {
  background: #BF7F34;
}
.s2-container.history .s2-qset-el.selected, .s2-container.history .s2-qset-el.adapt-selected, .s2-container.history:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.history .s2-qset-el .s2-border-col, .s2-container.history .s2-qset-el .s2-border-col:before, .s2-container.history .s2-qset-el .s2-border-col:after {
  border-color: #FFAD1D;
}
.s2-container.history .s2-content-tab.question .s2-el-inner {
  border-left-color: #FFAD1D;
}
.s2-container.history .s2-btn.s2-filtered.selected, .s2-container.history .s2-btn.s2-filtered.adapt-selected, .s2-container.history:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #FFAD1D;
  color: #FFAD1D;
}
.s2-container.history .s2-btn.selected:not(.preview-filter), .s2-container.history .s2-btn.adapt-selected:not(.preview-filter), .s2-container.history .s2-btn.select-state, .s2-container.history:not(.filter-showing) .s2-btn:hover {
  background: #FFAD1D;
}
.s2-container.geography .s2-qset-el.selected, .s2-container.geography .s2-qset-el.adapt-selected, .s2-container.geography:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.geography .s2-qset-el .s2-border-col, .s2-container.geography .s2-qset-el .s2-border-col:before, .s2-container.geography .s2-qset-el .s2-border-col:after {
  border-color: #EA1B96;
}
.s2-container.geography .s2-content-tab.question .s2-el-inner {
  border-left-color: #EA1B96;
}
.s2-container.geography .s2-btn.s2-filtered.selected, .s2-container.geography .s2-btn.s2-filtered.adapt-selected, .s2-container.geography:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #EA1B96;
  color: #EA1B96;
}
.s2-container.geography .s2-btn.selected:not(.preview-filter), .s2-container.geography .s2-btn.adapt-selected:not(.preview-filter), .s2-container.geography .s2-btn.select-state, .s2-container.geography:not(.filter-showing) .s2-btn:hover {
  background: #EA1B96;
}
.s2-container.sciences .s2-qset-el.selected, .s2-container.sciences .s2-qset-el.adapt-selected, .s2-container.sciences:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.sciences .s2-qset-el .s2-border-col, .s2-container.sciences .s2-qset-el .s2-border-col:before, .s2-container.sciences .s2-qset-el .s2-border-col:after {
  border-color: #ed1c24;
}
.s2-container.sciences .s2-content-tab.question .s2-el-inner {
  border-left-color: #ed1c24;
}
.s2-container.sciences .s2-btn.s2-filtered.selected, .s2-container.sciences .s2-btn.s2-filtered.adapt-selected, .s2-container.sciences:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #ed1c24;
  color: #ed1c24;
}
.s2-container.sciences .s2-btn.selected:not(.preview-filter), .s2-container.sciences .s2-btn.adapt-selected:not(.preview-filter), .s2-container.sciences .s2-btn.select-state, .s2-container.sciences:not(.filter-showing) .s2-btn:hover {
  background: #ed1c24;
}
.s2-container.biology .s2-qset-el.selected, .s2-container.biology .s2-qset-el.adapt-selected, .s2-container.biology:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.biology .s2-qset-el .s2-border-col, .s2-container.biology .s2-qset-el .s2-border-col:before, .s2-container.biology .s2-qset-el .s2-border-col:after {
  border-color: #7EA30C;
}
.s2-container.biology .s2-content-tab.question .s2-el-inner {
  border-left-color: #7EA30C;
}
.s2-container.biology .s2-btn.s2-filtered.selected, .s2-container.biology .s2-btn.s2-filtered.adapt-selected, .s2-container.biology:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #7EA30C;
  color: #7EA30C;
}
.s2-container.biology .s2-btn.selected:not(.preview-filter), .s2-container.biology .s2-btn.adapt-selected:not(.preview-filter), .s2-container.biology .s2-btn.select-state, .s2-container.biology:not(.filter-showing) .s2-btn:hover {
  background: #7EA30C;
}
.s2-container.chemistry .s2-qset-el.selected, .s2-container.chemistry .s2-qset-el.adapt-selected, .s2-container.chemistry:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.chemistry .s2-qset-el .s2-border-col, .s2-container.chemistry .s2-qset-el .s2-border-col:before, .s2-container.chemistry .s2-qset-el .s2-border-col:after {
  border-color: #ed1c24;
}
.s2-container.chemistry .s2-content-tab.question .s2-el-inner {
  border-left-color: #ed1c24;
}
.s2-container.chemistry .s2-btn.s2-filtered.selected, .s2-container.chemistry .s2-btn.s2-filtered.adapt-selected, .s2-container.chemistry:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #ed1c24;
  color: #ed1c24;
}
.s2-container.chemistry .s2-btn.selected:not(.preview-filter), .s2-container.chemistry .s2-btn.adapt-selected:not(.preview-filter), .s2-container.chemistry .s2-btn.select-state, .s2-container.chemistry:not(.filter-showing) .s2-btn:hover {
  background: #ed1c24;
}
.s2-container.primaryscience .s2-qset-el.selected, .s2-container.primaryscience .s2-qset-el.adapt-selected, .s2-container.primaryscience:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.primaryscience .s2-qset-el .s2-border-col, .s2-container.primaryscience .s2-qset-el .s2-border-col:before, .s2-container.primaryscience .s2-qset-el .s2-border-col:after {
  border-color: #0673EA;
}
.s2-container.primaryscience .s2-content-tab.question .s2-el-inner {
  border-left-color: #0673EA;
}
.s2-container.primaryscience .s2-btn.s2-filtered.selected, .s2-container.primaryscience .s2-btn.s2-filtered.adapt-selected, .s2-container.primaryscience:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #0673EA;
  color: #0673EA;
}
.s2-container.primaryscience .s2-btn.selected:not(.preview-filter), .s2-container.primaryscience .s2-btn.adapt-selected:not(.preview-filter), .s2-container.primaryscience .s2-btn.select-state, .s2-container.primaryscience:not(.filter-showing) .s2-btn:hover {
  background: #0673EA;
}
.s2-container.physics .s2-qset-el.selected, .s2-container.physics .s2-qset-el.adapt-selected, .s2-container.physics:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.physics .s2-qset-el .s2-border-col, .s2-container.physics .s2-qset-el .s2-border-col:before, .s2-container.physics .s2-qset-el .s2-border-col:after {
  border-color: #87328c;
}
.s2-container.physics .s2-content-tab.question .s2-el-inner {
  border-left-color: #87328c;
}
.s2-container.physics .s2-btn.s2-filtered.selected, .s2-container.physics .s2-btn.s2-filtered.adapt-selected, .s2-container.physics:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #87328c;
  color: #87328c;
}
.s2-container.physics .s2-btn.selected:not(.preview-filter), .s2-container.physics .s2-btn.adapt-selected:not(.preview-filter), .s2-container.physics .s2-btn.select-state, .s2-container.physics:not(.filter-showing) .s2-btn:hover {
  background: #87328c;
}
.s2-container.designtechnology .s2-qset-el.selected, .s2-container.designtechnology .s2-qset-el.adapt-selected, .s2-container.designtechnology:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.designtechnology .s2-qset-el .s2-border-col, .s2-container.designtechnology .s2-qset-el .s2-border-col:before, .s2-container.designtechnology .s2-qset-el .s2-border-col:after {
  border-color: #EC008C;
}
.s2-container.designtechnology .s2-content-tab.question .s2-el-inner {
  border-left-color: #EC008C;
}
.s2-container.designtechnology .s2-btn.s2-filtered.selected, .s2-container.designtechnology .s2-btn.s2-filtered.adapt-selected, .s2-container.designtechnology:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #EC008C;
  color: #EC008C;
}
.s2-container.designtechnology .s2-btn.selected:not(.preview-filter), .s2-container.designtechnology .s2-btn.adapt-selected:not(.preview-filter), .s2-container.designtechnology .s2-btn.select-state, .s2-container.designtechnology:not(.filter-showing) .s2-btn:hover {
  background: #EC008C;
}
.s2-container.computing .s2-qset-el.selected, .s2-container.computing .s2-qset-el.adapt-selected, .s2-container.computing:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.computing .s2-qset-el .s2-border-col, .s2-container.computing .s2-qset-el .s2-border-col:before, .s2-container.computing .s2-qset-el .s2-border-col:after {
  border-color: #b8bcb9;
}
.s2-container.computing .s2-content-tab.question .s2-el-inner {
  border-left-color: #b8bcb9;
}
.s2-container.computing .s2-btn.s2-filtered.selected, .s2-container.computing .s2-btn.s2-filtered.adapt-selected, .s2-container.computing:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #b8bcb9;
  color: #b8bcb9;
}
.s2-container.computing .s2-btn.selected:not(.preview-filter), .s2-container.computing .s2-btn.adapt-selected:not(.preview-filter), .s2-container.computing .s2-btn.select-state, .s2-container.computing:not(.filter-showing) .s2-btn:hover {
  background: #b8bcb9;
}
.s2-container.languages .s2-qset-el.selected, .s2-container.languages .s2-qset-el.adapt-selected, .s2-container.languages:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.languages .s2-qset-el .s2-border-col, .s2-container.languages .s2-qset-el .s2-border-col:before, .s2-container.languages .s2-qset-el .s2-border-col:after {
  border-color: #ec008c;
}
.s2-container.languages .s2-content-tab.question .s2-el-inner {
  border-left-color: #ec008c;
}
.s2-container.languages .s2-btn.s2-filtered.selected, .s2-container.languages .s2-btn.s2-filtered.adapt-selected, .s2-container.languages:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #ec008c;
  color: #ec008c;
}
.s2-container.languages .s2-btn.selected:not(.preview-filter), .s2-container.languages .s2-btn.adapt-selected:not(.preview-filter), .s2-container.languages .s2-btn.select-state, .s2-container.languages:not(.filter-showing) .s2-btn:hover {
  background: #ec008c;
}
.s2-container.citizenship .s2-qset-el.selected, .s2-container.citizenship .s2-qset-el.adapt-selected, .s2-container.citizenship:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.citizenship .s2-qset-el .s2-border-col, .s2-container.citizenship .s2-qset-el .s2-border-col:before, .s2-container.citizenship .s2-qset-el .s2-border-col:after {
  border-color: #828282;
}
.s2-container.citizenship .s2-content-tab.question .s2-el-inner {
  border-left-color: #828282;
}
.s2-container.citizenship .s2-btn.s2-filtered.selected, .s2-container.citizenship .s2-btn.s2-filtered.adapt-selected, .s2-container.citizenship:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #828282;
  color: #828282;
}
.s2-container.citizenship .s2-btn.selected:not(.preview-filter), .s2-container.citizenship .s2-btn.adapt-selected:not(.preview-filter), .s2-container.citizenship .s2-btn.select-state, .s2-container.citizenship:not(.filter-showing) .s2-btn:hover {
  background: #828282;
}
.s2-container.learningclip .s2-qset-el.selected, .s2-container.learningclip .s2-qset-el.adapt-selected, .s2-container.learningclip:not(.filter-showing) .s2-qset-el.adaptation, .s2-container.learningclip .s2-qset-el .s2-border-col, .s2-container.learningclip .s2-qset-el .s2-border-col:before, .s2-container.learningclip .s2-qset-el .s2-border-col:after {
  border-color: #fce321;
}
.s2-container.learningclip .s2-content-tab.question .s2-el-inner {
  border-left-color: #fce321;
}
.s2-container.learningclip .s2-btn.s2-filtered.selected, .s2-container.learningclip .s2-btn.s2-filtered.adapt-selected, .s2-container.learningclip:not(.filter-showing) .s2-btn.s2-filtered:hover {
  border-color: #fce321;
  color: #fce321;
}
.s2-container.learningclip .s2-btn.selected:not(.preview-filter), .s2-container.learningclip .s2-btn.adapt-selected:not(.preview-filter), .s2-container.learningclip .s2-btn.select-state, .s2-container.learningclip:not(.filter-showing) .s2-btn:hover {
  background: #fce321;
}

.s2-container:not(.filter-showing) .s2-btn.s2-filtered:hover, .s2-container .s2-btn.s2-filtered.selected, .s2-container .s2-btn.s2-filtered.adapt-selected {
  background: white !important;
}

.s2-container:not(.filter-showing) .s2-btn:hover, .s2-container .s2-btn.selected:not(.preview-filter):not(.s2-filtered), .sub-btn {
  color: white !important;
  opacity: 1;
}

.s2-container .s2-btn.selected:not(.preview-filter):not(.s2-filtered) > a {
  color: white !important;
  opacity: 1;
}

.s2-container .s2-btn.adapt-selected:not(.preview-filter):not(.s2-filtered) .s2-qset-el-btn, .sub-btn {
  color: white !important;
  opacity: 1;
}

.s2-seperator {
  position: relative;
  margin: 5px 5px;
  width: calc(100% - 10px);
  height: 1px;
  background: #ccc;
}

.s2-content-holder {
  position: relative;
  width: calc(100% - 20px);
  margin: 0 10px;
  height: calc(100% - 58px);
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
}

.s2-subject-holder {
  position: absolute;
  width: 200px;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: -220px;
  padding: 0 10px;
  box-shadow: 2px 0px 7px rgba(0, 0, 0, 0.29);
  background: white;
  z-index: 99;
  transition: left 0.2s ease;
  pointer-events: none;
}

.s2-subject-holder.show {
  pointer-events: auto;
  left: 0;
  visibility: visible;
}

.s2-subject-holder-header {
  position: relative;
  text-align: center;
  margin: 19px 0;
  font-size: 20px;
}

.s2-sub-holder {
  position: relative;
  width: 100%;
  height: calc(100% - 75px);
}

.s2-sub-holder .sub-btn {
  position: relative;
  width: calc(100% - 25px);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding-left: 25px;
  border-radius: 4px;
  height: 40px;
  text-align: left;
  color: white;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 40px;
  display: block;
}

.s2-content-tab {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  box-shadow: -2px 0px 7px rgba(0, 0, 0, 0.29);
  transition: width 0.2s ease, left 0.2s ease, opacity 0.2s ease;
  z-index: 20;
}

.s2-content-tab.topic {
  min-width: 300px;
  max-width: 430px;
}

.s2-content-tab.subtopic {
  left: 430px;
  width: calc(100% - 430px);
}

.s2-content-tab.question {
  left: 100%;
  opacity: 0;
}

.s2-content-tab.question > .ldl-ui-popup-blocker {
  position: absolute;
}

.view-3 .s2-content-tab.question > .ldl-ui-popup-blocker > .ldl-ui-popup-blocker-bg {
  background: #022d4e !important;
}

.s2-content-tab:after {
  position: absolute;
  content: "";
  z-index: 16;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #707070;
}

.s2-content-tab.topic .s2-el-inner {
  margin-bottom: 12px;
}

.s2-content-tab-header {
  position: relative;
  width: 100%;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}

.s2-content-tab.question .s2-content-tab-header {
  height: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.s2-content-tab-header:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #707070;
}

.s2-content-tab-header > p {
  position: relative;
  width: calc(100% - 10px);
  margin: 0;
  margin-left: 10px;
  float: left;
}

.s2-content-tab.topic .s2-content-tab-header > p {
  width: 47px;
}

.s2-content-tab.subtopic .s2-content-tab-header > p {
  width: 105px;
}

.s2-content-tab-header-back {
  position: relative;
  opacity: 0;
  pointer-events: none;
  width: 0;
  padding-left: 0;
  padding-right: 0;
  transition: opacity 0.2s ease;
  float: left;
  height: 100%;
  max-width: 325px;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.s2-content-tab.question .s2-content-tab-header-back {
  max-width: 625px;
}

.s2-content-tab-header-back:after {
  position: absolute;
  cursor: pointer;
  content: "";
  left: 7px;
  top: 9px;
  width: 0px;
  height: 0;
  border-right: solid 9px white;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
}

.s2-back-text {
  margin: 0;
  color: white;
  position: relative;
  top: -2px;
}

.s2-content-tab-screen, .s2-content-tab-blocker, .s2-content-tab-message {
  position: absolute;
  z-index: 15;
  top: 0;
  left: 0;
  background: white;
  padding: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  opacity: 1;
  transition: opacity 0.5s ease;
}

.s2-content-tab-message .extra-message {
  font-style: italic;
}
.s2-content-tab-message .extra-message > span {
  margin-top: -7px;
  position: relative;
  display: block;
}

.s2-content-tab.hide-screen .s2-content-tab-screen {
  opacity: 0;
  pointer-events: none;
}

.s2-content-tab-instruction {
  font-weight: bold;
  margin: 4px 0;
  opacity: 1;
  position: relative;
  color: #e2056f;
  padding-left: 20px;
  transition: opacity 0.2s ease;
}

.s2-content-tab-instruction:after {
  position: absolute;
  content: "";
  top: 1px;
  left: 4px;
  width: 0;
  height: 0;
  border-bottom: solid 7px transparent;
  border-top: solid 7px transparent;
  border-right: solid 9px #e2056f;
}

.all-topic-filtered .s2-content-tab.subtopic .s2-content-tab-instruction {
  opacity: 0;
}

.all-qset-filtered .s2-content-tab.question .s2-content-tab-instruction {
  opacity: 0;
}

.s2-content-tab-blocker {
  cursor: pointer;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  z-index: 21;
  pointer-events: none;
}

.s2-content-tab-blocker:after {
  position: absolute;
  cursor: pointer;
  content: "";
  left: 20px;
  width: 0px;
  height: 0;
  border-right: solid 15px white;
  border-top: solid 15px transparent;
  border-bottom: solid 15px transparent;
  top: 50%;
  transform: translateY(-400%);
}

.s2-content-tab-message {
  display: none;
  z-index: 0;
  opacity: 1;
  top: 0;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 8px;
}

.s2-container.all-qset-filtered .s2-content-tab.subtopic .s2-content-tab-message:not(.fnm-asset) {
  display: block;
}

.s2-container.all-topic-filtered .s2-content-tab.topic .s2-content-tab-message:not(.fnm-asset) {
  display: block;
}

.s2-content-tab-message button {
  background: #033660;
  color: white;
  padding: 5px 10px;
}

.s2-content-tab-message p {
  margin: 5px 0;
  margin-bottom: 10px;
}

.s2-el-holder {
  position: relative;
  width: 100%;
  height: calc(100% - 35px);
  overflow: hidden;
}

.s2-content-tab.question .s2-el-holder {
  position: relative;
  width: 100%;
  height: 100%;
}

.s2-content-tab.question .s2-el-inner {
  position: relative;
  width: calc(100% - 6px);
  height: 100%;
  border-left: solid 5px #ccc;
  border-right: solid 1px #707070;
}

.s2-el-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.s2-topic-el {
  position: relative;
  left: 0;
  background: #f1f1f1;
  width: 100%;
  display: block;
  margin-top: 4px;
  height: auto;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: left 0.2s ease;
}

.s2-topic-el:first-child {
  margin-top: 5px;
}

.s2-topic-el-btn {
  position: relative;
  color: #707070;
  font-size: 15px;
  display: block;
  height: auto;
  padding: 11px 0;
  padding-left: 12px;
  width: 100%;
  text-align: left;
  background: none;
}

.s2-topic-el-count {
  position: relative;
  padding: 5px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-left: 10px;
}

.s2-subtopic-el {
  color: #707070;
  position: relative;
  height: auto;
  overflow: hidden;
  margin-left: 12px;
  margin-bottom: 10px;
}

.s2-subtopic-el:first-child {
  margin-top: 5px;
}

.s2-subtopic-label {
  margin: 5px 0;
}

.s2-qset-el {
  position: relative;
  left: 0;
  background: #f1f1f1;
  width: calc(100% - 30px);
  display: block;
  margin-top: 4px;
  border-radius: 4px;
  transition: left 0.2s ease;
  margin-left: 15px;
}

.s2-qset-el.selected:not(.s2-filtered), .s2-qset-el.adapt-selected:not(.s2-filtered) {
  border: solid 1px #ccc;
}

.s2-qset-el.adapted .s2-qset-el-btn:after {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  width: 30px;
  height: 30px;
  background: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon-dark.svg) no-repeat;
  background-size: 26px;
  background-position: 2px -2px;
  opacity: 1;
}

.s2-container:not(.filter-showing) .s2-qset-el.adapted:hover:not(.preview-filter) .s2-qset-el-btn:after, .s2-qset-el.adapted.selected:not(.preview-filter):not(.s2-filtered) .s2-qset-el-btn:after, .s2-qset-el.adapted.adapt-selected:not(.preview-filter):not(.s2-filtered) .s2-qset-el-btn:after {
  background-image: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon.svg);
}

.s2-container:not(.filter-showing) .s2-qset-el:hover:not(.preview-filter) .s2-qset-el-btn > span .s2-qset-el-school-icon, .s2-qset-el.selected:not(.preview-filter):not(.s2-filtered) .s2-qset-el-btn > span .s2-qset-el-school-icon, .s2-qset-el.adapted.adapt-selected:not(.preview-filter):not(.s2-filtered) .s2-qset-el-btn > span .s2-qset-el-school-icon {
  background-image: url(/Areas/Shared/Content/Table/image/school-icon-white.svg);
  opacity: 1;
}

.s2-qset-el.favourited .s2-qset-el-btn:before {
  position: absolute;
  content: "";
  background: url(/Areas/Default/content/search/images/SearchV3/favstar-yel.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: 5px;
  right: 5px;
  transform: scale(0);
  transition: transform 0.2s ease;
}

.s2-qset-el.favourited.favourite-ani .s2-qset-el-btn:before {
  transform: scale(1);
}

.s2-container:not(.filter-showing) .s2-qset-el.favourited:hover:not(.preview-filter) .s2-qset-el-btn:before, .s2-qset-el.favourited.selected:not(.preview-filter):not(.s2-filtered) .s2-qset-el-btn:before, .s2-qset-el.favourited.adapt-selected:not(.preview-filter):not(.s2-filtered) .s2-qset-el-btn:before {
  background-image: url(/Areas/Default/content/search/images/SearchV3/favstar.svg);
}

.s2-qset-el.favourited.preview-filter .s2-qset-el-btn:before, .s2-qset-el.favourited.s2-filtered .s2-qset-el-btn:before {
  background-image: url(/Areas/Default/content/search/images/SearchV3/favstar-dark.svg);
}

.s2-qset-el.adaptation {
  width: calc(100% - 60px);
  margin-left: 45px;
  border-top-left-radius: 14px;
  border-bottom-right-radius: 14px; /*border:solid 1px;*/
}

.s2-qset-el.adaptation .s2-qset-el-btn {
  width: 100%;
}

.s2-qset-el.adaptation .s2-qset-el-btn:after {
  width: 22px;
  height: 20px;
  background-size: 20px;
  background-position: 4px;
  opacity: 1;
  top: 6px;
}

.s2-qset-el.adaptation.preview-filter, .s2-qset-el.adaptation.s2-filtered {
  background: white !important;
}

.s2-qset-view-btn, .s2-qset-adapt-btn {
  position: relative;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 6px 6px;
  max-width: 142px;
  height: auto;
  text-align: left;
  font-size: 13px;
  color: white;
}

.s2-qset-view-btn {
  display: none;
}

.s2-container.double-select:not(.view-4) .s2-qset-view-btn {
  display: block;
}

.s2-qset-el.adapted .s2-qset-view-btn {
  margin-bottom: 5px;
}

.s2-qset-adapt-btn {
  padding-left: 31px;
}

.s2-qset-el:not(.selected):not(:hover):not(.adapt-selected) .s2-qset-view-btn, .s2-qset-el:not(.selected):not(:hover):not(.adapt-selected) .s2-qset-adapt-btn {
  background: #969696 !important;
}
.s2-qset-el:not(.selected):not(:hover):not(.adapt-selected) .s2-qset-adapt-line, .s2-qset-el:not(.selected):not(:hover):not(.adapt-selected) .s2-qset-adaptation-line, .s2-qset-el:not(.selected):not(:hover):not(.adapt-selected) .s2-qset-adapt-btn:before, .s2-qset-el:not(.selected):not(:hover):not(.adapt-selected) .s2-qset-adaptation-line .line.s2-border-col {
  border-color: #969696 !important;
}

.s2-qset-adapt-btn:after {
  position: absolute;
  content: "";
  top: 2px;
  margin-left: 3px;
  transform: rotate(0deg);
  left: 0;
  width: 25px;
  height: 23px;
  background: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon.svg) no-repeat;
  background-size: cover;
  background-position: 0 -4px;
  opacity: 1;
  transition: transform 1s ease;
}

.s2-qset-el.preview-filter .s2-qset-adapt-btn {
  background-color: #e8e8e8 !important;
  color: #707070;
}
.s2-qset-el.preview-filter .s2-qset-adapt-btn:after {
  background-image: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon-dark.svg);
}

.s2-qset-el.show-adapt .s2-qset-adapt-btn:after {
  transform: rotate(180deg);
}

.s2-qset-adapt-btn > .view, .s2-qset-el.show-adapt .s2-qset-adapt-btn > .hidden {
  display: none;
}

.s2-qset-el.show-adapt .s2-qset-adapt-btn > .view {
  display: block;
}

.s2-qset-el.show-adapt .s2-qset-adapt-btn:before {
  position: absolute;
  content: "";
  width: 0;
  height: 18px;
  border-left: 1px dotted;
  top: 24px;
  left: 0;
}

.s2-qset-el.show-adapt.adapt-selected .s2-qset-adapt-btn:before {
  border-left-style: solid;
  border-left-width: 2px;
  height: 18px;
}

.s2-qset-el .s2-qset-adapt-line {
  position: absolute;
  display: none;
  width: 50px;
  height: 30px;
  top: 0;
  left: 13px;
  z-index: -1;
  transition: left 0.2s ease;
}

.s2-qset-adaptation-line {
  position: absolute;
  width: 17px;
  height: 1px;
  border-bottom: dotted 1px #aaa;
  left: 0;
  transform: translateY(2px);
  top: -2px;
}

.s2-qset-adaptation-line.selected {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  z-index: 1;
}

.s2-qset-adaptation-line .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-left: 1px dotted;
}

.s2-qset-adaptation-line.selected .line {
  border-left-style: solid;
  border-left-width: 2px;
}

.s2-qset-adaptation-line .line-bg {
  position: absolute;
  left: 0px;
  top: 0;
  background: white;
  width: 1px;
  height: 100%;
}

.s2-qset-el.show-adapt .s2-qset-adapt-line {
  display: block;
}

.s2-container:not(.filter-showing) .s2-qset-el:not(.adapt-selected) .s2-qset-adapt-btn:hover:after, .s2-container:not(.filter-showing) .s2-qset-el.show-adapt:not(.adapt-selected) .s2-qset-adapt-btn:after {
  background-image: url(/Areas/Default/content/search/images/SearchV3/viewadapt-icon.svg);
}

.s2-qset-info {
  position: relative;
  display: none;
  width: calc(100% - 26px);
  height: auto;
  overflow: hidden;
  padding: 13px;
  font-size: 13px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.s2-multi-select .s2-qset-info:not(:hover), .s2-qset-el.show-adapt:not(.selected):not(.adapt-selected):not(:hover) .s2-qset-info {
  background: #f7f7f7;
}

.s2-qset-el.selected .s2-qset-info, .s2-qset-el.show-adapt .s2-qset-info {
  display: block;
}

.s2-qset-info-text {
  margin: 0;
  margin-bottom: 10px;
  color: #707070;
}

.s2-qset-info-text:nth-child(2), .s2-container:not(.double-select) .s2-qset-el:not(.adapted) .s2-qset-info.single .s2-qset-info-text {
  margin-bottom: 0;
}

.s2-qset-info-text > span {
  position: relative;
  width: calc(100% - 69px);
}

.s2-qset-info-text > b {
  float: left;
  position: relative;
  margin-right: 6px;
  text-align: left;
}

.s2-container.double-select .s2-qset-el .s2-qset-info-text:nth-child(2), .s2-qset-el.adapted .s2-qset-info-text:nth-child(2) {
  margin-bottom: 5px;
}

.s2-qset-el-header {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 4px;
}

.s2-qset-el-btn {
  color: #707070;
  position: relative;
  box-sizing: border-box;
  float: left;
  font-size: 15px;
  word-break: break-word;
  display: block;
  height: auto;
  padding: 7px 0;
  padding-right: 7px;
  padding-left: 12px;
  width: calc(100% - 26px);
  text-align: left;
  background: none;
}

.s2-qset-el-btn > span {
  display: block;
  width: 100%;
}
.s2-qset-el-btn > span .s2-qset-el-school-icon {
  position: relative;
  display: inline-block;
  background: url(/Areas/Shared/Content/Table/image/school-icon.svg) no-repeat;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  background-size: contain;
  vertical-align: middle;
  top: -2px;
  opacity: 0.7;
}

.s2-qset-el.favourited .s2-qset-el-btn > span {
  width: calc(100% - 22px);
  padding-right: 22px;
}

.s2-qset-el.adapted .s2-qset-el-btn > span {
  width: calc(100% - 22px);
  padding-left: 22px;
}

.s2-qset-el.adapted.favourited .s2-qset-el-btn > span {
  width: calc(100% - 44px);
}

.s2-qset-el.adapted.adaptation .s2-qset-el-btn > span {
  padding-left: 14px;
}

.s2-qset-years {
  position: absolute;
  padding: 8px 5px;
  height: calc(100% - 16px);
  background: #bbb;
  color: white;
  right: 0;
  font-size: 13px;
  width: 16px;
  text-align: center;
  border-radius: 4px;
}

.s2-qset-years > span {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  left: 0;
}

.s2-qset-years:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  content: "";
}

.s2-qset-el.digit-1-2 .s2-qset-years {
  width: 27px;
}

.s2-qset-el.digit-1-2 .s2-qset-el-btn {
  width: calc(100% - 37px);
}

.s2-qset-el.digit-1-3 .s2-qset-years {
  width: 39px;
}

.s2-qset-el.digit-1-3 .s2-qset-el-btn {
  width: calc(100% - 49px);
}

.s2-qset-el.digit-1-4 .s2-qset-years {
  width: 49px;
}

.s2-qset-el.digit-1-4 .s2-qset-el-btn {
  width: calc(100% - 59px);
}

.s2-qset-el.digit-1-5 .s2-qset-years {
  width: 61px;
}

.s2-qset-el.digit-1-5 .s2-qset-el-btn {
  width: calc(100% - 71px);
}

.s2-qset-el.digit-2-1 .s2-qset-years {
  padding-right: 13px;
}

.s2-qset-el.digit-2-1 .s2-qset-el-btn {
  width: calc(100% - 34px);
}

.s2-qset-el.digit-2-2 .s2-qset-years {
  padding-right: 31px;
}

.s2-qset-el.digit-2-2 .s2-qset-el-btn {
  width: calc(100% - 52px);
}

.s2-qset-el.digit-1-1.digit-2-1 .s2-qset-years {
  padding-right: 24px;
}

.s2-qset-el.digit-1-1.digit-2-1 .s2-qset-el-btn {
  width: calc(100% - 45px);
}

.s2-qset-el.digit-1-2.digit-2-1 .s2-qset-years {
  padding-right: 23px;
}

.s2-qset-el.digit-1-2.digit-2-1 .s2-qset-el-btn {
  width: calc(100% - 55px);
}

.s2-qset-el.digit-1-3.digit-2-1 .s2-qset-years {
  padding-right: 23px;
}

.s2-qset-el.digit-1-3.digit-2-1 .s2-qset-el-btn {
  width: calc(100% - 67px);
}

.s2-qset-el.digit-1-4.digit-2-1 .s2-qset-years {
  padding-right: 23px;
}

.s2-qset-el.digit-1-4.digit-2-1 .s2-qset-el-btn {
  width: calc(100% - 77px);
}

.s2-qset-el.digit-1-2.digit-2-2 .s2-qset-years {
  padding-right: 40px;
}

.s2-qset-el.digit-1-2.digit-2-2 .s2-qset-el-btn {
  width: calc(100% - 72px);
}

.s2-qset-el.digit-1-1.digit-2-2 .s2-qset-years {
  padding-right: 40px;
}

.s2-qset-el.digit-1-1.digit-2-2 .s2-qset-el-btn {
  width: calc(100% - 61px);
}

.s2-qset-el.digit-1-3.digit-2-2 .s2-qset-years {
  padding-right: 40px;
}

.s2-qset-el.digit-1-3.digit-2-2 .s2-qset-el-btn {
  width: calc(100% - 84px);
}

.s2-subtopic-el.s2-psuedo-subtopic > .s2-subtopic-label {
  display: none;
}

.s2-subtopic-el.s2-psuedo-subtopic > .s2-qset-el {
  margin-left: 0;
}

.s2-topic-el.preview-filter, .s2-qset-el.preview-filter {
  background: #fff;
  color: white;
  opacity: 0.5;
  left: 10px;
  border: 1px solid #ccc;
  border-radius: 7px;
}

.s2-qset-el.preview-filter .s2-qset-el-btn, .s2-topic-el.preview-filter .s2-topic-el-btn {
  color: #aaa;
}

.s2-qset-el.preview-filter .s2-qset-years {
  background: none;
  color: #aaa;
}

.s2-qset-el.preview-filter .s2-qset-years:before {
  background: none;
}

.s2-topic-el.s2-filtered:not(.preview-filter), .s2-qset-el.s2-filtered:not(.preview-filter) {
  background: #fff;
  color: white;
  opacity: 0.5;
  left: 10px;
  border: 1px solid #ccc;
  pointer-events: none;
}

.s2-container:not(.show-filtered) .s2-topic-el.s2-filtered:not(.preview-filter), .s2-container:not(.show-filtered) .s2-qset-el.s2-filtered:not(.preview-filter) {
  display: none;
}

.s2-container:not(.show-filtered) .s2-subtopic-el.s2-filtered:not(.preview-filter) {
  display: none;
}

.s2-container.show-filtered .s2-subtopic-el.s2-filtered .s2-subtopic-label {
  opacity: 0.4;
}

.s2-container.show-filtered .s2-qset-el.s2-filtered .s2-qset-years {
  background: none;
  color: #aaa;
}

.s2-container.show-filtered .s2-qset-el.s2-filtered .s2-qset-years:before {
  background: none;
}

#lightbox {
  display: none;
  position: fixed;
  z-index: 4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

#lightboxcontent {
  width: 1024px;
  height: 550px;
  background-color: white;
  position: relative;
  top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  overflow: hidden;
  border-radius: 4px;
}

#lightboxmain {
  width: 1024px;
  height: 550px;
  border: 0;
}

#lightboxheader {
  background-color: #dae0e5;
  width: 100%;
  height: 40px;
  font-size: 16px;
}

#lightboxheader p {
  vertical-align: top;
  padding: 0;
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}

#lightboxqstitle, #lightboxclass {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 600px;
}

#lightbox #lightboxqstitle {
  width: calc(100% - 60px);
}

#closelightbox {
  z-index: 1000;
  margin-right: 2px;
  float: right;
  cursor: pointer;
}

#closelightbox img {
  width: 38px;
  height: auto;
}

.filtered-results .s2-el-holder {
  height: calc(100% - 55px);
}

.s2-filter-label {
  position: relative;
  width: calc(100% - 41px);
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: height 0.2s ease;
  line-height: 20px;
  padding: 0 11px;
  padding-left: 30px;
  font-style: italic;
  color: #e2056f;
  font-size: 13px;
}

.s2-container.filtered-results .s2-filter-label {
  display: block;
  cursor: pointer;
  height: 20px;
  opacity: 1;
  pointer-events: auto;
}

.s2-filter-label:after {
  position: absolute;
  content: "";
  width: 23px;
  height: 23px;
  background: url(/Areas/Default/Content/Search/images/SearchV3/filter-icon-pink.svg) no-repeat;
  background-size: contain;
  top: -1px;
  left: 5px;
}

.s2-filter-label > p {
  margin: 0;
}

.s2-filter-label > p > span > u {
  color: #033660;
}

.s2-filter-label .hide {
  display: none;
}

.show-filtered .s2-filter-label .show {
  display: none;
}

.show-filtered .s2-filter-label .hide {
  display: inline-block;
}

.short-label {
  display: none;
}

.shorter-label {
  display: none;
}

.filter-label {
  display: none;
}

.s2-container:after {
  content: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide2.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide2a.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide2b.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide2c.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide3.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide4.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide4a.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide5.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide6.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide5a.png) url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide6a.png);
  display: none;
}

.mylbq-guide-step2 {
  position: relative;
  background: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide2.png) no-repeat;
  background-size: contain;
  width: calc(100% - 20px);
  max-width: 820px;
  top: 8px;
  left: 10px;
  height: 510px;
}

.mylbq-guide-step3 {
  position: relative;
  background: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide3.png) no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 190px;
  top: 58px;
  left: 3px;
  height: 290px;
}

.mylbq-guide-step4 {
  position: absolute;
  transition: background 0.5s ease;
  background-repeat: no-repeat;
  background-size: contain;
  width: 565px;
  top: -10px;
  left: -35px;
  height: 730px;
  pointer-events: none;
  background-position: 50%;
}

.search-guide-4.guide-step-start .mylbq-guide-step4 {
  background-image: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide4.png);
}

.search-guide-4.guide-step-plan .mylbq-guide-step4 {
  background-image: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide5.png);
}

.search-guide-4.guide-step-teach .mylbq-guide-step4 {
  background-image: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide6.png);
}

.search-guide-4.guide-step-start .btn.start.static {
  display: block;
  cursor: default;
}

.search-guide-4.guide-step-plan .btn.plan.static {
  display: block;
}

.search-guide-4.guide-step-teach .btn.teach.static {
  display: block;
}

.search-guide-4.guide-step-start .btn.start:not(.static) {
  border: solid 2px white;
}

.search-guide-4.guide-step-plan .btn.plan:not(.static) {
  border: solid 2px white;
}

.search-guide-4.guide-step-teach .btn.teach:not(.static) {
  border: solid 2px white;
}

.search-guide-4.guide-step-start .btn.start:not(.static):after {
  top: 1px;
  left: 4px;
}

.search-guide-4.guide-step-plan .btn.plan:not(.static):after {
  top: 1px;
  left: 4px;
}

.search-guide-4.guide-step-teach .btn.teach:not(.static):after {
  top: 1px;
  left: 4px;
}

.guide-trail {
  display: none;
  position: fixed;
  pointer-events: none;
  background: url(/Areas/Shared/Content/Image/Guide/NEW_USER/trail.png) no-repeat;
  opacity: 1;
  top: 150px;
  right: 250px;
  width: 775px;
  height: 158px;
  transform: scaleX(-1);
  transition: right 0.2s ease, width 0.2s ease;
}

.guide-plane {
  position: absolute;
  opacity: 1;
  transition: opacity 0.3s ease;
  left: -50px;
  top: 40px;
  background: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide-plane.png) no-repeat;
  width: 60px;
  height: 66px;
  background-size: contain;
  transform: scaleX(-1);
}

.guide-trail.slow {
  transition: right 1s ease, width 1s ease, opacity 1s ease;
}

.guide-trail.hidden {
  right: 480px;
  width: 0px;
  opacity: 0;
}

.guide-plane.hidden {
  opacity: 0;
}

.ldl-site-blocker-guide.search-step-4 {
  width: calc(100% - 855px);
  transition: width 0.2s ease;
  min-width: 360px;
}

.search-guide-4 {
  position: absolute;
  right: 40px;
  width: 500px;
  margin: 10px auto;
  min-height: 730px;
  border-radius: 4px;
  color: #444;
  overflow: hidden;
}

.search-guide-4 .btn {
  position: absolute;
  outline: none;
  height: 38px;
  background: #e2056f;
  width: 94px;
  margin: 7px 0;
  margin-right: 5px;
  padding-left: 30px;
  color: white;
  border-radius: 4px;
}

.search-guide-4 .blue.btn {
  background: #003660;
}

.search-guide-4 .btn:after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  top: 3px;
  left: 6px;
}

.search-guide-4 .btn.plan:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/plan-icon.svg);
}

.search-guide-4 .btn.start:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/start-icon.svg);
}

.search-guide-4 .btn.teach:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/teach-icon.svg);
}

.search-guide-4 .btn.start {
  top: 657px;
  left: 197px;
}

.search-guide-4 .btn.plan {
  top: 657px;
  left: 38px;
}

.search-guide-4 .btn.teach {
  top: 657px;
  left: 356px;
}

.search-guide-4 .btn.start.static {
  top: 190px;
  left: 1px;
  display: none;
}

.search-guide-4 .btn.plan.static {
  top: 137px;
  left: 1px;
  display: none;
}

.search-guide-4 .btn.teach.static {
  top: 237px;
  left: 1px;
  display: none;
}

.s2-content-tab.question.screen .ldl-site-blocker-guide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.s2-content-tab.question.screen.guide-plan .ldl-site-blocker-guide, .s2-content-tab.question.screen.guide-start .ldl-site-blocker-guide, .s2-content-tab.question.screen.guide-teach .ldl-site-blocker-guide {
  opacity: 1;
}

.s2-content-tab.question.screen .ldl-site-blocker-guide .ldl-site-step-close-btn {
  display: none;
}

.s2-content-tab.question.screen.guide-plan .qspp-panel-btn.plan, .s2-content-tab.question.screen.guide-start .qspp-panel-btn.start, .s2-content-tab.question.screen.guide-teach .qspp-panel-btn.teach {
  z-index: 21;
  outline: solid 3px;
}

.ldl-site-step-arrow.search-4 {
  position: absolute;
  transform: scale(0.8) rotate(180deg);
  top: 48px;
  opacity: 0;
  transition: left 0.3s ease, opacity 0.3s ease;
}

.s2-content-tab.question.screen.guide-plan .ldl-site-blocker-guide .ldl-site-step-arrow.search-4, .s2-content-tab.question.screen.guide-start .ldl-site-blocker-guide .ldl-site-step-arrow.search-4, .s2-content-tab.question.screen.guide-teach .ldl-site-blocker-guide .ldl-site-step-arrow.search-4 {
  opacity: 1;
}

.ldl-ui-popup-blocker.ldl-site-step-blocker {
  position: absolute;
  top: 0;
  left: 0;
}

#config_preview {
  height: 636px;
}

#config_preview .closelightbox .deleteBtn {
  width: 40px;
  height: 40px;
  background-size: contain;
  top: 0px;
  right: 0;
  background: red;
}

#config_preview .lightboxcontent {
  padding-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}

#config_preview #lightboxqstitle {
  margin: 0;
}

@media only screen and (max-width: 630px) {
  .search.view-1 .s2-content-tab.topic {
    width: calc(100% - 200px);
  }
  .search.view-1 .s2-content-tab.subtopic {
    left: calc(100% - 200px);
    width: 200px;
    min-width: inherit;
  }
}
@media only screen and (max-width: 500px) {
  .search.view-1 .s2-content-tab.topic {
    width: calc(100% - 120px);
    min-width: inherit;
  }
  .search.view-1 .s2-content-tab.subtopic {
    left: calc(100% - 120px);
    width: 120px;
  }
}
@media only screen and (max-width: 380px) {
  .search.view-1 .s2-content-tab.topic {
    width: 100%;
    max-width: inherit;
  }
  .search.view-1 .s2-content-tab.subtopic {
    left: 100%;
    opacity: 0;
  }
}
.search.view-2 .s2-content-tab.topic {
  width: 430px;
}

.search.view-2 .s2-content-tab.subtopic {
  left: 430px;
  width: calc(100% - 630px);
  min-width: 760px;
  max-width: 1024px;
}

.search.view-2 .s2-content-tab.question {
  left: 1454px;
  width: calc(100% - 1454px);
  opacity: 1;
}

@media only screen and (max-width: 1664px) {
  .search.view-2 .s2-content-tab.topic {
    width: calc(100% - 1224px);
  }
  .search.view-2 .s2-content-tab.subtopic {
    left: calc(100% - 1224px);
    width: 1024px;
  }
  .search.view-2 .s2-content-tab.question {
    left: calc(100% - 200px);
    width: 200px;
    opacity: 1;
  }
}
@media only screen and (max-width: 1535px) {
  .search.view-2 .s2-content-tab.topic {
    width: 300px;
  }
  .search.view-2 .s2-content-tab.subtopic {
    left: 300px;
    width: calc(100% - 500px);
  }
}
@media only screen and (max-width: 1270px) {
  .search.view-2 .s2-content-tab.subtopic {
    left: 300px;
    width: calc(100% - 420px);
  }
  .search.view-2 .s2-content-tab.question {
    left: calc(100% - 120px);
    width: 120px;
  }
}
@media only screen and (max-width: 1190px) {
  .search.view-2 .s2-content-tab.subtopic {
    width: calc(100% - 420px);
    min-width: 600px;
  }
}
@media only screen and (max-width: 1024px) {
  .search.view-2 .s2-content-tab.subtopic {
    left: calc(100% - 720px);
    width: calc(100% - 420px);
  }
  .search.view-2 .s2-content-tab.question {
    left: calc(100% - 120px);
    width: 120px;
  }
}
@media only screen and (max-width: 880px) {
  .search.view-2 .s2-content-tab.topic .s2-content-tab-blocker {
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 820px) {
  .search.view-2 .s2-content-tab.topic {
    opacity: 0;
    pointer-events: none;
  }
  .search.view-2 .s2-content-tab.subtopic {
    left: 0;
    width: calc(100% - 120px);
    min-width: inherit;
  }
  .search.view-2 .s2-content-tab.subtopic .s2-content-tab-header-back {
    opacity: 1;
    width: auto;
    padding-left: 25px;
    padding-right: 16px;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 520px) {
  .search.view-2 .s2-content-tab.subtopic {
    width: 100%;
  }
  .search.view-2 .s2-content-tab.question {
    left: 100%;
    opacity: 0;
  }
}
.search.view-3 .s2-content-tab.topic {
  width: calc(100% - 1415px);
}

.search.view-3 .s2-content-tab.subtopic {
  left: 430px;
  width: 760px;
}

.search.view-3 .s2-content-tab.question {
  left: 1190px;
  width: calc(100% - 1190px);
  min-width: 855px;
  opacity: 1;
}

@media only screen and (max-width: 2040px) {
  .search.view-3 .s2-content-tab.topic {
    width: calc(100% - 1615px);
  }
  .search.view-3 .s2-content-tab.subtopic {
    left: calc(100% - 1615px);
  }
  .search.view-3 .s2-content-tab.question {
    left: calc(100% - 855px);
  }
}
@media only screen and (max-width: 1815px) {
  .search.view-3 .s2-content-tab.subtopic {
    left: 200px;
    width: calc(100% - 1055px);
  }
}
@media only screen and (max-width: 1615px) {
  .search.view-3 .s2-content-tab.topic {
    width: 200px;
  }
  .search.view-3 .s2-content-tab.subtopic {
    left: 200px;
    width: calc(40% - 100px);
  }
  .search.view-3 .s2-content-tab.question {
    left: calc(40% + 100px);
    width: calc(60% - 100px);
    min-width: inherit;
  }
}
@media only screen and (max-width: 1300px) {
  .search.view-3 .s2-content-tab.subtopic {
    left: calc(100% - 1100px);
    width: 420px;
  }
  .search.view-3 .s2-content-tab.question {
    left: calc(100% - 680px);
    width: 680px;
  }
}
@media only screen and (max-width: 1270px) {
  .search.view-3 .s2-content-tab.topic .s2-content-tab-blocker {
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .search.view-3 .s2-content-tab.topic {
    opacity: 0;
    pointer-events: none;
  }
  .search.view-3 .s2-content-tab.subtopic {
    left: 0;
    width: 40%;
  }
  .search.view-3 .s2-content-tab.question {
    left: 40%;
    width: 60%;
  }
  .search.view-3 .s2-content-tab.subtopic .s2-content-tab-header-back {
    opacity: 1;
    width: auto;
    padding-left: 25px;
    padding-right: 16px;
    pointer-events: auto;
  }
  .search.view-3 .s2-content-tab.subtopic .s2-content-tab-header .s2-content-header {
    display: none;
  }
}
@media only screen and (max-width: 983px) {
  .search.view-3 .s2-content-tab.subtopic {
    width: 393px;
  }
  .search.view-3 .s2-content-tab.question {
    left: calc(100% - 590px);
    width: 590px;
  }
  .search.view-3 .s2-content-tab.question .s2-content-tab-header {
    opacity: 1;
    height: 35px;
  }
  .search.view-3 .s2-content-tab.question .s2-el-holder {
    height: calc(100% - 35px);
  }
  .search.view-3 .s2-content-tab.question .s2-content-tab-header-back {
    opacity: 1;
    width: auto;
    padding-left: 25px;
    padding-right: 16px;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 760px) {
  .search.view-3 .s2-content-tab.subtopic .s2-content-tab-blocker {
    opacity: 1;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 710px) {
  .search.view-3 .s2-content-tab.subtopic {
    opacity: 0;
    pointer-events: none;
  }
  .search.view-3 .s2-content-tab.question {
    left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 545px) {
  body:not(.s-stripped) .search.view-3 .s2-content-tab.question .qspp-panel-btn:not(.advance) > span {
    display: none;
  }
  body:not(.s-stripped) .search.view-3 .s2-content-tab.question .qspp-panel-btn:not(.advance) {
    width: 38px;
  }
  body:not(.s-stripped) .search.view-3 .s2-content-tab.question .qspp-panel-btn-holder {
    width: 129px;
  }
}
@media only screen and (max-width: 465px) {
  .search.view-3 .s2-content-tab.question .qspp-question-info {
    width: 100%;
  }
  .search.view-3 .s2-content-tab.question .qspp-question-content-slide {
    width: 100%;
  }
  .search.view-3 .s2-content-tab.question .qspp.advance .qspp-question-label {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 378px) {
  .search.view-3 .s2-content-tab.question .qspp-panel-btn.advance > span {
    display: none;
  }
  .search.view-3 .s2-content-tab.question .qspp-panel-btn.advance {
    width: 30px;
    padding-left: 25px;
  }
}
.search.view-4 .s2-content-tab.topic {
  opacity: 0;
  pointer-events: none;
}

.search.view-4 .s2-content-tab.subtopic {
  left: 0;
  width: 1190px;
}

.search.view-4 .s2-content-tab.question {
  left: 1190px;
  width: calc(100% - 1190px);
  min-width: 855px;
  opacity: 1;
}

.search.view-4 .s2-content-tab.subtopic .s2-content-tab-header > p {
  width: 100%;
}

.s2-multi-select {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 15;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.s2-multi-select .s2-el-holder {
  height: 100%;
}

.s2-multi-select .s2-content-header {
  border-bottom: solid 1px #707070;
}

.s2-multi-select .s2-content-header, .s2-multi-select .s2-content-label {
  position: relative;
  height: auto;
  padding: 10px 5px;
  margin: 0;
}

.s2-multi-arrow {
  position: relative;
  margin: 0 8px;
  width: 0;
  height: 0;
  border-bottom: solid 5px transparent;
  border-top: solid 5px transparent;
  border-left: solid 9px #707070;
  display: inline-block;
}

.search.view-4 .s2-multi-select {
  opacity: 1;
  pointer-events: auto;
}

@media only screen and (max-width: 2040px) {
  .search.view-4 .s2-content-tab.subtopic {
    left: 0;
    width: calc(100% - 855px);
  }
  .search.view-4 .s2-content-tab.question {
    left: calc(100% - 855px);
    width: calc(0% + 855px);
  }
}
@media only screen and (max-width: 1265px) {
  .search.view-4 .s2-content-tab.subtopic {
    left: 0;
    width: calc(0% + 391px);
  }
  .search.view-4 .s2-content-tab.question {
    left: calc(0% + 391px);
    width: calc(100% - 391px);
    min-width: inherit;
  }
}
@media only screen and (max-width: 983px) {
  .search.view-4 .s2-content-tab.subtopic {
    width: calc(100% - 590px);
  }
  .search.view-4 .s2-content-tab.question {
    left: calc(100% - 590px);
    width: calc(0% + 590px);
  }
}
@media only screen and (max-width: 840px) {
  .search.view-4 .s2-content-tab.subtopic {
    width: calc(0% + 230px);
  }
  .search.view-4 .s2-content-tab.question {
    left: calc(0% + 230px);
    width: calc(100% - 230px);
  }
  .search.view-4 .s2-qset-el {
    width: calc(100% - 15px);
    margin-left: 0;
  }
}
@media only screen and (max-width: 760px) {
  .search.view-4 .s2-content-tab.question .qspp-panel-btn:not(.advance) > span {
    display: none;
  }
  .search.view-4 .s2-content-tab.question .qspp-panel-btn:not(.advance) {
    width: 38px;
  }
  .search.view-4 .s2-content-tab.question .qspp-panel-btn-holder {
    width: 129px;
  }
}
@media only screen and (max-width: 680px) {
  .search.view-4 .s2-content-tab.question .qspp-question-info {
    width: 100%;
  }
  .search.view-4 .s2-content-tab.question .qspp-question-content-slide {
    width: 100%;
  }
  .search.view-4 .s2-content-tab.question .qspp.advance .qspp-question-label {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 590px) {
  .search.view-4 .s2-content-tab.question .qspp-panel-btn.advance > span {
    display: none;
  }
  .search.view-4 .s2-content-tab.question .qspp-panel-btn.advance {
    width: 30px;
    padding-left: 25px;
  }
}
@media only screen and (max-width: 520px) {
  .search.view-4 .s2-content-tab.subtopic {
    width: calc(100% - 270px);
  }
  .search.view-4 .s2-content-tab.question {
    left: calc(100% - 270px);
    width: calc(0% + 270px);
  }
}
@media only screen and (max-width: 485px) {
  .search.view-4 .s2-content-tab.subtopic {
    z-index: 21;
    width: 100%;
  }
}
@media only screen and (max-width: 1615px) {
  .ldl-site-blocker-guide.search-step-4 {
    width: calc(40% + 100px);
  }
}
@media only screen and (max-width: 1300px) {
  .ldl-site-blocker-guide.search-step-4 {
    width: calc(100% - 680px);
  }
}
@media only screen and (max-width: 1665px) {
  body:not(.search-component-mode) .s2-filter-check-area .full-year {
    display: none;
  }
  body:not(.search-component-mode) .s2-filter-check-area .short-year {
    display: inline-block;
  }
  body:not(.search-component-mode) .s2-top-bar > .s2-filter-box .s2-filter-check-area {
    width: 57px;
  }
  body:not(.search-component-mode) .s2-top-bar > .s2-filter-box {
    width: 429px;
  }
  body:not(.search-component-mode) .s2-top-bar > .s2-filter-box .s2-filter-check-area > p {
    text-align: left;
  }
  body:not(.search-component-mode) .s2-top-bar > .s2-filter-check-area > p {
    padding-left: 29px;
  }
  body:not(.search-component-mode) .s2-top-bar > .s2-filter-box .s2-filter-section.right {
    margin-left: 61px;
    width: calc(100% - 61px);
  }
  body:not(.search-component-mode) .mylbq-guide-step2 {
    background: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide2a.png) no-repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 1265px) {
  .mylbq-guide-step4 {
    width: 505px;
    top: -20px;
    left: -73px;
    height: 750px;
  }
  .search-guide-4.guide-step-start .mylbq-guide-step4 {
    background-image: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide4a.png);
  }
  .search-guide-4.guide-step-plan .mylbq-guide-step4 {
    background-image: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide5a.png);
  }
  .search-guide-4.guide-step-teach .mylbq-guide-step4 {
    background-image: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide6a.png);
  }
  .search-guide-4 {
    width: 354px;
    right: 29px;
  }
  .search-guide-4 .btn.start {
    top: 546px;
    left: 127px;
  }
  .search-guide-4 .btn.plan {
    top: 628px;
    left: 28px;
  }
  .search-guide-4 .btn.teach {
    top: 628px;
    left: 224px;
  }
  .search-guide-4 .btn.start.static {
    top: 206px;
    left: 1px;
  }
  .search-guide-4 .btn.plan.static {
    top: 156px;
    left: 1px;
  }
  .search-guide-4 .btn.teach.static {
    top: 222px;
    left: 1px;
  }
}
@media only screen and (max-width: 1509px) {
  .s2-adapt-box {
    width: 55px;
  }
  .s2-adapt-box .s2-filter-check-area > p {
    visibility: hidden;
  }
  .s2-adapt-box .s2-filter-check-area > p adapt-icon {
    visibility: visible;
  }
}
@media only screen and (max-width: 1200px) {
  .ldl-site-blocker-guide.search-step-4 {
    width: 40%;
  }
}
@media only screen and (max-width: 1424px) {
  body:not(.search-component-mode) .s2-top-bar > .s2-filter-box {
    display: none;
  }
  body:not(.search-component-mode) .s2-filter-btn {
    display: block;
  }
  body:not(.search-component-mode) .mylbq-guide-step2 {
    background: url(/Areas/Shared/Content/Image/Guide/NEW_USER/guide2b.png) no-repeat;
    background-size: contain;
  }
  body:not(.search-component-mode) .s2-adapt-box {
    width: 140px;
  }
  body:not(.search-component-mode) .s2-adapt-box .s2-filter-check-area > p {
    visibility: visible;
  }
}
@media only screen and (max-width: 1022px), (max-height: 655px) {
  .ldl-site-blocker-guide.search-step-2 {
    display: none;
  }
  .ldl-site-blocker-guide.search-step-3 {
    display: none;
  }
  .ldl-site-blocker-guide.search-step-4 {
    display: none;
  }
}
@media only screen and (max-width: 1023px), (max-height: 835px) {
  .search-guide-4 {
    top: -59px;
  }
}
@media only screen and (max-width: 985px) {
  .ldl-site-blocker-guide.search-step-4 {
    width: 40%;
  }
}
@media only screen and (max-width: 1195px) {
  body:not(.search-component-mode) .s2-adapt-box {
    width: 55px;
  }
  body:not(.search-component-mode) .s2-adapt-box .s2-filter-check-area > p {
    visibility: hidden;
  }
  body:not(.search-component-mode) .s2-adapt-box .s2-filter-check-area > p adapt-icon {
    visibility: visible;
  }
}
@media only screen and (max-width: 1207px) {
  .short-label {
    display: inline;
  }
  .full-label {
    display: none;
  }
}
@media only screen and (max-width: 615px) {
  .s2-content-tab .qspp-level-nav > span, .s2-content-tab .qspp-level-random > span {
    display: inline-block;
  }
  .s2-content-tab .qspp-level-nav > label, .s2-content-tab .qspp-level-random > label {
    display: none;
  }
}
@media only screen and (max-width: 727px) {
  body:not(.search-component-mode) .s2-search-holder {
    width: calc(100% - 538px);
  }
}
/*@media only screen and (max-width: 475px) {
    .shorter-label{display:inline;}
    .short-label{display:none;}
    .s2-search-holder{width:calc(100% - 316px);}
}*/
@media only screen and (max-width: 688px) {
  body:not(.search-component-mode) .s2-search-holder {
    width: calc(100% - 420px);
  }
  .short-label {
    display: none;
  }
  .shorter-label {
    display: none;
  }
  .s2-filter-btn {
    padding: 2px 4px;
    width: 35px;
  }
  body:not(.from-new-mode) .s2-container > .s2-filter-box {
    height: 276px;
  }
  body:not(.from-new-mode) .s2-container > .s2-filter-box .s2-filter-header.adapt {
    display: block;
    margin-top: 2px;
  }
  body:not(.from-new-mode) .s2-container > .s2-filter-box .adapt-filter {
    display: block;
  }
  .s2-scheme-btn {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 565px) {
  body:not(.search-component-mode) .s2-adapt-box {
    display: none;
  }
  body:not(.search-component-mode) .s2-search-holder {
    width: calc(100% - 337px);
  }
}
@media only screen and (max-width: 485px) {
  body:not(.search-component-mode):not(.s-stripped) .s2-filter-btn {
    padding: 2px 15px;
    padding-left: 32px;
    width: 80px;
  }
  body:not(.search-component-mode):not(.s-stripped) .s2-search-holder {
    width: 100%;
    margin-left: 0;
  }
  body:not(.search-component-mode):not(.s-stripped) .filter-label {
    display: inline;
  }
  body:not(.search-component-mode):not(.s-stripped) .s2-top-bar {
    height: 40px;
  }
  body:not(.search-component-mode):not(.s-stripped) .s2-content-holder {
    height: calc(100% - 48px);
  }
}
@media only screen and (max-width: 690px) {
  .search.view-2 .s2-content-tab.subtopic .s2-content-tab-header .s2-content-header {
    display: none;
  }
}
@media only screen and (max-width: 590px) {
  .search.view-2 .s2-content-tab.subtopic .s2-content-tab-header .s2-content-header {
    display: none;
  }
  .search.view-2 .s2-content-tab.subtopic .s2-content-tab-header-back {
    border-radius: 0;
    width: 100%;
    max-width: inherit;
    padding-right: 120px;
  }
  .s2-content-tab-header-filter {
    color: white;
  }
}
@media only screen and (max-width: 390px) {
  body:not(.search-component-mode) .filter-label {
    display: none;
  }
  body:not(.search-component-mode) .s2-filter-btn {
    padding: 0;
    padding-left: 0;
    width: 34px;
  }
  .s2-content-tab-header-filter {
    width: 89px;
  }
  .s2-content-tab-header-filter > span {
    display: none;
  }
}
@media only screen and (max-width: 360px) {
  .search.view-2 .s2-qset-el:not(.adaptation) {
    width: calc(100% - 15px);
    margin-left: 0;
  }
  .search.view-2 .s2-qset-el.adaptation {
    width: calc(100% - 41px);
    margin-left: 27px;
  }
  .search.view-2 .s2-content-tab.subtopic .s2-content-tab-header-back {
    border-radius: 0;
    width: 100%;
    max-width: inherit;
    padding-right: 120px;
  }
  .search.view-3 .s2-content-tab.question .s2-content-tab-header-back {
    border-radius: 0;
    width: 100%;
    max-width: inherit;
  }
  .search.view-2 .s2-content-tab-header-filter {
    color: white;
  }
}
@media only screen and (max-width: 1120px) {
  .search.view-3 .s2-content-tab.subtopic .s2-content-tab-header-back {
    border-radius: 0;
    width: 100%;
    max-width: inherit;
    padding-right: 120px;
  }
  .search.view-3 .s2-content-tab-header-filter {
    color: white;
  }
}
@media only screen and (max-width: 346px) {
  .s2-content-holder {
    width: 100%;
    margin: 0;
  }
  .s2-top-bar {
    width: calc(100% - 8px);
    min-width: 200px;
    padding: 4px 4px;
  }
  .s2-subject-btn {
    padding: 2px 5px;
    width: 169px;
    padding-left: 18px;
    font-size: 17px;
  }
  .s2-subject-btn:after {
    border-top: solid 7px white;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    top: 17px;
    left: 6px;
  }
  .ldl-site-qref.s2-qref {
    margin-left: 10px;
    float: left;
  }
}
@media only screen and (max-width: 1221px) {
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    transform: scale(0.95);
  }
}
@media only screen and (max-height: 870px) {
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    top: -20px;
  }
}
@media only screen and (max-height: 820px) {
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    top: -30px;
  }
}
@media only screen and (max-height: 800px) {
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    top: -50px;
  }
}
@media only screen and (max-height: 785px) {
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    top: -60px;
  }
}
@media only screen and (max-height: 750px) {
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    top: -70px;
  }
}
@media only screen and (max-height: 700px) {
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    top: -90px;
    transform: scale(0.95);
    transform-origin: 100%;
  }
}
/*--------------------------------------*/
@media only screen and (max-width: 1265px) {
  .guide-trail {
    width: calc(0% + 520px);
  }
  .ldl-site-blocker-guide.search-step-4 .search-guide-4 {
    transform: scale(1.1);
    transform-origin: 114px;
  }
}
@media only screen and (max-width: 1490px) {
  .guide-trail {
    width: 44%;
  }
}
@media only screen and (max-width: 1200px) {
  .guide-trail {
    width: 44%;
  }
}
@media only screen and (max-width: 1090px) {
  .guide-trail {
    width: 41%;
  }
}
@media only screen and (max-width: 1220px) and (max-height: 845px) {
  .guide-trail {
    width: 39%;
  }
}
.search-component-mode .home.lc-dev- {
  height: 100%;
}
.search-component-mode .s2-container {
  height: 100%;
}
.search-component-mode .s2-container > .s2-filter-box {
  height: 218px;
}
.search-component-mode .s2-container > .s2-filter-box .s2-filter-header.adapt, .search-component-mode .s2-container > .s2-filter-box .adapt-filter {
  display: none;
}
.search-component-mode .s2-top-bar .s2-search-holder {
  margin-left: 0;
  width: calc(100% - 610px);
  max-width: 420px;
}
.search-component-mode .s2-content-holder {
  margin: 0;
  width: 100%;
}

@media only screen and (max-width: 800px) {
  .search-component-mode .s2-filter-check-area .full-year {
    display: none;
  }
  .search-component-mode .s2-filter-check-area .short-year {
    display: inline-block;
  }
  .search-component-mode .s2-top-bar > .s2-filter-box .s2-filter-check-area {
    width: 57px;
  }
  .search-component-mode .s2-top-bar > .s2-filter-box {
    width: 429px;
  }
  .search-component-mode .s2-top-bar > .s2-filter-box .s2-filter-check-area > p {
    text-align: left;
  }
  .search-component-mode .s2-top-bar > .s2-filter-check-area > p {
    padding-left: 29px;
  }
  .search-component-mode .s2-top-bar .s2-search-holder {
    width: calc(100% - 444px);
  }
}
@media only screen and (max-width: 615px) {
  .search-component-mode .s2-top-bar > .s2-filter-box {
    display: none;
  }
  .search-component-mode .s2-top-bar .s2-search-holder {
    width: calc(100% - 141px);
    max-width: 395px;
  }
  .search-component-mode .s2-filter-btn {
    display: block;
    padding-left: 32px;
    width: 128px;
  }
  .search-component-mode .s2-filter-btn .full-label {
    display: block;
  }
}
.str-el {
  display: none;
}

.s-stripped .s2-top-bar {
  display: grid;
  grid-template-rows: auto 1fr;
  height: auto;
}
.s-stripped .s2-top-bar > *:not(.str-el) {
  display: none;
}
.s-stripped .s2-top-bar > .str-el {
  margin: 0;
  height: 100%;
  margin-left: 10px;
  width: calc(100% - 10px);
  display: grid;
}
.s-stripped .s2-top-bar > .str-el .str-el-txt {
  color: #707070;
  font-size: 15px;
}
.s-stripped .s2-top-bar > .str-el .str-el-txt > span {
  margin-left: 5px;
  padding: 5px 8px;
  border-radius: 4px;
  border: solid 1px #ccc;
  display: inline-block;
  margin-bottom: 5px;
}
.s-stripped .s2-top-bar > .str-el .str-el-txt .str-el-header {
  font-size: 19px;
  border: none;
}

.fnm-asset {
  display: none;
}

.from-new-mode.fnm-3 #main-qfl-topbar .lbq-basket-icon {
  display: none;
}
.from-new-mode .s2-qset-el.adapted .s2-qset-info-text:not(.notes) {
  display: none;
}
.from-new-mode .s2-adapt-box {
  display: none;
}
.from-new-mode .s2-scheme-btn {
  display: none;
}
.from-new-mode .s2-content-holder {
  height: calc(100% - 108px);
}
.from-new-mode .s2-content-tab-message.fnm-asset {
  display: none;
}
.from-new-mode .has-no-adapts .s2-content-tab-message {
  display: none !important;
}
.from-new-mode .has-no-adapts .s2-content-tab-message.fnm-asset {
  display: block !important;
}
.from-new-mode .has-no-adapts .s2-filter-label {
  display: none !important;
}
.from-new-mode .s2-filter-box .s2-filter-header.adapt, .from-new-mode .s2-filter-box .s2-filter-check-area.adapt-filter {
  display: none !important;
}
.from-new-mode .qset-col-mode .nm-topbar {
  grid-template-columns: 100px auto auto 1fr;
}
.from-new-mode .qset-col-mode .qspp .qspp-question-side-panel .qspp-question-side-btn:not(.basket) {
  display: none;
}
.from-new-mode .qset-col-mode .qspp .qspp-question-side-panel .qspp-question-side-btn.basket:not(.disabled) {
  background: #e2056f;
}
.from-new-mode .qspp .qspp-question-side-panel .qspp-question-side-btn.teach {
  display: none;
}
.from-new-mode .nm-topbar {
  position: relative;
  padding: 7px 10px;
  width: calc(100% - 20px);
  height: 35px;
  border-bottom: solid 1px #707070;
  background: #f5f5f5;
  display: grid !important;
  grid-template-columns: 100px 1fr;
}
.from-new-mode .nm-topbar > * {
  align-self: center;
}
.from-new-mode .nm-topbar .nm-mode-btn {
  position: relative;
  background: #e2056f;
  color: white;
  display: block;
  padding: 6px 9px;
  border-radius: 4px;
  width: 55px;
  margin-left: 10px;
  text-align: center;
}
.from-new-mode .nm-topbar .nm-col-counter {
  font-weight: bold;
  color: #e2056f;
  font-size: 17px;
  padding-left: 30px;
  position: relative;
  margin-left: 10px;
}
.from-new-mode .nm-topbar .nm-col-counter:after {
  position: absolute;
  content: "";
  width: 32px;
  height: 35px;
  background: url(/Areas/Shared/Content/Image/basket-pink.svg) no-repeat;
  top: -5px;
  left: -1px;
  background-size: contain;
}
.from-new-mode .nm-back {
  position: relative;
  width: 45px;
  background: #e2056f;
  font-weight: bold;
  color: white;
  padding: 6px;
  padding-left: 30px;
  border-radius: 4px;
  display: block;
}
.from-new-mode .nm-back:after {
  position: absolute;
  content: "";
  border-right: 8px solid white;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 10px;
  left: 10px;
}
.from-new-mode .fnm-asset:not(.fnm-hide) {
  display: block;
}
.from-new-mode .fnm-instruction {
  margin-left: 10px;
}
.from-new-mode.fnm-1 .nm-1 {
  display: block;
}
.from-new-mode.fnm-2 .nm-2 {
  display: block;
}
.from-new-mode.fnm-3 .nm-3 {
  display: block;
}
.from-new-mode .qspp .qspp-panel .qspp-panel-btn, .from-new-mode .qspp .qspp-panel .qspp-panel-btn-holder {
  display: none;
}
.from-new-mode .qspp .qspp-panel .nm-mode-btn {
  position: relative;
  float: right;
  background: #e2056f;
  color: white;
  display: block;
  padding: 9px;
  top: 7px;
  border-radius: 4px;
  padding-left: 38px;
  margin-right: 7px;
}
.from-new-mode .qspp .qspp-panel .nm-mode-btn:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 3px;
  left: 5px;
}
.from-new-mode .qspp .qspp-panel .nm-mode-btn.nm-convert-btn:after {
  background-image: url(/Areas/Shared/Content/QSetPreview/image/adapt-icon.svg);
}
.from-new-mode .qspp .qspp-panel .nm-mode-btn.nm-copymod-btn:after {
  left: 6px;
  background-image: url(/Areas/Shared/Content/QSetPreview/image/duplicate-icon.svg);
}