/* Minification failed. Returning unminified contents.
(1692,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700italic,600italic,400italic);
.blue{
    background-color: #2072ad;
}

.blue-text {
    font-weight:bold;
    color:rgb(0, 112, 192);
}
html {
    position: relative;
    min-height: 100%;
}
 body{
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #545454;
    background-color: rgba(0,0,0,.1);
    margin-bottom: 88px;
}
a{
  color: #2072ad;  
}
h1{
    font-size: 32px;
}
h2{
    font-size: 28px;
}
h3{
    font-size: 20px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 11px;
    font-weight: 600;
}
#logo-header{
    margin-right: 20px;
    max-width: 300px;
}
.top-10 {
    margin-top: 10px;
}
.m-right10{
    margin-right: 10px;
}
.m-left10{
    margin-left: 10px;
}
.tr-border-top{
    border-top: 5px solid #ccc;
}
.onpar-wrapper hr {
    margin: 5px;
}
.panel-group .panel{
    margin: 10px 0 10px 0;
    border-radius: 0;
}
.panel button i{
    margin-right: 4px;
}
.panel-custom h3{
    margin-top: 0;
    color: #2072ad;
}
.onpar-wrapper{
    background-color: #FFF;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
}
.classroom .onpar-wrapper{
    padding: 5px 10px 10px;
    margin-bottom: 12px;
    position: relative;
}
.classroom .col-md-7, .classroom .col-md-5{
    padding-right: 6px;
    padding-left: 6px;
}
.classroom h2{
    margin-top: 5px;
}
.classroom h3, .classroom h4{
    margin: 4px 0 2px;
}
.classroom h4 {
    font-size: 16px;
}
.classroom .task-controls input{
    padding: 5px;
    position:relative;
    top: 2px;
}
.teacher-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
}
.class-note, .unit-note {
   margin-left:auto;
   margin-bottom:5px;
}
.fa{   
    font-size: 18px;
}
.fa-info-circle{
    font-size: 14px;
}
.fa-times {
    color: #d9534f;/*red*/
}
.fa-download, .fa-calendar, .fa-times, .fa-bar-chart{
    cursor: pointer;
    padding:0 4px
}
.fa-2x {
    font-size: 2em;
}
.fa-3x{   
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.green{
    color: #5cb85c;
}
.yellow{
    color: #f0ad4e;
}
.classroom .task-controls .csv-info {
    cursor: pointer;
}
.task-table .btn {
    padding: 3px 6px;
    margin: 0;
}
.task-table > tbody > tr > td{
    vertical-align: middle;
}
.task-table td{
    position: relative;
}
.task-table .task-col {
    display: flex;
    justify-content: space-between;
}
.task-status{
    text-align: right;
    flex: 1 0 auto;
}
.task-status button {
    font-weight: 700;
}
.unit-focal-h1 {
    margin-left: 25px;
    margin-top: 25px;
    color: #2072AD;
}
.unit-h2{
    margin-top: 15px;
    margin-left: 15px;
    font-size: 24px;
}
hr.unit-collapse-hr {
    display: block;
    clear: both;
    border-top: 1px solid gray;
}
.unit-collapse-icon {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 4px;
}
p.test-window-text{
    margin-left: 78px;
    padding-top: 3px;
}
.testing-window-dates{
    float: right;
}
.testing-window-dates input{
    width: 80px;
    height: 24px;
    padding: 2px 0;
}
.testing-window-dates .fa-calendar{
    border: 1px solid #a9a9a9;
    padding: 2px 4px;
   position: relative;
    top: 1px;
    left: -1px;
}

ul.uib-datepicker-popup .btn-default {
    background-color: #fff;
    color: #333;
}

div.task-controls {
    height: 34px;
}
.task-controls a{
    text-decoration: none;
    color: #545454;
}
.task-controls a:hover, .task-controls a:active{
    color: #2072ad;
}
.btn-closed{
    color: #373a3c;
    background-color: #fff;
    border-color: #fff;
    cursor: text;
}
#login-info {
    background-color: #2072ad;
    color: #fff;
}
#login-info .username {
    text-transform: uppercase;
    font-weight: 700;
}
#login-info p {
    margin: 8px 0;
}
.header {
    z-index: 99;
    position: relative;
    background-color: #fff;
}
.header .row {
    border-bottom: solid 2px #ccc;
}
.header .navbar-brand {
    z-index: 1;
    top: 10px;
    position: relative;
    padding: 0 10px 10px;
    }
.header .navbar-nav {
		float: right;
    }
    .header .navbar-default {
        border: none;
        background: none;
        margin-bottom: 0;
        min-height: 75px;
    }
.header .navbar-collapse {
	position: relative;
    }
.header .navbar-default .navbar-nav > li > a {
	color: #687074;
	font-size: 15px;
	font-weight:400;
    }
.btn{
    border-radius:0;
    margin: 0 2px;
}
.btn-default{
    background-color: #545454;
    color: #fff;
}
.btn-primary .fa-play{
    font-size: 14px;
    margin-right: 4px;
}
.deactivated-task-text {
    top: 30%;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0px;
    z-index: 1000;
    color: black;
    font-weight: bold;
}

@media screen and (min-width:992px) {
    .deactivated-task-text {
        font-size: 2vw;
    }
}

@media screen and (max-width: 991px) {
    .deactivated-task-text {
        font-size: 5vw;
    }
}

.center{
    margin: 0 auto;
    text-align: center;
}
.expand-units {
    cursor: pointer;
}
div.expand-units:hover {
    background-color: rgba(215, 215, 215, 1);
}

div.expand-units a {
    padding-top: 5px;
    display: block;
}
button.expand-units {
    border: 0;
}
a.preview-button {
    display: block;
}

.table-cell-click {
    cursor: pointer;
}

input.end-date {
    background-color: white;
    border: 1px solid rgb(180,180,180)
}


/*---sticky footer settings - see body margin-bottom setting for footer height--*/
.sticky-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 88px;
    background-color: #a1a1a1;
    font-size: 12px;
}
.sticky-footer .row{
    margin-top:12px;
}
    .sticky-footer img {
        margin-top: 8px;
    }
.sticky-footer a{
    color: #333;
    position:relative;
    top: 1px;
    font-weight: 700;
}
.sticky-footer  p{
    margin-top: 10px; 
}
#wcer-logo{
    margin-right: 25px;
}
/*---Navbar---*/
    ul.navbar-nav {
        margin-top: 31px;
    }
	.header .navbar-nav {
		top: 2px;
		position: relative;
	}
	.navbar-nav li > a:hover {
		border-bottom: solid 4px #2072ad;
	}	
	.header .navbar-default .navbar-nav > li > a {
		padding: 9px 30px 9px 20px;		
	    }
	.header .navbar-default .navbar-nav li > a, .header .navbar-default .navbar-nav li > a:hover, .header .navbar-default .navbar-nav li > a:focus, .header .navbar-default .navbar-nav .active > a, .header .navbar-default .navbar-nav .active > a:hover, .header .navbar-default .navbar-nav .active > a:focus {
	background: none;
    font-weight: 700;
    font-size: 14px;
    }
    .header .navbar-default .navbar-nav a, .header .navbar-default .navbar-nav a:focus {	
	border-bottom: solid 4px transparent;
    }
    .header .navbar-default .navbar-nav li > a:hover, .header .navbar-default .navbar-nav a.active{
	border-bottom: solid 4px #2072ad;
	}
	.header .navbar-default .navbar-nav .open a,  .header .navbar-default .navbar-nav .open a:hover,  .header .navbar-default .navbar-nav .open a:focus {
	color: #2072ad;
	}
/*---Teachers-Guide---*/

.special-flex {
    display: flex;
    flex-wrap: wrap;
}

.guide{
    padding: 15px 30px;
}
/*.guide h3{
    
}*/
.guide h3{
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
    color: #2072ad;
    font-size: 22px;
}
.guide .fa-list-alt {
    position: relative;
    top: -4px;
}
.guide blockquote{
  border: 0;
  font-size: 13px; 
  padding-top: 0;
  padding-bottom: 0;  
}
.guide b{
    font-weight: 600;
    color: #4596d1;
}
.guide h4{
    font-weight: 600;
}
.guide h5{
    font-size: 15px; 
}
.guide h6{
    font-size: 14px;
    font-weight: 600;
}
.guide .bold-link {
    font-size: 14px;
    font-weight: 600;
}
.guide .questions-sidebar{
    background-color: #efefef;
}
.guide .nav-pills{
    font-size: 15px;
    background-color: rgba(217, 237, 247, 0.6);
    margin-bottom: 10px;
}
.guide-green {
    color: #627D2B;
}
.guide-orange {
    color: #a63400;
}
.guide-purple {
    color: #313e99;
}
.guide .indent {
    margin-left: 20px;
}
.guide .table-bordered .miniReportGreen {
    background-color: #BBF1BB;
}

.guide .table-bordered .miniReportYellow {
    background-color: #FFFFB8;
}

