/*   ASSESSMENT MODULE -NICK 05-06-16   ***********************************************************************************************/

/* remove elements */


#main-wrapper.assessment-module {
  padding-top: 62px;
}

#main-wrapper.assessment-module .navbar {
  z-index: 1000;
  background: #f8f4f0;
  border-radius: 0;
  padding: 7px 25px 6px;
  position: fixed;
  width: 100%; height: 64px;
  left: 0;
  top: 0;
}

#main-wrapper.assessment-module #main-menu { 
  margin: 80px 0 0 30px;

}

#main-wrapper.assessment-module .pink { color: #2d2d2d; }

#main-wrapper.assessment-module hr {
  margin-top: 2px;
  margin-bottom: 4px;
  border-top: 1px solid #fff;
  opacity: 0.5;
}

.help-icon.ff-help {
  margin-right: 7px !important;
  padding: 7px 10px 0 22px;
}
button.btn.btn-clear, button.btn.btn-success{ background: #72b172; color: #fff;}
.fm-message-box {
	border-radius: 15px;
	padding: 10px 25px;
	color: #2d2d2d;
	background-color: rgba(255,255,255,0.4);
  font-size: 1rem;
  line-height: 1.2rem;
  margin-bottom: 30px;
}

.selects-row {
	display: flex;

}

.selects-row select {
	margin-right: 1.5%;
}

li.pupil-avatar.selected .pupil-name{color: white; }
.assessment-module div.header-section {
background:transparent;
left: 0;
right: 0;
top: 0;
}
a.btn.refresh.admin-msg-btn.baseline-scores-set.tracking{background: #444; color: #fff;}
button.btn-baseline-term{background: #8885c0; color: #fff; position: absolute; left:0; top: 0 ; right:0;bottom:0; font-size: 11px; 
  padding: 3px; border-radius: 10px;margin-bottom: 0 !important; 
  min-height: 40px;
  height: 40px;}

#main-wrapper.assessment-module a { -webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s; margin-right: 1.5%; }
 
#main-wrapper.assessment-module .inner .btn-flat { 
  background-color: #ccc;}

#main-wrapper.assessment-module .inner .btn-flat:hover { 
  background-color:  #F8A185;}



/* header */
div.header-section {
background: #efefef none repeat scroll 0 0;
left: 240px;
position: relative;
right: 0;
top: 62px;
transition: all 0.5s ease 0s;
z-index: 100;

}


.assessment-back a {
 
}

.assessment-back {
 
}

.assessment-back a {
 
}

.assessment-back a:hover {
 
}

.assessment-back i {
 
}

.framework-header {
width: 100%;
min-height: 58px;
padding: 6px;
background: none;
border-radius: 30px;
margin-bottom: 20px;
}

.framework-header .help-icon-only {
  margin: 0 10px;
}
 
.select2-container-multi .select2-choices .select2-search-field input {
  background: #fff !important;
  border: 0;
  color: #2d2d2d !important;
  font-size: 1em;
  line-height: 1.2em;
  margin-top: 0;
  padding: 6px 12px;
  outline: 0;
  max-width: 450px;
}

.framework-header .flex-vert-center { flex:0 0 80%; align-items: center;}

.framework-header .btn-expand-only {margin: 0 0 0 10px;}

.framework-header h4 {
margin-left: 15px;
}


.header-assess {
	background: #F7BDCB;
}

.header-track {
	background: #C9B8DA;
}

.header-report {
background: #BFDFF5;
}

.header-data {
background: rgba(253, 245, 164, 0.97);
}

.header-analytics {
background: #85C6A1;
}

.screen-type {
font-size: 32px;
color: #fefefe;
}

.screen-type.meta-info {
font-size: 1.3rem;
display: inline-block;
text-transform: none;
}

.assessment-title.tracker-export {
color: #538DD5 !important;

}

.expectations-toggle, div.current-year-key .report, .export-toggle {
display: inline-block;
float: none;
line-height: 50px;
width: auto;
}

.expectations-toggle, .export-toggle {
margin-left: 30px;
margin-top: 10px;
margin-bottom: 10px;
}

.expectations-toggle a, .export-toggle a {
display: block;
height: 52px;
font-size: 23px;
text-align: center;
border-radius: 10px;
color: #fff;
text-transform: uppercase;
background: #955FC0;
border: solid 2px #fff;
padding: 0 18px 2px 18px;
}

.export-toggle a { background: #bfc8eb;}

.export-toggle.selected a, button.selected { background: rgba(62, 79, 161, 0.78);}
.table-striped > tbody > tr.selected:nth-of-type(2n+1){background-color: #b2ebf5;}
.table-striped > tbody > tr.selected{background-color: #a4d0d9;}
.expectations-toggle a i {
color: #fff;
height: 50px;
line-height: 50px;
font-size: 1.2rem;
}

.expectations-toggle a.single-grid {
background: #c15780;
}

.expectations-toggle.next_steps a {background: #85C6A1;}

.expectations-toggle.leveler a {background: #E02857;}

.expectations-toggle.baseline-fix a {background: #0d0205;}

div.back-to-summary {
display: none;
}



#content-wrapper ul.matrix-menu-assessment {
display: flex;
margin: 0;
padding: 0 0px;
width: 100%;
justify-content: space-between;
background: transparent;
}

#content-wrapper ul.matrix-menu-assessment li {
display: block;
text-align: center;
padding: 0;
margin-right: 0;
background: none;
}
.dropdown-assessment.year-selector-dropdown {
  flex: 0 0 8%;
}

#content-wrapper div.reset-filters, #content-wrapper div.assess-date-box { display: inline-block; float: right; padding-right: 18px;}

#tracker-export-klasses-practice_holder, #klasses-practice_holder, #tracker-klasses-practice_holder, .reset-filters a, reset-filters div,
#content-wrapper div.assess-date-box {float: right; margin-right: 10px; width: auto; padding: 0;}

.pupil-group-holders-all {width: 100%; padding-right: 200px; }

#content-wrapper div.reset-filters a { margin-top: 14px; height: 55px; }

.btn-assess-reset.tooltip-info {border-radius: 12px; background: rgba(0, 0, 0, 0.16); padding: 5px 7px; display: inline-block;}

#content-wrapper div.reset-filters a { background: rgba(0, 0, 0, 0.16);}

#content-wrapper div.reset-filters a:hover { background: rgba(0, 0, 0, 0.36);}


#content-wrapper ul.matrix-menu-assessment li.top-button-long {
flex: 0 0 12%;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder {
  flex: 0 0 25% !important;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder select {
  background-color: #C5D7E3 !important;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a {
	width: 95%;
}
ul.menu-report, div.dropdown-assessment-content a {
width: auto;line-height: 1.2em;
}

td.subject-column, th.subject-column { width: 160px;}

td.surname-column, th.surname-column {width: 64px;}

td.firstname-column, th.firstname-column {width: 60px;}

li.top-button-long a.btn-icon { padding-left: 45px; }

li.top-button-long .btn { line-height: 1em; }

.top-button-long.change-framework-holder .btn { line-height: 1.2em; }


#content-wrapper ul.matrix-menu-assessment li.top-button-long a i {
display: inline-block;
height: 50px;
color: #fff;
line-height: 50px;
padding: 0 10px 0 16px;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a span, div.dropdown-assessment-content a span{
display: block;
  height: auto;
  color: #2d2d2d;
  padding: 0;
  font-size: 1rem;
  text-decoration: none;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-assess-analytics span, #content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-assess-analytics i {
color: #538DD5;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-assess-report span, #content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-assess-report i {
color: #ffffff;
}

#content-wrapper ul.matrix-menu-assessment li.spacer-left {
margin-left: 20px;width: 20px; min-width: 20px;
}

#content-wrapper ul.matrix-menu-assessment li.spacer-right {
margin-right: 40px;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-filter {
background: #bbb;
cursor: pointer;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-reset {
background: #bbb;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-help {
background: #bbb;
display: none;
}

#content-wrapper ul.matrix-menu-assessment a:hover {
background: #F8A185;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-snapshot {
background: #19BB9B;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-snapshot:hover {
background: #149F85;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-report {
background: #BFDFF5;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-report-analytics {background: #85C6A1;}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-assess-report-analytics span, #content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-assess-report-analytics i {
color: #5e99b2;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-report-analytics:hover {
background: #77b68f; color: #ffffff !important;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-report:hover {
background: #92BCCC;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-analytics {
background: rgba(230, 230, 36, 0.79);

}

#content-wrapper ul.matrix-menu-assessment .btn-assess-analytics:hover {
background: #cbc829;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-export {
background: rgba(204, 0, 102, 0.79);
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-export:hover {
background: rgba(186, 7, 96, 0.9);
}


#content-wrapper ul.matrix-menu-assessment .btn-assess-assess.green-bng {
background: rgba(12, 186, 12, 0.85) none repeat scroll 0 0;
}
#content-wrapper ul.matrix-menu-assessment .tag-n-track, #content-wrapper ul.matrix-menu-assessment .tag-n-track:hover {
background: #e0dedd !important;

}

#content-wrapper ul.matrix-menu-assessment .tag-n-track span, #content-wrapper ul.matrix-menu-assessment .tag-n-track i { color: #aeabb4 !important;}

#content-wrapper ul.matrix-menu-assessment .btn-assess-assess:hover {
background: #BE3F55;
}
#content-wrapper ul.matrix-menu-assessment .btn-assess-assess.green-bng:hover {
background: #079a39;
}
h3.tag-n-track { padding-left: 8px;}

#content-wrapper ul.matrix-menu-assessment .btn-assess-track {
background: #955FC0;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-track:hover {
background: #884BB5;
}

#content-wrapper ul.matrix-menu-assessment .btn-year {
background: #DFDFDF;
}

