.navbar.sticky{z-index: 9999; background: rgb(248 244 240 / 34%);border-radius: 23px; padding: 4px;}
.back-to-assess.sticky, .baseline-action-holder.sticky{z-index: 1000; background: none; border-radius: 23px; padding: 4px; top: 60px;}
svg > g > g:last-child { pointer-events: none; }

div.clearme {
clear: both;
}
.ui-button:focus { outline:none !important }
.footer {
margin-top: 0;
}

.has-click:hover {
cursor: pointer;
}

ul, li {list-style-type: none;margin: 0;padding: 0;text-indent: 0;}
.fixed_header{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  height: 700px;
}
.baseline-selected-tag-holder{position: absolute; top:2px; right: 2px; width: auto; padding: 2px 5px; color: #222 !important; white-space: nowrap; background: rgba(255, 255, 255, 0.79); border-radius: 12px; font-size: 15px; text-align: right;}
.fixed_header thead tr {
   display: block;
}
.btn.disabled{ text-decoration: line-through;}
.btn.close-settings {padding-left: 23px; background: none; color: #fff; font-size: 29px; position: absolute; right: 8px; top: 6px; z-index: 9999; height: 36px; width: 36px; }
.btn.close-settings:hover{background: rgba(136, 136, 136, 0.38);}
.close-settings i { color: #2d2d2d; ; height: 36px !important; width: 36px !important;}
#litebox-data-exporter .config-all-pupils{display: none;}
div.export-config-holder{text-align: left; float:left; border: 2px solid #fff; padding: 12px; min-width: 290px; margin-bottom: 10px;border-radius: 20px;}
div.export-config-holder span{font-size: 15px;}
nav.data-export-options a.btn.btn-flat {background-color: #fefefe; border-radius: 8px; color: #0d0d0e; border: 1px solid #0A246A;}
nav.data-export-options a.btn.btn-flat.selected {background-color: #85C6A1;  color: #ffffff; }
div.export-config-holder label{font-size: 17px; text-align: center; min-width: 35px;}
div.export-config-holder.data-box label{ text-align: left; }
section.config-export-mode{float:left; padding: 12px; width: 100%; margin-bottom: 10px;}
section.config-export-mode.individual-pupils-section, section.config-export-mode.individual-pupils-section div.export-config-holder{ border: 2px solid #fff;border-radius: 20px;}
section.config-export-mode.all-pupils-section, section.config-export-mode.all-pupils-section div.export-config-holder{ border: 2px solid #fff; border-radius: 20px;}
.all-pupils-section {}
.rnggg { color: #DCE6F1;}

 
div.assess-all-option-popup{position: fixed; padding: 5px 25px; left: 30%; top: 40%; width: 40%; height: 180px; background: #fff; border: solid 2px black; z-index: 9999; text-align: center;}
.btn.btn-black{ background: black; color: white;}
.inner .closeX a.print-pdf-layers {background: #85C6A1; color: #ffffff;}
 
.dropdown-assessment {
display: inline-block;
position: relative;
}

/* The Modal (background) */
.pdf-modal {
background-color: rgb(0, 0, 0); /* Fallback color */
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
display: none; /* Hidden by default */
height: 100%; /* Full height */
left: 0;
overflow: auto; /* Enable scroll if needed */
position: fixed; /* Stay in place */
top: 0;
width: 100%; /* Full width */
z-index: 99999; /* Sit on top */
}

/* Modal Content/Box */
.pdf-modal-content {
background-color: #fff;
  border-radius: 15px;
  padding: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
margin: 15% auto; /* 15% from the top and centered */
width: 640px; /* Could be more or less, depending on screen size */
position: relative;
}
.pdf-modal-content.baseline-fix-popup {background-color: #fff; border-radius: 20px;}
.pdf-modal-content.baseline-fix-popup h2{font-size: 21px;}
.pdf-modal-content.baseline-fix-popup p{color: #2d2d2d; font-size: 17px;}
.pdf-modal-content h2, .pdf-modal-content h3{color: #2d2d2d;}
.pdf-modal-content.white-text {color: #2d2d2d;}

.pdf-modal-content.grade-key { width: 480px;}

.pdf-modal-content.grade-key.fullwidth { overflow: scroll; width: 100%;}

div.steps-key-guide-info a {color: #F8A185; font-size: 3.33em;}

div.steps-key-guide-info a:hover {color: #F8A185;}
a.delete-me{color: #ffffff;}
/* The Close Button */
.pdf-close {
background: transparent url('../../icons/icon-close.svg') no-repeat center / 36px;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: -9999em;
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px; 
  cursor: pointer;
  z-index: 100;
}


.open-pdf-button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
display: inline-block;
font-size: 16px;
padding: 15px 32px;
text-align: center;
text-decoration: none;
}

.dropdown-assessment-content, .dropdown-assessment-report-clear-content {
background-color: #fff; 
display: none;
min-width: 300px;
padding: 15px 15px 15px 12px;
position: absolute;
z-index: 91051;
right: 10px;
top: 46px;
    height: fit-content; max-height: 720px; overflow-y: auto;
border-radius: 20px;
border: none;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
 div.clearme {clear: both;}
.ears-list {
    color: #2d2d2d;
}

p.clear-report-title{color: #2d2d2d; font-size: 1em; line-height: normal; text-transform: none;}
button.report-clear-text, button.report-clear-record-image{ width: 100%;}
.dropdown-assessment:hover .dropdown-assessment-content {
display: block;
}








.hidden.leveler {
display: block !important;
opacity: 0;
transition: visibility 0s 2s, opacity 2s linear;
}

.visible {
opacity: 1;
transition: opacity 2s linear;
visibility: visible;
}

.back-to-help-menu { float: left;}

div.assess-help-menu h3 { left: auto;
  margin-top: 0;
  position: relative;
  right: auto;
  text-align: center;
  top: auto;}

div.assess-help-menu ul li { border: 3px solid #DFDFDF;
  font-size: 1.2em;
  margin-bottom: 5px;
  text-align: center;
  width: 100%;
  border-radius: 12px;
  padding: 10px !important;
  min-width: 500px;}

div.assess-help-menu ul li:hover { background-color: #F8A185; cursor: pointer;}

div.assess-help-menu ul li a {
    color: #2d2d2d !important;
    text-decoration: none;
}
.loading{top: 60px;}
.loading-progress-leveler { background: rgba(109, 109, 109, 0.85) none repeat scroll 0 0; bottom: 0; height: 50px; left: 0; position: fixed; right: 0; width: 100%; z-index: 1099;}

.progress-bar.leveler {
background: #F7BDCB none repeat scroll 0 0;
border-color: #F7BDCB;
height: 20px;
}

.progress-bar-leveler { background: #F7BDCB  none repeat scroll 0 0; border-color: #F7BDCB; height: 60px; }

.pupil-msg { color: #fff; font-size: 2em; left: 33%; position: absolute; right: 33%; text-align: center; top: 15px; z-index: 2000; }

.loading.media {position: absolute;}
.loading-spinner { background: rgba(221,221,221, 0.001) url('../../icons/icon-loader-animated.gif') no-repeat center / 100px;}
.assessment-form-block {
background-color: #EEE;
border: 1px solid #DFDFDF;
color: #618d5e;
display: inline-block;
float: left;
height: auto;
margin: 5px 10px 10px 10px;
padding: 8px;
width: 400px;
}

.score-translation-form-block li { display: inline-block;}

.asteriskField {
display: none;
}

.form-group {display: inline-block;}

.assessment-form-block textarea {
height: 80px;
}

.assessment-form-block input {
float: left;
}

#assessment-form .assessment-form-block li:first-child {

margin-bottom: 10px;

}

.delete-assement-cb {
float: left;
}

#assessment-form .delete-assement-cb input {
float: left;
width: 18px;
}

.edit-assement-btn {
/*float: right;*/
}

.assessment-submit {
margin-bottom: 30px;
margin-top: 20px;
}

/* end framework_model/manage */

/*framework assessment list view */
.framework_nav .framework_nav_2 {
clear: both;
margin-left: 10px;
padding-top: 18px;
width: 90%;
}

.framework_nav ul, .framework_nav_2 ul {
padding-left: 10px;
}

ul.assessment-matrices {
margin-left: 33%;
margin-right: 33%;
text-align: center;
width: auto;
}

ul.assessment-matrices li {
background-color: white;
color: #444;
float: left;
 
height: 50px;
width: 200px;
}

ul.assessment-matrices li:hover {
background-color: #BFDFF6;
cursor: pointer;
}

/** framework_module selection **/

.framework_nav ul li ul, .framework_nav_2 ul li ul {
float: right;
margin-left: 5%;
overflow: auto;
padding: 0 !important;
width: 95%;
}

.framework_nav ul li ul li ul, .framework_nav_2 ul li ul li ul {
float: right;
margin-left: 5%;
overflow: visible;
padding: 0 !important;
width: 95%;
}

.framework_nav ul li ul li ul.gran-5-menu, .framework_nav_2 ul li ul li ul.gran-5-menu {
float: right;
margin-left: -5%;
overflow: visible;
padding: 0 !important;
width: 105%;
}

.framework-mod-row ul li {
display: block;
float: left;
width: 100%;
}

.framework-mod-row ul.gran-5-menu li {
display: block;
float: left;
width: 16.66666%;
}

.framework-mod-row ul label input[type=checkbox] {
display: none;
visibility: hidden;
}

.framework-mod-row ul label { 
  cursor: pointer;
  display: block;
  height: auto;
  line-height: 1.5em;
  margin: 0 0 5px;
  padding: 13px 10px 13px 45px !important;
  text-align: left;
  width: 100%;
    border-radius: 5px;
}

.framework-mod-row ul label.next_steps {padding: 8px;}
.framework-mod-row ul label.statement { display: inline-block; height: 60px; width: 80%; clear: left;}
.framework-mod-row ul label.evidence-link-statement.statement span { background-color: #666666;border-radius: 6px;color: #efefef;padding: 8px;-ms-transform: translate(9px, 9px); -webkit-transform: translate(9px, 9px); transform: translate(9px, 9px);}
.framework-mod-row ul label.next_steps, .framework-mod-row ul label.next_steps-evidenced {border: 1px solid #DFDFDF; display: inline-block; font-size: 0.8em; margin-left: 4px; 
  padding:
36px 5px 0 !important;
  text-align: center;white-space: nowrap; width: 9.9%; line-height: 1.1em;}
.framework-mod-row ul label.next_steps {white-space: normal;}
.framework-mod-row ul label.picked-tag.statement.no-evidence {width: 90.5%;}

.framework-mod-row ul label {
background-color: #eeeeee;
}

.framework-mod-row ul label:hover {
    box-shadow: inset 2px 2px 10px rgba(0,0,0,0.08);
}

.framework-mod-row {
    overflow: hidden;
}

.framework-mod-row ul li ul label {
background-color: #eeeeee;
}
.framework-mod-row ul li label{vertical-align: top;}
.framework-mod-row ul li ul li ul label {
background-color: #eeeeee; vertical-align: top;
}

.framework-mod-row span.custom-detail {
font-size: 10px; 
}

/* .framework_nav gran-5 picker select/hover - to gran-4*/
li.gran-1 label:hover, li.gran-1 label.selected {
background: #BFDFF6 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

li.gran-2 label:hover, li.gran-2 label.selected {
background: #AAAAAA url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

li.gran-3 label:hover, li.gran-3 label.selected {
background: #F7BDCB url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}
 
li.gran-4 label:hover, li.gran-4 label.selected {
background: #ABC3E5 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}
 
li.gran-5 label:hover, li.gran-5 label.selected {
background: #c3b495 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

li.gran-6 label:hover, li.gran-6 label.selected {
background: #F9CA87 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

.framework-mod-row .grade-picker-loader.mod-lev-5  {
  background-image: none !important;
}



li label.selected.next_steps {
background: #82C99D url(../../icons/icon-tick-large.svg) no-repeat 50% 10px / 26px;
color: #fff;
}

li label.selected.next_steps:hover, li label.next_steps:hover {
background: #82C99D url(../../icons/icon-tick-large.svg) no-repeat 50% 10px / 26px;
color: #fff;
}
/*
li.gran-4 label.selected:hover {
background: #BFDFF6 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

li.gran-5 label.selected:hover {
background: #DFDFDF url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}
*/

li.gran-5 label.next_steps.selected:hover {
background: #DFDFDF url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

li.gran-6 label.next_steps.selected:hover {
background: #DFDFDF url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

li.gran-7 label.next_steps.selected:hover {
background: #F7BDCB url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-5-0 label:hover, ul.up-hill-nav li.gran-5-0 label.selected {
background: #FBC1B3 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-5-1 label:hover, ul.up-hill-nav li.gran-5-1 label.selected {
background: #F9CA87 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-5-2 label:hover, ul.up-hill-nav li.gran-5-2 label.selected {
background:  #D4E5A1 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-5-3 label:hover, ul.up-hill-nav li.gran-5-3 label.selected {
background: #82C99D url(../../icons/icon-tick-large.svg) no-repeat 50% 20% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-5-4 label:hover, ul.up-hill-nav li.gran-5-4 label.selected {
background: #ABC3E5 url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-5-5 label:hover, ul.up-hill-nav li.gran-5-5 label.selected {
background: #C9B8DA url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-6-6 label:hover, ul.up-hill-nav li.gran-6-6 label.selected {
background: #C9B8DA url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}

ul.up-hill-nav li.gran-7-7 label:hover, ul.up-hill-nav li.gran-7-7 label.selected {
background: #C9B8DA url(../../icons/icon-tick-large.svg) no-repeat 10px 50% / 26px;
color: #fff;
}



.loz-archived {background-color: #454545;}
.framework-mod-row ul label.next_steps-evidenced:hover {background-color: #D9F1FD; cursor: default;}
span.evidence-count { color: #2d2d2d; display: inline-block; float: right; padding-right: 12px;}


/* violet #cc99ff */
/* end of .framework_nav gran-5 picker select/hover - to gran-4*/

li.gran-3 label, li.gran-4 label, li.gran-5 label, li.gran-6 label, li.gran-7 label {
text-transform: none;
}





.edit-tag-detail {
background-color: #b4b8b9;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
float: right;
height: 20px;
margin-right: 3px;
margin-top: -25px;
padding-left: 4px;
width: 20px;
}

.edit-tag-detail:hover {
color: #fff;
cursor: pointer;
}

.form-default input.assessment_input {
width: 90%;
}

/* leveling style */
.top-info-bar {
position: relative;

width: 100%;

}

#div-gran-3 ul li span.arrow-toggle, #expectations-div-gran-2 ul li span.arrow-toggle, #tracker-div-gran-2 ul li span.arrow-toggle {
bottom: auto;
line-height: normal;
position: absolute;
right: 0;

}

span.baseline-planner { 
  background: rgba(0, 0, 0, 0) url(../../icons/icon-edit-w.svg) center no-repeat; 
  background-size: contain;
  display: inline-block;
  height: 24px;
  width: 24px;
}

#pupil-custom-detail-holder-leveler ul li.open-lesson-plan span.baseline-planner { margin-left: 30px; padding: 8px;}

#pupil-custom-detail-holder-leveler ul li.open-lesson-plan { background-color: #1d83d2; -moz-border-radius: 8px; -webkit-border-radius: 8px;
border-radius: 8px; color: #ffffff;
display: inline-block; height: 105px; margin-left: 15px; width: 120px;}

#pupil-custom-detail-holder-leveler ul li.open-lesson-plan:hover { background-color: #57b1e5; color: #ffffff; }

#div-gran-3 ul li span.baseline-planner, #expectations-div-gran-2 ul li span.baseline-planner, #tracker-div-gran-2 ul li span.baseline-planner {
color: #010101;
font-size: 2em;
  position: absolute;
  right: 9px;
  bottom: 4px;

}


#div-gran-3 ul li#al_menu_subject span.baseline-planner {display: inline-block; float: right; position: relative;}

#div-gran-3 ul li span.baseline-planner:hover, #expectations-div-gran-2 ul li span.baseline-planner:hover, #tracker-div-gran-2 ul li span.baseline-planner:hover {color: #fff; cursor: pointer;}

#div-gran-3 ul li span.arrow-toggle i, #expectations-div-gran-2 ul li span.arrow-toggle i {
color: #fff;
font-size: 20px;
}

.level-score-mode-div {
color: #2d2d2d;
}

.assessment-framework-main-selectors {
position: absolute;
right: 6px;
top: 5px;
}

.meta_explanation {
background-color: white;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: inline-block;
float: right;
height: 16px;
position: absolute;
right: 2px;
text-align: center;
top: 2px;
width: 16px;
}

li.step-0 {
position: relative;
}

.edit-levels {
bottom: 2px;
position: absolute;
right: 2px;
}

div.level-key-box.assess-steps-key-holder { background-color: #ffffff; position: relative;}

.last-grade-info { color: #2d2d2d; font-size: 10px; position: absolute; right: -8px; top: -12px;}

ul#klasses, ul#tracker-klasses, ul#klasses, ul#expectations-klasses, ul#assessment_year_select, ul#assessment_subject_select {
/*padding: 0 0 4px;*/
}

ul#klasses li, ul#tracker-klasses li, ul#tracker-assessment_year_select li, ul#assessment_year_select li, ul#assessment_subject_select li, ul#tracker-assessment_subject_select li,
ul#expectations-klasses li, ul#expectations-assessment_year_select li, ul#expectations-assessment_subject_select li {
background-color: transparent;
cursor: pointer;
font-size: 15px;
height: auto;
min-width: 120px;
width: auto;
}

ul#klasses li:first-child, ul#assessment_year_select li:first-child {
cursor: default;
}

div#breadcrumb_assessment {
float: left;
position: relative;
width: 100%;
}

ul#assessment_breadcrumbs li, ul#assessment_tracker_breadcrumbs li, ul#assessment_expectations_breadcrumbs li {
background-color: #85C6A1;
color: #222;
cursor: pointer;
float: left;
min-width: 20px;
padding: 5px;
}

ul#assessment_breadcrumbs li:hover, ul#assessment_tracker_breadcrumbs li:hover, ul#assessment_expectations_breadcrumbs li:hover {
background-color: #85C6A1;
}

#tracker-assessment-left-box, #expectations-assessment-left-box, #assessment-left-box {
clear: both;
display: inline-block;
height: 100%;
margin-bottom: 30px;
margin-left: 0px;
margin-top: -2px;
overflow: visible;
overflow-x: auto; 
width: 100%;
    border: #dfdfdf 4px solid;
    border-radius: 20px;
    padding: 10px;
}

div.assessment-welcome-holder, .assessment-welcome-holder-single-pupils-holder {
align-items: center;
background: rgba(2, 2, 1, 0.0) none repeat scroll 0 0;
bottom: 0;
color: #fff;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
left: 0;
margin: 0;
padding: 0;
position: fixed;
right: 0;
text-align: center;
top: 0px;
vertical-align: middle;
width: auto;
z-index: 10099;
}
.choose-data-box label{display: inline-block; width: auto;}
div.layered-quik-msg {display: inline-block; float: right; min-width: 475px; padding: 4px; }

.framework-finder div.layered-quik-msg { float: none; padding-left: 40px; width: 100%;}

div.pdf-modal-content div.layered-quik-msg {max-width: 100%;}

div.layered-quik-msg span, div.layered-quik-msg p { color: #2d2d2d; }

div.layered-quik-msg p { font-size: 17px; }

div.assessment-welcome-assess { overflow-y: auto;}

div.please-select-clsss { color: #CECECE; font-size: 21px;   text-align: center;}

div.assessment-welcome-assess {
background-color: #fff;
border-radius: 20px; 
color: #2d2d2d;
height: auto;
margin: auto; /* Magic! */
margin: 10px;
max-width: 720px;
padding: 30px; 
width: auto;
position: relative;
}

div.assessment-welcome-assess h3 { font-size: 21px; text-align: left;padding-bottom: 15px;}

div.assessment-welcome-assess h4 { font-size: 19px; text-align: left;padding-bottom: 10px;}

div.assessment-welcome-assess p { font-size: 15px; text-align: left;}

div.assessment-welcome { border-radius: 20px;background: #fff; color: #2d2d2d; display: block;height: auto;left: 30%;padding: 15px;position: fixed;right: 33%;text-align: center;top: 45%;vertical-align: middle;width: auto;z-index: 1099;
}

div.clickable-away {background: #bbb; bottom: 0; left: 0; position: fixed; top: 0px; width: 100%; z-index: 9004;max-width: 800px;
-webkit-box-shadow: 11px 0px 18px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 11px 0px 18px 0px rgba(0,0,0,0.2);
  box-shadow: 11px 0px 18px 0px rgba(0,0,0,0.2);}

div.assessment-welcome.custom-detail { display: block; height: 200px; }
 

div.assessment-welcome h3 { font-size: 26px;  color: #2d2d2d;}

div.assessment-welcome h4 {font-size: 22px;   color: #2d2d2d;}

div.assessment-welcome p { font-size: 1.2em; text-align: center;  color: #2d2d2d;}

div.assessment-welcome span {font-size: 1.5em;}

#tracker-div-gran-2 ul li span, #tracker-report-div-gran-2 ul li span, #tracker-export-div-gran-2 ul li span {
display: inline-block;
float: left;
}

#expectations-div-gran-2 ul li span, #expectations-report-div-gran-2 ul li span, #expectations-export-div-gran-2 ul li span {
display: inline-block;
float: left;
}

li div.meta-data-detail {clear: both; font-size: 14px; padding-left: 10px; width: 95%; }

#div-gran-3 ul li span.casc-lock-btn, #div-gran-3 ul li span.casc-unlock-btn { float: right;}

#div-gran-3 ul li span, #expectations-div-gran-2 ul li span {
display: inline-block;
float: left;
color: #2d2d2d !important;
}

#div-gran-3 ul li div p span { display: inline; float: none;}

#div-gran-3 ul li, span.term-ref1, #expectations-div-gran-2 ul li { 
display: inline; float: none;
}

span.term-refPINK {
color: #FF339F; display: inline; float: none;
}

span.term-refYELLOW {
color: #FFE633; display: inline; float: none;
}

span.term-refBLUE {
color: #2278f2; display: inline; float: none;
}

span.term-refGREEN {
color: #06950D;
}

span.term-refPURPLE {
color: #8b47bc;
}

span.term-refORANGE {
color: #c6731d;
}

/* LIGHT BLUE, DARK BLUE, LIGHT GREEN, DARK GREEN */
span.term-refLightBlue {
color: #87caff;
}

span.term-refDarkBlue {
color: #2b57a5;
}

span.term-refLightGreen {
color: #9fff98;
}

span.term-refDarkGreen {
color: #047a24;
}
span.term-refCYAN {
color: #05f0f5;
}
#leveling_nav ul li {
background-color: #ffffff;
border-top: 1px solid #000;
clear: both;
display: block;
height: 50px;
width: 95%;
}

/*span.mod-lev-3{  height: 3em; width: 150px; }*/
span.mod-lev-3:hover {
background-color: #BFDFF6;
color: #fff;
cursor: pointer;
}

#div-gran-3 ul li, #div-gran-4 ul li, #tracker-div-gran-2 ul li, #tracker-report-div-gran-2 ul li, #tracker-export-div-gran-2 ul li, #expectations-div-gran-2 ul li {
  
display: block;
height: 91px;
line-height: normal;
min-width: 80px;
overflow: hidden;
padding-left: 5px;
position: relative;
text-transform: none;
white-space: normal;
margin-bottom:10px;
/* cursor: pointer; */
}

#div-gran-3 ul li.no-allow-custom-tags, #expectations-div-gran-2 ul li.no-allow-custom-tags {
align-items: center; /* Vertical center alignment */
display: flex;
justify-content: left; /* Horizontal center alignment */
}

.gran-li-div {
height: 100%;
width: 100%;
}

.gran-custom-tags {
color: #fff;
display: block;
height: 100%;
line-height: 20px;
min-width: 80px;
padding-left: 5px;
position: relative;
text-transform: none;
white-space: normal;
/*    cursor: pointer;*/
}

.page-section-snapshot ul li.gran-3, .page-section-snapshot ul li.gran-4, .page-section-snapshot ul li.gran-5{ padding: 5px;}
/*assessment grid style for cascading li under the subjects*/
#div-gran-3 ul li.gran-3, #expectations-div-gran-2 ul li.gran-3, #tracker-div-gran-2 ul li.gran-3, td.gran-level-3 {
background-color: #F7BDCB !important;
color: #ffffff !important;
line-height: normal;
margin-left: 20px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td.gran-level-3 {
background-color: #F7BDCB;
}

#div-gran-3 ul li.gran-4, #expectations-div-gran-2 ul li.gran-4, #tracker-div-gran-2 ul li.gran-4, td.gran-level-4 {
background-color: #ABC3E5 !important;
color: #ffffff !important;
line-height: normal;
margin-left: 30px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td.gran-level-4 {
background-color: #ABC3E5;
}

#div-gran-3 ul li.gran-5, #expectations-div-gran-2 ul li.gran-5, #tracker-div-gran-2 ul li.gran-5, td.gran-level-5 {
background-color: #c3b495 !important;
color: #ffffff !important;
line-height: normal;
margin-left: 40px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td.gran-level-5 {
background-color: #c3b495;
}

#div-gran-3 ul li.gran-6, #expectations-div-gran-2 ul li.gran-6, #tracker-div-gran-2 ul li.gran-6, td.gran-level-6 {
background-color: #ffd996 !important;
color: #000000 !important;
line-height: normal;
margin-left: 50px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td.gran-level-6 {
background-color: #ffd996;
}

li.step-0 {
background-color: #ffffff;
}

li.gran-3 ul li.step-0:first-child {
background-color: #fbd8ff !important;
}

li.gran-4 ul li.step-0:first-child {
background-color: #cbeaff !important;
}

li.gran-5 ul li.step-0:first-child {
background-color: #dbcbb7 !important;
}

li.gran-6 ul li.step-0:first-child {
background-color: #fff9f0 !important;
}

#div-gran-3 p.meta-data, #expectations-div-gran-2 p.meta-data {
margin-top: 4px;
}

#div-gran-3 li.small-text.statement p.meta-data, #expectations-div-gran-2 p.meta-data {
font-size: 0.85em; line-height: normal;
}

#div-gran-3 li.small-text p.meta-data {
font-size: 0.95em;  line-height: 0.94em;
}

#div-gran-3 li.large-text p.meta-data {
font-size: 1.1em; line-height: normal;
}

#div-gran-3 .mod-lev-2 p.meta-data {font-size: 0.95em;   line-height: normal;}

#div-gran-3 .mod-lev-3 p.meta-data, #div-gran-3 .mod-lev-4 p.meta-data, #div-gran-3 .mod-lev-5 p.meta-data {font-size: 0.82em;  line-height: normal;}

#div-gran-3 .mod-lev-6 p.meta-data {font-size: 0.82em;  line-height: 0.98em;}

.max-lines, #div-gran-3 li.small-text.statement p.meta-data {
display: block; /* or inline-block */

line-height: 1.1em;
max-height: 3.6em;
overflow: hidden;

text-overflow: ellipsis;
word-wrap: break-word;
}

#div-gran-3 ul li.last-gran-2-row {
height: 30px !important; background-color: transparent !important;
}

li.alias-pointer:hover {
background-color: #498ecc !important;
cursor: pointer;
}

span.arrow-toggle.arrow-down:hover {
border-top: 20px solid #BFDFF6;
/*background-color: #BFDFF6;*/
cursor: pointer;
}

span.arrow-toggle.arrow-up:hover {
border-bottom: 20px solid #BFDFF6;
/*background-color: #BFDFF6;*/
cursor: pointer;
}

.gran-li-div:hover {
background-color: #BFDFF6;
cursor: pointer;
}

.drop-menu-btn:hover {
color: #BFDFF6;
cursor: pointer;
}

li.gran-3 {
/*cursor:pointer;*/
}

/*cursor pointer for grid 5 - 6  depends on framework number of levels*/
#div-gran-3 ul li.gran-5:hover, #div-gran-3 ul li.gran-6:hover {
cursor: auto;
}

li.no-pointer:hover, a.no-pointer:hover {
cursor: default !important;
}

.alias-pointer:hover {
/*cursor: alias !important;*/
}

.xls-test {background: #E5EBEE; background-color: #f4c928; color: #DCE6F1; color: #fdf5af;}

.tttt3 {background-color: #BEEEEE; color: #4d82ad;}

.help-pointer:hover {
cursor: help !important;
}

li.allow-custom-tags:hover {
cursor: default !important;
}

#tracker-div-gran-2 ul li:first-child, #tracker-report-div-gran-2 ul li:first-child, #tracker-export-div-gran-2 ul li:first-child, #div-gran-3 ul li:first-child, 
#div-gran-4 ul li:first-child, #expectations-div-gran-2 ul li:first-child, #expectations-report-div-gran-2 ul li:first-child, 
#expectations-export-div-gran-2 ul li:first-child {
height: 159px;
}

#tracker-div-gran-2 ul li.report-enabled:first-child, #tracker-report-div-gran-2 ul li.report-enabled:first-child, #div-gran-3 ul li.report-enabled:first-child, 
#div-gran-4 ul li.report-enabled:first-child, #tracker-pupil-nav ul li.pupil-avatar-name.report-enabled {
height: 200px;
}

#div-gran-3 ul li:first-child { height: 119px;
padding: 10px; }

#tracker-div-gran-2 ul li:nth-child(2), #tracker-report-div-gran-2 ul li:nth-child(2), #tracker-export-div-gran-2 ul li:nth-child(2), 
#div-gran-3 ul li:nth-child(2), #div-gran-4 ul li:nth-child(2), #expectations-div-gran-2 ul li:nth-child(2), #expectations-report-div-gran-2 ul li:nth-child(2), 
#expectations-export-div-gran-2 ul li:nth-child(2) {
height: 68px;
line-height: 40px;
}
#tracker-div-gran-2 ul li:nth-child(2){height: 40px;}
body.high-contrast #tracker-pupil-nav ul li.pupil-tracker-header ul li{color: #fff;}
#tracker-div-gran-2 > ul li:nth-child(2) > span, #tracker-report-div-gran-2 > ul li:nth-child(2) > span, #tracker-export-div-gran-2 > ul li:nth-child(2) > span,
#div-gran-3 > ul li:nth-child(2) span, #div-gran-4 > ul li:nth-child(2) > span, #expectations-div-gran-2 > ul li:nth-child(2) > span, 
#expectations-report-div-gran-2 > ul li:nth-child(2) > span, #expectations-export-div-gran-2 > ul li:nth-child(2) > span {
font-size: 1.1em;
padding-left: 0px;
}

#div-gran-3 > ul li:nth-child(2) span.pupil-year-group, #tracker-div-gran-2 > ul li:nth-child(2) > span.pupil-year-group { color: #2d2d2d;  }

#div-gran-3 div.steps-key, #tracker-div-gran-2 div.steps-key, #expectations-div-gran-2 div.steps-key {
display: inline-block;
float: left;
height: 100%;
line-height: 20px; 
text-align: center;
white-space: normal;
width: 100%;
padding: 0;
overflow-y: auto;
}

#div-gran-3 > ul li:nth-child(2) span.expand-assess-grid:hover { color: #59b7ee; cursor: pointer;}

#div-gran-3 > ul li:nth-child(2) span.expand-assess-grid .glyphicon.glyphicon-collapse-up,
#tracker-div-gran-2 > ul li:nth-child(2) span.expand-tracking-grid .glyphicon.glyphicon-collapse-up { color: #55e17d;}

div.current-year-key {color: rgba(255, 255, 255, 0.7);display: inline-block;font-size: 27px; height: auto;padding-right: 8px;position: absolute;right: 10px;text-align: center;top: 80px;width: auto;}

div.current-year-key .report, div.current-year-key .tracker-export, div.current-year-key .expectations-export {font-size: 40px; width: 295px;}

div.current-year-key { white-space: nowrap; width: auto;}

div.current-year-key .assess-date-box {
font-size: 15px;
padding-top: 6px;
text-align: center;
width: auto;
}

div.steps-key-help { color: rgba(29, 131, 210, 0.70); font-size: 1.5em; position: absolute; right: 4px; top: 3px; z-index: 99;}

div.steps-key-help:hover { color: rgba(29, 131, 210, 0.95); cursor: pointer;}

a.steps-key-help.analyse {background-color: #dddddd; border-radius: 5px; bottom: auto; color: #ffffff; margin-right: 8px; padding-left: 6px; width: auto; }

a.steps-key-help.analyse span {font-size: 15px;  text-transform: uppercase; }

div.steps-key-help.analyse i { color: rgba(29, 131, 210, 0.70); font-size: 1.7em; margin-top: 0;
-ms-transform: translate(0px, 4px);
-webkit-transform: translate(0px, 4px);
transform: translate(0px, 4px);
}


#assessment-left-box ul.list-gran-2 li {
  overflow-y: scroll;
}

span.analyse-header { font-size: 1.3rem;  }

#step-key-info-popup { display: none; }

.steps-key .no-pointer {
  min-width: 85px !important;
  text-align: left !important;
  justify-content: start;
}

div.assess-all-show img {border-radius: 12px; height: 24px; overflow: hidden; width: 24px;}

.level-key-box.assess-steps-key-holder ul {display: inline-block; margin-right: 3%; text-align: left; vertical-align: top; width: 95%;}

.level-key-box.assess-steps-key-holder ul li.key-row { background-color: #fff; font-size: 15px; padding: 8px; text-align: left;}

.level-key-box.assess-steps-key-holder ul li span.percent-score { float: right; font-size: 15px;  }

div.current-year-key.tracker-export { /*color: #538DD5;*/ color: rgba(255, 255, 255, 0.8); }

#div-gran-3 ul.steps-key, #tracker-div-gran-2 ul.steps-key { 
  display: inline; 
  float: left; 
  height: auto;  
  white-space: nowrap; 
  width: 100%; 
  justify-content: start;   
  padding: 5px 0 !important;
}

 

#div-gran-3 ul.steps-key li, #tracker-div-gran-2 ul.steps-key li, #expectations-div-gran-2 ul.steps-key li {
border: none; color: #2d2d2d; display: flex; float: left; font-size: 14px; height: auto; line-height: 16px !important; 
margin-bottom: 2px; margin-right: 5px; max-width: 100%; min-width: 15px; overflow: visible; text-align: left; white-space: nowrap;
flex-direction: row-reverse;width: auto !important;padding: 0;
}

#div-gran-3 .steps-key h3, #tracker-div-gran-2 .steps-key h3, #expectations-div-gran-2 .steps-key h3 { font-size:0.95rem;   line-height: 19px; margin: -1px 2px 3px 5px; text-align: left;
margin: 5px 0 0px 5px; float: left;
  clear: both;}

 

#div-gran-3 ul.steps-key li span, #tracker-div-gran-2 ul.steps-key li span, #expectations-div-gran-2 ul.steps-key li span {
height: 11px;
margin-right: 3px;
min-width: 15px;
overflow: hidden;
padding-left: 0;
width: 100%;
  width: 16px;
  height: 16px;
  border-radius: 10px;
}
 

#div-gran-3 ul.steps-key li span.step-label, #tracker-div-gran-2 ul.steps-key li span.step-label, #expectations-div-gran-2 ul.steps-key li span.step-label { 
  font-size: 0.7rem; 
  height: 20px; 
  line-height: 14px; 
  overflow: visible; 
  width: auto;
  padding: 1px 10px 0 4px;
}

#fixed-pupil-header-div, #tracker-fixed-pupil-header-div, #expectations-fixed-pupil-header-div, #fixed-pupil-header-div-export {height: 50px;overflow-y: hidden;position: fixed;right: 0;top: -1000px;z-index: 1021;margin-top: 25px;}
#fixed-pupil-header-div.relative, #tracker-fixed-pupil-header-div.relative, #expectations-fixed-pupil-header-div.relative{ position: sticky; height: 48px; top: 76px;overflow-y: visible; overflow-x: scroll; width: 100%; z-index: 999; padding-left: 10px;margin-top: 0;}
#fixed-pupil-header-div span, #tracker-fixed-pupil-header-div span, #expectations-fixed-pupil-header-div span {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  color: #2d2d2d !important;
  display: inline-block;
  font-size: 16px !important;
  height: 36px;
  padding-top: 1px;
  text-align: center;
  width: 125px;
  border-radius: 30px;}

#tracker-pupil-nav ul.six-terms li.bottom-row { border-right: solid 1px #aaa;}

#tracker-pupil-nav ul.six-terms li.bottom-row p.pupil-name { font-size: 16px !important;}

#tracker-fixed-pupil-header-div span, #expectations-fixed-pupil-header-div span {
margin-right: 8px;
width: 275px;
}

#tracker-fixed-pupil-header-div span.six-terms, #expectations-fixed-pupil-header-div span.six-terms {
width: 384px;

}

/*scrolbar at top*/
.scroll-wrapper1, .tracker-scroll-wrapper1, .scroll-wrapper1b, .tracker-scroll-wrapper1b, .expectations-scroll-wrapper1, .expectations-scroll-wrapper1b {

border: none;
height: 0px;
margin-left: 30%;
overflow-x: scroll;
overflow-y: hidden;
}

#fixed-pupil-header-div-export {height: auto; margin-right: 14px; padding-left: 15px; padding-right: 15px; width: 100%;}

#fixed-pupil-header-div-export th {background-color: #ffffff;}
#analytic-export-data-scroller tbody tr, #analytic-export-data-scroller tfoot tr{display: none;}
.tracker-scroll-wrapper1::-webkit-scrollbar {
display: none;
}

/*.wrapper2{height: 200px; }*/
.scroll-div1 {
background: rgba(0, 0, 0, 0.0);
height: 20px;
white-space: nowrap;
width: 6000px;

}

.scroll-div-export {
background: rgba(0, 0, 0, 0.0);
padding-left: 15px; white-space: nowrap;}

.scroll-div2 {
height: 20px;
width: 6000px;
}

.tracker-scroll-div1, .expectations-scroll-div1 {
height: 20px;
width: 6000px;
}

/*.div2 {width:1000px; height: 200px; background-color: #88FF88;
overflow: auto;}*/
/*scroll buttons*/
.scroll-div1::-webkit-scrollbar {
display: none;
}

.contentBlock {

}

.panner {
color: #fff;
display: block;

font-size: 33px;
height: 50px;

width: 50px;

}

.active {
color: red;
}

#panLeft {
float: left;

}

#panRight {

float: right;

}

#pupil-nav, #tracker-pupil-nav, #evidence-tracker-pupil-nav, #pupil-nav-evidence, #expectations-pupil-nav {
margin-top: -2px;
}

#pupil-nav, #tracker-pupil-nav, #expectations-pupil-nav, #evidence-tracker-pupil-nav, #pupil-nav-evidence, #div-gran-3, #div-gran-4, #tracker-div-gran-2, #expectations-div-gran-2, #tracker-report-div-gran-2, #tracker-export-div-gran-2 {
color: #2d2d2d;
display: none;
float: left;
margin: 0px;
padding-left: 0px;
}