.guide .table-bordered .miniReportOrange {
    background-color: #FFDDAB;
}

.guide .table-bordered .miniReportRed {
    background-color: #FFBBBB;
}



.table .orange-cell{
    background-color: #ffebd3;
}
.table .purple-cell{
    background-color: #dee5fb;
}
.table .green-cell{
    background-color: #eefbd0;
}
.table .grey-cell{
    background-color: #ededed;
}
.bg-primary, .bg-info{
    padding: 15px;
}
.bg-primary{
    background-color:#2072ad; 
    padding: 15px;
}
#group1, #group2, #group3{
    margin-left: 15px;
    border-left: 3px solid #ccc;
    padding-left: 10px;
}
a{
    cursor: pointer;
}



/*--- media queries----*/
@media (max-width: 768px) {
    #logo-header{
        height: 40px;
        margin-top: -5px;
    }
    body{
        margin-bottom: 150px;
        }
    .sticky-footer{
        height: 150px;   
    }
    .header .navbar-nav, .header .navbar-default .navbar-nav a.active {
        float: none;
        border-bottom: solid 4px transparent;
    }
}
@media (min-width: 1000px) {
    .header .navbar-collapse {
        padding: 0;
    }
}
@media (max-width: 976px){
     .sticky-footer  p{
             margin-top: 0px;
         }
}

/* --- Report specific css --- */
.btn-light-blue {
    background-color: #cbe6f5;
}

.score-report{
    min-width: 950px;
}
#report-logo{
    max-width: 200px;
}
.report-type {
    font-size: 18px;
    font-weight: 600;
    margin: 35px 0 0 205px;
}
div.tab-content {
    padding-top: 10px;
}

div.empty-report-tab {
    background-color: white;
    height: 630px;
}

.report-body {
    background-color: white;
}
.report-info, .advanced-report .report-buttons {
    margin-top: 15px;
}
.report-info p{
    margin-bottom: 1px;
    text-align: right;
}
.gray-sidebar{
    margin-left: 15px;
    background-color: #efefef;
    padding: 1px 15px 15px;
}
.score-report h2{
    color:#2072ad ;
    font-size: 24px;
}
.score-report .context-image{
    max-width: 92px;
}
.score-report .table-bordered td{
    height: 50px;
}
.score-report .table-bordered tr td, .score-report .table-bordered thead tr th{
    border: 2px solid #fff;
}
.score-report .table-bordered thead tr th {
    background-color: #0c4772;
    color: #fff;
    text-align: center;
    font-size: 15px;
}
.score-report .table-bordered tr td{
    background-color: #e4e5e5;
}
.report-row{
    border-top: 5px solid #FFF;
}
.report-row:first-child{
    border-top: 0;
}
.report-concept{
    border-bottom: .05px dotted #ccc;
    padding-bottom: 4px;
}
.report-concept:last-child{
    border-bottom: 0;
}
.classroom-screen, .student-screen{ /*screen number in cell*/
    font-weight: 700;
    color: #2174ae; /*ONPAR blue*/
    text-align: center;
    font-size: 22px;
    vertical-align: middle!important;
}
.student-screen {
    color: #545454;
}
.report-question, .report-score{
    vertical-align: middle!important;
}
.report-score svg{
    margin-top: 3px;
}
.report-img{
    text-align: center;
    vertical-align: middle !important;
}
.concept-box {
    border: .5px solid #a1a1a1;
    margin-bottom: 15px;
    padding: 15px;
}
.concept-box h3, .concept-box h4{
    
    font-weight: 600;
}
.concept-box h3{
    font-size: 21px;
    margin-top: 0px;
}
.concept-box h4 {
    margin-top: 8px;
}
/*.feedback{
    
}*/
.concept-name {
    font-size: 17px;
}
hr.report-hr{
    border-top: 1px solid; 
    margin: 5px 0;
}
.chart-link {
    cursor: pointer;    
}
.video-banner{
    padding: 12px 20px 9px 140px;
    position: relative;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 38%, rgba(208,240,253,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(38%, rgba(255,255,255,1)), color-stop(100%, rgba(208,240,253,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 38%, rgba(208,240,253,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 38%, rgba(208,240,253,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 38%, rgba(208,240,253,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 38%, rgba(208,240,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0f0fd', GradientType=0 );
}
.video-banner h2 {
    margin: 4px 0;
}
.video-banner .video-icon{
    position: absolute;
    bottom: -9px;
    left: -101px;
}
div.task-img{
    position:relative;
}
div.inactive-task-img{
    width: 100%;
    height: 100%;
    position:absolute;
    top:0;
    left: 0;
    background-color:rgba(152,152,152,0.6);
    z-index: 1000;
}
.inactive-task-name {
    color: #CCC;
}
.score-report .prefix-text {
    font-weight: bold;
}

.score-report .smaller-context-img {
    height: 58px;
    width: 58px;
}
.score-report .smaller-context-img2 {
    height: 37px;
    width: 37px;
}

.percent-widget {
    background: rgba(0, 0, 0, 0) url("/Content/Images/Portal/score-reports/percentile-background.png") no-repeat scroll;
    background-size: 65px 65px;
    width: 65px;
    height: 65px;
    cursor: pointer;
    float: right;
    margin-left: 10px;
}
.percent-widget p.report-percentage {
    color: white;
    font-size: 24px;
    width: 65px;
    text-align: center;
    font-weight: bold;
}
.percent-widget .report-percentage-percent {
    font-weight: normal;
}
.percent-inline {
    font-weight: bold;
    font-size: 16px;
}

.classroom-report-bubble {
    cursor: pointer;
}

table.table-bordered.miniReport tbody tr:nth-child(even) th {
    background-color: #e4e4e4;
}

table.table-bordered.miniReport tbody tr td {
    background-color: #fff;
}



.panel-default .miniReportGreen,
table.table-bordered.miniReport tbody tr td.miniReportGreen,
.score-report .table-bordered .miniReportGreen {
    background-color: #BBF1BB;
}
.panel-default .miniReportYellow,
table.table-bordered.miniReport tbody tr td.miniReportYellow,
.score-report .table-bordered .miniReportYellow {
    background-color: #FFFFB8;
}
.panel-default .miniReportOrange,
table.table-bordered.miniReport tbody tr td.miniReportOrange,
.score-report .table-bordered .miniReportOrange {
    background-color: #FFDDAB;
}
.panel-default .miniReportRed,
table.table-bordered.miniReport tbody tr td.miniReportRed,
.score-report .table-bordered .miniReportRed {
    background-color: #FFBBBB;
}

table.table-bordered.miniReport {   
    border: 0;
    border-collapse: separate;
}

table.table-bordered.miniReport thead tr th:first-of-type {
    border-left:0;      
}

table.table-bordered.miniReport thead tr th:last-of-type {
    border-right: 0;
}

table.table-bordered.miniReport tbody {    
    border-spacing:0 0;
}

table.table-bordered.miniReport tbody tr:first-of-type th,
table.table-bordered.miniReport tbody tr:first-of-type td {
    border-top: 2px solid #ccc;
}

table.table-bordered.miniReport tbody tr:last-of-type th,
table.table-bordered.miniReport tbody tr:last-of-type td,
table.table-bordered.miniReport tfoot tr:last-of-type td {
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.table-bordered.miniReport tbody tr:only-of-type th,
table.table-bordered.miniReport tbody tr:only-of-type td {
    border-top: 2px solid #ccc;
}

table.table-bordered.miniReport tfoot tr:last-of-type td {
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
}

table.table-bordered.miniReport tfoot tr:last-of-type td:first-of-type {
    border-bottom:none;
}

table.table-bordered.miniReport tfoot tr:last-of-type td:first-of-type {
    border-bottom: none;
    border-left: none;
    border-right:1px solid #ccc;
}

table.table-bordered.miniReport tfoot tr:last-of-type td:last-of-type {
    border-right: 2px solid #ccc;
}

table.table-bordered.miniReport tbody tr th:first-of-type {
    border-left: 2px solid #ccc;
}

table.table-bordered.miniReport tbody tr td:last-of-type {
    border-right: 2px solid #ccc;
}

table.table-bordered.miniReport tbody td,
table.table-bordered.miniReport tbody th {
    border: 1px solid #ccc;
}


table.table-bordered.miniReport {
    width: 100%;
}

table.table-bordered.miniReport thead tr th:first-of-type,
table.table-bordered.miniReport tbody tr th:first-of-type {
    text-align: left;
    padding-left: 5px;
}

table.miniReport td {
   text-align:center;   
}

table.table-bordered.miniReport tfoot tr td {
    background-color: #FFF;
}

div.mini-score-report {
    min-width: 576px;
}

div.mini-report {
    min-height: 533px;
}

/* -- embedded video responsive -- */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    margin-bottom: 10px;
} 
.embed-container video, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 10%; 
    width: 80%; 
    height: 80%; 
}
@media print
{    
    .no-print
    {
        display: none !important;
    }
    html{
        width: 100%;
    }
}
@media (max-width: 850px) {
    #report-logo {
        width: 150px;
        margin-top: 15px;
    }
.report-type{
        margin-left: 150px;
}
.embed-container iframe, .embed-container object, .embed-container embed { 
    left: 0;
    width: 100%; 
    height: 100%; 
}
}
/*upload stuff*/
.upload.form-control {
  text-align: center;
  height: auto; }

.upload.form-control a {
  cursor: pointer;
  text-decoration: none;
  color: #777; }

.upload.form-control a:hover {
  color: #777; }

.upload-table {
    border: 1px solid black;
}

.upload-table tr>td, .upload-tabl tr>th{
    border: 1px solid black;
}
span.bold-inline {
    font-weight: bold;
}

.fa-lightbulb-o {
    color: #CCCC00
}


.closedTaskText {
    display: inline-block;
    padding: 4px 7px 7px 4px;
    font-size: 14px;
    color: #888;
}

/*Teacher's Guide Panels'*/
/*Weather Teacher's Guides*/
.yellowPanel {
    background: #FFD966;
    padding: 5px;
    margin-bottom: 10px;
}

.yellowPanel h4 {
    text-align: center;
}

.bluePanel {
    background: #BDD6EE;
    padding: 5px;
    margin-bottom: 10px;
}

.ess2d {
    width: 50%;
}

.bluePanel h4 {
    text-align: center;
}

.greenPanel {
    background: #C5E0B3;
    padding: 5px;
    margin-bottom: 10px;
}

.greenPanel h4 {
    text-align: center;
}

.disciplinary-core-ideas {
    max-width: 700px;
}

.science-engineering-practices {
    max-width: 700px;
}

.crosscutting-concepts {
    max-width: 700px;
}
.guide .overview-container {
    height: 100%;
    min-width: 570px;
}
.guide .overview-container .col-xs-3 {
    padding-left: 2px;
    padding-right: 2px;
}
.guide .overview-container .panel {
    border-radius: 0;
    height: 100%;
}
.guide .d-flex {
    display: -webkit-flex;
    display: flex;
}
.guide .panel-orange {
    border: 1px solid #f7921e;
    border-top-width: 10px; 
    margin: 1px;
    padding: 0 10px;
}
.guide .panel-purple {
    border: 1px solid #354ea2;
    border-top-width: 10px;
    margin: 1px;
    padding: 0 10px;
}
.guide .panel-green {
    border: 1px solid #9ac23b;
    border-top-width: 10px;
    margin: 1px;
    padding: 0 10px;
}
.guide .panel-empty {
    background-color: #efefef;
}
.guide .teacher-task h6 {
    display: table-cell;
    vertical-align: middle;
    color: white;
}
.guide .bibliog li {
    padding: 5px 0;
}

/*Individual Teacher Guide Components*/
.weather1-side-by-side {
    width: 500px;
}

/*maf1 guide*/
.disciplinary-core-ideas, 
.maf1-screen, .maf2-screen {
    width: 700px;
}

/*mafeou guide*/
.disciplinary-core-ideas, 
.mafeou-screen {
    width: 700px;
}


.eco2-screen {
    width: 700px;
}


/*Weather1 Teacher's Guid'*/
.yellowPanel {
    background: #FFD966;
    padding: 5px;
    margin-bottom: 10px;
}

.yellowPanel h4 {
    text-align: center;
}

.bluePanel {
    background: #BDD6EE;
    padding: 5px;
    margin-bottom: 10px;
}

.bluePanel h4 {
    text-align: center;
}

.greenPanel {
    background: #C5E0B3;
    padding: 5px;
    margin-bottom: 10px;
}

.greenPanel h4 {
    text-align: center;
}

.disciplinary-core-ideas {
    width: 700px;
}


.ar-table td {
    padding-left: 5px;
}

.WeatherGuide img {
    width: auto;
    max-height: 300px;
}

/*for geo2 teacher guide*/
.geo2guideTab3Image {
    width: 40%
}


/*add user form*/
.add-user-form-button {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.add-user-form-input {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    height: 33px;
}

/*EcoEOU Teacher's Guide*/
#EcoEOU-TeacherGuide dl dt{
    display: list-item;
    list-style-type: disc;
}

#EcoEOU-TeacherGuide dl dd {   
    margin-left:20px;
}

#EcoEOU-TeacherGuide dl dl dt{
    display: list-item;
    list-style-type: circle;  
    font-weight:100;  
}

#EcoEOU-TeacherGuide dl dl dd{
    display: list-item;
    list-style-type: square;
}

#EcoEOU-TeacherGuide #ScienceConcepts {
    width:75%;
    height:auto;    
}

#EcoEOU-TeacherGuide #Table1 td, #EcoEOU-TeacherGuide #Table1 th {        
     background-color:rgb(255,217,102);
     border:1px solid black;
}

#EcoEOU-TeacherGuide #Table2 td, #EcoEOU-TeacherGuide #Table2 th {
    background-color:rgb(189,214,238);
    border:1px solid black; 
}

#EcoEOU-TeacherGuide #Table3 td, #EcoEOU-TeacherGuide #Table3 th {     
     background-color:rgb(197,224,179);
     border:1px solid black;
}