#content-wrapper ul.matrix-menu-assessment .btn-set-year, .btn-set-year {
background: #DFDFDF;
  display: block;
  padding: 10px;
  border-radius: 30px;
  margin: 0 0 10px;
  text-decoration: none;
}

#content-wrapper ul.matrix-menu-assessment .btn-set-year.selected, .btn-set-year.selected {
background: #F8A185;
}

#content-wrapper ul.matrix-menu-assessment .btn-set-year:hover, .btn-set-year:hover  {
background: #F8A185;
}
.select-pupils-holder {
display: inline-block; float: left;
max-height: none;
overflow: visible;
}

ul#klasses li, ul#leveling-assessment_group_select li, ul#tracker-klasses li, ul#tracker-assessment_year_select li, ul#tracker-assessment_group_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_group_select li, ul#expectations-assessment_subject_select li {
font-size: 0.9rem;
height: auto;
min-width: 18px;
}

.centeredmenu-xyz ul li span {
background: #fff;
line-height: 27px;
margin: 0 0 0 8px;
padding: 1px 7px;
border-radius: 6px;
font-size: 0.9rem;
max-width: 330px;
max-height: 30px;
overflow: hidden;
}

.centeredmenu ul li span {
margin: 0 0 0 5px;
padding: 10px 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{ border: none; margin-top: 0;  line-height: 10px;
font-size: 12px;
 height: 30px;
 border-radius: 20px;
 padding: 6px 7px 0 !important;
}

.centeredmenu ul li span.select2-selection__choice__display,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #85C6A1;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display: none;}

.select2-container--default .select2-selection--multiple{ border: none !important; padding: 0px;border-radius: 20px;}

.centeredmenu ul li span.select2-selection__choice__display{padding: 4px 6px;}

.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-bottom: 0;margin-top: 5px;}

.select2-container--open .select2-dropdown--below{min-width: 180px;}

.select2-container--default .select2-results__option--selected{background-color: #64d658;}

.select2-container--default .select2-search--inline .select2-search__field{color: #ffffff; }

.tracker-export .select2-container--default .select2-search--inline .select2-search__field {
	color: #333; 
  font-size: 1rem;
  line-height: normal;
  background: #fff;
  padding: 8px !important;
  min-height: 36px;
}

ul.assessment_year {
	display: table;
border-collapse: separate;
border-spacing: 4px;
}

.centeredmenu ul.assessment_year li span {
width: auto;
  height: 38px;
  display: table-cell;
  vertical-align: middle;
  margin-left: 10px;
  padding: 0 15px;
  border-radius: 50px;
  font-size: 0.9rem;
}

.centeredmenu ul li span:hover {
background: #F8A185 !important;
color: #fff !important;
} 

.centeredmenu ul li.unselected span { color: #2d2d2d; }
.centeredmenu ul li.practice-klass-btn.unselected span { background: #f5f0a1; }

div.pupil-stats ul li, div.pupil-filters ul li {
display: inline-block;
float: none;
text-transform: uppercase;
color: #2d2d2d;
}
.select2-container{background: transparent; min-width: 100% !important; height:auto; border-radius: 0;}
div.pupil-stats ul {
padding: 0 !important;
}
.select2-container .select2-search--inline .select2-search__field {
  height: 29px;
  margin: 0;
  min-height: 0px;
  padding: 0 !important;
}

.select2-search::after,
.select2-container .select2-search--inline .select2-search__field::after {
  display: none !important;
}

div.pupil-stats, div.pupil-filters {
clear: both;
display: none;
margin-bottom: 2px;
margin-top: 0;
padding: 5px 10px;
}

#content-wrapper ul.assessment_year {
margin-bottom: 0;
margin-top: 0;
}

.centeredmenu {
padding: 20px 40px;
float: left;
overflow: visible;
position: relative;
width: 100%;
margin:0 0 20px;
border-radius: 20px;
z-index: auto;
}
.dropdown-assessment-content .btn.btn-icon.selected{background: #3399ff; }
.dropdown-assessment-content .btn.btn-icon.selected span.year-label{ color: #fff;}
.centeredmenu input, .centeredmenu select {
  min-height: 38px !important;
  margin-bottom: 8px;
}


.centeredmenu .input-group.date::before { 
  width: 30px;
  height: 30px; 
  margin-top: -19px;
}

.tracker-export-pupil-nav {
	margin-bottom: 20px;
}

.centeredmenu.tracking-export {
max-height: none;
}

#filter-hider-1.centeredmenu {
background: #DFDFDF;
}

#filter-hider-expectations.centeredmenu {
background: #DFDFDF;
}

.dusky-dark-pink {
background: #DFDFDF;
}

#leveler-centeredmenu.centeredmenu {
position: relative;
background: #F7BDCB;
border-radius: 20px;
}
#filter-hider-leveler-tracking.centeredmenu { background: #C9B8DA;}
#filter-hider-report.centeredmenu { background: #BFDFF5;}
#filter-hider-report-analytics.centeredmenu { background: #85C6A1;}
#filter-hider-export.centeredmenu { background: rgba(253, 245, 164, 0.97);}
body.high-contrast .select-2.subject-btn, body.high-contrast .select2-container--default .select2-selection--multiple{background: #433e3e !important;}
body.high-contrast #main-wrapper.assessment-module .navbar{background: rgba(80, 80, 80, 0.86);}

body.high-contrast #div-gran-3 ul li{background: #7a7a7a; color: #fff !important;}
#leveler-centeredmenu.centeredmenu.green-bng {
background: #85C6A1;
}

#leveler-centeredmenu .back-to-assess {
  width: 100%;
  margin: 0 0 20px;
}

#leveler-centeredmenu.centeredmenu.green-bng .back-to-assess {
 display: block !important;
}
 

#leveler-centeredmenu.centeredmenu.green-bng label {
 color: #fff !important;
}

#leveler-centeredmenu.centeredmenu.greyout {
background: #322e2e; color: #fff !important;
}

#leveler-next_steps-centeredmenu.centeredmenu {
background:#DFDFDF;
}




#filter-hider-1.centeredmenu ul li span {
color: #2d2d2d; 
}

#filter-hider-1.centeredmenu ul li span:hover { 
background: #F8A185 !important;
}

#filter-hider-expectations.centeredmenu ul li span {
color: #2d2d2d;
}

#leveler-centeredmenu.centeredmenu ul li span {
color: #2d2d2d;
}

#filter-hider-report.centeredmenu ul li span {
color: #2d2d2d;
}

#filter-hider-report-analytics.centeredmenu ul li span {
  color: #2d2d2d;
  border-radius: 20px;
  padding: 10px 15px; margin-right: 10px; font-size: 0.9rem;margin-bottom: 7px;
}

#filter-hider-export.centeredmenu ul li span {
color: #2d2d2d;
}

#filter-hider-1.centeredmenu ul li.selected span:hover,
#filter-hider-1.centeredmenu ul li.selected span {
	background: #F8A185;
  color: #2d2d2d !important;
  padding: 10px 20px;
}

#filter-hider-export.centeredmenu ul li.selected span:hover,
#filter-hider-export.centeredmenu ul li.selected span {
	background: #F8A185;
  color: #2d2d2d !important;
  padding: 10px 20px;
}
.centeredmenu ul.practice-klass li.unselected span{ background-color: #f9f67e; color: #555;}
body.high-contrast .centeredmenu ul.practice-klass li.unselected span{ border: 1px solid #222; color: #222;}
#leveler-centeredmenu.centeredmenu ul li.selected span:hover, #leveler-centeredmenu.centeredmenu ul li.selected span {
  background: #F8A185;
  cursor: default;
}
#filter-hider-leveler-tracking ul li.selected span:hover, #filter-hider-leveler-tracking ul li.selected span {
  background: #F8A185; color: #2d2d2d !important; cursor: default;
}
.select-2.subject-btn{background: #fff; border-radius: 23px; min-height: 40px; margin-top: 0; height: auto;}

.form-default.form-equal-cols  { 
  padding: 5px 20px 15px !important;
}

.form-equal-cols .row  { 
  padding-top: 0 !important;
}

#leveler-centeredmenu.centeredmenu ul li.hidden-custom span { background: #fff5fa; }

#leveler-centeredmenu.centeredmenu ul li.hidden-custom div.diagonal-line {
width: 97px;
height: 47px;
border-bottom: 1px solid red;
-webkit-transform: translateY(-64px) translateX(15px) rotate(27deg);
position: absolute;
}