#pupil-nav, #tracker-pupil-nav, #evidence-tracker-pupil-nav, #pupil-nav-evidence {overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: 101%;}

#expectations-pupil-nav {
display: block;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
#pupil-nav.jesp-mode { white-space: nowrap; width: 15%;}

.assess-info-image { background: none; display: inline-block; float: right; padding-right: 24px; text-align: right; width: 40%;}

#CRIBSHEETModal .assess-info-image {padding-right: 8px; width: 100%;}

.assess-info-image:hover {cursor: pointer;}

.assess-info-image img { height: auto; max-width: 1000px; width: 100%; }

#tracker-pupil-nav ul li.bottom-row, #tracker-pupil-nav ul li.bottom-row ul, #tracker-pupil-nav ul li.bottom-row ul li, #expectations-pupil-nav ul li.bottom-row, #expectations-pupil-nav ul li.bottom-row ul, #expectations-pupil-nav ul li.bottom-row ul li {
height: 38px;
}

li.step-0 {color: #fff;}

li.step-0 span.reference-table {color: #2d2d2d;}

span.next-steps-count { width: 100%;}

span.next-steps-count span {background: #ddd; border-radius: 20px; color: #2d2d2d;font-size: 19px;   padding-left: 8px; padding-right: 8px; text-align: center; }

a.next-steps-count-fixer{display: none; margin:-5px 0 4px 5px; position: relative; top: 0; left: 10px; background-color:#85C6A1; border-radius: 30px;width: 24px;
  height: 24px;padding-top: 3px;text-align: center;}

a.next-steps-count-fixer .fa { width: 18px;
  height: 18px;}


#pupil-nav p, #tracker-pupil-nav p, #expectations-pupil-nav p, #evidence-tracker-pupil-nav p {
margin: 0;
}

/*#expectations-pupil-nav ul li.gran-3,*/
#tracker-pupil-nav ul li.gran-3, #tracker-pupil-nav ul li.gran-3 {
border-bottom: 1px solid #DFDFDF;
border-left: 2px solid #666;
border-top: 0;
clear: both;
display: block;
height: 3em;
padding-left: 5px;
width: 200px;
}

#pupil-nav ul, #tracker-pupil-nav ul, #expectations-pupil-nav ul, #evidence-tracker-pupil-nav ul, #pupil-nav-evidence ul {
display: inline-block;
padding-left: 0px;
vertical-align: top;
/*margin-right: 8px;*/
width: 125px;

}