#EcoEOU-TeacherGuide #Table1 th,
#EcoEOU-TeacherGuide #Table2 th,
#EcoEOU-TeacherGuide #Table3 th {        
     text-align:center;
}
.energy1-img {
    width: 412px;
    height: auto;
}
.energy2-img {
    width: auto;
    max-height: 300px;
}

/* Mels2/3/EOU Teacher's Guide */
#Mels2-TeacherGuide .table-guiding {
    width: 450px;
    margin-top: 1.5rem;
}
#Mels2-TeacherGuide .table-guiding th:first-child {
    width: 30%;
}
#Mels2-TeacherGuide .screen9fig {
    width: 25rem;
    position: relative;
    margin: 1.5rem;
    text-align: left;
}
#Mels2-TeacherGuide .screen9fig .col-xs-4 {
    text-align: center;
}

/* ChemRxns1/2/EOU Teacher's Guide */
#ChemRxns2-TeacherGuide .screen4fig i {
    font-size: 1.25rem;
}

/* Shared Teacher's Guide Styles */
.TeacherGuide img {
    width: auto;
    max-height: 250px;
}

.TeacherGuide .fig-reports {
    width: 340px;
    overflow: hidden;
    margin: 0;
}

.TeacherGuide .img-reports {
    display: block;
    width: 100%;
}

.TeacherGuide .resource-box {
    border: 1px solid #ddd;
    padding: 10px;
    width: auto;
}
.TeacherGuide .text-indent {
    text-indent: 4rem;
}

/*PNOM teacher guides*/
#PNoM1-TeacherGuide img {
    width: auto;
    max-height: 250px;
}
#PNoM2-TeacherGuide img {
    width: auto;
    max-height: 250px;
}
#PNoMEOU-TeacherGuide img {
    width: auto;
    max-height: 250px;
}

/* Energy V2 Guide */
#EnergyV2-TeacherGuide .energyTable {
    margin-top:10px;
}

#EnergyV2-TeacherGuide .energyTable  th {
    text-align:center;
}

/* Bootstrap 4 spacing classes */
.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

p.duplicatesMessage {
    color:mediumvioletred;
    margin-top:10px;
}

.underline {
    text-decoration: underline;
}
.teacherLandingClassRow {
    background-color: #5CBB5C;
}
.teacherLandingClassRow:hover td {
    background-color: #5CBB5C;
    color: white;
}
.teacherLandingClassRow:hover a {
    color: white;
}

.teacherLandingClassRowTd {
    color: white;
}

.reportDownloadBtn {
    color: #2072ad;
    border:none;
    background:none;
}

.student-task {
    width: 100%;
    border: 1px solid grey;
    min-height: 50px;
    margin: 0px;
    background-color: gray;
    vertical-align: middle;
    overflow: auto;
    display: table;
}

.student-task h4 {
    display: table-cell;
    vertical-align: middle;
    color: white;
}

.student-task-box-container {
    border: 1px solid grey;
    width: 100%;
    min-height: 69px;
    background-color: rgba(215, 215, 215, 1);
}

.student-task-box {
    width: 25%;
    min-height: 67px;
    border-right: 1px solid lightgrey;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    background-color: #efefef;
    vertical-align: middle;
    float: left;
    overflow: auto;
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    display: block;
    color: #333333;
    vertical-align: middle;
    align-content: center;
    overflow: hidden; /* prevent scrollbar on Preview Paper Task when text takes 3 lines */
}

.student-task-box-empty {
    width: 25%;
    min-height: 58px;
    border-right: 1px solid lightgrey;
    background-color: rgba(215, 215, 215, 1);
    float: left;
}

.student-task-box a {
    color: #333333;
    text-decoration: none;
}

.student-task-box img.badge-on-student-landing {
    width: 42px;
    margin-top: 6px;
}

.student-task-box_one {
    margin-top: 15px;
}

.student-message-icon {
    width: 40px;
}