#filter-hider-report.centeredmenu ul li.selected span, #tracker-report-cohort-nav ul li.selected,
#cohort-choice-two ul li.selected,
#filter-hider-report.centeredmenu ul li span:hover {
background: #F8A185;
color: #2d2d2d !important;
cursor: pointer;
}
#filter-hider-report.centeredmenu ul li span:hover{color: #fff !important;}
.disabled {
pointer-events: none;
opacity: 0.6;
}

#filter-hider-report-analytics.centeredmenu ul li.selected span,
#filter-hider-report-analytics.centeredmenu ul li span:hover {
background: #F8A185;
color: #2d2d2d !important;
cursor: pointer;
}

#filter-hider-export.centeredmenu ul li.selected span,
#filter-hider-export.centeredmenu ul li span:hover {
background: #F8A185;
color: #2d2d2d !important;
}

#filter-hider-export.centeredmenu ul li.selected span,
#filter-hider-export.centeredmenu ul li span:hover {
background: #F8A185;
color: #2d2d2d !important;
}

#analytic-export-data-scroller tr.table-titles th span {
cursor: default;
color: #2d2d2d;
}

/* stupidtables style */
span.data-column-header:hover {
cursor: pointer;
}

th.data-column-header {
color: #2d2d2d;
}
th.data-column-header date.baselined-date{ color: #953b39; font-size: 12px;}
th.data-column-header.highlighted {
color: #2d2d2d;
background: transparent !important;
}

th.data-column-header.terms {
text-align: left;
}

th.data-column-header.terms span {
color: #DBEF1F;
text-align: left;
}

th.data-column-header.terms-fixed-width {
width: 80px;
!important;
text-align: center;
}

td.data-row.highlighted {background: #fbf0f8 !important;}

.table-striped > tbody > tr:nth-child(2n+1) > td.data-row.highlighted {
background-color: #f4eced !important;
}

.pupil-stats.dark-box.purple, .pupil-stats.purple .unselected {
background: #C9B8DA;
}

.pupil-stats.dark-box.pink, .pupil-stats.pink .unselected {
background: rgba(255, 255, 255, 0.5);
border-radius: 30px;
}

.pupil-stats.dark-box.pink {
color: #ffffff;
background: #F7BDCB none repeat scroll 0 0 !important;
}

.pupil-stats.dark-box.dark-yellow {
background: #FDF5A4 none repeat scroll 0 0 !important;
color: #538DD5;
}

.pupil-stats.dark-box.dusky-cyan {
background: #BFDFF5 none repeat scroll 0 0 !important;
}

.pupil-stats.dark-box.green-bng {
background: #85C6A1 none repeat scroll 0 0 !important;
}

.pupil-stats.leveler-tracking-export,
.pupil-stats.leveler-tracking-export .unselected {
background: #FDF5A4 none repeat scroll 0 0 !important;
}

.centeredmenu.hidden {
max-height: 0;
padding: 0;
}



.centeredmenu .select2-container-multi .select2-choices .select2-search-choice, #content-wrapper li.select2-search-choice {font-size: 0.9rem; font-weight: normal;padding: 0 20px 0 6px;}

#main-wrapper.assessment-module a.select2-search-choice-close {margin-right: 0;}

#content-wrapper ul.select2-choices {padding: 0; max-height: 100%;}

#content-wrapper ul.select2-choices:hover { max-height: none; cursor: pointer; position: absolute; top: -16px;}

body .select2-container-multi .select2-choices {
  background: transparent;
  border: none;
}

#content-wrapper ul.select2-choices:hover { max-height: none; cursor: pointer; position: relative; top: 0 ;}





.pupil-stats.dark-box {
	font-size: 11px;
	width: 100%;
	text-align: center;
	padding: 4px 10px 2px;
  letter-spacing: 0.05em;
  margin: 10px 0 20px;
  border-radius: 20px;
  background: #fff;
}

div.pupil-stats ul li.unselected {
background: #aaa;
padding: 0 10px !important;
color: #fff;
}

.centeredmenu .btn.btn-flat.btn-action {
vertical-align: top;
border: none;
 margin-right: 12px;
 margin-bottom: 8px;
}

.centeredmenu a.btn.btn-flat.btn-action {

color: #955FC0;
}

.centeredmenu a.btn.btn-flat.btn-action.export { color: #fff; }

.centeredmenu a.btn.btn-flat.btn-action.export.open-excel, .left-box a.btn.btn-flat.btn-action.export.open-excel , #xlsx-report-options a.btn.btn-flat.btn-action.export.open-excel {background-color: #85C6A1; color: white;}

.centeredmenu a.btn.btn-flat.btn-action.export.selected { background-color: #e8a307; color: #fff; }

#leveler-centeredmenu.centeredmenu a.btn.btn-flat.btn-action {
color: #fff;
}

.centeredmenu a.btn.btn-flat.grading {background-color: #7e7d85; color: white;}

.centeredmenu a.btn.btn-flat.grading:hover {background-color: #626167; color: white;}

.centeredmenu a.btn.btn-flat.refresh {background-color: #3b8cf2; color: white;}

.centeredmenu a.btn.btn-flat.refresh:hover {background-color: #216af2; color: white;}

#filter-hider-expectations.centeredmenu .btn.btn-flat.btn-action {
color: #c15780;
}

.centeredmenu .btn.btn-flat.btn-action.btn-assess-export {
padding-right: 8px;
background: #538DD5;
color: #fff;
}

.centeredmenu .btn.btn-flat.btn-action:hover {
background: #955FC0 !important;
color: #fff;
}

.centeredmenu.tracking-export .btn.btn-flat.btn-action:hover {background: #dfd648 !important;
color: #fff;}

.centeredmenu a.btn.btn-flat.btn-action.export:hover { color: #ffffff; background: #538DD5 !important;}

#leveler-centeredmenu.centeredmenu .btn.btn-flat.btn-action:hover {
background: #be3f55 !important;
color: #fff;
}

.centeredmenu .btn.btn-flat.btn-action:hover span {
color: #fff !important;
}

.pupil-matrix-filter-at { display: inline-block; padding-top: 1px; vertical-align: top; width: 100%;}

.filter-bng.light-box { background: none; width: 100%;}

#pupil-filters-controls {
padding-top: 15px;
}

#pupil-filters-controls {
border-top: 1px solid #fff;
margin-top: 10px;
padding-top: 10px;
width: 100%;
padding-left: 19px;
margin-left: 0;
}


ul.select2-results {
max-height: 400px;
}

.pupil-filters-bar {
margin-left: 0;
margin-top: 0;
padding-top: 0;
}

.filter-bng {
display: inline-block;
height: auto;
padding:0;
}

.data-export-screen-buttons-left  {
  margin-bottom: 10px;
}

div.blank-report-message { padding: 12px; font-size: 1.2em; height: 3em;}

.select-pupils-holder, .after-klasses, .pupil-report-mode {
margin: 0;
padding: 0px 30px 0 0;
}

div.header-section-spacer-tracking {
/* height: 60px; */
height: 0px;
}

.horizontal-blocks-holder { display: block; width: 100%;}

.horizontal-block { display: inline-block; float: left;}
#loading-now-spinner.loading {
  background: rgba(0, 0, 0, 0.05) url('../../icons/icon-loader-animated.gif') no-repeat center / 100px !important;
}
.centeredmenu ul li .filter-date span {
display: inline-block;
background: none;
color: #fff !important;
font-size: 12px;
font-weight: normal;
}

.centeredmenu ul li .filter-date span:hover {
background: none !important;
}

.centeredmenu ul li .filter-date input {
border: medium none;
border-radius: 5px;
display: inline-block;
height: 34px;
padding: 0 6px;
}

.centeredmenu ul li .centermenu-title {
background: none !important;
color: #fff;
cursor: default;
padding-left: 10px;
font-size: 0.9rem;
}

.centeredmenu ul li .centermenu-title:hover {
background: none !important;
}

/* grid basics */

.panner.panner-right {
float: right !important;
margin-right: 10px;
}

.panner {
height: 80px;
width: 40px;
text-align: center;
cursor: pointer;
display: block;
font-size: 34px;
opacity: 0.7;
cursor: pointer;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}

.panner i {
height: 80px;
width: 40px;
text-align: center;
line-height: 80px;
color: #fff;
}

.panner:hover {
opacity: 1;
}

pupil-nav ul li.pupil-subject ul li:first-child {
}

#tracker-pupil-nav .avatar, #expectations-pupil-nav .avatar {
text-align: center;
border-radius: 110px;
display: block;
float: none !important;
height: 90px;
margin: 0 auto;
width: 90px;
border: #fff 6px solid;
}

#tracker-pupil-nav .pupil-name, #expectations-pupil-nav .pupil-name {
color: #2d2d2d;
font-size: 0.9rem;
line-height: 2.1em;
text-align: center;
}
body.high-contrast #tracker-pupil-nav .pupil-name, #expectations-pupil-nav .pupil-name {color: #fefefe;}
#tracker-pupil-nav .pupil-name {font-size: 1.1em; }

#tracker-div-gran-2 .drop-menu-btn, #expectations-div-gran-2 .drop-menu-btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 22px;
line-height: 22px;
margin-right: 0;
margin-top: -11px;
padding: 0;
position: absolute;
right: 10px;
text-align: center;
top: 50%;
width: 22px;
z-index: 1000;
}

#tracker-div-gran-2 .drop-menu-btn i, #expectations-div-gran-2 .drop-menu-btn i {
font-size: 1.1rem;
}