.bargraph-header { display: inline-block; height: 40px; width: 680px;}

.bargraph-header span { color: #2d2d2d; display: inline-block; font-size: 14px;   height: 40px; padding: 10px;}

#pupil-nav ul.jesp-mode, #pupil-nav ul.jesp-mode li.jesp-track-chart { width: 100%; }

#tracker-pupil-nav ul.four-terms, #tracker-pupil-nav ul.four-terms li, #tracker-pupil-nav ul.four-terms li, #tracker-pupil-nav ul.four-terms { width: 384px; }

#tracker-pupil-nav ul.six-terms, #tracker-pupil-nav ul.six-terms li { width: 386px; white-space: nowrap; overflow: visible;}

#tracker-pupil-nav ul.jesp-mode, #tracker-pupil-nav ul.jesp-mode li.jesp-track-chart { width: 100%; }

#tracker-pupil-nav ul.term-cols li div.jesp-track-chart { display: inline-block; height: 91px; position: relative; width: 90px;}

#expectations-pupil-nav ul.expectations-tracking-pupil-item, #expectations-pupil-nav ul li.pupil-tracker-header.expectations ul {
width: 140px;

}

#expectations-pupil-nav ul.expectations-tracking-pupil-item.wide-display { width: auto;}

#tracker-pupil-nav ul.leveler-tracking-pupil-item, #expectations-pupil-nav ul.expectations-tracking-pupil-item {
margin-right: 8px;
}

#pupil-nav-evidence ul {
width: 140px;

}

#evidence-tracker-pupil-nav ul {
width: 100px;

}

#pupil-nav ul, #tracker-pupil-nav ul, #expectations-pupil-nav ul, #div-gran-3 ul, #leveler-menu-gran- #menu-gran-2 ul, #menu-gran-1 ul, #tracker-div-gran-2 ul, #expectations-div-gran-2 ul {
padding: 0 !important;
}

#expectations-div-gran-2 ul, #expectations-pupil-nav ul, #tracker-div-gran-2 ul {padding-right: 4px !important;}

div.steps-key-holder > div {
display: inline-block;
vertical-align: middle;
}

/*#step-key-box:hover{cursor: pointer;}*/
#pupil-nav ul li, #tracker-pupil-nav ul li, #expectations-pupil-nav ul li, #evidence-tracker-pupil-nav ul li, #pupil-nav-evidence ul li {
height: 91px;
text-align: center;
vertical-align: top;
margin-bottom: 10px;
width: 140px;

}

#tracker-pupil-nav ul li, #tracker-pupil-nav ul {width: 275px;}

#pupil-nav ul li.pupil-avatar-name, #tracker-pupil-nav ul li.pupil-avatar-name, #expectations-pupil-nav ul li.pupil-avatar-name, #evidence-tracker-pupil-nav ul li.pupil-avatar-name, #pupil-nav-evidence ul li.pupil-avatar-name {
height: 159px; position: relative;margin-bottom: 5px;
}

#pupil-nav ul li.pupil-avatar-name { height: 141px;}

#tracker-pupil-nav ul.jesp-mode li { }

#expectations-pupil-nav ul li { text-align: left;}

#expectations-pupil-nav ul li .pupil-tracker-header.expectations {text-align: center;}

#expectations-div-gran-2 ul li, #expectations-pupil-nav ul li {
height: 61px;
}

#expectations-pupil-nav ul li.pupil-header {height: 91px;}

#expectations-pupil-nav ul li.pupil-header-expectations {
height: 91px;
text-align: left;
width: 100%;
}

#expectations-pupil-nav ul li.baseline div.flex-container {height: 55px;}

span.avatar-holder.expectations {
display: inline-block;

}

span.pupil-name.expectations { font-size: 28px; }

span.pupil-details-holder-expectations {height: 25px; width: 120px;}

.school-cover-bng .pupil-header-details {display: inline-block;}
.school-cover-bng .pupil-header-details h2 {padding-left: 8px; min-width: 260px;}
#pupil-nav ul li.tag-id-0 {
opacity: 0.3;
}

#tracker-pupil-nav ul.end-col-pupil li, #expectations-pupil-nav ul.end-col-pupil li {
border-bottom: none !important;
}

/*#expectations-pupil-nav ul li.gran-3, #expectations-div-gran-2 ul li.gran-3*/
#pupil-nav ul li.gran-3, #div-gran-3 ul li.gran-3 { 
line-height: normal;
border-radius: 12px;

}

/*
#expectations-div-gran-2 ul li.gran-4,
#expectations-div-gran-2 ul li.gran-5,
#expectations-div-gran-2 ul li.gran-6
*/
#pupil-nav ul li.gran-4, #div-gran-3 ul li.gran-4, #pupil-nav ul li.gran-5, #div-gran-3 ul li.gran-5, #pupil-nav ul li.gran-6, #div-gran-3 ul li.gran-6 {
height: 68px;
line-height: normal;
}

.blink_me {
animation: blinker 1s linear infinite;
}
.blink_me_3s {
}



@keyframes blinker {
50% {
opacity: 0;
}
}
.blink_me_3s {
     animation-name: blinker_3s;
  animation-duration: 4s;
}
@keyframes blinker_3s {
    0% {opacity: 0;}
    20% {opacity: 1.0;}
    40% {opacity: 0;}
    60% {opacity: 1.0;}
    80% {opacity: 0;}
    100% {opacity: 1.0;}
}
#pupil-nav ul li.bottom-row, #expectations-div-gran-2 ul li.bottom-row { 
height: auto;
text-align: left;
}

#pupil-nav ul li.bottom-row, #expectations-div-gran-2 ul li.bottom-row span,
#pupil-nav ul li.bottom-row, #expectations-div-gran-2 ul li.bottom-row a { 
 width: 100%;
 display: block;
}
 

#tracker-pupil-nav ul li.pupil-tracker-header, #expectations-pupil-nav ul li.pupil-tracker-header {
height: 40px; overflow: hidden;
}
#tracker-pupil-nav ul li.pupil-tracker-header ul.term-track-hr li{height: 46px !important; display: flex !important;}
#tracker-pupil-nav ul li.pupil-tracker-header ul li, #expectations-pupil-nav ul li.pupil-tracker-header ul li { 
color: #2d2d2d;
display: inline-table; position: relative;
float: left;
font-size: 15px;
 margin: 0 0.5%;
height: 40px;
line-height: 15px;
width: 31.5%;
}
#tracker-pupil-nav ul li.pupil-tracker-header ul li.four-terms, #expectations-pupil-nav ul li.pupil-tracker-header ul li.four-terms {width: 25%;}
#tracker-pupil-nav ul li.pupil-tracker-header ul li:hover, #expectations-pupil-nav ul li.pupil-tracker-header ul li:hover { cursor: default;}

#tracker-pupil-nav ul li.pupil-tracker-header ul li.year-only, #expectations-pupil-nav ul li.pupil-tracker-header.expectations ul li.year-only { line-height: 38px; width: 100%;}