.teacher-task-box-container {
    border: 1px solid grey;
    width: 100%;
    min-height: 60px;
    background-color: rgba(215, 215, 215, 1);
}

.teacher-task-box {
    width: 25%;
    min-height: 58px;
    border-right: 1px solid lightgrey;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: #efefef;
    vertical-align: middle;
    float: left;
    overflow: auto;
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    display: block;
    color: #333333;
    vertical-align: top;
    align-content: center;
    overflow: hidden; /* prevent scrollbar on Preview Paper Task when text takes 3 lines */
}
.teacher-task-box button {
    width: 100%;
}
.teacher-task-box img.icon {
    width: 80%;
}
.teacher-task-box a {
    color: #333333;
    text-decoration: none;
}
.teacher-task-box div.spacer {
    width: 100%;
    height: 12px;
}
.teacher-task-box img.down-arrow {
    margin-top: 3px;
}
.teacher-select {
    margin-top: 10px;
    min-height: 30px;
    font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans';
    font-weight: 700;
    font-style: normal;
    font-size: 10px;
    color: #333333;
    text-align: center;
    line-height: normal;
    border: 1px solid rgba(161, 161, 161, 1);
    width: 100%;
    position: absolute;
    top: 96%;
    z-index: 2000;
}

.teacher-select div {
    min-height: 30px;
    background-color: rgba(242, 242, 242, 1);
    border-bottom: 1px solid rgba(161, 161, 161, 1);
    padding-top: 3px;
}

.teacher-select.plan {
    left: 0%;
}
.teacher-select.interpret {
    left: 0%;
}
.teacher-select.extend {
    left: 0%;
}

.teacher-select.printable {
    left: 0%;
}

.teacher-select.fillable {
    left: 0%;
}

.springboard-div {
    margin-top: 2em;
}
.springboard-class .class-panel {
    display: block;
    width: 100%;
    border: 1px solid #cccccc;
    background-color: rgba(232, 245, 250, 1)
    overflow:hidden;
}


.springboard-class .springboard-h2 {
    color: white;
    background-color: #2072ad;
    padding: 20px 40px 20px 40px;
    margin-top: 0;
    margin-bottom: 0;
}



.springboard-class .springboard-panel {
    border: 1px solid gray;
    text-align: center;
    background-color: rgb(215,215,215);
    margin-top: 10px;
    margin-bottom: 10px;
}
.springboard-class .springboard-h4 {
    color: white;
    vertical-align: middle;
    background-color: rgb(128,128,128);
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 30px 10px 30px;
}
.springboard-class .springboard-task-box {
    width: 25%;
    min-height: 58px;
    margin: 0 auto 0 auto;
    background-color: #efefef;
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    text-align: center;
    line-height: 11px;
    color: #333333;
    vertical-align: middle;
    align-content: center;
    padding-top: 10px;
}
.springboard-class .springboard-task-box a {
    color: #333333;
    text-decoration: none;
}



.minitask-select {
    margin-top: 10px;
    min-height: 30px;
    font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: normal;
    border: 1px solid rgba(161, 161, 161, 1);
    width: 25%;
    position: absolute;
    top: 96%;
    left: 25%;
    z-index: 2000;
}

.minitask-select div {
    min-height: 30px;
    background-color: rgba(242, 242, 242, 1);
    border-bottom: 1px solid rgba(161, 161, 161, 1);
    padding-top: 3px;
}

.minitask-select div:hover, .minitask-select-teacher div:hover {
    min-height: 30px;
    background-color: rgba(161, 161, 161, 1);
}

/* reset the min-hight to remove empty space created by paper tasks */
.task-repeat {
    min-height: 0px;
}

.teacher-task {
    width: 100%;
    border: 1px solid grey;
    height: 50px;
    margin: 0px;
    background-color: gray;
    vertical-align: middle;
    overflow: auto;
    display: table;
}

.teacher-task h4 {
    display: table-cell;
    vertical-align: middle;
    color: white;
}

.minitask-select-teacher {
    margin-top: 10px;
    min-height: 30px;
    font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: normal;
    border: 1px solid rgba(161, 161, 161, 1);
    width: 25%;
    position: absolute;
    top: 96%;
    left: 0px;
    z-index: 3000;
}

.minitask-select-teacher div {
    min-height: 30px;
    background-color: rgba(242, 242, 242, 1);
    border-bottom: 1px solid rgba(161, 161, 161, 1);
    padding-top: 3px;
}
.minitask-select div:last-child, .minitask-select-teacher div:last-child {
    border-bottom: none;
}
.task-preview-img {
    margin-top: 5px;
    margin-bottom: 5px;
}
/*--- media queries----*/
@media (min-width: 992px) and (max-width: 1199px) {
    .student-task-box {
        font-size: 10px;
    }
}
@media (min-width: 992px) {
    .task-row .col-md-3 {
        padding-right: 8px;
        padding-left: 8px;
    }
}

/* --- Styles for help text modal --- */
.on-par-modal-body {
    font-size: 1.3em;
    padding: 15px 10px 10px 10px;
}

.on-par-modal-body > p {
    padding: 0;
}

.on-par-modal-footer {
    background-color: rgb(220,220,220);
    border-top-style: solid;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-color: rgb(180,180,180);
    padding: 0px 10px 2px 0px;
}

button.on-par-modal-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    outline-color: transparent;
    cursor: pointer;
    font-size: 28px;
    color: rgb(120,120,120);
}

button.on-par-modal-button:hover {
    color: rgb(0,0,0);
}

.modal-body.score-report {
    font-family: 'Open Sans', Helvetica, Ariel, sans-serif;
    font-size: 13px;
    color: #545454;
    height: 540px;
    overflow-y: scroll;
}

/* bootstrap hack: fix content width inside hidden tabs */
.admin-report .tab-content > .tab-pane:not(.active),
.admin-report .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
    overflow-x: hidden; /* Hide scrollbars */
}
/* bootstrap hack end */

/*---- Styles for Mini-Score-Reports ----*/

.score-report .table-bordered .miniReportGray {
    background-color: #F2F2F2;
}

.mini-score-report {
    font-size: 15px;
}
.mini-score-report .score-report {
    min-width: initial;
}

/*---- Styles for admin reports ----*/
.admin-report h3 {
    margin-bottom: 10px;
}
.admin-report .tab-pane {
    padding-top: 20px;
}

.admin-report .teacher-select {
    margin-top: 10px;
    margin-bottom: 10px;
}

.admin-report .teacher-select label {
    font-weight: normal;
}

.admin-report .usage-box {
    margin-bottom: 10px;
    margin-left: 5%;
    width: 90%;
    height: 500px;
}
.admin-report .axis {
    font-size: 13px;
    stroke-width: 1;
}
.admin-report .usage-legend {
    width: 290px;
    margin: 0 auto;
}

.admin-report .usage-element {
    display: inline;
    margin: 0 8px;
}