#tracker-div-gran-2 .drop-menu-btn:hover i, #expectations-div-gran-2 .drop-menu-btn:hover i {
color: #d55500;
}

#div-gran-3 ul li, #tracker-div-gran-2 ul li, #expectations-div-gran-2 ul li {
padding: 3px 50px 0 15px;
font-size: 1.1rem;
border-radius: 12px;
}

#tracker-div-gran-2 ul li{
padding: 3px 0px 30px 15px;
}

.mod-lev-2 {
padding-left: 10px;
}

.verticallyAlignedSpan {
font-size: 8px;
font-weight: 400;
letter-spacing: 0.05em;
cursor: pointer;
}


table.pdf-report tr td.gran-level-2, td.gran-level-2, #div-gran-3 ul li, #div-gran-4 ul li, #tracker-div-gran-2 ul li, #expectations-div-gran-2 ul li,
#tracker-report-div-gran-2 ul li {
background-color: #DFDFDF;
width: auto;
}
#div-gran-3 ul li.gran-magic_eye_trick, .pupil-magic_eye_trick{background-color: #e1e1e1 !important;}
#div-gran-3 ul li.gran-0, #div-gran-3 ul li.gran-1 { }

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

#div-gran-3 ul li.gran-4 {
color: #fefefe;
}

#div-gran-3 ul li.gran-5 {
color: #fefefe;
}

#div-gran-3 ul li.gran-6 {
color: #333;
}

ul li.small-text.current-year-title p.meta-data { font-size: 1.2em !important;}

#div-gran-3 li.current-year-title p, p.current-year-title {  font-size: 1.2em !important;}

#tracker-div-gran-2 ul li:nth-child(2), #expectations-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) {
line-height: 36px;
}

#pupil-nav .pupil-name {
color: #2d2d2d !important;
font-size: 17px !important;
display: inline-block;
padding-top: 0;
text-align: center;
}

#pupil-nav .pupil-name.bottom-row {
color: #2d2d2d !important;
font-size: 17px !important;
display: inline-block;
  padding-top: 0;
  text-align: left;
  width: 110px;
  margin-top: -2px;
  white-space: normal;
  margin-left: 10px;
  margin-right: 10px;
}
body.high-contrast li.gran-2 ul li.step-0:first-child{background: #7a7a7a !important;}
body.high-contrast #pupil-nav .pupil-name{ color: #fff !important;}
body.high-contrast li.step-0 span.progress-score,
body.high-contrast li.step-0 span.mastered-score,
body.high-contrast li.step-0 span.progress-score-fixed,
body.high-contrast span.level-date.has-progress
{color: #fff !important;}
#pupil-nav .pupil-details {
color: #aaa;
padding: 0;
text-align: left;
margin-top: -3px;
}

#pupil-nav .pupil-details-rollover { display: none; position: absolute; top: 100px; left: 9px; background: white; border: 2px solid #333; z-index: 2002; height: auto; width: 240px;}

#pupil-nav ul.pupil-details-popup {width: 100%;}

#pupil-nav ul.pupil-details-popup li { height: 20px; text-align: left; padding: 6px; font-weight: 400; width: 100%; display: block; clear: both;}

.tracker-report-pupil-nav h5 {margin-top: -3px; margin-bottom: 3px; margin-left: 18px;}

#pupil-nav a.avatar-holder {
display: inline-block;
width: 70%;
}

#pupil-nav .avatar {
border-radius: 50%;
  height: 100px;
  width: 100px;
  margin: 0 0 6px;
  border: #fff 4px solid;
}

.avatar-holder {
display: block;
padding-top: 4px;
}

.pupil-level-key {
}

#main-wrapper.assessment-module a.fa-pencil-square,
#main-wrapper.assessment-module a.t-imeline {
text-indent: -9999em !important;
background: url("../../icons/icon-timeline.svg") no-repeat scroll center center;
width: 20px;
background-size: 20px 20px;
height: 20px;
margin: 7px auto 2px;
display: block;
}

#main-wrapper.assessment-module .edit-levels.has-note .fa-pencil {

    background: url('../../icons/icon-edit-pencil-o.svg') no-repeat center center / 20px ;
}

#main-wrapper.assessment-module .edit-levels .fa-pencil {

     background: url('../../icons/icon-edit-pencil-grey.svg') no-repeat center center / 16px ;
  
}

.closeX.flex-apart {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center;
  background: transparent;
  padding: 15px;
}

.inner.evidence-list .closeX a { background-color: #D1D1D1 !important;  }
.inner.evidence-list .closeX a:hover { background-color: #F8A185 !important;  }

#main-wrapper.assessment-module .pdf-report-click, #main-wrapper.assessment-module .pdf-export-click {
width: 20px;
height: 20px;
margin: 0px auto 2px;
}

#leveling-popup div.non-editable-level-meta-data {color: #333333; text-align: left; font-size: 1.1rem; min-height: 20px; display: block; clear: both; height: auto; padding: 10px 10px 0; resize: vertical; margin-left: 0; background: none;}

#leveling-popup ul li.pupil-notes-info-holder { border: 6px solid #aaaaaa; padding: 12px; font-size: 0.9rem; margin-top: 18px; width: 80%; margin-left: 10%; background-color: #c1c1c1; color: #333333; text-align: left;}

#main-wrapper.assessment-module .pdf-report-click i, #main-wrapper.assessment-module .pdf-export-click i {
font-size: 23px;
color: #bbb;
}

#main-wrapper.assessment-module .pdf-report-click a.has-evidence i {color: #85C6A1;}

#main-wrapper.assessment-module .edit-levels {
bottom: auto;
height: 20px;
margin: 1px auto 0;
position: relative;
right: auto;
width: 20px;
}

#main-wrapper.assessment-module li.gran-3 .pdf-report-click, #main-wrapper.assessment-module li.gran-3 a.t-imeline, #main-wrapper.assessment-module li.gran-3 .edit-levels,
#main-wrapper.assessment-module li.gran-4 .pdf-report-click, #main-wrapper.assessment-module li.gran-4 a.t-imeline, #main-wrapper.assessment-module li.gran-4 .edit-levels,
#main-wrapper.assessment-module li.gran-5 .pdf-report-click, #main-wrapper.assessment-module li.gran-5 a.t-imeline, #main-wrapper.assessment-module li.gran-5 .edit-levels,
#main-wrapper.assessment-module li.gran-6 .pdf-report-click, #main-wrapper.assessment-module li.gran-6 a.t-imeline, #main-wrapper.assessment-module li.gran-6 .edit-levels {
height: 15px;
}

#main-wrapper.assessment-module .edit-levels i {
font-size: 21px;
color: #bbb;
}


#main-wrapper.assessment-module .edit-levels a,
#main-wrapper.assessment-module .pdf-report-click a {
text-indent: 0;
}

#main-wrapper.assessment-module .edit-levels:hover i,
#main-wrapper.assessment-module .pdf-report-click:hover i {
color: #3c3b3b;
}

.pupil-level-key-header li {
color: #fff !important;
font-weight: normal;
height: 40px !important;
line-height: 36px !important;
}

/**   REPORTS  ***/

div.tracker-report-pupil-list-box, div.expectations-report-pupil-list-box, div.tracker-export-pupil-list-box {
background: transparent;
border: none;
display: none;
float: left;
height: auto;
margin: 0;
width: 100%;
}

div.tracker-report-selected-pupils, div.expectations-report-selected-pupils, div.tracker-export-selected-pupils {
background: transparent;
border: none;
color: #999;
margin: 0;
overflow: hidden;
padding: 12px;
width: auto;
font-size: 1rem;
}