#tracker-pupil-nav ul li.pupil-tracker-header ul li.year-only.has-baseline, #expectations-pupil-nav ul li.pupil-tracker-header.expectations ul li.year-only.has-baseline { width: 50%;}

#expectations-pupil-nav ul li.pupil-tracker-header ul li {
width: 50%;
/*line-height: 38px;*/
}

#tracker-pupil-nav ul li.pupil-tracker-header ul li:first-child, #expectations-pupil-nav ul li.pupil-tracker-header.expectations ul li:first-child { border-left: 1px solid #aaaaaa;}

#pupil-nav ul li.totals-row, #pupil-nav ul li.totals-row ul li,
#pupil-nav-evidence ul li.totals-row, #pupil-nav-evidence ul li.totals-row ul li {
color: #2d2d2d;
font-size: 13px;
height: 25px;

}

#tracker-pupil-nav ul.pupil-level-key li, #expectations-pupil-nav ul.pupil-level-key li,
#tracker-pupil-nav ul li.pupil-name-header, #expectations-pupil-nav ul li.pupil-name-header, #pupil-nav ul li.pupil-name-header {

height: 55px;
}

#evidence-tracker-pupil-nav ul li:nth-child(2), #evidence-tracker-pupil-nav ul li:nth-child(2) ul li, #pupil-nav-evidence ul li:nth-child(2) {
border-bottom: 1px solid #ddd;
height: 40px;
}

#expectations-pupil-nav ul li {
width: 100%;
}

#expectations-pupil-nav ul li.pupil-tracker-header {width: 120px;}

#expectations-pupil-nav ul li.pupil-tracker-header.expectations.term-achieved-headers ul {width: 1600px;}

#evidence-tracker-pupil-nav ul li {
width: 100px;
}

#pupil-nav-evidence ul li {
width: 130px;
}

#pupil-nav ul li:first-child h4, #tracker-pupil-nav ul li:first-child h4, #expectations-pupil-nav ul li:first-child h4, #evidence-tracker-pupil-nav ul li:first-child h4, #pupil-nav-evidence ul li:first-child h4 {
color: #1a75ff;
font-size: 13px;
line-height: 0.5em;
}

#pupil-nav > ul > li:first-child span, #tracker-pupil-nav > ul > li:first-child span, #expectations-pupil-nav > ul > li:first-child span, #evidence-tracker-pupil-nav > ul > li:first-child span, #pupil-nav-evidence > ul > li:first-child span {
font-size: 14px;
/*color: #2d2d2d;*/
}

#pupil-nav ul li:first-child span.pupil-filters {
color: #444;
font-size: 10px;
}

#pupil-nav ul li:first-child img, #tracker-pupil-nav ul li:first-child img, #expectations-pupil-nav ul li:first-child img, #evidence-tracker-pupil-nav ul li:first-child img, #pupil-nav-evidence ul li:first-child img {
float: left;
}

#pupil-nav ul.pupil-level-key li, #evidence-tracker-pupil-nav ul.pupil-level-key li, #pupil-nav ul.pupil-level-key-header li, #pupil-nav-evidence ul.pupil-level-key li, #pupil-nav-evidence ul.pupil-level-key-header li {
float: left;
font-size: 13px;
height: 81px;
overflow: hidden;
position: relative;
/*color: #fff;
border-left: 1px solid #DFDFDF;*/
text-align: center;
width: 77px;
padding: 5px 8px;
}

#pupil-nav ul li.grade-content {
background-color: rgba(255, 255, 255, 0);
position: static;
width: 0px;
}

.arrow-up {
width: 35px;
height: 35px;
background: url(../../icons/chevron-up-w.svg) no-repeat center / contain;
border: none !important;
  top: 50% !important;
  right: 5px !important;
  margin-top: -15px;
}

.arrow-down {
width: 35px;
height: 35px;
background: url(../../icons/chevron-down-w.svg) no-repeat center / contain;
border: none !important;
  top: 50% !important;
  right: 5px !important;
  margin-top: -15px;
}
/*@keyframes simple_flash {
    0% {border-bottom: 15.5px solid rgba(255, 255, 255, 0.8);}
    10% {border-bottom: 16px solid rgba(108, 217, 129, 0.8);}
  20% {border-bottom: 15.5px solid rgba(255, 255, 255, 0.8);}
  30% {border-bottom: 16px solid rgba(108, 217, 129, 0.8);}
  40% {border-bottom: 15.5px solid rgba(255, 255, 255, 0.8);}
  50% {border-bottom: 16px solid rgba(108, 217, 129, 0.8);}
    60% {border-bottom: 15.5px solid rgba(255, 255, 255, 0.8);}
  70% {border-bottom: 16px solid rgba(108, 217, 129, 0.8);}
    80% {border-bottom: 15.5px solid rgba(255, 255, 255, 0.8);}
  90% {border-bottom: 16px solid rgba(108, 217, 129, 0.8);}
    100% {border-bottom: 15.5px solid rgba(255, 255, 255, 0.8);}
}
.arrow-up.loading-arrow{ animation-name: simple_flash;
  animation-duration: 8s;}
.arrow-up.analyser {
border-bottom: 14px solid #fff;
border-left: 22px solid transparent;
border-right: 22px solid transparent;
bottom: -4px;
height: 0;
position: absolute;
right: 0;
width: 0;
}
*/
span.arrow-toggle.arrow-up.analyser:hover {
border-bottom: 14px solid #BFDFF6;
/*background-color: #BFDFF6;*/
cursor: pointer;
}

.arrow-down.analyser, .arrow-up.analyser {

bottom: 2px;
height: 30px;
  position: absolute;
  right: 0 !important;
  width: 30px;
}

span.arrow-toggle.arrow-down.analyser:hover, span.arrow-toggle.arrow-up.analyser:hover {

background-color: #BFDFF6;
cursor: pointer;
}

#div-gran-3 ul li span.custom-detail-toggle {
display: none;
}

.magic-eye-btn {
color: #2d2d2d;
}

.custom-detail-toggle-inline {
color: #2d2d2d;
}

#div-gran-3 ul li span.new-detail-toggle.hiding-it:hover, #div-gran-3 ul li .casc-lock-btn a:hover, #div-gran-3 ul li .casc-unlock-btn a:hover { color: #fff; cursor: pointer; }

#div-gran-3 ul li .casc-lock-btn a:hover { color: red;}

#div-gran-3 ul li span.new-detail-toggle.hiding-it, #div-gran-3 ul li .casc-lock-btn a { color: black; }

#div-gran-3 ul li span.new-detail-toggle.delete-it, #div-gran-3 ul li .casc-unlock-btn a { color: red; }

#div-gran-3 ul li .all-custom-detail-controls {
bottom: 0px;
float: none;
left: 0px;
line-height: 1em; 
z-index: 999;
}

#div-gran-3 ul li .all-custom-detail-controls span:hover {
color: #fff;
cursor: pointer;
}

#div-gran-3 ul li .all-custom-detail-controls span a {
color: #2d2d2d;
}

#div-gran-3 ul li .all-custom-detail-controls span {
color: #2d2d2d;
font-size: 1.3em;
margin-left: 3px;
padding: 2px;
}

#div-gran-3 ul li span.new-detail-toggle.delete-casc { color: red;}

.meta-data-detail {
font-size: 1em;
line-height: 1em;
margin-left: 5px;
margin-right: 5px;
margin-top: 8px;
max-height: 71px;
overflow: hidden;
}

.meta-data-detail.custom.gran-2 {
margin-top: 8px;
}

.meta-data-detail.custom.gran-3 {
margin-top: 2px;
}

.meta-data-detail.custom.gran-4 {
margin-top: 2px;
}

.meta-data-detail.custom.gran-5 {
margin-top: 2px;
}

.meta-data-detail.custom.gran-6 {
margin-top: 2px;
}

li div.meta-data-detail, .meta-data-detail.custom {
font-size: 1em;
line-height: 1.2em;
margin-left: 5px;
margin-right: 5px;
max-height: 45px;

}

input.custom-tag {
color: #2d2d2d;
height: 2em;
width: 280px;
}

.drop-menu-btn {
background: none;
bottom: 18px;
font-size: 2em;
height: 18px;
left: 5px;
margin-right: 5px;
padding: 1px;
position: absolute;
text-align: center;
width: 18px;
}

#div-gran-3 ul li span.new-detail-toggle.gran-2.subject-level {
bottom: 0;
float: right;
left: 0;
margin-right: 2px;
position: relative;
}

#div-gran-3 ul li span.custom-detail-toggle:hover, #div-gran-3 ul li span.new-detail-toggle:hover {
color: #BFDFF6;
cursor: pointer;
}

#pupil-nav ul.pupil-level-key li.grade-up-box {
overflow: hidden;
width: 30px;
}

#pupil-nav ul.pupil-level-key li span.arrow-right {
background-color: transparent;
border-bottom: 40px solid transparent;
border-left: 30px solid #aaa;
border-top: 40px solid transparent;
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;

}

#pupil-nav ul.pupil-level-key li.levelup.grade-up-box {
cursor: pointer;
}

#pupil-nav ul.pupil-level-key li:hover span.arrow-right {
border-left: 29px solid #BFDFF6;
}

#pupil-nav ul li.gran-4 ul.pupil-level-key li span.arrow-right, #pupil-nav ul li.gran-3 ul.pupil-level-key li span.arrow-right, #pupil-nav ul li.gran-5 ul.pupil-level-key li span.arrow-right, #pupil-nav ul li.gran-6 ul.pupil-level-key li span.arrow-right {
border-bottom: 25px solid transparent;
border-top: 25px solid transparent;

}

/*IE11 friendly*/

#div-gran-3 ul.steps-key li span.corner-top-left, #pupil-nav ul.pupil-level-key li span.corner-top-left {
background-color: transparent;
border-bottom: 28px solid transparent;
border-left: 28px solid transparent;
border-top: 28px solid transparent;
height: 0;
left: 0;
pointer-events: none;
position: absolute;
top: -30px;
width: 0;
}

#div-gran-3 ul.steps-key li span.corner-bottom-left, #pupil-nav ul.pupil-level-key li span.corner-bottom-left {
background-color: transparent;
border-bottom: 28px solid transparent;
border-left: 28px solid transparent;
border-top: 28px solid transparent;
bottom: -30px;
height: 0;
left: 0px;
pointer-events: none;
position: absolute;
width: 0;
}

span.corner-top-right {
background-color: transparent;
border-bottom: 28px solid transparent;
border-right: 28px solid transparent;
border-top: 28px solid transparent;
height: 0;

pointer-events: none;
width: 0;
}

#div-gran-3 ul.steps-key li span.corner-top-right, #pupil-nav ul.pupil-level-key li span.corner-top-right {
background-color: transparent;
border-bottom: 28px solid transparent;
border-right: 28px solid transparent;
border-top: 28px solid transparent;
height: 0;

pointer-events: none;
position: absolute;
right: 0px;
top: -30px;
width: 0;
}

.working-at-grades-key-list li { position: relative; }

span.triangle-bottom-right, span.triangle-top-right {border-style: inset;height: 0; left: 5px; position: absolute; top: 7px; -webkit-transform: rotate(360deg); width: 0;}

span.triangle-bottom-right { border-width: 0 0 20px 20px; }

span.triangle-top-right { border-width: 0 20px 20px 0;}

#div-gran-3 ul.steps-key li span.corner-bottom-right, #pupil-nav ul.pupil-level-key li span.corner-bottom-right {
background-color: transparent;
border-bottom: 28px solid transparent;
border-right: 28px solid transparent;
border-top: 28px solid transparent;
bottom: -30px;
height: 0;
pointer-events: none;
position: absolute;
right: 0px;
width: 0;
}

span.dummy-spacer {
font-size: 6px;
height: 10px;
line-height: 10px;
margin: 0px !important;
padding: 0 !important;
}

#pupil-nav ul li.gran-3 ul.pupil-level-key li span.corner-top-right, #pupil-nav ul li.gran-4 ul.pupil-level-key li span.corner-top-right, #pupil-nav ul li.gran-5 ul.pupil-level-key li span.corner-top-right, #pupil-nav ul li.gran-6 ul.pupil-level-key li span.corner-top-right,
#pupil-nav ul li.gran-3 ul.pupil-level-key li span.corner-bottom-right, #pupil-nav ul li.gran-4 ul.pupil-level-key li span.corner-bottom-right, #pupil-nav ul li.gran-5 ul.pupil-level-key li span.corner-bottom-right, #pupil-nav ul li.gran-6 ul.pupil-level-key li span.corner-bottom-right {
border-bottom: 25px solid transparent;
border-top: 25px solid transparent;
}

.center-flexi {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */

-ms-flex-align: start !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
}

.centre-txt {
text-align: center !important;
}

span.vertical-align {
position: relative;
top: 50%;
transform: translateY(-50%);
}

#pupil-nav ul.pupil-level-key.last-one li.level3, #tracker-pupil-nav ul.pupil-level-key.last-one li.level3, #expectations-pupil-nav ul.pupil-level-key.last-one li.level3, #evidence-tracker-pupil-nav ul.pupil-level-key.last-one li.level3, #pupil-nav-evidence ul.pupil-level-key.last-one li.level3, #pupil-nav-evidence ul.pupil-level-key.last-one-header li.level3 {
border-right: 1px solid #DFDFDF;
}

#pupil-nav ul li.gran-5 ul.pupil-level-key li, #pupil-nav ul li.gran-6 ul.pupil-level-key li {
height: 56px;

}

#pupil-nav ul.pupil-level-key li.gran-4,
#pupil-nav ul.pupil-level-key li.gran-5,
#pupil-nav ul.pupil-level-key li.gran-6 {
height: 51px;
}

/*assess all popup-grade*/
.dropdown-popup-grade {
display: inline-block;
position: relative;
}

div.dropdown-popup-grade-content-inner {
background-color: #f9f9f9;
box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
height: 80px;
margin-left: 5px;
margin-top: 5px;
min-width: 140px;
padding: 5px;
width: auto;
border-radius: 10px;
}

div.dropdown-popup-grade-content-inner.next_steps {height: 50px;}

div.dropdown-popup-grade-content-inner.baseline {
margin-top: 1px;
}

.dropdown-popup-grade-content {background: rgba(0, 0, 0, 0.1);height: 80px;min-width: 160px;padding: 2px;position: fixed;width: auto;
/*-ms-transform: translate(-80px, 0px);
-webkit-transform: translate(-80px, 0px);
transform: translate(-80px, 0px);*/
z-index: 9999;
}

.dropdown-popup-grade-content.next_steps, div.dropdown-popup-grade-content-inner.next_steps {min-width: 100px; height: 60px;}

.dropdown-popup-grade-content li {
font-size: 14px;
text-align: center;
}

.dropdown-popup-grade-content.baseline {
height: 61px;
-ms-transform: translate(23px, -59px);
-webkit-transform: translate(23px, -59px);
transform: translate(23px, -59px);
}

#expectations-pupil-nav li.grade-content-baseline, #expectations-pupil-nav li.grade-content-expectation { cursor: pointer; text-align: center;}

div.dropdown-popup-grade-content ul {
width: auto !important;
}

div.dropdown-popup-grade-content ul li {
border: #efefef 2px solid;
display: inline-block;
float: left;
height: 40px !important;
margin: 7px;
border-radius: 10px;
color: #2d2d2d;
}

div.dropdown-popup-grade-content ul li.next_step { 
  background: rgba(0, 0, 0, 0) url(../../icons/icon-steps.svg) no-repeat center / contain;
  line-height: 50px;
  width: 60px; display: inline-block;
}

div.dropdown-popup-grade-content ul li.no-next_step { background: rgba(0, 0, 0, 0) url(../../icons/icon-steps-remove.svg) no-repeat center / contain;; height: 40px !important; }

#expectations-pupil-nav ul div.dropdown-popup-grade-content ul li {
font-size: 12px;
 
line-height: 39px;
text-align: center;
}

div.dropdown-popup-grade-content ul li:hover {
border: #F8A185 2px solid;
cursor: pointer;
}

#tracker-pupil-nav .pupil-name, #expectations-pupil-nav .pupil-name {
color: #2d2d2d;
font-size: 12px;
}

#pupil-nav ul.pupil-level-key-header li, pupil-level-key {
color: #2d2d2d;
font-size: 12px;
}