.admin-report .usage-swatch {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.admin-report .title-link {
    font-size: 21px;
}
.admin-report .row {
    margin-bottom: 75px;
}

.admin-report .diagnostic-text-box {
    margin-top: 40px;
}

.admin-report .diagnostics {
    margin-top: 10px;
    font-size: 14px;
}

.admin-report .p-with-bullet {
    margin-bottom: 0;
}

.admin-report .pie-chart-box {
    margin-left: 5%;
    width: 90%;
}

.admin-report .pie-legend {
    width: 290px;
    margin: 0 auto;
}

.admin-report .pie-element {
    display: inline;
    margin: 0 8px;
}

.admin-report .pie-box {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.admin-portal .teacher-task a {
    color: #fff;
}

.admin-portal .teacher-task a:hover, .admin-portal .teacher-task a:active {
    color: #fff;
}
/*styles to get print to respect the bootstrap columns*/
@media print {
    .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }
}

/*---- Styles for Advanced Score Report ----*/
.blue-glow2 {
    outline: 2px solid #0073e6 !important;
    -moz-box-shadow: 0 0 10px 3px #0073e6;
    -webkit-box-shadow: 0 0 10px 3px #0073e6;
    box-shadow: 0 0 10px 3px #0073e6;
}
.no-glow {
    border: 2px solid transparent;
}
.blue-glow {
    border: 1px solid #0073e6 !important;
    -moz-box-shadow: 0 0 10px 3px #0073e6;
    -webkit-box-shadow: 0 0 10px 3px #0073e6;
    box-shadow: 0 0 10px 3px #0073e6;
}
.span-hover {
    color: #0073e6;
    text-decoration: underline;
    cursor: pointer;
}
.span-hover:hover, .span-hover:active, .span-hover:focus {
    color: #0059b3;
    outline: 0;
}
.rounded-circle {
    border-radius: 50% !important
}
.advanced-report {
    min-width: 768px;
}
@media (max-width: 1199px) {
    .advanced-report .container-fluid-lg {
        padding-right: 30px;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}
.advanced-report hr {
    margin-top: 10px;
    margin-bottom: 6px;
}
.advanced-report .retake-bar {
    width: 100%;
    background-color: #e8f5fa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.advanced-report .retake-bar .btn-toggle {
    background-color: transparent;
    color: #2072ad;
    border-radius: 4px;
    padding: 4px 15px;
}
.advanced-report .retake-bar .btn-toggle:hover,
.advanced-report .retake-bar .btn-toggle:focus {
    background-color: #eee;
    color: #23527c;
}
.advanced-report .retake-bar .btn-toggle:active, 
.advanced-report .retake-bar .btn-toggle.active {
    background-color: #2072ad;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.advanced-report .retake-bar .btn-toggle.active:hover,
.advanced-report .retake-bar .btn-toggle.active:focus {
    background-color: #2072ad;
}
.advanced-report .nav-tabs {
    border-bottom: 1px solid #828282;
}
.advanced-report .nav-tabs > li > a {
    margin-right: 6px;
    border: 1px solid #828282;
    font-size: 15px;
    background-color: #e8f5fa;
}
.advanced-report .nav-tabs > li > a:hover {
    border-color: #eee #eee #828282;
    background-color: #eee;
}
.advanced-report .nav-tabs > li.active > a,
.advanced-report .nav-tabs > li.active > a:hover,
.advanced-report .nav-tabs > li.active > a:focus {
    color: #FFF;
    background-color: #2072ad;
    border: 1px solid #828282;
}

@media print {
    .advanced-report .btn-toggle.active,
    .advanced-report .nav-tabs > li.active > a {
        border: 1px solid black !important;
        font-weight: 700;
    }
    .advanced-report a:after {
        content: normal;
    }
}

.advanced-report .floatLeft {
    float: left;
}
.advanced-report #audio
{
    width: 108px;
    float: left;
    text-align: center;
    font-size: .6875em; /*11/16*/
    margin: 5px 10px 0 0;
    letter-spacing: 0.05em;
}

.advanced-report #audio #translation-selector {
    display: none; /* Hide language selector for Advanced Reports */
    margin-bottom: 5px;
}

.advanced-report #audio #translation-selector select {
    width: 100%;
}

.advanced-report #audio a
{
    color:#414042;
    text-decoration: none;
    padding: 1px 1px;
    font-size: 15px;
    margin-left: 31px;
    /*width: 68px; 
    height: 16px;*/
    /*NOTE: bootstrap implements border-box styling, so all heights/widths need to be relcalculated to include padding and border widths*/
    width: 76px;
    height: 24px;
    background-color: #e9f1be;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9f1be), to(#a6cf4e));
	background: -moz-linear-gradient(top, #e9f1be, #a6cf4e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9f1be', endColorstr='#a6cf4e');
    border: 1px solid #7e7e7f;
    display: block;
    margin-bottom: 6px;

}
.advanced-report #audio a.translate
{
    background-color: #c4e0ec;
    background: -webkit-gradient(linear, left top, left bottom, from(#c4e0ec), to(#a1cfe3));
	background: -moz-linear-gradient(top, #c4e0ec, #a1cfe3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4e0ec', endColorstr='#a1cfe3');
    border: 1px solid #7e7e7f;
}
.advanced-report #audio a.screen-text
{
    background-color: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc));
	background: -moz-linear-gradient(top, #efefef, #ccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ccc');
    border: 1px solid #7e7e7f;
}
.advanced-report #header {
    height: 112px;
    padding: 3px 15px;
    position: relative;
}

.advanced-report #header p {
    font-size: 1.2em;
    line-height: 1.15em;
    margin-top: 16px;
    margin-bottom: 16px;
}
.advanced-report #screen-feedback {
    position: relative;
    padding: 16px 16px 9px;
}
.advanced-report #header .badge-img {
    height: 90px;
    float: right;
}
.advanced-report #NoReportAvailable {
    min-height: 630px;
}
.advanced-report .header-report {
    background-color: #E5E5E5;
}
.advanced-report .report-type {
    font-size: 24px;
    margin: 15px 0 0 0;
}
.advanced-report .header .row {
    border-bottom: none;
}
.advanced-report .report-title {
    border-bottom: solid 2px #2072AD;
    padding-bottom: 15px;
}
.advanced-report .report-body .container h2 {
    display: inline-block;
    margin-right: 7px;
}
.advanced-report .tab-row {
    display: flex;
    border-bottom: 5px solid #348729;
    text-align: center;
    align-items: flex-end;
}
.advanced-report .tab-row button {
    height: 83px;
    width: 33%;
    min-width: 150px;
    margin-right: 5px;
    margin-bottom: -1px;
    border: 1px solid #828282;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    background-color: #DCF0D1;
    color: black;
    padding-bottom: 80px;
    background-position: 50% 75%;
    background-repeat: no-repeat;
    background-size: auto 39px;
}
.advanced-report .tab-row button:hover {
    border-color: #eee #eee #828282;
    background-color: #eee;
}
.advanced-report .tab-row button.active {
    border: 1px solid #348729;
    color: #FFF;
    background-color: #348729;
}
.advanced-report .tab-row button.scores {
    background-image: url(/Content/Images/Portal/score-reports/laptoptransparent.png);
}
.advanced-report .tab-row button.dimension {
    background-image: url(/Content/Images/Portal/score-reports/watch-big-idea-video_black.png);
}
.advanced-report .tab-row button.plans {
    background-image: url(/Content/Images/Portal/score-reports/headtransparent.png);
    margin-right: 0;
}
.advanced-report .tab-row button.scores.active {
    background-image: url(/Content/Images/Portal/score-reports/laptop-white.png);
}

.advanced-report .tab-row button.dimension.active {
    background-image: url(/Content/Images/Portal/score-reports/watch-big-idea-video_white.png);
}

.advanced-report .tab-row button.plans.active {
    background-image: url(/Content/Images/Portal/score-reports/head-white.png);
}

/* Flexbox utilities */
.advanced-report .d-flex {
    display: flex;
}
.advanced-report .flex-wrap {
    flex-wrap: wrap;
}
.advanced-report .col, .advanced-report .col-2, .advanced-report .col-4, .advanced-report .col-12, .advanced-report .col-20 {
    width: 100%;
    float: left;
    position: relative;
}
.advanced-report .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.advanced-report .col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.advanced-report .col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.advanced-report .col-12 {
    flex: 0 0 12%;
    max-width: 12%;
}
.advanced-report .col-20 {
    flex: 0 0 19%;
    max-width: 19%;
}
.advanced-report #screen-feedback .col-20 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}
.advanced-report .no-gutters {
    margin-right: 0;
    margin-left: 0
}
.advanced-report .h-100 {
    height: 100%;
}
.advanced-report .w-25 {
    width: 25%;
}
.advanced-report .bg-light-blue, .advanced-report.bg-light-blue {
    background-color: #d6eaf5;
}
.advanced-report .bg-white {
    background-color: #fff !important;
}
.advanced-report #screen-feedback .header-row {
    display: flex;
    color: #fff;
    font-size: 1.2em;
}
.advanced-report #screen-feedback .header-row > div:not(:last-child) {
    border-right: 1px solid #fff;
}
.advanced-report #screen-feedback .header-row > div {
    padding: 10px;
    display: grid;
}
.advanced-report #screen-feedback p {
    font-size: 14px;
}
.advanced-report #screen-feedback .feedback-row {
    border-bottom: 1px solid #888;
    margin-bottom: 7px;
}
.advanced-report #screen-feedback .task-img {
    max-width: 112px;
    height: auto;
    padding: 10px;
    width: 100%;
}
.advanced-report #screen-feedback .screen-hover {
    width: fit-content;
}
.advanced-report #screen-feedback button.screen-number,
.advanced-report #science-ideas button.button-video,
.advanced-report #science-practices button.button-video,
.advanced-report #science-concepts button.button-video {
    border: 1px solid #828282;
    border-radius: 15px;
    background: linear-gradient(180deg, #DDFBCC 0%, #BBE274 89%);
    color: black;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    width: 110px;
    height: 40px;
}
.advanced-report #screen-feedback button.screen-number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}
.advanced-report #science-ideas button.button-video,
.advanced-report #science-practices button.button-video,
.advanced-report #science-concepts button.button-video {
    width: auto;
}
.advanced-report #science-practices button.button-video,
.advanced-report #science-concepts button.button-video {
    position: absolute;
    right: 12px;
}
.advanced-report #screen-feedback button.screen-number img {
    width: 35px;
    margin-right: 5px;
}
.advanced-report #screen-feedback button.screen-number:hover,
.advanced-report #science-ideas button.button-video:hover,
.advanced-report #science-practices button.button-video:hover,
.advanced-report #science-concepts button.button-video:hover {
    background: linear-gradient(180deg, hsl(89 48% 49%) 0%, hsl(89 84% 29%) 89%);
    color: white;
}
.advanced-report #screen-feedback button.screen-number.visited {
    background: linear-gradient(180deg, #c4e0ec 0%, #a1cfe3 89%);
    color: #414042;
}
.advanced-report #screen-feedback button.screen-number.visited img {
    opacity: .66;
}
.advanced-report #screen-feedback button.screen-number.visited:hover {
    background: linear-gradient(180deg, #b0c9d4 0%, #3387ab 89%);
    color: #f2f2f3;
}
.advanced-report #screen-feedback .min-140 {
    min-width: 140px;
    max-width: 150px;
}
.advanced-report #screen-feedback .mw-124 {
    max-width: 124px;
}
.advanced-report #screen-feedback .progressbar {
    border: 1px solid #266796;
    width: 130px;
    height: 22px;
}
.advanced-report #screen-feedback .hover-col {
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    z-index: 99;
}