#pupil-custom-detail-holder-leveler, #pupil-custom-detail-holder-tracker, #pupil-custom-detail-holder-export, #pupil-custom-detail-holder-expectations {
clear: both;
}

#pupil-selector {
	display: flex;
}

#tracker-report-pupil-nav ul li, #xlsx-report-options .choose-pupil-list ul li, #tracker-export-pupil-nav ul li, #pupil-custom-detail-holder-leveler ul li, #pupil-custom-detail-holder-tracker ul li, #pupil-custom-detail-holder-expectations ul li {
border: #fff 1px solid;
display: inline-block;
/*float: left;*/
height:auto;
margin: 0 10px 0 0;
padding: 8px;
width: auto;
cursor: pointer;
border-radius: 12px;


}

.select-single-pupil-prompt {display: none;}

#tracker-pupil-nav ul li.was-baselined, 
#pupil-selector li.has-baseline, 
#pupil-custom-detail-holder-tracker li.has-baseline, 
#tracker-report-pupil-nav ul li.has-baseline { border-color: #8885c0; 
  border-width: 1px 1px 9px 1px; 
  border-style: solid;}

#tracker-pupil-nav ul li.was-baselined {
  border-color: #8885c0 !important;
  border-radius: 6px;
}



li button.selected, #tracker-report-pupil-nav ul li.selected, 
#xlsx-report-options .choose-pupil-list ul li.selected, 
#tracker-export-pupil-nav ul li.selected, 
#pupil-custom-detail-holder-leveler ul li.selected, 
#pupil-custom-detail-holder-tracker ul li.selected, 
#pupil-custom-detail-holder-expectations ul li.selected {
background: #F8A185;
}

.tracker-report-pupil-nav {
margin: 25px 0;
    width: 100%;
    overflow-x: scroll;
    border: #dfdfdf 4px solid;
    border-radius: 20px;
    padding: 8px;
  }

.tracker-export-pupil-nav ul li {
	border-radius: 12px;
}

#pupil-custom-detail-holder-leveler ul li:hover, #pupil-custom-detail-holder-tracker ul li:hover, #pupil-custom-detail-holder-expectations ul li:hover {
background: #FF916D;
cursor: pointer;
}

#pupil-custom-detail-holder-leveler ul li.selected, #pupil-custom-detail-holder-tracker ul li.selected, #pupil-custom-detail-holder-expectations ul li.selected { background: #FF916D; }

.tracker-report-pupil-nav img, .expectations-report-pupil-nav img, .tracker-export-pupil-nav img, .choose-pupil-list img  {background: #DFDFDF; width: 80px; height: 80px; border-radius: 50%; border: #fff 4px solid; }

.tracker-report-pupil-nav .pupil-name, .expectations-report-pupil-nav .pupil-name, .tracker-export-pupil-nav .pupil-name {
color: #2d2d2d;  font-size: 0.9rem; padding: 6px 0 0; line-height: 1.2em; margin: 0;
}
body.high-contrast .tracker-report-pupil-nav .pupil-name, body.high-contrast .expectations-report-pupil-nav .pupil-name, body.high-contrast .tracker-export-pupil-nav .pupil-name { color: #fff;}
div.tracker-report-selected-pupils span, div.tracker-export-selected-pupils span {
color: #BFDFF5;
}

.large-button-list ul li {
background-color: #aaa;
border: none;
border-radius: 5px;
color: #fff;
display: table;
float: left;
height: 50px;
line-height: 50px;
margin: 4px 8px;
padding: 0;
text-align: center;
white-space: normal;
min-width: 100px;
width: auto;
padding: 0 5px !important;
}

div.analyse-against { background-color: #DFDFDF;}

#tracker-report-cohort-nav ul li.selected,large-button-list
.large-button-list ul li:hover {
background-color: #85C6A1;
}

div.large-button-list ul { padding-left: 10px !important;}

/****   popups   *****/
.inner-page-layer {padding-top: 80px; overflow-y: auto; clear: both; height: 100%;}

.outer {
background: rgba(0, 0, 0, 0.2);
left: 0;
right: 0;
width: 0;
}

div.outer.over-top-nav { z-index: 1138;}
.inner {
overflow: visible;
top: 0;
bottom: 0;
left: auto;
right: 20px;
padding-top: 0px;
margin: 0;
/*right set to 20px so vertical scroll doesnt interfere with backgroun main scroll bar !!*/
background: #efefef;
  color: #2d2d2d;
  -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);
}

#litebox-4 .inner, #litebox-4 .outer-side {top: 0px;}

.inner.evidence-list, .notes-editor { top: 0; padding-top: 0px;
-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);}

.inner-scroll-buffer {
top: 0;
bottom: 0;
left: auto;
right: 0;
padding-top: 0px;
width: 20px;
margin: 0;

background: rgba(50, 50, 50, 0.0);
color: #333333;
}

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

.inner .closeX, .closeX {
  min-height: 60px;
  position: relative;
  top: 0;
  left: auto;
  right: 0px;
  background: top;
  padding: 0 10px;
}

.inner, .inner .closeX, .closeX {width: 60%; min-width: 800px;}
.make-wide .inner, .make-wide  .inner .closeX, .make-wide .closeX, .make-wide div.pdf-report-control {width: 60%; }
.make-wide div.pdf-report-control{ right: 0;}
.inner.export-btn {width: 100%; background: rgba(50, 50, 50, 0.33);}

.inner.away-close {width: 50%;}

/*
.inner.away-close .closeX, #litebox-3 .closeX { width: 50%;}

.inner .closeX a, .closeX a {
background: #aaa;
display: block;
height: 60px;
margin-right: 0;
text-align: center;
width: 100%;
border-radius: 0;
padding: 0 0;
float: right;
border: none;
}

.inner .closeX a:hover, .closeX a:hover {
background: #F8A185 !important;
}

.inner .closeX i, .closeX i {
color: #fff;
height: 60px;
line-height: 60px;
font-size: 1rem;
font-weight: normal;
}

.inner .closeX span, .closeX span {
font-family: 'Lato', sans-serif;
padding-left: 6px;
letter-spacing: 0.05em;
font-weight: normal;
font-size: 0.9rem;
}

*/

#leveling-popup .leveler-edit-button.add-new {
border-radius: 5px;
color: #fff;
display: block;
padding: 0 10px;
border: none;
letter-spacing: 0.05em;
font-weight: normal;
z-index: 999;
margin-top: 6px;
height: 46px;
text-align: center;
text-transform: uppercase;
width: 160px;
margin-right: -80px;
font-size: 0.9rem;
background: #aaa;
line-height: 46px;
position: absolute;
top: 75px;
right: 50%;
}

#leveling-popup-header {
margin-left: 0;
margin-right: 0;
width: 100%;
height: auto;
margin-top: 12px; 
}

#leveling-popup .leveler-edit-button.add-new i {
height: 46px;
line-height: 46px;
}

#leveling-popup .leveler-edit-button.add-new span {
height: 46px;
line-height: 46px;
padding-left: 10px;
}

#leveling-popup .leveler-edit-button.add-new:hover {
background: #F8A185 !important;
}

#leveling-popup {
margin-left: 5%;
margin-right: 5%;
width: 90%;
}

#litebox-3 #leveling-popup {
  margin-top: 10px;
  margin-bottom: 40px;
  padding-top: 0;
}

.ui-widget-overlay {
background: #333 none repeat scroll 0 0;
opacity: 0.8;
}

#leveling-popup { 
}

.note-info-header {
  text-align: left;
}

#leveling-popup div.level-notes-indicator {
height: 95px !important;
width: 95px;
background: none;
display: flex;
  align-items: center;
  justify-content: center;
vertical-align: top;
border-radius: 10px;
margin-right: 15px;
}

#leveling-popup textarea, .editable-level-meta-data {
width: 100%;
border: #efefef 1px solid; 
padding: 10px 10px 0;
font-size: 1em;
min-height: 100px;
height: 100%;
width: 100%; 
background: white; 
color: #2d2d2d; 
text-align: left;
line-height: 1.2em;
margin-bottom: 5px;
}

.level-notes-holder.general-note {
width: 100%;
display: inline-block;
vertical-align: top;
background: transparent;
min-height: 150px;
height: auto;
}

.level-notes-holder {
width: calc(100% - 115px);
display: inline-block;
vertical-align: top;
background: transparent;
min-height: 90px;
}

.level-notes-holder .editable-level-on-date {
  border: none;
  background-color: #fff;
  margin-bottom: 0;
}

.level-notes-holder .editable-level-on-date:focus {
color: #444;
text-decoration: underline;
}

#leveling-popup ul li {
background: transparent;
margin-bottom: 35px;
margin-top: 0;
width: 100%;
border-radius: 0;
border: none;
border-bottom: #fff 1px solid;
padding: 0;
}

#leveling-popup ul li.general-note {
background: transparent; }

