/* --- Index page: --- */
.gen-tabs {margin:0 0 15px 15px;position:relative;}
.gen-tab {font-size:17px;padding:16px 0 15px;text-align:center;}
.main {padding-top:0;}

/* --- Lesson notes page: --- */
.ln-blk {position:relative;}
.ln-head {height:53px;}
.ln-cont {background:#fff;}

/* --- Resources page: --- */
.resIcon {margin-right:15px;}

/* --- Scorcher page: --- */
.leaderboard {padding:15px;position:relative;z-index:1;}
.leaderboard__blk {color:#fff;font-size:14px;position:relative;z-index:1}
.leaderboard__blk .hr {background:#000;filter:alpha(opacity=40);opacity:0.4;}
.leaderboard__title {color:#2c2c2c;font-weight:bold;padding-bottom:5px;position:relative;z-index:1;}
.lb-row {padding:15px 0 10px;position:relative;z-index:1;}
.lesson-scorcher-user-highlight {background:rgba(245, 131, 31, 0.05); border-top:3px solid rgb(245, 131, 31)!important;border-bottom:3px solid rgb(245, 131, 31)!important; padding: 19px 0; text-shadow:#666666 0 0 0;}
.scorcher-leaderboard .rel{
    border-bottom: 1px solid lightgrey;
    padding: 19px 0;
}
.scorcher-leaderboard .row{
    line-height: 30px;
}

.gold-medal-bg.rel{
    background:#FFEFC4;
    border-bottom: 1px solid #daa520;
}

.silver-medal-bg.rel{
    background:#EEEEEE;
    border-bottom: 1px solid #778484;
}
.bronze-medal-bg.rel{
    background:#FFDFBF;
    border-bottom: 1px solid #81431e;
}
.ssi-blk {height:50px;margin:-15px 0 -10px;position:relative;width:50px;}
.ssi__text {color:#ffffff;position:relative;top:22px;z-index:1;font-weight: bold; text-shadow:#444444 1px 0 3px;}
.ssi__bg {background-position:-129px -60px;height:100%;position:absolute;top:0;width:100%;z-index:0;}

/* --- Questions page: --- */
.quest-results {margin:0;width:100%;}
.quest-result {background:#EEE;border-right:1px solid #FFF;height:8px;text-align:center;}
.quest-result.fail {background:#ea4b35;height:12px;}
.quest-result.pass {background:#8cbd39;height:12px;}
.quest-result.questionSelected.pass {border: solid #CCF08F 3px;}
.quest-result.questionSelected.fail {border: solid #FF9486 3px;}


/* --- Other: --- */
.printIcon {background-position:-25px -36px;width:25px;}
.fullScreenIcon {background-position:-25px -76px;width:25px;}
.fb-headIcon {display:inline-block;height:25px;margin:0 5px -6px 0;width:25px;}
.fb-passIcon {background-position:0 -45px;}
.fb-failIcon {background-position:0 -85px;}
.hotmathsImg {padding:2px;}

/* --- Lesson notes --- */
#widgetBlock {position:relative;width:100%;}
.widget {position:relative;min-height: 50px;}
.widget canvas {left:0;overflow:hidden;position:relative;top:0;}
/*#widgetCanvas {width:100%;}*/

.resource-header {line-height:40px;margin:0;padding:0;white-space:nowrap;}
.widgetBtn, .hotsheetBtn, .solutionsBtn {background-image:url("https://cdn.edjin.com/static/users/generalFiles/images/lessonSprite-6f3fc3d22405f33ca0a74173b932e422.png");
    background-repeat:no-repeat;
    cursor:pointer;
    display:inline-block;
    margin-right:3px;
    padding:0 0 0 22px;
    height: 20px;
}

.widgetBtn {background-position:-181px -49px;}
.widgetBtn:hover {text-decoration:underline;}
.widgetBtn:before {content:"Widget";}
.widgetTitle{text-align: center; font-weight: bold}
.hotsheetBtn {background-position:-181px -70px;}
.hotsheetBtn:hover {text-decoration:underline;}
.hotsheetBtn:before {content:"Worksheet";}
.solutionsBtn {background-position:-181px -91px;}
.solutionsBtn:hover {text-decoration:underline;}
.solutionsBtn:before {content:"Solutions";}

.appBar-btn.desmosCalculator {margin: 12px; width: 24px; height:24px}
.ln-content .desmosCalculator {display: inline-block; margin-right: 10px; vertical-align: text-bottom}
.ln-content .desmosGeometry {display: inline-block; margin-right: 10px; vertical-align: text-bottom}
.ln-content .desmosCalculator, .pw-content .desmosCalculator {float:left;margin-left:-40px;clear: both}
.ln-content .desmosGeometry, .pw-content .desmosGeometry {float:left;margin-left:-40px;clear: both}


.desmosMediaElement {
    font-size: 110%;
    background-color: #d1e5d9;
    padding: .5em;
    font-weight: bold;
}
.calculatorName {color: #127a3d;font-weight: bold;display: inline-block;}
.calculatorDescription { color: #000; font-size: 80%; padding-top: 5px}


.questionSelected {background:#bbb;color:#fff;}

/* --- hd images: --- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .widgetBtn, .hotsheetBtn, .solutionsBtn {background-image:url("https://cdn.edjin.com/static/users/generalFiles/images/lessonSprite2x-10d07b4bb836535f93ee74f7b886000a.png");background-size:200px 110px;}
}

.dndSortList {background:#e3e3e3;margin:10px 0;padding:10px;padding-bottom:0;position:relative}
.dndSortList .row {position:relative;}
.dndSortList .unit {margin-right:10px;}
.dndSortList .lastUnit {margin-right:0;padding-bottom:10px;}
.item {background:#008eff;color:#fff;cursor:pointer;margin:1px 0 12px;position:relative;width:100%;z-index:1;}
.hitArea {border:1px solid #bbb;background:#fff;margin-bottom:10px;overflow:hidden;position:relative;width:100%;}
.hitArea:last-child {margin-bottom:0;}
.dropArea {float:left;height:100%;position:relative;width:50%;}
.cont {padding:10px;}
.hover {border-color:#008eff !important;}
.dndSortList .genBtn-blk {border-top:1px solid #d8d8d8;padding:10px 0;}
.dndAnswerTable {border:1px solid #ea4b35;}
.dndAnswerTable td {border:1px solid #ea4b35;}

#questionFormContent li > img {padding-bottom: 10px;vertical-align:middle;overflow: visible;}

.genBtn-chev {background-image:url('https://cdn.edjin.com/static/users/generalFiles/images/headSprites2x-15728c8ca7a0dae79790000efaf38d23.png');background-size:266px 96px;display:inline-block;height:24px;margin:-6px 5px -7px -5px;position:relative;width:24px;}
.genBtn-chev-l {background-position:-114px -72px;margin:-6px 2px -7px -5px;}
.genBtn-chev-r {background-position:-152px -72px;margin:-6px -5px -7px 2px;}


.asdasd {padding-right:56px;}
.asdasd2 {background:#fff;display:none;height:100%;position:relative;z-index:3;box-shadow: 0 4px 12px rgba(0,0,0,.24);}


.inline-result {border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:8px;margin-bottom:16px;position: relative}
.question-group-border {border-bottom:1px solid rgba(0,0,0,.12);}
.question-active {border:1px solid rgba(0,0,0,.08); padding: 1px; background-color: rgba(0,0,0,.02);padding-bottom: 20px}
.clusterResultBlk .question-border {border-bottom:1px solid rgba(0,0,0,.1)}
.clusterResultBlk .question-border.last-question {border-bottom:none}

.question ul { list-style: none inside; padding: 0;  }
.question-cluster-title {color: #0059BD; font-weight: bold; font-size: 19px; padding: 5px 5px 5px 5px}
.js-question-cluster h3 {font-size: 18px; border: none !important;}
.questionClusterResults {vertical-align: middle}
.questionClusterResults.selected{background-color: rgba(0,0,0,.03); border-radius: 16px;}
.questionClusterResults .js-pieSpark {cursor:pointer}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {font-weight: bold}

/* question working and self marking */
.question-working-cont {}
.working-cont {margin-top:-41px;}
.questionTabs {float: right;z-index: 1;position: relative;}
.working-cont .lesson-tabs {margin:0 0 -2px 0;height:30px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.working-cont .lesson-tabs.sel {background-color:var(--on-button-colour);color:var(--button-colour);border: 1px solid var(--button-colour);border-bottom: 1px solid #fff;}
.q-correct {color:#3179f0}
.submitted-comment {color:#3179f0;font-weight: bold;}
.working-not-complete {color:#62C0D5;font-weight: bold;padding-bottom: 10px}

.working-cont-spacer {
    display: inline-block;
    width: 70%;
}

.teacher-marking-cont{
    height:70px;
}
.marking-cont{
    margin-bottom: 20px!important;
}

.mark-given {background-color:rgba(0,0,0,.26);border:0;margin-left:1px; margin-right:0; border-radius:3px; cursor:pointer; width: 50px;height: 35px; display: inline-block; vertical-align: middle}
.mark-given.disabled {cursor:default;}
.mark-given.mark-small {width: 25px; height: 25px}
.mark-selected0 {background-color:#00a8a5;}
.mark-selected1 {background-color:#0091a8;}
.mark-selected2 {background-color:#0064a8;}
.mark-selected3 {background-color:#003da8;}
.mark-selected4 {background-color:#0024a8;}
.self-mark .mark-selected0 {background-color:#BD0000;opacity:1;}
.self-mark .mark-selected1 {background-color:#FF7400;opacity:1;}
.self-mark .mark-selected2 {background-color:#FFC607;opacity:1;}
.self-mark .mark-selected3 {background-color:#8BC34A;opacity:1;}
.self-mark .mark-given:focus-visible:not([disabled]) {
    outline: 3px solid var(--focus-on-surface);
    outline-offset: 1px;
}

.question-group-result{display: inline-block; height: 8px}
.question-group-result .unit{margin-top: 1px}
.question-group-result:hover{background: rgba(0,0,0,.8);}
.question-group-result:hover{opacity: 0.5 !important;}
.answer-title {
    color:#3179f0;
}
.self-mark .mark-text {color:#9c2932;}
.self-mark .marking-cont .mark-text:first-child{
    display:block;
    margin-bottom:8px;
    color: #9c2932;
    font-size:1.05em;
}

.marking-cont .solution-cont{
    margin-left:50px;
    margin-top: -40px;
}
.solution-cont-solo {
    padding:16px;
    margin: -9px 0 24px;
    z-index:1;
    position:relative;
    border-color: var(--input-colour)
}

.solution-cont {padding: 3px 2px; margin-top: -9px}

.emoticon-friends{
    font-size:0 !important;
    display: inline-block;
    height:24px;
    width:24px;
    position:relative;
    vertical-align:middle;
}

.sad-face{
    background: url(https://cdn.edjin.com/static/users/generalFiles/images/icons/puzzled-icon-833aa0176496bc1bad0d3d593a363151.svg) center no-repeat;
}

.happy-face{
    background: url(https://cdn.edjin.com/static/users/generalFiles/images/icons/happy-icon-d5a2fe5a0843392c96f17e95c524913a.svg) center no-repeat;
}

.help-icon {
    background: url(https://cdn.edjin.com/static/users/generalFiles/images/icons/red-flag-icon-cb75a0f13569a1278d9a77200558bff2.svg) center no-repeat;
}

.help-icon-number {color:#FFF;position:absolute;text-align:center;font-size:10px;height:16px;width:16px;line-height:16px;margin-left:1px;margin-top: 5px;z-index: 2}

.selected-confidence-score{
    color:#FF7400;
}
.confidence-slider{
    margin-left:10px;
}
.confidence-score{
    width:50%;
}

.working-cont-title{ color:var(--primary-colour); font-weight: bold; margin:0 0 0 -3px; display:inline-block;padding:0 4px 4px 4px;vertical-align: top;}
.questionWorkingDisplay{padding:3px; overflow-y:hidden; overflow-x: auto; margin-bottom: 8px;word-wrap: break-word;}
.questionWorkingDisplay mjx-math {white-space: unset}
.questionWorking, .questionDrawing {width:100%;margin-top: 1px}
.importWorking {width:100%;}
.working-border{border: 1px solid var(--button-colour);border-radius: 3px;}

.teacher-comment-sub-cont .mathquill-cont {
    margin-top: -13px;
    margin-left: -17px;
    display: inline-block;
    position: relative;
    width: 100%;
}
.importWorkingImageError {color:red; display:inline; }

.mathquill-cont {border-radius: 1px; padding: 3px; overflow: hidden; background: white; width: 100%; display: inline-block; position: relative;}
.mathquill-cont * {white-space: normal; overflow-wrap: anywhere;}
.qw-richtext-cont {border-radius:1px;padding:3px;overflow:hidden;}
.js-clear-richtext-btn{
    margin-top:-1px!important;
}
.sketch-canvas{cursor:pointer; display:inline-block;background-color:white!important;width:716px;cursor:pointer;}
.qw-import-cont{border-radius:1px;padding:6px;overflow:hidden;-moz-user-select:none;-webkit-user-select:none; -ms-user-select:none; background-color:white!important;width:100%;margin-top: 1px}
.working-cont .mce-tinymce, .teacher-comment-sub-cont .mce-tinymce{
    border:2px solid var(--primary-colour);
}
/* mathquill colors */
.mq-section{background-color: var(--button-colour)}

.js-mq-dropdown{
    background-color:var(--button-colour);
    color:var(--on-button-colour);
}

.mq-section .genBtn{
    background-color: var(--on-button-colour);
    color: var(--button-colour);
}
.mq-section .genBtnInvert{
    background-color: rgb(173,201,223);
}
.mq-section .genBtn .sel{
    background-color:rgb(173,201,223)
}

/* sketch & sketch colors */
.sketch-tools{
    display:block;
    vertical-align:top;
    margin-top:-6px;
    float:right;
}
.working-cont{
    position:relative;
    max-width: 716px;
}

/* arranging clear btns*/
.trashBtn {
    min-width: 36px!important;
    max-width: 36px!important;
    max-height:36px;
    display:block;
    margin-top:-4px;
    margin-right:0;
    position:absolute;
    right:0;
    padding: 0;
}
.trashBtn img {
    padding: 6px;
}

.allQuestionWorkingBtn{
    font-size: 15px !important;
    max-height:30px;
    min-width:30px;
    line-height:30px;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 7px !important;
    z-index: 1;
}

.resizeBtn{
    position:absolute;
    display:block;
    right:2px;
    cursor:ns-resize;
    padding:6px 6px;
    margin:-40px 0 0 0;
    background-color:#D8D8D8;
}

.resizeSketchContainer .resizeBtn{
    margin:-54px 0 0 0;
}

.working-dialog {
    position: absolute;
    z-index: 2;
    height: auto;
    margin-top: -5px;
}
/* end question working and self marking */

.question-cluster-switch {padding-right: 20px; font-weight: bold}
.question-cluster-switches {padding: 3px 0 2px 4px; margin-top: 1px;}
.appBar .question-cluster-switches {background: #212121}
.appBar .switch-title {color: white;}
.questionClusterResults .genLink {font-size: 12px;}
.notebookNotes {font-weight: bold; margin: 0 0 !important;}
.right-document-icon {float: right;}
.right-document-icon-small {float: right; display: inline-block;height: 42px !important; width:23px !important; background-size: 23px 42px !important; margin: 0 8px 0 0;}
.left-document-icon {float: left;}
.left-document-icon-small {float: left; display: inline-block;height: 42px !important; width:23px !important; background-size: 23px 42px !important; margin: 0 8px 0 0;}
.margin-document-icon {text-align: center; position: absolute; right: 0; width:110px; clear: both; margin: 10px 0 0 0; cursor: pointer;z-index: 3;}
.ch-lesson-tutorial .margin-document-icon {margin-right: -110px}
.questionClusterContent .margin-document-icon {right: -150px}
.worksheetLink {cursor:pointer;}
.margin-document-icon .worksheetLink {margin: 0 auto;}
.margin-document-icon .worksheetLink:before {content: ''}
.margin-document-icon .document-title {margin-top: 3px; font-size: 10px; line-height: normal;background-color: rgba(240, 240, 240, 0.65);border-radius: 4px;padding: 2px 2px;}
.margin-icon {height:38px;width:38px;}
.question-label-cont { display:flex;}

.reactNav .inline-questions-blk {max-width: 780px;background-color: #fff; padding-bottom: 8px}

.file-pdf-icon {background:url('https://cdn.edjin.com/static/users/generalFiles/images/icons/common/file-download-pdf-f0516bf6d3a58a9b54aa7de21396e953.svg') left no-repeat;width: 54px;height: 54px;content:"";color: transparent;}
.file-ppt-icon {background:url('https://cdn.edjin.com/static/users/generalFiles/images/icons/common/file-download-ppt-a00368af463691f1f350c3ad52407a1d.svg') left no-repeat;width: 54px;height: 54px;content:"";color: transparent;}
.file-pps-icon {background:url('https://cdn.edjin.com/static/users/generalFiles/images/icons/common/file-download-pps-e8d5bf02bc1803e72d4102b23bfc4cd6.svg') left no-repeat;width: 54px;height: 54px;content:"";color: transparent;}
.file-word-icon {background:url('https://cdn.edjin.com/static/users/generalFiles/images/icons/common/file-download-word-d4ea5abe9214b2aa000f977698d96385.svg') left no-repeat;width: 54px;height: 54px;content:"";color: transparent;}
.file-xls-icon {background:url('https://cdn.edjin.com/static/users/generalFiles/images/icons/common/file-download-xls-fd50a0cffce5fffe577798f7d64b244e.svg') left no-repeat;width: 54px;height: 54px;content:"";color: transparent;}

.margin-document-icon.file-pdf-icon, .margin-document-icon .file-ppt-icon, .margin-document-icon .file-pps-icon, .margin-document-icon .file-word-icon,.margin-document-icon .file-xls-icon {background-size: 54px 54px; background-color: rgba(240, 240, 240, 0.65); border-radius: 8px}

.checklistQuestionCriteria {font-weight: bold; float: right; display: inline-block; margin: 1px 1px}
.checklistQuestionCriteria p {margin-bottom: 0 !important; margin-top: 0 !important;}
.question-cluster-tabs .questionCategory {font-weight: bold; float: right; display: inline-block; border-radius: 4px}
.cluster-content .questionCategory {display: none !important}
.questionCategory p {margin-bottom: 0 !important; margin-top: 0 !important;}
table.checklist {width: 100%;border-collapse: collapse;border: none;}
table.checklist p {margin-top: 0 !important; margin-bottom: 0 !important;}
table.checklist td {vertical-align: top;}
table.checklist thead tr:nth-child(1) {background-color: #6e75a5 !important;color:#FFF;font-size: 0.9em;}

.question-cluster-list.quick_quiz {display: flex; justify-content: center; flex-direction: column; align-items: stretch; margin-bottom: 30px; margin-right: 40px}

.cluster-nav {transform:translateY(0);transition:transform .25s ease-in-out;will-change:transform;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9}
.cluster-nav-main {background:#e9e9e9;display: flex}
/*.cluster-sub-nav {background:#f5f5f5;border-bottom:1px solid #e9e9e9;transform:translateY(0);}*/
.cluster-sub-nav {background:#f5f5f5;transform:translateY(0);}
.cluster-nav-main, .cluster-sub-nav {position:relative;width:100%;}
.cluster-nav-head {
    height: 36px;
    width: 100%;
    background: var(--primary-colour);
    color: var(--on-primary-colour);
    position:relative;
    z-index:1;
    display:flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
}
.cluster-nav-head:hover {
    cursor: pointer;
}
.cluster-nav-head:before {
    background-color: var(--on-primary-colour);
    content: "";
    display: flex;
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    transform-origin: center;
    -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgkgPHBhdGggZD0iTTE1Ljg4IDkuMjlMMTIgMTMuMTcgOC4xMiA5LjI5Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMC0uMzkuMzktLjM5IDEuMDIgMCAxLjQxbDQuNTkgNC41OWMuMzkuMzkgMS4wMi4zOSAxLjQxIDBsNC41OS00LjU5Yy4zOS0uMzkuMzktMS4wMiAwLTEuNDEtLjM5LS4zOC0xLjAzLS4zOS0xLjQyIDB6Ii8+DQo8L3N2Zz4NCg==');
    mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgkgPHBhdGggZD0iTTE1Ljg4IDkuMjlMMTIgMTMuMTcgOC4xMiA5LjI5Yy0uMzktLjM5LTEuMDItLjM5LTEuNDEgMC0uMzkuMzktLjM5IDEuMDIgMCAxLjQxbDQuNTkgNC41OWMuMzkuMzkgMS4wMi4zOSAxLjQxIDBsNC41OS00LjU5Yy4zOS0uMzkuMzktMS4wMiAwLTEuNDEtLjM5LS4zOC0xLjAzLS4zOS0xLjQyIDB6Ii8+DQo8L3N2Zz4NCg==');
    left: 0px;
    margin-right: 4px;
}
.cluster-nav-head.ch-accordion-open:before {
    transform: rotate(180deg);
}

.cluster-nav-content {height:100%;width:100%;padding:0 8px;display:flex;align-items:stretch;justify-content: space-between; user-select:none;}
.cluster-content {padding:0px 16px 0 16px;position:relative;border:1px solid #e9e9e9;}
.cluster-nav-links {display:flex;align-items:center;justify-content: center;margin:2px 0;}
.cluster-nav .question-category-title {font-weight:bold;cursor:pointer;font-size:11px;line-height:22px;text-align: center;min-height: 26px;text-transform:capitalize;}
.cluster-nav .question-category-title.questionCategory {padding:2px 2px;margin:0 0 1px 0;border-radius:4px;}
.cluster-nav .question-category-title.questionCategory.active-category {border: 2px solid #333}
.js-questionSetNav ul {margin:3px 0 3px 0 !important;padding:0;}
.js-questionSetNav ul li {display:inline-flex;margin:1px 1px;padding:0;}
.js-questionSetNav ul li a,
.js-questionSetNav ul li button {
    background:#f5f5f5;color:#000;font-size:12px;font-weight:normal;padding:6px 8px;position:relative;
}
.js-questionSetNav a,
.js-questionSetNav button {
    cursor:pointer;
}
.js-questionSetNav .active {min-width:0;box-shadow:none;transform:none;font-weight:bold}
.js-questionSetNav [disabled] {cursor:default !important;opacity:.1;}

.cluster-sub-nav-attachBlk {display:flex; align-self: stretch}
.cluster-nav-attachBlk2 {display:flex; align-items: center}
.sub-nav-check {padding:1px 3px;display: inline-block;}
.sub-nav-check label {font-size: 10px;}
.sub-nav-options {display: flex; flex-direction: column; margin-right: 4px !important;}
.sub-nav-question-options {display: flex; flex-direction: column; margin-right: 4px !important;}
.cluster-nav label {font-size:11px;}
.nav-selectBlk {display: flex; align-self: stretch; margin-right: 4px}
.cluster-nav .outlined {padding: 2px 0}
.genLink.exercise-view-label {color: #0059bf !important;text-decoration:none;font-weight: bold;padding:2px 3px 0 0;display:block;}
.genLink.exercise-view-label:hover {color:#004799 !important;}

.outlined.gen-input {display: flex;flex-direction: column;white-space: nowrap;}
.outlined {border:1px solid #aeaeae;border-radius:4px;margin:4px 0;padding:4px 0;position:relative;}
.outlined .gen-input-label {background:#e9e9e9;font-size:10px;margin:-10px 0 0 0;padding:0 2px;position:absolute;}
.cluster-sub-nav .outlined .gen-input-label {background:#f5f5f5;}
.outlined .gen-select:after {margin:-17px 12px 0 0;}
.outlined select, .outlined label {border:0;}
.outlined select:focus {border:0;margin-bottom:0;}

label.slider-switch {padding:0 0 0 44px;position:relative;display:inline-block;line-height:18px;font-size: 10px;white-space: nowrap;}
label.slider-switch input {opacity:0;width:0;height:0;}
.slider-switch .slider {border:1px solid #aeaeae;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;height:18px;width:40px;background-color:transparent;border-radius:24px;}
.slider-switch .slider:before {position:absolute;content:"";left:3px;top:2px;height:12px;width:12px;background-color:#000;border-radius:50%;transition:.4s;}
.slider-switch .slider.disabled:before {background-color:#aeaeae}
.slider-switch input:focus+.slider {outline: 3px solid var(--focus-on-surface);outline-offset: 1px;}
.slider-switch input:checked + .slider {background-color:#0059bf;}
.slider-switch input:checked + .slider:before {background-color:#fff;transform:translateX(20px);}

.highlighted-cluster, .highlighted-cluster .cluster-sub-nav {border-color:#c9c9c9;}
.highlighted-cluster .compress {transform:translateY(-56px);}
.highlighted-cluster .noAnimate {transition:transform 0s !important;}
.highlighted-cluster .pin {position:fixed;z-index:3;}

.js-questionSetNav .question-links {display:flex;flex-direction:row;justify-content:flex-end;}
.js-questionSetNav.cluster-nav-links .genBtn {width: 28px;min-height: 28px;padding: 0;margin: 4px 2px;line-height: unset;}
.js-questionSetNav.cluster-nav-links .genBtn .material-icons {font-size: 20px;}
.js-questionSetNav .question-links button {border:1px solid rgba(0,0,0,0.12);border-radius:4px;margin-right:1px;}
.js-questionSetNav .question-links li:last-child button {margin-right:0;}
.js-questionSetNav .question-group-links {border-left:1px solid rgba(0,0,0,.24);display:inline-flex;flex-direction:column;justify-content:flex-start;margin:0; padding: 2px 2px}
.js-questionSetNav .question-group-links:last-child {border-right:1px solid rgba(0,0,0,.24);}
.js-questionSetNav .question-group-links a {text-decoration: none !important;}
.js-questionSetNav .question-group-links .active button {border-color:#444444;border-width:2px;margin-top: -2px;border-radius: 4px;}
.js-questionSetNav .question-group-links .active {background-color: #f5f5f5; color: #000}
.js-questionSetNav .question-group-links .answered {background-color:var(--secondary-colour);color:var(--on-secondary-colour);}
.js-questionSetNav .question-group-links ul {margin:0 0 0 0!important;}
.js-questionSetNav .question-group-links ul > li {margin: 1px 0 0 0!important;}
.cluster-nav-content .question-cluster-name {font-weight: bold;display: flex; align-items: center; margin: 4px 4px 4px 0;padding: 2px 3px;border: 1px solid #aeaeae;border-radius: 4px}
.cluster-content .js-submit {display:none;}
.cluster-content .question-cluster-instructions .tright span {margin: 8px 0em 0em 0em;}
.cluster-content .inline-questions .feedback-blk {background:#808080;color:#fff;}
.cluster-content .inline-questions .feedback-blk .fb-arrow {border-top-color:#686868;}
.cluster-content .question-cluster-loader .spinner {margin-top: 60px}
.cluster-content .genBtn-blk-border:after {background: none}
.cluster-content .exund, .cluster-content .exund2, .cluster-content .exund3, .cluster-content .exund4 {display: none}
.cluster-content .question-cluster-info {display: none}
table.question-cluster-info {width: 100%}

.cluster-content .js-toggleCompetencyQuestions, .cluster-content .js-questionClusterSwitches {display:none;}
.cluster-sub-nav-submitBlk {display: flex; align-items: center}
.cluster-nav-resultBlk {display: flex; align-items: center}
.icon-button {min-width: 26px;max-height: 28px;line-height: 28px;padding: 0px;margin: 4px 2px;display: block;}

#studentDialog .ui-autocomplete, #classDialog .ui-autocomplete{
    width:auto;
    height:auto;
    max-height:230px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.box-knowledge_check {cursor: pointer;}

.ch-lesson-template div.box-knowledge_check {
    margin: 2em 0em 3em 3em;
    padding: 0.3em 2em 1em 8em;
    /*background-color:#e4d79c;*/
    cursor:pointer;

}
.ch-lesson-template div.box-knowledge_check h1.heading
{
    color:#204e66;
    font-size: 140%;
    text-align:left;
    font-weight:bold;
}
.ch-lesson-template div.box-knowledge_check h1.heading:before
{
    content: url(https://cdn.edjin.com/static/users/branding/seniorMathsIntegrated/img/head-ff550c3c3d88bb121f5be755c50fbadf.png);
    position: absolute;
    z-index: 1;
    margin: 0em 0em 0em -5em;
    padding: 0em 0em 0em 0;
}

.teacher_notes_content {display: none;}
#teacherNotesDialog .teacher_notes_content {display: unset}

.galleria-info .galleria-title,
.galleria-info .galleria-info-description {
    width: 100% !important;
    margin: 10px 10px !important;
    padding: 0 !important;
}