#tracker-pupil-nav ul.pupil-level-key li {
display: inline-table;
font-size: 13px;
width: 100%;
}

#tracker-pupil-nav ul.term-cols li {display: inline-table;font-size: 17px;height: 81px;width: 31.3%;  margin-right: 2%; font-weight: normal !important;border-radius: 12px !important;}
#tracker-pupil-nav ul.term-cols li.four-terms {width: 23%; margin-right: 2%; }

#tracker-pupil-nav ul.term-cols li.tag-n-track {font-size: 17px; }

#tracker-pupil-nav ul.term-cols li.year-only {
width: 100%;
}

#tracker-pupil-nav ul.term-cols li.year-only.has-baseline {width: 48%; margin-right: 2%; }

#tracker-pupil-nav ul.term-cols li.six-terms, #tracker-pupil-nav ul li.pupil-tracker-header ul.six-terms li, #expectations-pupil-nav ul li.pupil-tracker-header ul.six-terms li {
display: inline-block;
font-size: 17px;
height: 83px;
width: 14.67%;
 margin-right: 2%; 
}

#tracker-pupil-nav ul li.pupil-tracker-header ul li.has-baseline, #tracker-pupil-nav ul.term-cols li.has-baseline,
#tracker-pupil-nav ul.term-cols li.tracker-baseline-score {width: 23%; margin-right: 1.5%; }

#tracker-pupil-nav ul.term-cols li.year-only.tracker-baseline-score {width: 48%; margin-right: 2%; }

#tracker-pupil-nav ul li.pupil-tracker-header ul li.six-terms.has-baseline,
#tracker-pupil-nav ul.term-cols li.six-terms.has-baseline,
#tracker-pupil-nav ul.term-cols li.six-terms.tracker-baseline-score {width: 12.3%; margin-right: 1.3%; }

#tracker-pupil-nav ul.term-cols li.six-terms ul {
width: 100%;
}
#tracker-pupil-nav ul li.pupil-tracker-header ul li.four-terms.has-baseline,
#tracker-pupil-nav ul.term-cols li.four-terms.has-baseline,
#tracker-pupil-nav ul.term-cols li.four-terms.tracker-baseline-score {width: 18%;  margin-right: 2%; }

.is-baseline-score.has-baseline span { /* line-height: 70px; */}

#tracker-pupil-nav ul.term-cols li.six-terms li.is-baseline-score.term-row { height: 80px;}

span.tracker-record-count:hover {cursor: pointer;}

span.percent-score:hover, span.mastered-count:hover, span.raw-score:hover {cursor: default;}

#tracker-pupil-nav ul.term-cols li.six-terms li.term-row {
display: block;
font-size: 13px;
height: 41px;
width: 100%;
}

.is-ghosted {
filter: alpha(opacity=0); /* For IE8 and earlier */
opacity: 0.0;
}

#expectations-pupil-nav ul.pupil-level-key li {
display: inline-table;
font-size: 13px;
width: 100%;
}

#tracker-pupil-nav ul.term-cols li span.tracker-record-count, #pupil-nav ul.pupil-level-key li span.tracker-record-count {background-color: #666666; border-radius: 8px; color: white; display: inline-block; font-size: 14px;  min-width: 30px; padding: 3px;}

#expectations-pupil-nav ul.term-cols li {
display: inline-table;
font-size: 13px;
height: 61px;
width: 120px;
}

#expectations-pupil-nav ul.term-cols li.year-only {
width: 120px;
}

#expectations-pupil-nav ul.term-cols li.six-terms {
display: inline-block;
font-size: 13px;
height: 62px;
width: 120px;
}

#expectations-pupil-nav ul.term-cols li.six-terms ul {
width: 100%;
}

#expectations-pupil-nav ul.term-cols li.six-terms li.term-row {
display: block;
font-size: 13px;
height: 61px;
width: 100%;
}

#expectations-pupil-nav ul li.pupil-tracker-header ul li, #expectations-pupil-nav ul.term-cols li.six-terms, #expectations-pupil-nav ul.term-cols li, #expectations-pupil-nav ul.term-cols li.year-only {
width: 130px;
}

#expectations-pupil-nav ul.term-cols li.col-two { line-height: 55px; width: 50%;}

#expectations-pupil-nav ul.term-cols li.col-expected { line-height: 38px; width: 32px;}

#expectations-pupil-nav span.expected-percent-score {font-size: 1.5em;}

#expectations-pupil-nav ul.term-cols li.col-target { line-height: 38px; width: 88px;}

#expectations-pupil-nav li.pupil-tracker-header ul.term-cols li.col-two { line-height: normal; width: 50%;}

#expectations-pupil-nav span.raw-score { font-size: 1.2em;}

#expectations-pupil-nav span.percent-score { font-size: 1.2em; }

.aligner {
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-flex-align: center;
height: 100%;
}

.aligner-item {
margin: auto;
}

.aligner-item-top {

}

.aligner-item-bottom {

}

.flex-container {
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
-ms-flex-pack: center;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}

.flex-container.lefty {
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
align-items: start;
-ms-flex-align: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: center;
}

.flex-item {
-webkit-align-self: center;
align-self: center;
-ms-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-item-align: center;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;

}

.lefty-flex-item {-webkit-align-self: flex-start; align-self: start; -ms-flex-item-align: left;}

.three-terms .flex-container {
height: 81px;
}

/*
.flex-item:nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.flex-item:nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.flex-item:nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
*/
.Aligner {
align-items: center;
display: flex;
justify-content: center;
min-height: 24em;
}

.Aligner-item {
flex: 1;
}

.Aligner-item--top {
align-self: flex-start;
}

.Aligner-item--bottom {
align-self: flex-end;
}

.Aligner-item--fixed {
flex: none;
max-width: 50%;
}

.place-keeper.flex-item {
margin-left: -2px;
}

span.record-countzzz {
font-size: 14px !important;
line-height: 10px;
width: 30px;
}

#tracker-pupil-nav ul.term-cols li, #expectations-pupil-nav ul.term-cols li {
border-bottom: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
padding: 0 !important;
text-align: center;
}

#tracker-pupil-nav ul.term-cols li.jesp-track-chart {border-bottom: none; border-right: none; border-top: none;}

#expectations-pupil-nav ul.term-cols li div.achievment-point {

}

.opacity-zero { opacity: 0;}

#analytic-export-data-scroller tr.data-pupils { }

.analytic-export-data tr td.forecast { width: 60px;}



#expectations-pupil-nav ul.term-cols li div.achievment-point.targetx60, .analytic-export-data tr td span.targetx60 {
border: none;
  height: 100%;
  margin: 0;
  text-align: left;
  width: auto !important;
  display: inline-block;
  padding: 6px 20px 0 66px;
}


.analytic-export-data tr td.hide-mex60 { border: none;}

#expectations-pupil-nav ul.term-cols li div.achievment-point.target { display: inline-block; line-height: 50px; }

#expectations-pupil-nav ul.term-cols li div.achievment-point.up {
background: transparent url(../../icons/icon-arrow-up-g.svg) no-repeat 0 center / 45px;
border: none;
}

#expectations-pupil-nav ul.term-cols li div.achievment-point.down {
background: transparent url(../../icons/icon-arrow-up-r.svg) no-repeat 0 center / 45px;
border: none;
}

#expectations-pupil-nav ul.term-cols li div.achievment-point.upx60 {
background: transparent url(../../icons/icon-arrow-up-g.svg) no-repeat 0 center / 45px;
border: none;
margin: 0;
}

#expectations-pupil-nav ul.term-cols li div.achievment-point.downx60 {
background: transparent url(../../icons/icon-arrow-up-r.svg) no-repeat 0 center / 45px;
border: none;
margin: 0;
}



/*
#expectations-pupil-nav ul.term-cols li div.achievment-point.up {
background: #ffffff url(https://cdn.earwig.uk.com/img/arrow_expectation_up_130x55.svg) center 0 no-repeat;

#expectations-pupil-nav ul.term-cols li div.achievment-point.down {
background: #ffffff url(https://cdn.earwig.uk.com/img/arrow_expectation_down_130x55.svg) center 0 no-repeat;

#expectations-pupil-nav ul.term-cols li div.achievment-point.upx60 {
background: #ffffff url(https://cdn.earwig.uk.com/img/arrow_expectation_up_60px.svg) center 0 no-repeat;

#expectations-pupil-nav ul.term-cols li div.achievment-point.downx60 {
background: #ffffff url(https://cdn.earwig.uk.com/img/arrow_expectation_down_60px.svg) center 0 no-repeat;
*/





table.analytic-export-data { clear: both; width: auto; border: none !important; } 

table.analytic-export-data tr td { height: 60px; vertical-align: middle; width: auto;}

#analytic-export-data select, 
#framework-year-end-exp, 
#analytic-export-data select option, 
#auto-year-end-exp, 
#manual-expectation {
  background-color: #ffffff; 
  color: #2d2d2d;
  max-width: 200px;
}
#framework-year-end-exp, #auto-year-end-exp, #manual-expectation {background-color: #eaace9; color: #2d2d2d;min-width: 130px;}
.analytic-export-data.pdf-report tr td.data-row{ max-width: 90px;}

.analytic-export-data tr td.data-row.subject-column {text-align: left; }
.analytic-export-data tr td.data-row.subject-column div{width: 100%;}



        #main-wrapper.assessment-module .pdf-report-progress_table_7 a {color:#121212;}
        #main-wrapper.assessment-module .pdf-report-progress_table_7 a.progress-table-hide-column {color: #ef9a38;}
          .report-summary-box .comments-box > h3{font-size: 21px !important;}
           div.div-left { float: left; }
    div.div-right { float: right; }
    /* option control bar*/
    div.pdf-report-control-buttons {
    }
    .pdf-report-control-buttons ul { width: 100%; }
    .pdf-report-control-buttons ul.row {margin-right: 0; margin-left: 0;}
    .pdf-report-control-buttons ul li {
        float: left; margin-right: 5px;
    }
    ul.steps-key.report-control li{text-align: left; display: inline-block; float: none;}
    /*
    .pdf-report-control-buttons ul li.is-clickable {
        float: right;
        height: 32px;
        background-color: #aaa;
        color: #2d2d2d;
        margin-left: 8px;
        font-size: 12pt;
        padding: 5px;
        text-align: center;
    }
    .pdf-report-control-buttons ul li.is-clickable:hover { background-color: #BFDFF5; }
    div.pdf-report-options, div.pdf-report-options-active{
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        background: #efefef;
        color: #2d2d2d;
        padding: 30px;
        -webkit-box-shadow: 11px 0px 18px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 11px 0px 18px 0px rgba(0,0,0,0.2);
  box-shadow: 11px 0px 18px 0px rgba(0,0,0,0.2);
         
    }
    */
div.pdf-report-options-active.data-export-config.panel{left: 3%;
  top: 20px;
  width: 95%;}
    div.pdf-report-options.analytics-panel { }
.pdf-report-options-active div.pdf-report-options{
    position: relative;
    border: none;
    padding: 10px !important;
     overflow-y: hidden;
}

        div.pdf-report-options.comment-title-edit{ right: 50px;}
         div.pdf-report-options.level-key { background-color: #ffffff; top: 110px; height: auto !important; border-radius: 20px; right: 20px; width: auto; max-height: none; clear: both;}
#step-filter-box.pdf-report-options.level-key{position: fixed; top: 67px; right: 20px; width: 620px; left: unset;}

    #pdf-print-holder .pdf-report-control-buttons ul li.is-clickable {width: auto; }
    .pdf-report-control-buttons ul li.pdf-report-open {   }
    div.report-config-active-slots.copy-widget li{display: block !important; height: 45px; overflow: hidden; margin-bottom: 3px;}
    div.pdf-report-options ul li { float: left; width: 100%; height: auto; white-space: nowrap; padding: 5px !important;}
    div.report-config-active-slots.copy-widget ul li{height: 44px; font-size: 14px; clear: both; width: 100%;}
    div.report-config-active-slots.copy-widget button{min-height: 22px; width: 46px; height: 34px; float: right;margin-left: 3px; border-radius: 3px; padding: 2px !important;}
    div.report-config-active-slots.copy-widget button.btn{margin: 1px; color: #fff;}

    div.report-config-active-slots.copy-widget button.btn.btn-clear-slot{background-color: #e16a6a; }
    div.report-config-active-slots.copy-widget button.btn.btn-active-slot{background-color: #6ca66c; }
    div.report-config-active-slots.copy-widget button.btn.btn-copy-slot{background-color: #698ad3 !important;}
    div.pdf-report-options div.has-inputs ul li {  height: 49px;}
    div.comment-title-edit ul li { float: none; width: auto; height: auto; white-space: normal;}
    div.pdf-report-options.level-key ul li {width: auto; display: inline-block;}
    div.pdf-report-options.level-key ul li .step-box-key, .step-box-key{width: 20px; height: 20px; display: inline-block;}


    #pdf-print-holder .pdf-report-control-buttons ul li.is-clickable.btn.btn-icon {
} 

    .pdf-report-body-header { font-size: 22pt; width: 300px; height: 50px; text-align: left; color: #2d2d2d; padding-top: 8px; }
    div.left-div { float: left; display: inline-block; }
    div.right-div { float: right; display: inline-block; }
    .pdf-report-body-section {
        display: inline-block; float: left; width: 350px;
    }
    div.pdf-report-body-gender { text-align: right; }
    .pdf-report-subject-levels-grid h4 { font-size: 21px; color: #f19a1f; line-height: 19px;}
    #pdf-print-holder .pdf-report-control-buttons ul li.is-clickable.add-to-timeline{ float: left; }

    table.pdf-report tr.attainment-totals td {
        text-align: center;
        height: 15px;
        line-height: 13px;
        font-size: 15px;
    }
    div.header-section {
        width: 100%;
        height: auto;
        background-color: #ffffff;
    }
    div.page-section {
        background-color: #ffffff;
        background: rgba(100, 100, 100, 0.0);
        width: 100%;
    }
    div.grid-section {
        background-color: #ffffff;
        background: rgba(100, 100, 100, 0.0);
        display: block;
        clear: both;
        padding: 10px;
        width: 100%;
    }
    div.pos-right {
        position: absolute; top: 10px; right: 10px;
        background-color: #ec973a; width: 190px; height: 50px;
        padding-top: 20px;
        padding-left: 10px;
        text-align: left;
    }
    div.logo-text {
        color: #ffffff;
        float: right;
        margin-right: 10px;
    }
    div.performance-summary, div.pdf-report-teachers-comments {
        width: 100%;
        border: none;
        margin-top: 10px;
    }
    div.pdf-report-performance_summary ul {
        margin-top: 10px;
        background-color: #fff;
        padding-bottom: 7px;
    }
    div.pdf-report-performance_summary ul li {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    div.pdf-report-performance_summary ul li span {
        float: right;
    }
    div.subject-bar-chart {
        background-color: #fff;
        border: 1px solid #DFDFDF;
        display: inline-block;
        height: auto;
        width: 100%;
    }
    div.pdf-report-site-url {
        width: 100%;
        text-align: center;
    }
    .individual-subject-scores-title { color: #3f48d5; text-transform: uppercase; font-size: 12px; }
    div.subject-bar-chart ul li {
        display: block;
        height: 54px;
        line-height: normal;
        width: 100%;
        overflow: hidden;
        white-space: normal;
        vertical-align: middle;

    }
    span.vertical-align { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
        div.vertical-align-middle-none {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: flex-start;
            flex-direction: row;
            text-align: left;
            align-items: center;
        }

.arrow-down-thin { background: transparent url(../../../img/arrow-down-thin.png) center 0 no-repeat; height: 36px; width: 95px !important;}
.analytic-export-data tr td div.upx60, .analytic-export-data tr td div.upx60, .analytic-export-data tr td div.downx60, .analytic-export-data tr td div.downx60, .analytic-export-data tr td div.targetx60 {
    border: none;
    height: 60px;
    margin: 0; text-align: right;
    width: 120px !important;
    display: inline-block;
    padding: 6px 20px 0 0;
}
.analytic-export-data tr td.upx60, .analytic-export-data tr td div.upx60 {
background: transparent url(../../icons/icon-arrow-up-g.svg) no-repeat 0 center / 45px;

}
.analytic-export-data tr td.downx60, .analytic-export-data tr td div.downx60 {
    background: transparent url(../../icons/icon-arrow-up-r.svg) no-repeat 0 center / 45px;
}
.analytic-export-data tr td.targetx60, .analytic-export-data tr td div.targetx60 {
background: transparent  url(../../icons/icon_target.svg) no-repeat 0 center / 45px;

}

.analytic-export-data tr td.forecast span { width: 85px ; }

#tracker-pupil-nav ul.term-cols > li:first-child, #expectations-pupil-nav ul.term-cols > li:first-child, #expectations-pupil-nav ul.term-cols > li:first-child {
border-left: 1px solid #DFDFDF;
}

.year-selector-report-box, .year-selector-next-steps-holder { margin: 0; padding: 0; width: 220px;}

.year-selector-report-box { margin: 10px 20px;}

.year-selector-report-box h6, .year-selector-next-steps-holder h6 { color: #e63636; line-height: 9px; margin: 1px; margin-bottom: 4px;}

span.progress-score, span.mastered-score, span.reference-table, span.progress-score-fixed {
cursor: pointer;
display: block;
font-size: 19px;
 
position: relative;
vertical-align: middle;
width: 100%;
}

span.jesp-mode { font-size: 21px; }

span.progress-score.baseline, span.progress-score.expectation {line-height: 55px;}

.verticallyAlignedSpan {
display: table-cell;
font-size: 9px;
vertical-align: middle;
/*color: #2d2d2d;*/
white-space: normal;
}

.hide-score {
filter: alpha(opacity=0); /* Opacity for IE8 and lower */
opacity: 0.0; /* Opacity for Modern Browsers */
zoom: 1; /* Fix for IE7 */
}

.show-score {
filter: alpha(opacity=100); /* Opacity for IE8 and lower */
opacity: 1.0; /* Opacity for Modern Browsers */
zoom: 1; /* Fix for IE7 */
}

span.level-date {
color: #2d2d2d;
width: 77px;
}

span.level-date.has-progress {
color: #2d2d2d;
width: 77px;

}

span.record-count {width: 77px;}

span.record-count.next_step {
background: rgba(0, 0, 0, 0) url(../../icons/icon-steps.svg) no-repeat center / contain;
line-height: 40px; width: 60px; display: inline-block; margin-top: 10px;
}


#evidence-tracker-pupil-nav ul.pupil-level-key li {
width: 50px;
}

#pupil-nav-evidence ul.pupil-level-key li, #pupil-nav-evidence ul.pupil-level-key-header li {
width: 92px;
}

#pupil-nav-evidence ul.pupil-level-key-header li {
height: 30px;
}


.btn.btn-grid-pdf.sm {
border: none;
height: 17px;
margin: 1px;
padding: 0;
width: 27px;
}

.btn.btn-grid-pdf.sm:hover {
background-color: transparent !important;
background-position: 0 -41px !important;
color: #E17F00
}

#pupil-nav ul.pupil-level-key-header li.step-0:first-child, #pupil-nav-evidence ul.pupil-level-key-header li.step-0:first-child {
font-size: 9px;
width: 30px;
}

#pupil-nav ul.pupil-level-key li.step-0:first-child, #pupil-nav-evidence ul.pupil-level-key li.step-0:first-child, #pupil-nav ul.pupil-level-key li.step-0.step-next-step {

font-size: 14px;
line-height: 1em;
overflow: hidden;
width: 39px;
}

/*
#pupil-nav ul.pupil-level-key li.step-0 div{
    width: 38px;
    height:25px;
    background-color: #fff;
}
#pupil-nav ul.pupil-level-key li.step-0 div:hover{

background-color: #BFDFF6;
}*/
#pupil-nav-evidence ul.pupil-level-key li.evidence:hover {
background-color: #cc6666;
}

#pupil-nav-evidence ul.pupil-level-key li.evidence.has-record {
background-color: #00cc66;
}

#pupil-nav-evidence ul.pupil-level-key li.evidence.has-record.gran-5-level-0 {
background-color: #eee;
}

#pupil-nav-evidence ul.pupil-level-key li.evidence.has-record.gran-5-level-1 {
background-color: #ff5050;
}