#leveling-popup ul li span {
color: #888888;
text-align: left;
font-size: 12px;
font-weight: normal !important;
display: block;
margin-left: 0;
line-height: 1.2em;
}

#leveling-popup ul li.general-note span {background: none;}

#leveling-popup .level-notes {
border-radius: 0 0 5px 5px;
min-height: 120px;
}

#leveling-popup ul li .level-notes-indicator span {
color: #2d2d2d;
font-size: 1rem;
height: auto;
line-height: auto;
text-align: center;
display: block;
}

#leveling-popup ul li .level-notes-indicator.level-step-above span {
line-height: normal;
padding-top: 18px;
}

#leveling-popup ul li .level-notes-indicator.level-step-0 span, #leveling-popup ul li .level-notes-indicator.level-step-6000 span {
color: #333;
}

#leveling-popup span.level-note-pupil-name {
float: left;
color: #fff;
font-size: 1.2rem;
}

#leveling-popup span.level-note-subject {
float: right;
color: #fff;
font-size: 0.9rem;
height: 40px;
}

.level-step-color-0, .level-step-color-6000 {
background-color: #eee;
}

.level-step-color-1 {
background-color: #ff5050 !important;
}

.level-step-color-2 {
background-color: #ffad33 !important;
}

.level-step-color-3 {
background-color: #2eb82e !important;
}

.level-step-color-4 {
background-color: #eeeee1 !important;
}

.level-step-color-5 {
background-color: #eeeee1 !important;
}

.notes-title span {
text-align: center;
text-transform: uppercase;
font-size: 30px;
width: 100%;
display: block; font-weight: normal;
}

.notes-title span.level-note-subject {
font-size: 0.9rem;
font-style: italic;
}

.report-type {
text-align: center;
font-size: 1rem;
font-weight: normal;
}

/********************  RESPONSIVE   ********************************/

#div-gran-3, #div-gran-4, #tracker-div-gran-2, #expectations-div-gran-2, #tracker-report-div-gran-2, #tracker-export-div-gran-2 {
width: 30%;

}

#expectations-pupil-nav, .scroll-wrapper1, .tracker-scroll-wrapper1, .scroll-wrapper1b, .tracker-scroll-wrapper1b, .expectations-scroll-wrapper1, .expectations-scroll-wrapper1b, #pupil-nav, #tracker-pupil-nav, #evidence-tracker-pupil-nav {
width: 70%;
}

p.meta-data {display: block; text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;max-height: 3.6em;line-height: 1.8em;}



.pdf-report-control .pdf-report-control-buttons ul li.is-clickable.year-selectr {background: #669901;}


.page-section-snapshot {
  position: relative;
}

div.pdf-report-control {position: sticky; top: 0; right: 0; width: 100%; min-width:100%; z-index: 100;padding:0; }
div.pdf-report-control.working_level { top: 0; right: 0; width: 100%; z-index: 100;}

.closeX {width: 74%;}

/*.pdf-report-control .pdf-report-control-buttons ul li.is-clickable { background-color: #6daa7d; color: #fff; float: right; font-size: 0.8rem; height: 40px; margin-left: 8px; padding: 0 10px !important;
text-align: center; border-radius: 5px; cursor: pointer; line-height: 40px; } */

div.pdf-report-control-buttons {clear: both; background: #efefef; height: auto; padding: 10px 20px;}

.pdf-report-control-buttons { float: right; width: 100%; padding: 4px 15px 15px;}

.pdf-report-control-buttons .flex-apart {
  flex-wrap: wrap;
}

.pdf-report-control-buttons .btn {
  height: 36px !important;
  font-size: 0.9rem !important;
  min-height: 36px !important;
  padding: 10px 12px 4px 40px !important;
  margin: 4px 5px 6px;
}


.pdf-report-control-buttons .btn:before {
  height: 28px !important;
  width: 28px !important;
  margin-top: -14px;
  left: 5px; 
}


.pdf-report-control-buttons ul { 
  display:flex; 
  flex-wrap: wrap;
  justify-content: space-between;
}
.pdf-report-control-buttons ul li { 
  margin-left: auto;
}

.row .pdf-report-control-buttons ul li { 
  margin-left: 0;
}





.pdf-report-control-buttons ul li.pdf-report-open { }
.pdf-report-control-buttons ul li.pdf-report-chart { }

.closeX a {margin-right: 0 !important;}

#div-gran-3 ul li:nth-child(2), #div-gran-3 > ul li:nth-child(2) span {font-size: 1.1em;}

@media (max-width: 1360px) {
#div-gran-3 ul li:nth-child(2), #div-gran-3 > ul li:nth-child(2) span {font-size: 1.0em;}

.assess-info-image { width: 50%; }

.main-header {
font-size: 0.9rem;
}

#leveling-popup {
margin-left: 5%;
margin-right: 5%;
width: 90%;
}



/*.inner {*/
/*width: 80%;*/
/*}*/
/*.inner .closeX {*/
/*width: 80%;*/
/*}*/

}

@media (max-width: 1240px) {
    #main-wrapper.assessment-module { padding-top: 163px !important;}
div.assess-all-show {font-size: 0.9em;}

#div-gran-3 ul li:nth-child(2), #div-gran-3 > ul li:nth-child(2) span {font-size: 0.85em;}

.assess-info-image { width: 38%; }

#div-gran-3, #div-gran-4, #tracker-div-gran-2, #expectations-div-gran-2, #tracker-report-div-gran-2, #tracker-export-div-gran-2 {
width: 30%;
}

.scroll-wrapper1, .tracker-scroll-wrapper1, .scroll-wrapper1b, .tracker-scroll-wrapper1b, .expectations-scroll-wrapper1, .scroll-wrapper1b, .expectations-scroll-wrapper1b {

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

#div-gran-3 div.current-year-key, #tracker-div-gran-2 div.current-year-key, #expectations-div-gran-2 div.current-year-key {
font-size: 24px;
}

#content-wrapper ul.matrix-menu-assessment li.spacer-left {
margin-left: 5px; width: 10px; min-width: 10px;
}

#content-wrapper ul.matrix-menu-assessment li.spacer-right {
margin-right: 10px; width: 10px; min-width: 10px;
}


}
#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder div {width: 220px; background-color: #2d3e51; border-radius: 8px; margin:0; height: 50px;}
#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder div select{width: 220px; clear: both;  background-color: #2d3e51;}
@media (max-width: 1421px) {

.assessment-back, .assessment-back a {width: 84px;overflow: hidden;}
.assessment-back span {display: none;}
#content-wrapper ul.matrix-menu-assessment li.top-button-long div.assessment-back a span {display: none;}
#content-wrapper ul.matrix-menu-assessment li.top-button-long div.assessment-back a {width:70px;}
#content-wrapper ul.matrix-menu-assessment li.top-button-long div.assessment-back a img {width:70px;}
}
@media (max-width: 895px) {

#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder div {width: auto;}
#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder div select{width: 60px; height: 40px;}
#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder div h4 {display:none}

}
@media (max-width: 1305px) {

    #content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-assess-report-analytics span {display: none;}
}
@media (max-width: 1250px) {
#content-wrapper ul.matrix-menu-assessment li.top-button-long a span {display: none;}
}
@media (max-width: 1050px) {
#div-gran-3 ul li:nth-child(2), #div-gran-3 > ul li:nth-child(2) span {font-size: 0.8em;}

.assess-info-image { width: 37%; }

#div-gran-3 div.current-year-key, #tracker-div-gran-2 div.current-year-key {
font-size: 24px;
}

.inner, .inner .closeX {
width: 1050px;
}