.advanced-report #Messages .student-message-column {
    margin-bottom: 5px;
}
.advanced-report #Messages .message-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 345px;
}
.advanced-report #Messages .student-response-header {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
}
.advanced-report #Messages .student-response-header p {
    margin-bottom: 0;
}
.advanced-report #Messages .student-response {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 20px;
}
.advanced-report #Messages .teacher-response {
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 10px solid #23527c;
    background-image: linear-gradient(#eff9fd 0%, #d3e2f0 100%);
    padding: 10px;
    font-size: 16px;
    font-family: cursive;
}
.advanced-report #Messages .teacher-response-header {
    font-weight: bold;
    font-size: 20px;
    color: #2072ad;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.advanced-report #Messages .blue-glow-teacher-message {
    border-right: 1px solid #0073e6 !important;
    border-top: 1px solid #0073e6 !important;
    border-bottom: 1px solid #0073e6 !important;
    border-left: 10px solid #23527c;
    -moz-box-shadow: 0 0 10px 3px #0073e6;
    -webkit-box-shadow: 0 0 10px 3px #0073e6;
    box-shadow: 0 0 10px 3px #0073e6;
}

.advanced-report #Messages .student-response input[type="radio"] {
    position: relative;
    vertical-align: baseline;
    margin-right: 10px;
}
.advanced-report #Messages .student-response .radio label {
    display: flex;
    align-items: center;
}


.advanced-report #Messages .screen-checkboxes {
    margin-bottom: 10px;
}

.advanced-report #Messages .screen-checkboxes div.inline {
    display: inline;
}

.advanced-report #Messages .screen-checkboxes label {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: normal;
}
.advanced-report #Messages .screen-checkboxes input[type="checkbox"] {
    margin-right: 2px;
}

.advanced-report #Messages .report-textarea {
    width: 95%;
    border: 2px dashed black;
    border-radius: 5px;
    resize: none;
    background-color: #eff9fd;
}
.advanced-report #Messages .hover-box {
    padding: 2px;
}
/* Science Ideas */
.advanced-report div.add-blue-glow-to-screens a {
    border: 1px solid #0073e6 !important;
    -moz-box-shadow: 0 0 10px 3px #0073e6;
    -webkit-box-shadow: 0 0 10px 3px #0073e6;
    box-shadow: 0 0 10px 3px #0073e6;
}

.advanced-report #science-ideas, .advanced-report #science-practices, .advanced-report #science-concepts {
    border-top: 10px solid;
}
.advanced-report #science-ideas h3, 
.advanced-report #science-practices h3, 
.advanced-report #science-concepts h3 {
    display: inline-block;
}
.advanced-report #science-ideas a, .advanced-report #science-practices a, .advanced-report #science-concepts a {
    text-decoration: underline;
}
.advanced-report #science-ideas p, .advanced-report #science-practices p, .advanced-report #science-concepts p, 
.advanced-report #science-ideas li, .advanced-report #science-practices li, .advanced-report #science-concepts li {
    font-size: 14px;
}
.advanced-report .proficiency-image {
    max-width: 100%;
    height: auto
}
.advanced-report #science-ideas .ideas-list {
    padding-left: 0;
    list-style-type: upper-alpha;
    position: relative;
    flex-basis: 100%;
}
.advanced-report .ideas-list > li {
    background-color: #fff;
    padding: 10px;
    list-style-position: inside;
    border-bottom: 1px solid #888;
    width: 100%;
    position: relative;
    min-height: 58px;
}
.advanced-report #science-ideas .ideas-list > li:not(:first-child) {
    border-top: 7px solid rgba(233, 120, 73, 0.22);
    min-height: 68px;
}
.advanced-report #science-ideas .ideas-list .ideas-hover {
    position: absolute;
    left: 2px;
    top: 2px;
    right: 276px;
    height: 100%;
    z-index: 4;
}
.advanced-report #science-ideas .fill-col {
    width: calc(100% - 275px);
}

.advanced-report #science-ideas .orange-box {
    width: 270px;
    height: 100%;
}
.advanced-report #science-ideas .ideas-list > li .bullet-text,
.advanced-report #science-practices li .bullet-text,
.advanced-report #science-concepts .feedback-white > p {
    display: inline-table;
    width: calc(100% - 80px);
}

.advanced-report #science-ideas img.feedback-video, .advanced-report #science-practices img.feedback-video, .advanced-report #science-concepts img.feedback-video {
    width: 28px;
    margin: 0 8px;
}

.advanced-report #science-ideas .my-progress, .advanced-report #science-practices .my-progress, .advanced-report #science-concepts .my-progress {
    font-size: 16px;
    font-weight: bold;
    margin-top: 1.2rem;
}

/* Science Practices & Concepts */
.advanced-report #science-practices p.feedback-video-line, .advanced-report #science-concepts p.feedback-video-line {
    vertical-align: middle;
}

.advanced-report #science-practices .ideas-list,
.advanced-report #science-concepts .ideas-list {
    padding-left: 0;
    position: relative;
    color: black;
    margin-left: -10px;
    margin-right: -10px;
}
.advanced-report #science-practices .ideas-list > li:not(:first-child) {
    border-top: 7px solid rgba(78, 81, 196, 0.21);
    min-height: 68px;
}
.advanced-report #science-concepts .ideas-list > li:not(:first-child) {
    border-top: 7px solid rgba(105, 189, 103, 0.18);
    min-height: 68px;
}
.advanced-report #science-practices .ideas-list > li .bullet-text, 
.advanced-report #science-concepts .ideas-list > li .bullet-text {
    display: inline-table;
    width: calc(100% - 225px);
}
.advanced-report #science-practices ul,
.advanced-report #science-concepts .feedback-white {
    background-color: #fff;
    border-bottom: 1px solid #888;
    padding-top: 12px;
    padding-bottom: 15px;
}
.advanced-report #science-concepts .feedback-white {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 61px;
    margin-bottom: 10px;
}
.report-badge-modal .my-modal-content {
    text-align: center;
    padding: 20px;
}
.report-screen-modal .modal-container {
    height: 227px;
    overflow: hidden;
}
.report-screen-modal .report-student-screen {
    pointer-events: none;
    border: none;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 333.8%;
    height: 333.8%;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.report-screen-modal .report-screen-modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.report-screen-modal .modal-dialog {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .report-screen-modal .modal-dialog {
        width: 600px;
    }
    .report-screen-modal .modal-container {
        height: 418px;
    }
    .report-screen-modal .report-student-screen {
        width: 166.8%;
        height: 166.8%;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
}

/* report video modal */
.report-screen-modal .video-container {
    position: relative;
    padding-bottom: 63.25%;
    max-width: 100%;
}
.report-screen-modal .video-container video {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
}


/* for navigation instructions modal*/

.report-nav-modal .modal-container {
}

.report-nav-modal .modal-dialog {
    margin-left: auto;
    margin-right: auto;
}
.report-nav-modal .report-nav {
    padding: 5px;
    margin:auto;
    margin-bottom:4em;
}

.report-nav-modal .report-nav-congrats {
    text-align: center;
    color: goldenrod;
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.report-nav-modal .report-nav-tab-img-container {
    position: relative;
    width: 409px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid transparent;
}
.report-nav-modal .report-nav-tab-img {
    width: 100%;
}

.report-nav-modal .report-nav-feedback-hover {
    position: absolute;
    border: 2px solid transparent;
    width: 134px;
    height: 45px;
    left: 1px;
    top: 0px;
    z-index: 4;
}

.report-nav-modal .report-nav-ideas-hover {
    position: absolute;
    border: 2px solid transparent;
    width: 132px;
    height: 46px;
    left: 135px;
    top: 0px;
    z-index: 4;
}

.report-nav-modal .report-nav-practices-hover {
    position: absolute;
    border: 2px solid transparent;
    width: 132px;
    height: 45px;
    left: 270px;
    top: 0px;
    z-index: 4;
}

.report-nav-modal .report-nav-video {
    position: relative;
    left: 20%;
    width: 60%;
    height: 60%;
}

.report-nav-modal .report-nav-content-block {
    padding-top: 2em;
}


.instructions-modal {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.instructions-modal video {
    margin: auto;
    width: 100%;
}

.instructions-modal h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
}


@media (min-width: 768px) {  /*everything except narrowest styles are here*/
    .report-nav-modal .modal-dialog {
        width: 750px;
        padding-top:2em;
    }

    .report-nav-modal .modal-container {

    }

    .report-nav-modal .report-nav {
        padding: 15px;
    }

    .report-nav-modal .report-nav-congrats {
        font-size: 28px;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .report-nav-modal .report-nav-tab-img-container {
        width: 584px;
        height: 46px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .report-nav-modal .report-nav-feedback-hover {
        width: 194px;
        height: 46px;
        left: 0px;
        top: 0px;
    }

    .report-nav-modal .report-nav-ideas-hover {
        width: 191px;
        height: 46px;
        left: 195px;
        top: 0px;
    }

    .report-nav-modal .report-nav-practices-hover {
        width: 191px;
        height: 46px;
        left: 390px;
        top: 0px;
    }

    .advanced-report #Messages .teacher-response {
        margin-top: 161px;
    }
}

.report-nav-modal .report-nav-modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.advanced-teacher-report .btn-help {
    background-color: transparent;
    padding-top: 0;
}

@media (min-width:490px) and (max-width:992px) {

    .teacher-task-box {
        font-size: 15px;
    }

    .teacher-select .expand-units {
        font-size: 13px;
    }

}


/* Advanced Teacher Report Help Button Modals */
.help-content {
    display:grid;
    grid-gap:0.5em 0;
    grid-template-columns:1fr 2fr;
    align-items:center;
    margin:0 5%;

    padding-top:1em;
}

.help-header {
    padding-top:0.25em;
    text-align:center;
    font-size:larger;
}

.help-top {
    padding-top: 0.25em;
    padding-bottom:0.05em;
    background:lightgray;
    border-radius: 6px 6px 0 0;
}

.help-top button {
    position:absolute;
    top: -0.25em;
    right: 0.25em;
}

.help-top .fa-times {
    color: #545454;
}

.help-bottom {
    padding-top:1em;
    padding-bottom:1em;
}

.help-image {
    height:5em;
    width:auto;
    margin:0 auto;
}

/** Advanced Teacher Report Screens */
#advancedTeacherScreens {
    background-color: white;
    font-size: larger;
    color: #757575;
    overflow-x: auto;
    padding: 10px;
    box-sizing: border-box;
}

#advancedTeacherScreens .table {
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 1120px;
}

#advancedTeacherScreens .table td, #advancedTeacherScreens .table th {
    position: relative;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #FFFFFF;
    color: black;
}

#advancedTeacherScreens .navy-blue-header th {
    background-color: #004A7C;
    color: #FFFFFF;
    font-size: 14.5px;
    padding: 16px 0;
}