#pupil-nav-evidence ul.pupil-level-key li.evidence.has-record.gran-5-level-2 {
background-color: #ffad33;
}

#pupil-nav-evidence ul.pupil-level-key li.evidence.has-record.gran-5-level-3 {
background-color: yellow;
}

#pupil-nav-evidence ul.pupil-level-key li.evidence.has-record.gran-5-level-4 {
background-color: #2eb82e;
}

div.pdf-report-click:hover, div.pdf-export-click:hover, .assessment_year li {
cursor: pointer;
}

#pupil-nav ul.pupil-level-key li.step-0:first-child:hover {
background-color: #fff;
cursor: default;
}

/*
#pupil-nav ul.pupil-level-key li.step-2:hover{
background-color: #ffcc33;
}
#pupil-nav ul.pupil-level-key li.step-3:hover{
background-color: #00cc66;
}
*/
#pupil-nav ul.pupil-level-key-header li.step-0,
#pupil-nav ul.pupil-level-key li.step-0,
#tracker-pupil-nav ul.pupil-level-key li.step-0,
#expectations-pupil-nav ul.pupil-level-key li.step-0,
#pupil-nav ul.pupil-level-key li.center-flexi, #tracker-pupil-nav ul li.level1 {
box-shadow: 0px 3px 3px #ddd;
}

#pupil-nav ul.pupil-level-key-header li.step-0, #pupil-nav ul.pupil-level-key li.step-0, #tracker-pupil-nav ul.pupil-level-key li.step-0, #expectations-pupil-nav ul.pupil-level-key li.step-0, #evidence-tracker-pupil-nav ul.pupil-level-key li.step-0, #pupil-nav-evidence ul.pupil-level-key-header li.step-0, #pupil-nav-evidence ul.pupil-level-key li.step-0 {

border: none;
box-shadow: 0px 3px 3px #ddd;
}

#pupil-nav li:hover, #pupil-nav li span.level-date:hover { cursor: pointer;}

#pupil-nav ul.pupil-level-key-header li.step-1, #pupil-nav ul.pupil-level-key li.step-1, #tracker-pupil-nav ul.pupil-level-key li.step-1, #expectations-pupil-nav ul.pupil-level-key li.step-1, #evidence-tracker-pupil-nav ul.pupil-level-key li.step-1 {
background-color: #ff5050;
}

#pupil-nav ul.pupil-level-key-header li.step-2, #pupil-nav ul.pupil-level-key li.step-2, #tracker-pupil-nav ul.pupil-level-key li.step-2, #expectations-pupil-nav ul.pupil-level-key li.step-2, #evidence-tracker-pupil-nav ul.pupil-level-key li.step-2 {
background-color: #ffad33;
}

#pupil-nav ul.pupil-level-key-header li.step-greyed-out, #pupil-nav ul.pupil-level-key li.step-greyed-out, #tracker-pupil-nav ul.pupil-level-key li.step-greyed-out, #expectations-pupil-nav ul.pupil-level-key li.step-greyed-out, #evidence-tracker-pupil-nav ul.pupil-level-key li.step-greyed-out {
background-color: #cdcdcd;
}

#pupil-nav ul.pupil-level-key-header li.step-3, #pupil-nav ul.pupil-level-key li.step-3, #tracker-pupil-nav ul.pupil-level-key li.step-3, #expectations-pupil-nav ul.pupil-level-key li.step-3, #evidence-tracker-pupil-nav ul.pupil-level-key li.step-3 {
background-color: #2eb82e;
}

#pupil-nav ul.pupil-level-key-header li.step-4000, #pupil-nav ul.pupil-level-key li.step-4000, #tracker-pupil-nav ul.pupil-level-key li.step-4000, #expectations-pupil-nav ul.pupil-level-key li.step-4000, #evidence-tracker-pupil-nav ul.pupil-level-key li.step-4000 {
background-color: #ff5050;
}

#pupil-nav ul.pupil-level-key-header li.step-5000, #pupil-nav ul.pupil-level-key li.step-5000, #tracker-pupil-nav ul.pupil-level-key li.step-5000, #expectations-pupil-nav ul.pupil-level-key li.step-5000, #evidence-tracker-pupil-nav ul.pupil-level-key li.step-5000 {
background-color: #2eb82e;
}

#pupil-nav ul.list-gran-4 {
display: none;
}

.graded-above-bar {
border-right: 8px solid #9966ff !important;
}

.graded-below-bar {
border-left: 8px solid #993300 !important;
}

.graded-above-greater {
border-right: 8px solid #3399cc !important;
}

.graded-below-special {
border-left: 8px solid #dddddd !important;
}

.graded-above div {
font-size: 13px;
height: 80px;
line-height: 1.1em;
padding-top: 17px;
text-align: center;
white-space: normal;
width: 50px;
}

#div-gran-3 ul li.selected, #tracker-div-gran-2 ul li.selected, #expectations-div-gran-2 ul li.selected, #tracker-report-div-gran-2 ul li.selected, #tracker-export-div-gran-2 ul li.selected {
background-color: #BFDFF6;
color: #fff;

}

#pupil-nav ul li.gran-3 ul.pupil-level-key li,
#pupil-nav ul li.gran-4 ul.pupil-level-key li,
#pupil-nav ul li.gran-4 ul.pupil-level-key li,
#pupil-nav ul li.gran-4 ul.pupil-level-key li {
height: 66px;
/*line-height: 50px;*/
}

div.snapshot-pdf {
background-color: #fff;
border: 1px solid #343434;
border-radius: 7px;
color: #fff;
float: right;
height: 30px;
margin-right: 5px;
padding-top: 4px;
text-align: center;
width: 80px;
}

div.snapshot-pdf a {
color: #ff0000;
font-size: 14px;
}

.unselected, #div-gran-3 ul li.unselected, #tracker-div-gran-2 ul li.unselected, #expectations-div-gran-2 ul li.unselected, #tracker-report-div-gran-2 ul li.unselected, #tracker-export-div-gran-2 ul li.unselected {
background-color: transparent;
border-bottom: none;
color: #2d2d2d;
}

.assessment-framework-main-selectors, .tracker-assessment-framework-main-selectors, .expectations-assessment-framework-main-selectors {
clear: both;
}

.assessment-framework-main-selectors .col-sm-4, .tracker-assessment-framework-main-selectors .col-sm-4, .expectations-assessment-framework-main-selectors .col-sm-4 {
width: 25%;
}

.default-selector select {
color: #2d2d2d;
max-width: 250px;
width: 90%;
}

.default-selector {
display: inline-block;
float: left;
max-width: 280px;
width: 50%;
}

#pupil-nav li.levelup, #tracker-pupil-nav li.levelup, #expectations-pupil-nav li.levelup, #evidence-tracker-pupil-nav li.levelup {
color: #444;
font-size: 11px;
}

#expectations-pupil-nav li.levelup input.expectation-edit {text-align: center;}