#content-wrapper ul.matrix-menu-assessment li.top-button-long a span.year-label {
display: block;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a i {
padding: 0;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long, #content-wrapper ul.matrix-menu-assessment li.top-button-long a {
width: auto;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a.btn-set-year { width: 100px;}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a i {
padding: 0 10px 0 16px;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a span {
display: inline-block;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option, #content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a {
width: auto;
}
}

@media (max-width: 1028px) {
.assessment-module .form-default label {font-size: 1em;}

a.admin-msg-btn span {font-size: 1rem;}

.inner.away-close {width: 70%;}

div.assess-all-show {font-size: 0.8em;}

#div-gran-3 ul li:nth-child(2), #div-gran-3 > ul li:nth-child(2) span {font-size: 0.76em;}

.assess-info-image { width: 32%; }

div.pdf-report-control {width: 96%;}

.inner, .inner .closeX {
width: 100%; min-width: 100%;
}


.closeX {width: 100%;}
div.pdf-report-control {
    min-width: 96%;
}


#div-gran-3 div.current-year-key, #tracker-div-gran-2 div.current-year-key, #expectations-div-gran-2 div.current-year-key {
font-size: 1.1rem;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a span {
display: none;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a i {
padding: 0;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long, #content-wrapper ul.matrix-menu-assessment li.top-button-long a {
width: auto;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a i {
padding: 0;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a span {
display: inline-block;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option, #content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a {
width: 50px;
}

}

@media (max-width: 720px) {
.inner.away-close {width: 100%;}

.assess-info-image { width: 30%; }



/*.pupil-stats.leveler-tracking.dark-box { display: none;}*/
#div-gran-3, #div-gran-4, #tracker-div-gran-2, #tracker-report-div-gran-2, #tracker-export-div-gran-2 {
width: 50%;
}

#pupil-nav, #tracker-pupil-nav, #evidence-tracker-pupil-nav, .scroll-wrapper1, .tracker-scroll-wrapper1, .scroll-wrapper1b, .tracker-scroll-wrapper1b {
width: 50%;
right: 0;
}

#div-gran-3 div.current-year-key, #tracker-div-gran-2 div.current-year-key {
font-size: 0.9rem;
}

.assessment-back {
width: 18px;
height: 30px;
}

.assessment-back a {
height: 40px;
line-height: 40px;
width: 18px;
background: none;
}

.assessment-back i {
height: 40px;
line-height: 40px;
font-size: 0.8rem;
}

#content-wrapper ul.matrix-menu-assessment li {
width: 20px;
height: 40px;
margin-right: 6px;
min-width: 20px;
}

#content-wrapper ul.matrix-menu-assessment li a {
width: 100%;
    height: 36px;
}

#content-wrapper ul.matrix-menu-assessment li a i {
height: 40px;
line-height: 40px;
font-size: 1rem;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long, #content-wrapper ul.matrix-menu-assessment li.top-button-long a {
width: auto;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long a i {
height: 40px;
line-height: 40px;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a i {
padding: 0;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a span {
display: inline-block;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option, #content-wrapper ul.matrix-menu-assessment li.top-button-long.year-option a {
width: 50px;
}

#content-wrapper ul.matrix-menu-assessment li.spacer-left {
margin-left: 5px;width: 10px; min-width: 10px;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-filter {
background: none;
cursor: pointer;
color: #666;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-reset {
background: none;
color: #666;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-help {
background: none;
color: #666;
display: none;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-filter:hover,
#content-wrapper ul.matrix-menu-assessment .btn-assess-reset:hover,
#content-wrapper ul.matrix-menu-assessment .btn-assess-help:hover {
background: none !important;
color: #F8A185;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-snapshot {
background: #d55500;
width: 18px;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-report {
background: #339adf;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-analytics {
background: #ebe600;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-assess {
background: #d55500;
}

#content-wrapper ul.matrix-menu-assessment .btn-assess-track {
background: #9c5ebb;
}

#content-wrapper ul.matrix-menu-assessment a:hover {
background: #F8A185;
}

.assessment-module .main-header {
height: 50px;
background: #dcdcdc;
}

.assessment-title {
min-height: 130px;
line-height: 30px;
top: 50px;
}

#leveling-popup ul li .level-notes-indicator span {
display: inline-flex;
text-indent: -9999em;
}

#leveling-popup ul li .level-notes-indicator span strong {
padding: 0 3px;
text-indent: 0;
}

div.report-right-col { float: none; }
}

@media (max-width: 480px) {
.pdf-modal-content.grade-key { width: 360px;}


.select-pupils-holder { max-height: none; }


.main-header {
font-size: 0.8rem;
}

/*.centeredmenu ul li:first-child span { font-size: 12px; }*/
/*.pupil-stats.dark-box {      top: 103px; }*/
#pupil-nav, #tracker-pupil-nav, #expectations-pupil-nav, #evidence-tracker-pupil-nav, #pupil-nav-evidence {
width: 60%;
}

#div-gran-3, #div-gran-4, #tracker-div-gran-2, #expectations-div-gran-2, #tracker-report-div-gran-2, #tracker-export-div-gran-2 {
width: 40%;
}

div.report-right-col { float: none; }

ul#klasses li, ul#tracker-klasses li, ul#tracker-assessment_year_select li, ul#assessment_year_select li, ul#assessment_subject_select li { max-width: 90px; width: auto; display: block;}

ul#klasses li span, ul#tracker-klasses li span, ul#tracker-assessment_year_select li span, ul#assessment_year_select li span, ul#assessment_subject_select li span { width: 340px; max-width: 340px;}
}

@media (max-width: 320px) {
.pdf-modal-content.grade-key { width: 320px;}

#content-wrapper ul.matrix-menu-assessment li.spacer-left {
margin-left: 10px;width: 10px; min-width: 10px;
}

/*.pupil-stats.dark-box {      top: 103px; }*/
}

.info-button:hover { cursor: pointer;}
/* toggle switch*/
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
float: right;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
#data-export-litebox.clickable-away{width: 100%;}

@media (max-width: 1024px) {
    #data-export-litebox .data-export-config.panel{width: 100%;}
}
.data-export-config.panel .panel-body{background: transparent; overflow-y: auto; height: auto;}
.data-export-config.panel .num-input, .data-export-config.panel .date-input{background: #eaace9; width: 260px;}
.data-export-config.panel .num-input{width: 68px;}
.data-export-config.panel .panel-heading{background: transparent; position: relative;}
.data-export-config.panel hr{border:none;border-bottom:1px solid #fff; }
.btn-active {border: 2px solid green;}




.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 20px;
  padding-left: 0px;
}








/* NICK ADDITIONS 2025 */

.assessment-module input[type="radio"],
.assessment-module input[type="checkbox"] {
  margin: 0 2px 0 0;
  cursor: pointer;
  height: 18px;
  width: 18px;
  min-height: 18px;
}


#analyse-export-table .panel-body, .scroll-wrapper2.table-responsive {
  border: #DFDFDF 4px solid;
  border-radius: 20px;
  padding: 0 15px;
}


.assessment-module .fa {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

#main-wrapper.assessment-module .btn .fa {
  width: 26px;
  height: 26px;
  margin-top: -2px;
}

#main-wrapper.assessment-module .btn.btn-small .fa {
  width: 20px;
  height: 20px;
}



.assessment-module .is-clickable .fa {
  height:40px;
  margin-top: 0;
  margin-right: 5px;
}

.assessment-module .fa:before {
  display: none ;
}

.assessment-module .fa-eye {
  background-image: url('../../icons/icon-show.svg') ;
}

.assessment-module .fa-eye-slash {
  background-image: url('../../icons/icon-hide.svg') ;
}

.assessment-module .fa-plus {
  background-image: url('../../icons/icon-add.svg') ;background-size: 28px;
}

.assessment-module .fa-pencil-square {
  background-image: url('../../icons/icon-edit-pencil.svg') ; background-size: 18px;
}
.invisible{visibility: hidden; height: 1px;}
.assessment-module .fa-lock {
  background-image: url('../../icons/icon-locked.svg') ;
}

.assessment-module .fa-unlock-alt {
  background-image: url('../../icons/icon-unlocked.svg') ;
}

.assessment-module .fa-trash-o {
  background-image: url('../../icons/icon-delete.svg') ;
}

.assessment-module .evidence-tag .fa-list-alt {
  background-image: url('../../icons/icon-alt-list.svg') ;
}

.assessment-module .fa-list-alt {
  background-image: url('../../icons/icon-alt-list.svg') ;
}

#main-wrapper.assessment-module .pdf-report-click a.has-evidence i {
  background-image: url('../../icons/icon-alt-list-g.svg') ; color: #333;
}

.assessment-module .fa-file-pdf-o {
  background-image: url('../../icons/icon-pdf-w.svg') ;
}

.assessment-module .fa-cog {
  background-image: url('../../icons/icon-settings-w.svg') ;
}

.assessment-module .fa-times {
  background-image: url('../../icons/icon-close-w.svg') ;
}

.leveler-delete-button .fa-times {
  background-image: url('../../icons/icon-delete.svg') ;
}

.assessment-module .fa-times-d {
  background-image: url('../../icons/icon-close.svg') ;
}

.assessment-module .fa-chevron-down {
  background-image: url('../../icons/chevron-down-w.svg') ;
}

.assessment-module .fa-chevron-up {
  background-image: url('../../icons/chevron-up-w.svg') ;
}

.assessment-module .fa-bar-chart {
  background-image: url('../../icons/icon-chart-w.svg') ;
}

.assessment-module .fa-question-circle {
  background-image: url('../../icons/icon-help-dark.svg') ;
}

.assessment-module .btn .fa-close {
  background-image: url('../../icons/icon-close-w.svg') ;
}

.assessment-module .fa-arrow-down {
  background-image: url('../../icons/icon-arrow-down-o.svg') ;
}

.assessment-module .fa-undo {
  background-image: url('../../icons/icon-undo.svg') ;
}

.assessment-module .fa-info-circle { 
  background-image: url('../../icons/icon-help-dark.svg');
}

.assessment-module .fa-refresh { 
  background-image: url('../../icons/icon-reset.svg');
}