#advancedTeacherScreens .class-score-distribution td {
    height: 130px;
    background-color: white;
    padding-left: 4px;
    padding-right: 4px;
}

#advancedTeacherScreens .table tbody tr:not(.class-score-distribution):nth-child(odd) td {
    background-color: #e0e0e0;
}

#advancedTeacherScreens .table tbody tr:not(.class-score-distribution):nth-child(even) td {
    background-color: #f5f5f5;
}

#advancedTeacherScreens .flag-image {
    display: inline-block;
    max-width: 14px;
    height: auto;
    vertical-align: middle;
}


#advancedTeacherScreens .image-descriptions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5px;
}

#advancedTeacherScreens .image-description {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: black;
    
}

#advancedTeacherScreens .description-flag {
    width: auto;
    height: 25px;
    margin: 6px 14px 6px 10px;
}

#advancedTeacherScreens .image-description span {
    display: block;
    text-align: left;
}

#advancedTeacherScreens .report-cell-button {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
}
#advancedTeacherScreens .report-cell-button .report-cell-score {
    text-decoration: underline;
    font-weight: bold;
}

#advancedTeacherScreens .green-bg {
    background-color: #A0C785 !important;
}

#advancedTeacherScreens .yellow-bg {
    background-color: #FBE59F !important;
}

#advancedTeacherScreens .orange-bg {
    background-color: #F5B28A !important;
}

#advancedTeacherScreens .red-bg {
    background-color: #F77063 !important;
}
#advancedTeacherScreens #ScoreBarToolTip {
    position: absolute;
    text-align: center;
    padding: 4px;
    background: white;
    color: black;
    border: 1px solid black;
    border-radius: 4px;
    pointer-events: none;
    font-size: 14px;
    font-weight: bold;
}

/* Advanced Teacher Report Dimensions */
.advanced-teacher-report #science-ideas h4,
.advanced-teacher-report #science-practices h4,
.advanced-teacher-report #science-concepts h4 {
    display: inline-block;
}
.score-report.advanced-teacher-report .table-bordered tr td {
    background-color: unset;
    height: auto;
}
.advanced-teacher-report #science-practices table.table-bordered .border-bottom-0, .advanced-teacher-report #science-concepts table.table-bordered .border-bottom-0 {
    border-bottom: 0;
}
.advanced-teacher-report #science-ideas .table-bordered thead tr:not(:last-child) th:first-child,
.advanced-teacher-report #science-practices .table-bordered thead tr:not(:last-child) th:first-child,
.advanced-teacher-report #science-concepts .table-bordered thead tr:not(:last-child) th:first-child {
    background-color: #fff;
}
.advanced-teacher-report #science-ideas .table-bordered thead tr th:first-child.bg-revert,
.advanced-teacher-report #science-practices .table-bordered thead tr th:first-child.bg-revert,
.advanced-teacher-report #science-concepts .table-bordered thead tr th:first-child.bg-revert {
    background-color: revert;
}
.advanced-teacher-report table .bg-darkgray {
    background-color: #6D6E71;
    color: #fff;
}
.advanced-teacher-report #science-ideas table.table-bordered {
    border-collapse: separate;
    border-left: 4px solid #E97849;
    border-right: 4px solid #E97849;
    border-top: 0;
    border-bottom: 0;
}
.advanced-teacher-report #science-ideas .table-responsive:last-child table.table-bordered {
    border-bottom: 4px solid #E97849;
}
.advanced-teacher-report #science-practices table.table-bordered {
    border-collapse: separate;
    border: 4px solid #4E51C4;
}
.advanced-teacher-report #science-concepts table.table-bordered {
    border-collapse: separate;
    border: 4px solid #69BD67;
}
.advanced-teacher-report #science-ideas table.table-bordered th,
.advanced-teacher-report #science-practices table.table-bordered th,
.advanced-teacher-report #science-concepts table.table-bordered th {
    background-color: #f2f2f2;
    border-top: 0;
    border-bottom: 1px solid #797979;
    border-right: 1px solid #797979;
    border-left: 0;
    color: unset;
    text-align: revert;
    vertical-align: top;
}
.advanced-teacher-report #science-ideas table.table-bordered td,
.advanced-teacher-report #science-practices table.table-bordered td,
.advanced-teacher-report #science-concepts table.table-bordered td {
    border-top: 0;
    border-bottom: 1px solid #797979;
    border-right: 1px solid #797979;
    border-left: 0;
    color: unset;
    vertical-align: top;
}
.advanced-teacher-report #science-ideas table.table-bordered th:first-child, 
.advanced-teacher-report #science-ideas table.table-bordered td:first-child,
.advanced-teacher-report #science-practices table.table-bordered th:first-child, 
.advanced-teacher-report #science-practices table.table-bordered td:first-child,
.advanced-teacher-report #science-concepts table.table-bordered th:first-child, 
.advanced-teacher-report #science-concepts table.table-bordered td:first-child {
    border-left: 0;
}
.advanced-teacher-report #science-ideas table.table-bordered th:last-child, 
.advanced-teacher-report #science-ideas table.table-bordered td:last-child,
.advanced-teacher-report #science-practices table.table-bordered th:last-child, 
.advanced-teacher-report #science-practices table.table-bordered td:last-child,
.advanced-teacher-report #science-concepts table.table-bordered th:last-child, 
.advanced-teacher-report #science-concepts table.table-bordered td:last-child {
    border-right: 0;
}
.advanced-teacher-report #science-ideas table tr:nth-child(odd) td:first-child,
.advanced-teacher-report #science-practices table tr:nth-child(odd) td:first-child,
.advanced-teacher-report #science-concepts table tr:nth-child(odd) td:first-child {
    background-color: #F2F2F2;
}
.advanced-teacher-report #science-ideas table tr:nth-child(even) td:first-child,
.advanced-teacher-report #science-practices table tr:nth-child(even) td:first-child,
.advanced-teacher-report #science-concepts table tr:nth-child(even) td:first-child {
    background-color: #DDDDDD;
}
.advanced-teacher-report #science-ideas table .concept-bg-color {
    background-color: #E97849;
    color: #000;
}
.advanced-teacher-report #science-ideas table .concept-bg-color th:first-child {
    border-top: 0;
    border-bottom: 4px solid white;
    border-left: 0;
    border-right: 0;

}
.advanced-teacher-report #science-ideas, .advanced-teacher-report #science-practices, .advanced-teacher-report #science-concepts {
    border-top: 0;
}
.advanced-teacher-report #science-ideas .bg-color {
    background-color: #FBE5D6;
    border-top: 10px solid #E97849;
}
.advanced-teacher-report #science-practices .bg-color {
    background-color: #DBDCF3;
    border-top: 10px solid #4E51C4;
}
.advanced-teacher-report #science-concepts .bg-color {
    background-color: #E2F0D9;
    border-top: 10px solid #69BD67;
}
.advanced-teacher-report #science-ideas .table-responsive .sticky, .advanced-teacher-report #science-practices .table-responsive .sticky, .advanced-teacher-report #science-concepts .table-responsive .sticky {
    position: sticky;
    left: 0;
    padding-left: 8px;
}