#tracker-pupil-nav ul li ul.pupil-level-key, #evidence-tracker-pupil-nav ul li ul.pupil-level-key {
overflow: hidden;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-1, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-1 {
width: 100px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-2, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-2 {
width: 50px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-3, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-3 {
width: 33px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-3:nth-child(2), #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-3:nth-child(2) {
width: 34px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-4, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-4 {
width: 25px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-5, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-5 {
width: 20px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-6, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-6 {
width: 16px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-7, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-7 {
width: 14px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-8, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-8 {
width: 12px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-9, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-9 {
width: 11px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-10, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-10 {
width: 10px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-11, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-11 {
width: 9px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-12, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-12 {
width: 8px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-13, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-13 {
width: 7px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-14, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-14 {
width: 7px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-15, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-15 {
width: 6px;
}

#tracker-pupil-nav ul li ul.pupil-level-key li.levelup-16, #evidence-tracker-pupil-nav ul li ul.pupil-level-key li.levelup-16 {
width: 6px;
}

#tracker-pupil-nav li.step-0, li.step-0, #evidence-tracker-pupil-nav li.step-0, li.step-0 {
background-color: #fff;
box-shadow: 0px 3px 3px #2d2d2d;
}
body.high-contrast #tracker-pupil-nav li.step-0, body.high-contrast li.step-0, body.high-contrast #evidence-tracker-pupil-nav li.step-0, body.high-contrast li.step-0 {background-color: #433e3e; color: #fff;}
#tracker-pupil-nav li.step-0.greyed-out, li.step-0.greyed-out, #evidence-tracker-pupil-nav li.step-0.greyed-out, li.step-0.greyed-out {
background-color: #ddd;
}

#tracker-pupil-nav li.step-1, li.step-1, #evidence-tracker-pupil-nav li.step-1, td.step-1 {
background-color: #ff5050;
color: #fff;
}

#tracker-pupil-nav li.step-2, li.step-2, #evidence-tracker-pupil-nav li.step-2, td.step-2 {
background-color: #ffad33;
}

#tracker-pupil-nav li.step-3, li.step-3, #evidence-tracker-pupil-nav li.step-3, td.step-3 {
background-color: yellow;
}

#tracker-pupil-nav li.step-4, li.step-4, #evidence-tracker-pupil-nav li.step-4, td.step-4 {
background-color: #9966ff;
}
 
 


#content-wrapper ul.matrix-menu-assessment li.spacer-left {margin-left: 40px;}
.large-button-list ul li {
background-color: yellow;
border: 1px solid #2d2d2d;
border-radius: 5px;
color: #2d2d2d;
display: inline-block;
display: table;
float: left;
height: 5em;
line-height: 12px;
margin: 5px;
padding: 10px;
text-align: center;
white-space: normal;
width: 100px;
}

.large-button-list ul li span {display: inline-block;vertical-align: middle;white-space: normal;}
.large-button-list ul li:hover {background-color: #85C6A1;cursor: pointer;}
.outer {background: rgba(0, 0, 0, 0.5);bottom: 0;clear: both;left: 0;pointer-events: none;position: fixed;right: 0;top: 0;z-index: 2052;}
.outer-side {background: rgba(0, 0, 0, 0.0);bottom: 0;left: 0;pointer-events: none;position: fixed;top: 0;width: 100%;z-index: 2050;}
.inner, .inner-no-away, .inner-scroll-buffer {
background: rgba(200, 200, 200, 1.0);
bottom: 20px;
color: #2d2d2d;
left: 20px;
overflow-x: hidden;
overflow-y: auto;
pointer-events: auto;
position: fixed;
right: 20px;
top: 20px;
}

.outer.level-2 {
z-index: 10009;
}

.inner.white, .inner-no-away.white {
background: rgba(255, 255, 255, 1.0);
}

#record-evidence-popup {
margin-left: 10px;
margin-right: 10px;
margin-top: 30px;
pointer-events: auto;
}

#pdf-print-holder {background: #efefef; height: 100%; overflow-y: scroll; position: absolute; right: 0; width: 100%;}
#pdf-print-holder {width: 100%;}
body.high-contrast .select-pupils-title.tracker-export {color: #fff !important;}
body.high-contrast #filter-hider-export .select-pupils-title.tracker-export {color: #222 !important;}
body.high-contrast #filter-hider-export .light-box {color: #222 !important;}
body.high-contrast #filter-hider-export .select-pupils-title{color: #222 !important;}
body.high-contrast .light-box {color: #fff !important;}
body.high-contrast #div-gran-3 ul li span {color: #fff !important;}
body.high-contrast #pdf-print-holder{ background: #4e4e4e !important; color: #fff !important;}
body.high-contrast h1, body.high-contrast h2, body.high-contrast h3, body.high-contrast h4, body.high-contrast h5, body.high-contrast h6{color: #fff !important;}
body.high-contrast .school-title h1, body.high-contrast h2.pupil-name-big{ color: #fff !important;}
body.high-contrast .comments-box{background-color: rgba(136, 136, 136, 0.38);}
body.high-contrast #tracker-div-gran-2 ul li{background-color: #7a7a7a !important;}
body.high-contrast .pdf-report-subject-levels-grid.next_step-mode{background-color: #7a7a7a !important;}
body.high-contrast #content-wrapper ul.chart, body.high-contrast ul.chart{background-color: #fff !important;}
body.high-contrast .header-data h4{color: #222 !important;}
body.high-contrast #div-gran-3 ul.steps-key li, body.high-contrast #tracker-div-gran-2 ul.steps-key li, body.high-contrast #expectations-div-gran-2 ul.steps-key li{ color: #fff !important;}
.x2 {
overflow: visible;
transform: scale(2, 2);
}

.closeX {
float: none;
pointer-events: auto;
position: fixed;
right: 12px;
text-align: center;
top: 12px;
width: auto;
z-index: 99;

}

.evidence-nb {
color: #fff;
float: none;
font-size: 12px;
 
padding-top: 4px;
position: fixed;
right: 27px;
text-align: right;
top: 39px;

z-index: 101;
}

.evidence-nb:hover {background: #B62E33;color: white;cursor: pointer;}
.btn, .btn-flat, .btn-action {pointer-events: auto;}
.btn-action.btn-flat{    background: #F8A185;}
.print-pdf {float: none;position: fixed;right: 112px;text-align: center;top: 32px;width: auto;}


/*
.inner .closeX a, .inner .print-pdf a {
background: #fff;
border: 1px solid #2d2d2d;
border: 1px solid rgba(33, 33, 33, 0.75);
border-radius: 5px;
color: #E65858;
font-size: 17px;
 
padding: 10px 15px;
text-decoration: none;

}

.inner .closeX a:hover, .inner .print-pdf a:hover {
background: #B62E33;
color: white;
}

*/

div.header-section {
background: #efefef none repeat scroll 0 0;
left: 240px;

position: fixed;
right: 0;
top: 62px;
transition: 0.5s;
z-index: 1031;
}

div.wideview {
left: 44px;
transition: 0.5s;
}

div.header-section-spacer {
height: 60px;
}

div.header-section-spacer-more {
height: 60px;
}

div.header-section-spacer-tracking {
height: 59px;
}

.main-header {
background-color: #ec973a;
clear: both;
color: #ffff;
display: inline-table;
font-family: "Raleway", sans-serif;
font-size: 15px;
padding: 12px;
text-align: left;
width: 100%;

}

/*centered menus */
.select-pupils-title.tracker-export {
color: #2d2d2d;
padding: 0px ;
}


.select-pupils-title.tracker-export .subject-btn.after-klasses {
  padding-right: 15px;
}

.select2-search__field::placeholder {
  color: #2d2d2d;
}

.col-flx-1-5 .select2-search__field {
  top: 9px;
  left: 5px;
}


/*.select-pupils-holder{  border: solid 1px #2d2d2d;  margin: 3px 5px 4px 11px;   padding: 8px 8px 8px 8px;   display: inline-block;    height: auto;}*/
.centeredmenu ul li.selected span {
background-color: #BFDFF6;
color: #fff;

}

.centeredmenu ul li.unselected span {
background-color: #fff;
border-bottom: none;
color: #2d2d2d;
}

.centeredmenu ul.practice-klass li.unselected span { background-color: #fffdb4;}

span.centered-menu-label {
float: left;
margin-left: -40px;
}

.centeredmenu {
float: left;
margin-top: 10px;
overflow: hidden;
/* background:#777;*/
/*background-color: rgba(72,72,72,0.3);*/
/*border-bottom:4px solid #000;*/
position: relative;
width: 100%;
}

.centeredmenu ul {
clear: left;
/*float:left;*/
list-style: none;
margin: 0;
padding: 0;
position: relative;
/*left: 50%;*/
text-align: center;
}

.centeredmenu ul li {
-webkit-box-shadow: none;
box-shadow: none;
display: block;
float: left;
list-style: none;
margin: 0;
/*right: 50%;*/
padding: 0; position: relative;
}

.centeredmenu ul li span {
background: #ffffff;
color: #777;
display: block;
line-height: 14px;
margin: 0 0 0 1px;
padding: 3px 3px;
text-decoration: none;

}

.centeredmenu ul li span:hover {
background: #369;
color: #fff;
}

/*.centeredmenu ul li:first-child span:hover { background:#fff;   color:#2d2d2d;}*/
#leveling-popup {
height: 100%;
margin-left: 25%;
margin-right: 25%;
margin-top: 80px;
text-align: center;
width: 50%;
}

#leveling-popup ul li {
background-color: #ffffff;
margin-bottom: 10px;
pointer-events: auto;
width: 100%;
}

#leveling-popup ul li span {
color: #222;
font-size: 14px;
}

#leveling-popup .level-notes {
background-color: #ffffff;
border-top: 1px solid #2d2d2d;
color: #2d2d2d;
font-size: 14px;
margin-top: 6px;
min-height: 2em;
padding: 8px;
text-align: left;
width: 100%;
}

#leveling-popup div.level-notes-indicator {
display: inline-block;
float: left;
height: 27px;
overflow: hidden;
width: 27px;
}

div.notes-holder {
margin-top: 7px;
}

div.level-step-greater, div.level-step-special, div.level-step-tagged-low, div.level-step-tagged-high {
background-color: #ffffff;
display: inline-flex;
height: 60px;
overflow: hidden;
width: 50px;
}
div.level-step-special { text-align: left;}
div.level-step-greater {text-align: right;}
div.level-step-special span{
border-bottom: 50px solid transparent;
border-right: 50px solid #dddddd;
border-top: 50px solid transparent;
height: 0; width: 0;
position: relative;
-ms-transform: translate(0px, 10px);
-webkit-transform: translate(0px, 10px);
transform: translate(0px, 10px);
}
div.level-step-tagged-low span{
    border-bottom: 50px solid transparent;
border-right: 50px solid #dddddd;
border-top: 50px solid transparent;
height: 0; width: 0;
position: relative;
-ms-transform: translate(0px, 10px);
-webkit-transform: translate(0px, 10px);
transform: translate(0px, 10px);
}
div.level-step-tagged-high span{
border-bottom: 50px solid transparent;
border-right: 50px solid #3399cc;
border-top: 50px solid transparent;
height: 0;
position: relative;
-ms-transform: translate(0px, -50px); /* IE 9 */
-webkit-transform: translate(0px, -50px); /* Safari */
transform: translate(0px, -50px);
width: 0;
}
div.notes-holder div.level-step-greater{ transform: translate(0px, 5px);}
div.notes-holder div.level-step-special{ transform: translate(0px, 30px);}

div.level-step-greater span {
border-bottom: 50px solid transparent;
border-right: 50px solid #3399cc;
border-top: 50px solid transparent;
height: 0;
position: relative;
-ms-transform: translate(0px, -50px); /* IE 9 */
-webkit-transform: translate(0px, -50px); /* Safari */
transform: translate(0px, -50px);
width: 0;
}

div.level-step-greater {
background-color: #fff;
}

div.level-step-special {
background-color: #fff;
}

div.level-step-greater:hover, div.level-step-special:hover, div.level-step-tagged-low:hover, div.level-step-tagged-high:hover {background-color: #BFDFF6;cursor: pointer;}

div.notes-title {
display: inline-block;
float: left;
width: 56%;
}

div.notes-title-left {
display: inline-block;
float: left;
width: 22%;
}
h3.level-note-pupil-name{text-align: center; font-size: 30px;   text-transform: uppercase;}
h4.level-note-subject{text-align: center; font-size: 16px;   font-style: italic;}
div.notes-title-left div:first-child, div.notes-title-right div:first-child {
text-align: center;
width: 100%;

}

div.notes-title-right {
display: inline-block;
float: left;
width: 22%;
}

#tracker-pupil-nav ul li.my-step, #evidence-tracker-pupil-nav ul li.my-step, #pupil-nav ul li.my-step, #pupil-nav-evidence ul li.my-evidence {
border-bottom: 0;
height: 25px;
margin-left: 38px;
width: 151px;
}

/*tracking report style*/
div.tracker-report-selected-pupils, div.tracker-export-selected-pupils {
background-color: #6699cc;
border: 1px solid #555;
color: #3366cc;
margin: 5px;
overflow: hidden;
padding: 4px;
width: auto;
}

div.tracker-report-selected-pupils span, div.tracker-export-selected-pupils span {
color: #fff;

}

div.tracker-report-pupil-list-box, div.tracker-export-pupil-list-box {
background-color: #ABC3E5;
border: 1px solid #2d2d2d;
display: none;
float: left;
height: auto;
margin: 10px 10px;
overflow: hidden;
width: 75%;
}

div.bottom-spacer {
height: 100px;

}

#tracker-report-pupil-nav ul li {
border: 1px solid #2d2d2d;
display: inline-block;
float: left;
height: 130px;
margin: 5px;
padding: 10px;
width: 80px;
}

#tracker-report-pupil-nav ul li:hover, #tracker-export-pupil-nav ul li:hover {
background-color: #F8A185;
color: #2d2d2d;
cursor: pointer;
}

#pupil-nav-evidence ul li.my-evidence {
width: 92px;
}

#leveling-popup .level-notes-indicator.level-step-1, #pupil-nav ul li.my-step.level-1 div, #pupil-nav-evidence ul li.my-evidence.level-1 div {
background-color: #ff5050;
height: 25px;
}

#leveling-popup .level-notes-indicator.level-step-2, #pupil-nav ul li.my-step.level-2 div, #pupil-nav-evidence ul li.my-evidence.level-2 div {
background-color: #ffad33;
height: 25px;
}

#leveling-popup .level-notes-indicator.level-step-3, #pupil-nav ul li.my-step.level-3 div, #pupil-nav-evidence ul li.my-evidence.level-3 div {
background-color: #2eb82e;
height: 25px;
}

#leveling-popup .level-notes-indicator.level-step-4000, #pupil-nav ul li.my-step.level-4000 div, #pupil-nav-evidence ul li.my-evidence.level-4000 div {
background-color: #eee !important;
color: #2d2d2d;
height: 25px;
overflow: hidden;
}

#leveling-popup .level-notes-indicator.level-step-4000 span, #pupil-nav ul li.my-step.level-4000 div span, #pupil-nav-evidence ul li.my-evidence.level-4000 div span {
border-bottom: 50px solid transparent;
border-right: 50px solid #dddddd;
border-top: 50px solid transparent;
float: right;
height: 0;
-ms-transform: translate(0px, 20px); /* IE 9 */
-webkit-transform: translate(0px, 20px); /* Safari */
transform: translate(0px, 20px);
width: 0;
}

#leveling-popup .level-notes-indicator {
background-color: #eee;
/*border-right: solid 8px #3399cc;*/
height: 25px;

}

#leveling-popup .level-notes-indicator.level-step-5000 span, #pupil-nav ul li.my-step.level-5000 div span, #pupil-nav-evidence ul li.my-evidence.level-5000 div span {
border-bottom: 50px solid transparent;
border-right: 50px solid #3399cc;
border-top: 50px solid transparent;
float: right;

height: 0;
-ms-transform: translate(0px, -50px); /* IE 9 */
-webkit-transform: translate(0px, -50px); /* Safari */
transform: translate(0px, -50px);
width: 0;
}

#leveling-popup ul li .level-notes-indicator.level-step-4000 span, #leveling-popup ul li .level-notes-indicator.level-step-5000 span {
color: #2d2d2d;
}

#leveling-popup .level-notes-indicator.level-step-above span, #pupil-nav ul li.my-step.level-above div span, #pupil-nav-evidence ul li.my-evidence.level-above div span {

/*border-right: 8px solid #9966ff !important;*/

border-bottom: 50px solid transparent;
border-right: 50px solid #9966ff;
border-top: 50px solid transparent;
height: 0;

-ms-transform: translate(0px, 20px); /* IE 9 */
-webkit-transform: translate(0px, 20px); /* Safari */
transform: translate(0px, 20px);
width: 0;
}

#leveling-popup .level-notes-indicator.level-step-below span, #pupil-nav ul li.my-step.level-below div span, #pupil-nav-evidence ul li.my-evidence.level-below div span {

/*border-left: 8px solid #993300 !important;*/
border-bottom: 50px solid transparent;
border-left: 50px solid #993300;
border-top: 50px solid transparent;
height: 0;

-ms-transform: translate(0px, 20px); /* IE 9 */
-webkit-transform: translate(0px, 20px); /* Safari */
transform: translate(0px, 20px);
width: 0;
}

#leveling-popup .leveler-edit-button, #leveling-popup .leveler-delete-button {

}

#litebox-3 #leveling-popup {border-bottom: 5px solid #7e7d85; height: 100%; margin-bottom: 5px; margin-top: 5px; overflow-x: hidden; overflow-y: auto;padding-top: 100px; position: relative; }

.notes-holder {
clear: both;
display: block;
height: 100%;
margin-bottom: 5px;
margin-right: 0px;
pointer-events: auto;
position: relative;
}

.notes-holder li {
  border: none !important;
}

.static-header {
  background: transparent;  
  height: auto; 
  z-index: 9003; 
  border-radius: 0px; 
  padding: 20px; 
  margin: 10px 25px 10px;
}

#leveling-popup .leveler-delete-button {

}

.ui-dialog {
z-index: 10001 !important;
}

div.pupil-stats, div.pupil-filters {
clear: both;
display: none;
margin-bottom: 2px;
margin-top: 3px;
padding: 9px 10px 9px 10px;
}
div.pupil-stats.sticky{z-index: 999; padding: 4px; top: 60px; left: 40px;}
#content-wrapper ul.assessment_year {
margin-bottom: 10px;
margin-top: 10px;
}

div.pupil-stats > span, div.pupil-filters > span {
clear: both;
font-size: 16px;
height: 40px;
margin: 0 !important;
}

div.pupil-details {
font-size: 10px;
margin-left: 0px;
padding: 3px 0px 0px 0px;
white-space: normal;
width: 100%;
}

#pupil-nav li.pupil-details {
height: 40px;
padding-top: 2px;
}

#pupil-nav li.pupil-avatar-name {
white-space: normal;
}

#pupil-nav li.pupil-avatar-name span.pupil-name.baselined {border-top: solid 3px #8885c0;}

#pupil-nav li.pupil-avatar-name span.pupil-name {
height: 2em; overflow: hidden; padding-right: 3px; white-space: nowrap; width: 120px;
}

div.pupil-details-holder-expectations {display: inline-block; margin-left: 12px; vertical-align: top; width: 160px; }

#pupil-nav ul.pupil_filter_header li, #expectations-pupil-nav ul.pupil_filter_header li {
border:none;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 24px;
overflow: hidden;;
text-align: center !important;
width: 100%;
background-color: transparent;
border-radius: 20px;
}

/* .pupil-notes-btn {background: none; color: #F8A185; font-size: 14px !important;   line-height: 9px; text-decoration: underline;} 

.pupil-notes-btn.has-note { color: #F8A185;  }

.pupil-notes-btn.has-next-steps { color: #F8A185;  }

.pupil-notes-btn:hover {color: #F8A185;}*/

div.pupil-stats ul li, div.pupil-filters ul li {
float: left;
}
.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    z-index: 2999 !important;
}
tr.table-titles.sticky{ background: rgb(248,244,240); position: -webkit-sticky; position: sticky; top: 62px; z-index: 2009;}
/*

div.add-record-box {border: 1px solid #efefef; border-radius: 14px; color: #fefefe; font-size: 17px;line-height: 28px; padding: 8px;}

div.add-record-box:hover {background-color: #F49B00; cursor: pointer;} */

div.add-record-box i {font-size: 28px;}

div.pupil-stats ul li span, div.pupil-filters ul li a {
padding-left: 15px;
padding-right: 15px;
}

.expectations-teacher-explained {display: inline-block; font-size: 1.25em; margin-left: 40px; padding: 5px; vertical-align: top;}

#litebox-2-report div.pupil-stats ul li, #litebox-2-export div.pupil-stats ul li, #litebox-2-expectations div.pupil-stats ul li,
#litebox-1 div.pupil-stats ul li, #litebox-1-next_steps div.pupil-stats ul li, #litebox-2 div.pupil-stats ul li,
#litebox-3 div.pupil-stats ul li, #litebox-4 div.pupil-stats ul li, #litebox-2-report-analytics div.pupil-stats ul li,
#litebox-1 div.pupil-filters ul li, #litebox-2 div.pupil-filters ul li, #litebox-3 div.pupil-filters ul li, #litebox-4 div.pupil-filters ul li {
padding-left: 15px;
padding-right: 15px;
}