.assessment-module .fa-refresh.blue {
  background-image: url('../../icons/icon-reset-b.svg');
}

.assessment-module .fa-refresh.pink {
  background-image: url('../../icons/icon-reset-pk.svg');
}

.assessment-module .fa-refresh.green {
  background-image: url('../../icons/icon-reset-g.svg');
}

.assessment-module .fa-check { 
  background-image: url('../../icons/icon-tick-large-w.svg');
}




.table .btn-fa-icon,
.table .btn-icon-only,
.table .btn-icon-only:hover,
.inner .btn-fa-icon,
.inner .btn-icon-only,
.inner .btn-icon-only:hover {
    padding: 0 !important; 
    width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    background: #ccc;
    position: relative;
}

.table .btn-fa-icon,
.inner .btn-fa-icon {
  padding-top: 9px !important;
  height: 35px !important;
    min-height: 35px !important;
}

.table .btn.btn-hide::before,
.inner .btn.btn-hide::before { 
  background-color: #fff;
}


.table .btn-icon-only::before,
.inner .btn-icon-only::before {
  width: 21px;
  height: 21px;
  top: 5px;
  left: 5px;
  margin: 0;
}
.table .btn-icon-only.btn-small{width: 20px !important; height: 20px !important; min-height: 20px !important;}
.table .btn-icon-only.btn-small::before{position: relative; margin: 0; padding: 0; top:0; left:0;}

.table .btn-icon-only:hover::before,
.inner .btn-icon-only:hover::before { 
  background-color: #F8A185;
}

.btn.btn-icon-arr-down,
.btn.btn-icon-arr-up,
.btn.btn-danger.remove-report-image,
.btn.btn-icon-delete {
  border: none;
  padding: 0;
  width: 46px;
  height: 46px;
  background:#F8A185;
}

.btn.btn-icon-arr-up,
.btn.btn-icon-arr-down {
  margin-right: 10px;
}

.btn.btn-icon-arr-up::before,
.btn.btn-icon-arr-down::before {
  background-size: 100%;
  background-color: #F8A185;
}

.btn.btn-icon-arr-down:hover,
.btn.btn-icon-arr-up:hover,
.btn.btn-danger.remove-report-image:hover,
.btn.btn-icon-delete:hover {
  background: #F8A185;
}

.btn.btn-icon-delete .fa-close {
  background-image: url('../../icons/icon-delete.svg') ;
}

.btn.btn-danger.remove-report-image .fa-close {
  background-image: url('../../icons/icon-close.svg') ;
}

.btn.btn-icon-arr-down .fa-chevron-down {
  background-image: url('../../icons/chevron-down.svg') ;
}
.btn.btn-icon-arr-up .fa-chevron-up {
  background-image: url('../../icons/chevron-up.svg') ;
}


.btn.btn-danger.remove-report-image {
  position: absolute;
  top: 8px;
  left: 8px;
  border: none;
  background: #fff;
  width: 30px;
  height: 30px;
  min-height: 30px;
}





.glyphicon.glyphicon-collapse-up,
.glyphicon.glyphicon-collapse-down {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: center;
  background-size: 36px;
  background-repeat: no-repeat;
  margin-top: 10px;
  background-image: url('../../icons/chevron-up.svg') ;
  right: 0px;
}

.glyphicon.glyphicon-collapse-down {
  background-image: url('../../icons/icon-dropdown.svg') ;
}

.glyphicon.glyphicon-collapse-up:before,
.glyphicon.glyphicon-collapse-down:before {
  display: none;
}



#tracker-pupil-nav ul.term-cols li, span.raw-score {
  font-weight: normal !important;
}


#fixed-pupil-header {

}

#set-increase-by {
  max-width: 200px;
}

.large-button-list {
  padding: 25px;
  border-radius: 20px;
}

.large-button-list .select-pupils-title {
  font-size: 1.2em;
  margin-bottom: 15px;
}

#pupil-report-mode li span {
  border-radius: 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 1rem;
  padding: 15px 25px;
}

.pdf-report-control .pdf-report-control-buttons ul li.is-clickable.report-year-dropdown {

}

.select-pupils-title {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.report-steps-key-holder ul li,
.report-steps-key-holder,
.page-section-snapshot.tracking-report {
  background: transparent !important;
}

#pdf-report-individual-add-to-timeline {
  background:#F8A185;
}

.right_popup {
  z-index: 2000;
  display: block;
  position: absolute;
}

.pdf-report-working_on_panel .fa-times {
  background-image: url('../../icons/icon-close.svg');
}

.pdf-report-options.next-steps select,
.pdf-report-options.next-steps input  {
  min-height: 36px;
  margin-right: 6px;
}


.pdf-report-options.next-steps input[radio] ,
.pdf-report-options.next-steps input[checkbox]  {
  min-height: auto;
}

.pdf-report-options.next-steps .table > tr > td {
  padding: 5px 2px;
}

#progress_table_scores_display td {
  padding: 0px;
}

div.report-config-section h3,
div.report-config-section h4 {
  color: #2d2d2d !important;
  margin-bottom: 20px;
}

#div-gran-3 ul li#al_menu_subject {
  padding: 5px 15px 5px 5px;
  display: flex;
}

hr.hr-large {
  margin-bottom: 15px !important;
  margin-top: 20px !important;
}




.tags-row {
  display: flex !important;
  flex-wrap: wrap;
  margin:10px !important;

}

.tags-row .rec-award {
  width:auto !important;
  margin: 0 10px 6px 0 !important;
}




















/* RESPONSIVE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media (max-width: 1366px) {

 
.centeredmenu {
    padding: 20px 20px 20px;
  }
#content-wrapper ul.matrix-menu-assessment {
  padding: 0 0px;
}

.framework-header .flex-vert-center {
  display: flex !important;
  margin-bottom: 0 !important;
}



}



@media (max-width: 1200px) {

#main-wrapper.assessment-module .navbar.sticky {
  z-index: 150; 
  padding-left: 84px;
  padding-right: 0;
}


.assessment-module .main-header {
  position: relative;
  padding: 0;
}

#main-menu {
  margin: 12px 0 0 15px;
}


#content-wrapper ul.matrix-menu-assessment {
  padding: 0;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}

.dropdown-assessment.year-selector-dropdown,
#content-wrapper ul.matrix-menu-assessment li.top-button-long {
  margin-bottom: 8px;
    width: 31%;
    flex: 0 0 31% !important;
    margin-right: 2%;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder {
    width: 31%;
    flex: 0 0 31% !important;
  }


#content-wrapper ul.matrix-menu-assessment li.top-button-long a {
    width: 100%;
    padding: 14px 20px 5px;
  }

.dropdown-assessment.year-selector-dropdown a {
  width: 100%;
}

#content-wrapper ul.matrix-menu-assessment li.top-button-long select {
  width: 100%;
}

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


.framework-header .flex-vert-center {
  display: flex !important;
  margin-bottom: 0 !important;
}








}




@media (max-width: 992px) {

#content-wrapper ul.matrix-menu-assessment li.top-button-long a { 
    padding: 11px 15px 5px;
  }


}




@media (max-width: 767px) {
 

#content-wrapper ul.matrix-menu-assessment li.top-button-long a {
    padding: 11px 10px 5px;
  }
.centeredmenu {
    padding: 10px 10px 20px;
  }

#main-wrapper.assessment-module a {
  margin-bottom: 7px;
}

.framework-header {
display: block !important;
position: relative;
}



.framework-header.header-assess {
  padding-top: 46px;
}

.framework-header .btn-expand-only {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: #fff 4px solid;
  position: absolute;
  top: 5px;
  right: 10px;
}

.framework-header .btn.btn-back-only {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: #fff 4px solid;
  position: absolute;
  top: 5px;
  left: 15px;
}

.framework-header.header-assess a.help-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 10px;
  right: 50px;
}

.framework-header span,
.framework-header h4 {
  margin: 0 0 0px;
  display: block;
}

.framework-header h4 {
  margin-left: 10px;
}


#main-wrapper.assessment-module {
  padding-top: 180px !important;
}
}







@media (max-width: 540px) {

.dropdown-assessment.year-selector-dropdown,
#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder,
#content-wrapper ul.matrix-menu-assessment li.top-button-long {
  margin-bottom: 8px;
  width: 48%;
  flex: 0 0 48% !important;
}
 
#content-wrapper ul.matrix-menu-assessment li.top-button-long.change-framework-holder {
    width: 48%;
    flex: 0 0 48% !important;
  }



}



@media (max-width: 480px) {

  #main-wrapper.assessment-module .navbar.sticky { 
  padding-left: 40px;
}

}

.navbar-brand{margin-top: 16px;}



.select-2.subject-btn span.selectionx{
    display: none;
}

.my-select2-holder.col-sm-12{display: block; margin-bottom: 14px;}