.advanced-teacher-report #science-ideas .fa-times, .advanced-teacher-report #science-practices .fa-times, .advanced-teacher-report #science-concepts .fa-times {
    cursor: auto;
    color: #000;
}
/** rzslider overrides **/
.advanced-report rzslider {
    margin-top: 16px;
}
.advanced-report rzslider .rz-bar-wrapper span {
    left: 6px;
    right: 6px;
    width: auto;
}
.advanced-report rzslider .rz-bar {
    visibility: visible !important;
    background: #797979;
}
.advanced-report rzslider .rz-ticks {
    top: -5px;
    padding: 0 6px;
}
.advanced-report rzslider .rz-ticks .rz-tick {
    border-radius: initial;
    background: #797979;
    height: 14px;
    width: 4px;
}
.advanced-report rzslider .rz-ticks .rz-tick .rz-tick-legend {
    top: 18px;
}
.advanced-report rzslider .rz-pointer {
    top: -12px;
}
.advanced-report rzslider .rz-pointer.rz-active:focus {
    border: 2px solid transparent;
    box-shadow: #fff 0 0 0 2px, #8C8C8C 0 0 0 4px;
}

/* Advanced teacher report - Reflections */
#advanced-teacher-report-reflections table.table-bordered th, #advanced-teacher-report-reflections table.table-bordered td {
    border: 1px solid #797979;
}
.advanced-teacher-report .table .name-col {
    width: 20%;
}
#advanced-teacher-report-reflections .table thead tr th {
    background-color: white;
    text-align: center;
}
#advanced-teacher-report-reflections th.col-name {
    width: 16%;
}
#advanced-teacher-report-reflections th.col-emoji {
    width: 6%;
}
#advanced-teacher-report-reflections th.col-message {
    color:inherit;
    width: 20%;
    vertical-align: middle;
    font-size: 20px;
}
#advanced-teacher-report-reflections .table-emoji {
    height: 40px;
}
#advanced-teacher-report-reflections tr.totals-row {
    text-align: center;
}
#advanced-teacher-report-reflections tr.totals-row td {
    border-bottom-width: 3px;
}
#advanced-teacher-report-reflections td.dark-cell {
    background-color: rgb(121, 121, 121);
}
#advanced-teacher-report-reflections tbody tr:nth-child(even) {
    background-color: #dddddd;
}
#advanced-teacher-report-reflections tbody td {
    text-align: center;
}
#advanced-teacher-report-reflections tbody td.student-name {
    vertical-align: middle;
}
#advanced-teacher-report-reflections tbody td img.hand-pointer {
    width: 20px;
}

#advanced-teacher-report-reflections .teacher-response-input {
    resize: none;
    width: 100%;
    height: 60px;
}
#advanced-teacher-report-reflections .msg-button-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#advanced-teacher-report-reflections .msg-button-row .feedback {
    align-self: flex-start;
    text-align: left;
    padding-top: 3px;
}
#advanced-teacher-report-reflections .msg-button-row .button-icon {
    align-self: flex-end;
    background-color: transparent;
    padding: 0;
}
#advanced-teacher-report-reflections .msg-button-row .button-icon img {
    width: 20px;
}

h1.error-page {
    margin-top: 50px;
    margin-left: 100px;
}


@media print {
        .advanced-report rzslider .rz-pointer:before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='27'%3E%3Cdefs%3E%3CradialGradient id='RadialGradient1'%3E%3Cstop offset='40%25' stop-color='rgb(0,0,0)'/%3E%3Cstop offset='100%25' stop-color='rgb(90,90,90)'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='0' y='0' rx='3' ry='3' width='15' height='27' fill='url(%23RadialGradient1)' /%3E%3C/svg%3E");
    }
    .advanced-report .ideas-list > li:not(:first-child) {
        border-top: none !important;
        margin-top: 7px;
    }
    .advanced-report .feedback-row,
    .advanced-report #science-practices .container-fluid > .row,
    .advanced-report #science-concepts .container-fluid > .row,
    .advanced-teacher-report .report-section {
        break-inside: avoid;
    }
    .advanced-teacher-report .report-section input {
        display: none;
    }
    .advanced-teacher-report .response-print {
        display: block;
    }
    .advanced-teacher-report .sticky {
        position: initial;
    }
    .advanced-teacher-report .table-responsive {
        overflow-x: unset;
    }
}
/*! angularjs-slider - v2.14.0 -  (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -  https://github.com/angular-slider/angularjs-slider -  2016-05-22 */
rzslider{position:relative;display:inline-block;width:100%;height:4px;margin:35px 0 15px 0;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}rzslider.with-legend{margin-bottom:40px}rzslider[disabled]{cursor:not-allowed}rzslider[disabled] .rz-pointer{cursor:not-allowed;background-color:#d8e0f3}rzslider span{position:absolute;display:inline-block;white-space:nowrap}rzslider .rz-base{width:100%;height:100%;padding:0}rzslider .rz-bar-wrapper{left:0;z-index:1;width:100%;height:32px;padding-top:16px;margin-top:-16px;box-sizing:border-box}rzslider .rz-bar-wrapper.rz-draggable{cursor:move}rzslider .rz-bar{left:0;z-index:1;width:100%;height:4px;background:#d8e0f3;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}rzslider .rz-bar.rz-selection{z-index:2;background:#0db9f0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}rzslider .rz-pointer{top:-14px;z-index:3;width:32px;height:32px;cursor:pointer;background-color:#0db9f0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}rzslider .rz-pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}rzslider .rz-pointer:hover:after{background-color:#fff}rzslider .rz-pointer.rz-active{z-index:4}rzslider .rz-pointer.rz-active:after{background-color:#451aff}rzslider .rz-bubble{bottom:16px;padding:1px 3px;color:#55637d;cursor:default}rzslider .rz-bubble.rz-selection{top:16px}rzslider .rz-bubble.rz-limit{color:#55637d}rzslider .rz-ticks{position:absolute;top:-3px;left:0;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:0;padding:0 11px;margin:0;list-style:none;box-sizing:border-box;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}rzslider .rz-ticks .rz-tick{width:10px;height:10px;text-align:center;cursor:pointer;background:#d8e0f3;border-radius:50%}rzslider .rz-ticks .rz-tick.rz-selected{background:#0db9f0}rzslider .rz-ticks .rz-tick .rz-tick-value{position:absolute;top:-30px;transform:translate(-50%,0)}rzslider .rz-ticks .rz-tick .rz-tick-legend{position:absolute;top:24px;max-width:50px;white-space:normal;transform:translate(-50%,0)}rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value{top:initial;bottom:-40px}rzslider.rz-vertical{position:relative;width:4px;height:100%;padding:0;margin:0 20px;vertical-align:baseline}rzslider.rz-vertical .rz-base{width:100%;height:100%;padding:0}rzslider.rz-vertical .rz-bar-wrapper{top:auto;left:0;width:32px;height:100%;padding:0 0 0 16px;margin:0 0 0 -16px}rzslider.rz-vertical .rz-bar{bottom:0;left:auto;width:4px;height:100%}rzslider.rz-vertical .rz-pointer{top:auto;bottom:0;left:-14px!important}rzslider.rz-vertical .rz-bubble{bottom:0;left:16px!important;margin-left:3px}rzslider.rz-vertical .rz-bubble.rz-selection{top:auto;left:16px!important}rzslider.rz-vertical .rz-ticks{top:0;left:-3px;z-index:1;width:0;height:100%;padding:11px 0;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}rzslider.rz-vertical .rz-ticks .rz-tick{vertical-align:middle}rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value{top:initial;left:22px;transform:translate(0,-28%)}rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend{top:initial;right:24px;max-width:none;white-space:nowrap;transform:translate(0,-28%)}rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value{right:12px;bottom:initial;left:initial}
div.rz-slider-wrapper {
    position: absolute;
    top: 44px;
    left: 83px;
    width: 73px;
}

rzslider .rz-bar {
    visibility: hidden;
} 
rzslider .rz-pointer {
    height: 27px;
    width: 15px;
    border-radius: 3px;
    background-color: rgba(50, 50, 50, 1);
    outline: none;
    background: rgba(0,0,0,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(90,90,90,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(90,90,90,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(90,90,90,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(90,90,90,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(90,90,90,1) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(90,90,90,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#5a5a5a', GradientType=1 );
}
rzslider .rz-pointer:after {
    visibility: hidden;
}