/*div.pupil-stats ul li.unselected, div.pupil-stats ul li.selected, div.pupil-filters ul li.unselected, div.pupil-filters ul li.selected{ cursor: pointer;}*/

/*div.pupil-stats ul li.selected, div.pupil-stats ul li.unselected:hover{ background-color: #BFDFF6;}*/
div.pupil-stats ul li.selected:hover {
background-color: #BFDFF6;
color: #555;
}

div.pupil-stats ul li.unselected {
background: #2d2d2d;
}

.dark-box {
background-color: #2d2d2d;
color: #fefefe;
}

.light-box {
background-color: #efefef;
color: #2d2d2d;
}

.filter-bng {

height: 40px;
padding: 5px 12px;
}

/*responsive tweaks*/
@media (min-width: 200px) and (max-width: 600px) {
#pupil-nav, #tracker-pupil-nav, #evidence-tracker-pupil-nav {
width: 188px;
}

#div-gran-3 ul li, #div-gran-4 ul li, #tracker-div-gran-2 ul li {
/* width: 120px; */
width: auto;
}

#tracker-div-gran-2 ul li:nth-child(2) span, #div-gran-3 ul li:nth-child(2) span, #div-gran-4 ul li:nth-child(2) span {
font-size: 10px;

}

ul#klasses li, ul#tracker-klasses li, ul#tracker-assessment_year_select li, ul#assessment_year_select li, ul#assessment_subject_select li {
background-color: transparent;
cursor: pointer;
font-size: 15px;
height: auto;
min-width: 80px;
width: auto;
}
}

/* update for record edit where subjects select subjects from assessment list/ Subject Tags list [rod m] */
#wrap-framework_modules label input[type=checkbox] {
display: none;
visibility: hidden;
}

#wrap-framework_modules label {
border-radius: 4px;
cursor: pointer;
height: 30px;
margin: 0;
padding: 5px 5px;
text-align: left;
width: 100%;
}

#wrap-framework_modules label:hover {
background: #DFDFDF;
color: #fff;
}

#wrap-framework_modules label span {
display: inline-block;
line-height: 12px;
padding: 0 0 0 12px;
vertical-align: middle;
}

#wrap-framework_modules label.selected {
background: #f3aa41;
color: #fff;
}

#wrap-dummy-subjects label input[type=checkbox], #wrap-subject-framework label input[type=checkbox] {
display: none;
visibility: hidden;
}

#wrap-dummy-subjects label, #wrap-subject-framework label {
border-radius: 0px;
cursor: pointer;
display: block;
height: auto;
margin: 0;
min-height: 30px;
min-width: 195px;
padding: 10px !important;  
position: relative;
text-align: left;
width: 100%;

}

#wrap-dummy-subjects label:hover, #wrap-subject-framework label:hover {
background: #FEC983;
color: #fff;
}

#wrap-dummy-subjects label span, #wrap-subject-framework label span {
display: inline-block;
line-height: 12px;
padding: 0 0 0 12px;
vertical-align: middle;
}

#wrap-dummy-subjects label.selected, #wrap-subject-framework label.selected {
background: #FEC983;
color: #fff;

}

#wrap-dummy-subjects ul {
display: block; margin-top: 0;
position: relative;
}

label.select-subjects {
background: #DFDFDF;
border-radius: 4px;
color: #fff;
cursor: pointer;
padding: 12px 15px;
text-align: left;
width: 100%;
}

.subjects-box label:hover, label.select-subjects.selected {
background: #f3aa41 none repeat scroll 0 0;
}

div.add-another-subject {
clear: both;
display: inline-block;
max-height: 448px;
overflow-x: auto;
overflow-y: auto;
}

#add-more-subjects {

}

.framework-extra-list, .first-framework { margin-bottom: 12px; margin-top: 12px;}

/* assessment_picker */
a.btn-action.btn-flat.assessment-picker, a.btn-action.btn-flat.assessment-picker-active {
background: #DFDFDF;
border-color: #2d2d2d #777 #2d2d2d;
margin-right: 8px;
margin-top: 8px;
}

a.btn-action.btn-flat.assessment-picker.selected, a.btn-action.btn-flat.assessment-picker-active.selected {
background: #f3aa41;
border-color: #f19a1f #f19a1f #e38b0e;
clear: both;
display: block;
max-width: 100%;
}

.framework_nav.is-active {
background: #ffffff; 
clear: both;
display: block;
height: auto; 
margin-bottom: 16px; margin-top: 15px; overflow: auto; padding: 20px; width: 100%;
border-radius: 10px;

}

.framework_nav.is-active div { display: block; overflow: auto;}

div#add-more-subjects ul {
padding-left: 1px;
}

.back-arrow.from-nextsteps { display: none; font-size: 56px;}

.back-arrow.from-nextsteps:hover {color: #000000; cursor: pointer;}

/* end update for record edit where subjects select subjects from assessment list/ Subject Tags list [rod m] */
/*grid grid-gran-4-gran-5*/
#grid-gran-4-gran-5 {
min-height: 500px;
min-width: 640px;
}

#grid-gran-4-gran-5 ul li {
float: left;
height: 75px;
width: 980px;

}

#grid-gran-4-gran-5 ul li ul li {
background-color: #efefef;
border: 1px solid #2d2d2d;
float: left;
height: 75px;
padding: 4px;
text-align: center;
width: 100px;
}

#grid-gran-4-gran-5 ul li ul li:first-child {
background-color: #ddd;
text-align: left;
width: 350px;
}

#grid-gran-4-gran-5 ul li:first-child ul li:first-child {
background-color: #a3a3a3;
color: #2d2d2d;
font-size: 24px;
}

#grid-gran-4-gran-5 ul li ul li.even {
background-color: #a3a3a3;

}

#grid-gran-4-gran-5 ul li ul li.odd {
background-color: #DFDFDF;

}

#content-wrapper ul.matrix-menu-assessment li.export-analyse-menu-item {
display: none;
}

div.show-me-score {display: flex;
  width: auto;
  justify-content: space-between !important;
}

.show-me-score span {
}

/*span.record-count, span.mastered-count{width:100%;height:100%; font-size: 14px !important; }*/
span.record-count:hover, span.mastered-count:hover {
background-color: rgba(0, 0, 0, 0.1);
color: #BFDFF5;
pointer: cursor;
}

.new-filter-holder {
background-color: #fff;
box-shadow: 0 0 7px rgba(0, 0, 0, .2);
border: none;
border-radius: 15px;
left: 50%;
padding: 12px;
position: fixed;
top: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);
z-index: 9999;
}
 

/*table.analytic-export-data tbody > tr > td{ line-height: }*/
div.table-meta-data { display: inline-block; float: left; height: auto; margin-top: 10px; overflow: visible;}

span.table-meta-data { color: #538DD5; display: inline-block; font-size: 20px;   line-height: 38px; margin-left: 20px; padding: 0px; }

.analytic-export-data > thead > tr > th, .analytic-export-data > tbody > tr > th, .analytic-export-data > tfoot > tr > th, .analytic-export-data > thead > tr > td, .analytic-export-data > tbody > tr > td, .analytic-export-data > tfoot > tr > td { padding: 4px; }

.analytic-export-data tr th, .analytic-export-data tr td {text-align: center; vertical-align: middle; }

.analytic-export-data tr.table-titles th {padding: 1px 10px;}
.year-column{ max-width: 110px !important; width: 110px !important;}
.analytic-export-data { clear: both; width: auto; }

.panel-body-table {overflow-x: scroll; width: 100%;}

.analytic-export-data tr th.terms-fixed-wider { max-width: 250px; min-width: 70px; width: max-content;}

.analytic-export-data tr th.terms-fixed-wider.shrinked { width: 180px;}
.table > thead > tr > th{vertical-align: middle;}
.analytic-export-data tr.table-titles th span {line-height: 17px;display: inline-block; width: 90px;overflow: hidden;padding: 1px;text-align: center;white-space: normal;}
.term-count-6.analytic-export-data tr.table-titles th span {width: 60px;}
.analytic-export-data tr.table-titles th span.nowrap{white-space: nowrap; font-size: 13px; min-width: 56px; max-width: 85px;}
/* test score entry table*/
.analytic-export-data.test-score-entry tr.table-titles th span { font-size: 12.5px; max-width: 85px;}

.analytic-export-data.test-score-entry tr.table-titles th.test-score-sub-header span {font-size: 1em;}

.analytic-export-data.test-score-entry tr th.col-1, .analytic-export-data.test-score-entry tr td.col-1 {text-align: left;}

td.score-td-0, .analytic-export-data tr.table-titles th.score-td-0 {border-left: 3px solid #222;}

.analytic-export-data tr td span {clear: left; line-height: 50px; max-width: 90px; width: auto; overflow: hidden; white-space: normal; display: inline-block;}
.term-count-6.analytic-export-data tr td span { max-width: 60px;}
.term-count-6.analytic-export-data tr td span.subject-column, .analytic-export-data tr td span.subject-column { max-width: none; width: auto;}
.analytic-export-data tr td.subject-column span{line-height: normal; }

.analytic-export-data tr td.gran-level-3 span {color: #fff; font-size: 1.2em; }

.analytic-export-data tr td.gran-level-4 span {color: #fff; font-size: 1.1em;  }

.analytic-export-data tr td.gran-level-5 span {color: #fff; font-size: 1.0em;  }

.analytic-export-data tr td.gran-level-6 span {color: #2d2d2d; font-size: 0.9em;   line-height: normal;}

.analytic-export-data tr td.left, .analytic-export-data-scroller tr td.left {padding-left: 8px; text-align: left;}

.analytic-export-data tr td.subject-column, .analytic-export-data-scroller tr td.subject-column { }

/*.analytic-export-data tr th.surname-column, .analytic-export-data-scroller tr th.surname-column, .analytic-export-data tr th.firstname-column, .analytic-export-data-scroller tr th.firstname-column { max-width: 100px; width: 100px;}
*/
.analytic-export-data tbody {

}

.test-score-title {color: #121212; font-size: 2.2em;  }

.test-score-header {color: #00b3ee; font-size: 1.3em;  }

.test-score-sub-header {font-size: 1.8em;  }

.pupil-related {display: none;}

input.expectation-pct-input, input.expectation-score-input, input.year-end-score-input, input.expectation-annual-score-input {text-align: center;width: 89px;}

.export-table-header { font-size: 18px;  }



.export-table-header.scoring { margin-right: 18px; text-align: left;}

body .export-table-header {
  margin: 0 0 10px !important;
  width: 100%;
  display: block;
  text-align: center !important;
  font-size: 1.2em;
}



th.framework-total { background-color: #2d2d2d !important;}
th.framework-total .export-table-header{ text-transform: uppercase; color: white;}
.analytic-export-data tr td.cohort-data, .analytic-export-data-scroller tr td.cohort-data { width: 64px;}

.analytic-export-data tr td.core-data, .analytic-export-data-scroller tr td.core-data { font-size: 1.2em; max-width: 79px;}

.analytic-export-data tr td.zeroes { text-indent: -9999px; }

.analytic-export-data tr td.calculated-data { font-size: 1.2em;   width: 90px;}

.analytic-export-data tr td.user-edited-this input, .btn.btn-flat.user-edited-this, div.user-edited-this { background-color: #FDF5A4; border: 2px solid #c7c17c; }
.no-last-year{border: 2px solid #676767}

.analytic-export-data tr td.based-on-last-year input, div.based-on-last-year{background-color: #d3f5f5;border: 2px solid #fff;}
.analytic-export-data tr td.uplift-set-by-school input, div.uplift-set-by-school{background-color: #eaace9;border: 2px solid #fff;}
.apply-improvements-popup {background: #fefefe; border-radius: 14px; display: none; height: auto; left: 50%; margin-left: -355px; margin-top: -70px; padding: 15px; position: fixed; top: 50%; width: 710px; z-index: 19200;}

a.forecast-key-popup-btn i{font-size: 2em;color: #41cceb;}

body .forecast-key-popup .close-me {position: absolute;
  background: transparent  url(../../icons/icon-close.svg) no-repeat 0 center / contain;
  right: 5px;
  top: 5px;
  z-index: 11999;
width: 30px;
height: 30px;}

.forecast-key-popup{display: none;border: 2px solid #fff; position: absolute;right: 3px;top: 0;width: 366px;background: #efefef;z-index: 19999; padding: 15px; border-radius: 20px;}
.expectation-yee-popup.forecast-key-popup{left: 13px;}
forecast-key-popup
.forecast-key-popup .row {
  margin-bottom: 12px;
 }
.forecast-key-popup .row:after {
    display: none;
  }

.forecast-key-popup p, .forecast-key-popup h5{text-align: left;}
.apply-improvements-popup li, .apply-improvements-popup li span { width: 100%;}
.apply-improvements-popup li .btn.btn-pink, .apply-improvements-popup li .btn.btn-pink:hover{background-color: #eaace9; color: #333;}
.apply-improvements-popup li.selected .btn.btn-pink, .apply-improvements-popup li.selected .btn.btn-pink:hover{background-color: #eaace9; color: #333; border: 2px solid #222;}
.apply-improvements-popup li.selected .btn.btn-yellow, .apply-improvements-popup li.selected .btn.btn-yellow:hover{background-color: #FDF5A4 !important; color: #333; border: 2px solid #222;}
.apply-improvements-popup li .btn.btn-yellow, .apply-improvements-popup li .btn.btn-yellow:hover{background-color: #FDF5A4 !important; color: #333;}
.apply-improvements-popup .btn {font-size: 16px;}

.theme-default .btn-primary, .theme-default .btn-primary:focus {background: #16689e; background-image: linear-gradient(to bottom, #16689e 0%, #16689e 100%); border-color: #16689e; }

.generate-report {font-size: 16px !important; margin: 12px 12px;}

.year-selector { display: block; float: right; height: 100%; margin-right: 12px; text-align: right; width: 30%; }

.year-selector {color: #2d2d2d;}
.table-bordered {
  border: none !important; border-top: #DFDFDF 1px solid !important;
}

.analytic-export-data tr.section-header th { border:none !important; border-left: #000 1px solid !important;}
.analytic-export-data tr.section-header.summary-topics th.subject-group-header { background-color: #F7BDCB;}

.analytic-export-data tr.table-titles th {  position: relative;font-size: 1rem;}



div.sticky-footer { position: fixed; top: 150px;}

div.sticky {position: -webkit-sticky; /* Safari */ position: sticky; top: 0;}

span.pupil-name { font-size: 1.1rem; }

.analytic-export-data tr td.gran-level-2 { padding-left: 1px;}

.analytic-export-data tr td.gran-level-3 {padding-left: 4px;}

.analytic-export-data tr td.gran-level-4 {padding-left: 7px;}

.analytic-export-data tr td.gran-level-5 {padding-left: 10px;}

.analytic-export-data tr td.gran-level-6 { padding-left: 13px;}

.panel.edit-custom-text-popup { background-color: #ffffff; border: 1px solid #2d2d2d; color: #2d2d2d; padding: 0px; position: absolute; width: auto; z-index: 9001;}

/*.panel.edit-custom-text-popup textarea{ border: none;}*/
.ui-tooltip-content, .tooltip-content {
font-size: 15px;
min-width: 200px; text-transform: none !important; width: auto;
}

.ui-tooltip, .tooltip {
max-width: 900px;
min-width: 150px; text-transform: none !important; width: auto;
}

li.translation-score-picker {background-color: #FDF5A4; border: 1px solid #6586c3; color: #2d2d2d; display: block; font-size: 14px;   margin-bottom: 4px; padding: 4px; text-align: left;}

.pupil-note-edit-help {color: #DF6F78; font-size: 1em; text-align: center;   width:100%;padding: 10px;}
.data-layer-setup-box{position: relative; display: inline-block;}
.data-layer-setup-box div.popup-box{z-index: 9999; position: absolute; left: 80px; top: 0; display: none; }
#content-wrapper .data-layer-setup-box div.popup-box ul li{padding: 10px !important; white-space: nowrap; clear: both; background-color: rgba(255, 255, 255, 0.91); border: 1px solid #777;}
div.popup-box ul li input{margin-right: 5px;}
#individual-export-button{position: fixed; right: 10px; bottom: 10px; z-index: 3100;}