/* ================== */
/*	    QUIZ ADMIN    */
/* ================== */
::-ms-clear { display: none; }
/*html{overflow-y: initial;}*/
.col50{
	width:50%;
	float:left;
	position: relative;
}
.col70{
	width:70%;
	float:left;
}
.col30{
	width:30%;
	float:left;
}
.col33{
	width:33.33%;
	float:left;
}
.col20{
	width: 20%;
    float: left;
    position: relative;	
}
.col25{
	width: 25%;
    float: left;
    position: relative;
}
.col60{
	width: 60%;
	float:left;
	position: relative;
}
.col60_no{
	display: none;
}
.col40{
	width: 40%;
	float:left;
	position: relative;
}
.col16{
	width: 16.66%;
	float:left;
	position: relative;	
}
.col125{
	width: 12.50%;
	float:left;
	position: relative;		
}
.lock{
	height: 100vh;
    overflow: hidden;
}
textarea{
	font-family: 'Open Sans', 'sans-serif';
}
.scrollbar-inner > .scroll-element .scroll-bar{
	background-color: #b3d5ea !important;
	background-color: #4298cc !important;
    opacity: 1 !important;
}
.quiz_overlay_home{
	z-index: 10004 !important;
}
.student_login_details{
	position: absolute;
    height: 80px;
    line-height: 110px;
    width: 100%;
    font-size: 25px;
    font-weight: 100;	
}
.notifications_wrapper{
  width: 600px;
  height: 100px;
  background: #FFF;
  border-radius: 10px;
  bottom: -120px !important;
  left:0 !important;
  right:0 !important;
  margin: 0 auto !important;
  z-index: 200000000000 !important;
  -webkit-box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 4%), 0px 3px 4px 2px rgb(0 0 0 / 7%), 0px 5px 5px -3px rgb(0 0 0 / 12%);
  box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 4%), 0px 3px 4px 2px rgb(0 0 0 / 7%), 0px 5px 5px -3px rgb(0 0 0 / 12%); 
}
.notifications_wrapper .settings_student_numbers{
  margin-top: 10px;
}
.notifications_wrapper #student_ow{
  width: 80%;
  float: right;
  margin-right: 15px;
  display: none;
}
.notifications_wrapper #student_ow_icon{
  position: absolute;
  width: 80px;
  height: 80px;
  background: #4298cc;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 10px;
}
.notifications_wrapper #student_ow_icon img{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -30px;
  margin: auto;
}
.notifications_wrapper .student_ow_text{
  position: absolute;
  width: 80%;
  right: 15px;
  top: 40px;
  height: 50px;
  text-align: center;
  font-size: 12px;
  display: none;
}
#notifications_wrapper #student_ow_icon img:first-child{
  left: -40px;
  top: 30px;
}
#notifications_wrapper #student_ow_icon img:last-child{
  left: 40px;
  top: 30px;
}
#notifications_webinar #student_ow_icon span{
  display: block;
  background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
  height: 60px;
  width: 70px;
  background-size: 400px;
  background-position: -110px -257px;
  margin: 10px 5px;
}
#notifications_webinar .student_ow_text{
  top: 10px;
}
#notifications_webinar .student_ow_text .notifications_webinar_content .notifications_webinar_heading{
  font-size: 1.3em;
}
#notifications_webinar .student_ow_text .notifications_webinar_content a{
  border-radius: 5px;
  border: 0;
  width: 150px;
  line-height: 30px;
  height: 30px;
  position: relative;
  background-color: #4298cc;
  box-shadow: none;
  float: none;
  margin: auto;
  margin-top: 10px;
  font-size: 16px;
}
#notifications_webinar .student_ow_text .notifications_webinar_content a:hover{
  background:#005587;
  color: #FFF;
}
#notifications_webinar .student_ow_text .notifications_webinar_content a span{
  background: url(../images/menu_icons_all_v6.svg);
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  left: 0;
  background-size: 450px !important;
  background-position: -406px 0px !important;
  top: 6px;
}
#notifications_expiry #student_ow_icon span{
  display: block;
  background: url(../images/user_settings.svg) no-repeat;
  height: 60px;
  width: 70px;
  background-size: 140px;
  background-position: -75px -6px;
  margin: 10px 5px;
}
#notifications_expiry .student_ow_text{
  top: 10px;
}
#notifications_expiry .student_ow_text a{
  color: #4298cc;
  font-weight: 600;
}
#notifications_expiry .notifications_sub_date{
  font-weight: 600;
  border: 1px solid #eee;
  width: 150px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 5px;
  line-height: 30px;
}
#settings_export_students{
	width: 180px;
	float: none;
	margin: 0 auto;
	display: none;
  height: 30px;
}
#settings_export_students #results_export{
	width: 180px;
}
#settings_export_students #results_export .export_button_wrapper{
	width: 180px;
}
#settings_export_students #results_export button{
	width: 180px;
}
#teacher_accounts_admin{
  margin-top: 10px;
}
#teacher_accounts_admin #teacher_accounts_options{
  width: 185px;
  border: 1px solid transparent;
  margin: 0 auto;
  margin-top: 10px;
  border-radius: 5px;
  position: relative;
  height: 40px;
}
#teacher_accounts_admin #teacher_accounts_options .container{
    top: 1px;
    right: 7px;
}
#teacher_accounts_admin #teacher_accounts_options #teacher_show_text{
  width: 90px;
  line-height: 15px;
  margin: 4px 6px;
}
#teacher_accounts_admin #teacher_accounts_options .student_review_container .student_review_switch .switch-input:checked ~ .student-review-handle{
  background: #4298cc;
}
.locked-student-review-handle{
    background: #f6f6f6 !important;
    pointer-events: none;
  }
.student_label_wrapper{
	width: 100%;
	clear: both;
}
.student_label{
    width: 239px;
    float: left;
    position: relative;
    border: 3px solid #4298cc;
    height: 310px;
    margin: 3px;
    border-radius: 10px;
    overflow: hidden;
}
.student_label .student_qrcodes{
	  width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-top: 15px;
}
.student_label .student_qrcodes img{
    display: block;
    margin: 0 auto;
}
.student_label .student_label_logo{
	width: 100%;
  height: 40px;
}
.student_label .student_label_logo img{
    display: block;
    width: 100%;
    border-radius: 20px;	
}
.student_label .student_url{
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}
.student_label .student_label_row{
    width: 90%;
    clear: both;
    margin: 0 auto;
    position: relative;
}
.student_label .student_label_row .student_label_icon{
    background: #f2f2f2 url(../images/student_login_icons.svg);
    border: 1px solid #cccdcf;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.student_label .student_label_row_style{
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 4px;	
}
.student_label .student_label_row_name{
	text-align: center;
  line-height: 25px;
  font-size: 15px;
  height: 25px;
  font-weight: 400;
}
.student_label .student_label_row .student_label_cell{
    float: left;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    width: 47%;
}
.student_label .student_label_row .student_label_cell_type{
    font-weight: 600;
    padding-left: 40px;
    width: 34%;
}
.datawall_page .student_login_details{
  text-align: right;
  top: 0;
  height: 40px;
  line-height: 40px;
}
.student_datawall_card .student_label{
  width: 369px;
  height: 140px;
  border: 1px dashed #ddd;
}
.student_datawall_card .student_label .student_label_logo{
  width: 160px;
}
.student_datawall_card .student_label .student_url{
  position: absolute;
  right: 5px;
  top: 5px;
}
.student_datawall_card .student_label .student_label_row_name{
  text-align: left;
  position: absolute;
  left: 14px;
  bottom: 0;
  width: 100%;
  z-index: 1;
  font-weight: 600;
}
.student_datawall_card .student_label .dw_color{
  position: absolute;
  width: 51%;
  height: 87px;
  top: 28px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.student_datawall_card .student_label .student_qrcodes{
  position: absolute;
  left: 98px;
  margin: auto;
  bottom: 26px;
}
.student_datawall_card .student_label .student_qrcodes img{
  width: 100%;
}
.student_datawall_card .student_label .student_qrcodes div{
  z-index: 1;
  width: 75px;
  height: 75px;
  position: absolute;
}
.student_datawall_card .student_label .student_datawall_photo{
  width: 76px;
  height: 76px;
  position: absolute;
  border-radius: 10px;
  left: 13px;
  top: 33px;
  margin: auto;
  z-index: 1;
  background: #FFF;
}
.student_datawall_card .student_label .student_datawall_photo img{
  width: 50px;
  margin: 5px 13px;
  opacity: 0.2;
}
.student_datawall_card .student_label .student_datawall_notes{
  position: absolute;
  width: 170px;
  right: 0;
  top: 28px;
}
.student_datawall_card .student_label .student_datawall_notes div{
  border-bottom: 1px solid #eee;
  height: 20px;
}
#admin_loader{
    position: fixed;
    top: 10px;
}
#questions_wrapper{
	z-index: 100000;
}
#help_wrapper{
	position: fixed;
    z-index: 10010;
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    background-color: #4298cc;
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    outline: 0;
    border: 0;
    cursor: pointer;
	
}
#help_wrapper #help_icon{
    background: url(../images/help.svg) no-repeat;
    width: 26px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 12px;
    background-size: 215px;
    background-position: 0px 2px;
}
#help_wrapper:hover .add_student_labels{
	display: block;
}
#help_wrapper .add_student_labels{
	top: 15px;
    right: 70px;
    font-size: 12px;
}
#help_me_wrapper{
    display: none;
    position: absolute;
    width: 90% !important;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10010;
}
#help_me_wrapper #help_input_wrapper{
    height: 40px;
    position: absolute;
    width: 50%;
    top: 40%;
    margin-top: 0px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    left: 0;
    right: 0;
    margin: auto;
}
#help_me_wrapper #help_me_input{
    width: 50%;
    min-width: 100%;
    margin: 0 auto;
    height: 40px;
    border: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 25px;
    font-weight: 100;
    position: relative;
    font-family: 'Open Sans', 'sans-serif';
    display: block;
}
#help_me_wrapper #help_input_explain{
	display: block;
    left: 0;
    right: 0;
    width: 200px;
    margin: 0 auto;
    font-size: 13px;
    top: -40px;
}
#help_me_wrapper .help_me_input_found{
    background: #4298cc;
    color: #FFF !important;
}
#help_me_wrapper #help_content{
	display: none;
	width: 100%;
    background: #FFF;
    border-radius: 5px;
    opacity: 0;
	box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    z-index: 99999;
    position: relative;
}
#help_me_wrapper #help_content #help_content_internal{
	 overflow-y: scroll;
	 height: 100%;
}
#help_me_wrapper #help_content #help_content_internal #help_content_post{
	padding: 5%;
	font-weight: 100 !important;
}
#help_me_wrapper #help_content #help_content_internal #help_content_post p{
	padding: 5px 0px !important;
}
#help_me_wrapper #help_content #help_content_internal #help_content_post ul{
	list-style: initial !important;
    padding-left: 40px;
}
#help_me_wrapper #help_content #help_content_internal #help_content_post img{
	margin: 0 auto;
	display: block;
}
#help_me_wrapper #help_content #help_content_internal #help_content_post span{
	margin: 10px 0px;
    display: block;
}
#help_me_wrapper #help_content #help_content_internal #help_content_post em{
	font-style: italic;
}
#help_me_wrapper #help_content #help_content_internal #help_content_post strong{
	font-weight: 600;
}
#help_me_wrapper #help_content_pl_resources{
	display: none;
}
#help_me_wrapper #help_content_pl_resources #help_pl_back{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 43.3px 25px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-25px);
    left: -40px;
}
#help_me_wrapper #help_content_pl_resources .help_icons{
	width: 20% !important;
}	
#help_me_wrapper #help_content_pl_resources .help_icons a{
	text-decoration: none;
}
#help_me_wrapper .help_content_more{
    width: 100%;
    top: 51%;
    position: absolute;	
}
#help_me_wrapper .help_content_more .help_icons{
	cursor: pointer;
	
}
#help_me_wrapper .help_content_more .help_icons ul{
	display: none;
	padding-top: 10px;
}
#help_me_wrapper .help_content_more .help_icons ul li{
    width: 100%;
    text-align: center;
    padding: 5px;
    margin: 0 auto;
    display: block;
}
#help_me_wrapper .help_content_more .help_icons ul li a{
	border: 0;
    height: 30px;
    border-radius: 5px;
	background-color: #4298cc;
    color: #FFF;
    margin: 0 auto;
    display: block;
    font-weight: 100;
    font-size: 14px;
    line-height: 30px;
}
#help_me_wrapper .help_content_more .help_icons ul li a:hover{
	background: #FFF;
	color:#4298cc;
}
#help_me_wrapper .help_content_more .help_icons:hover ul{
	display: block;
}
.help_long_text_parent{
    height: 50px !important;
    display: table !important;
    line-height: normal !important;	
}
.help_long_text_parent .help_long_text{
	display: table-cell !important;
    vertical-align: middle !important;
    width: 100% !important;
}
.help_icon_element{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 10px;
    background: rgb(66, 152, 204);
    position: relative;
}
.help_icon_element div{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: url(../images/help.svg) no-repeat;
    background-size: 500px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#help_me_wrapper .help_content_more .help_icons .help_buttons{
    width: 170px;
    border: 0;
    height: 30px;
    border-radius: 5px;
    background-color: #FFF;
    margin: 0 auto;
    display: block;
    font-weight: 100;
    font-size: 14px;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
}
#help_me_wrapper .help_content_more .help_icons:hover .help_buttons{
	background: #FFF;
	color:#4298cc;
}
#help_me_wrapper .help_content_more .help_icons #help_icon_01 div{
	background-position: -64px -2px;
}
#help_me_wrapper .help_content_more .help_icons #help_icon_02 div{
	background-position: -315px -2px;
}
#help_me_wrapper .help_content_more .help_icons #help_icon_03 div{
	background-position: -126px -2px;
}
#help_me_wrapper .help_content_more .help_icons #help_icon_04 div{
	background-position: -382px 3px;
}
#help_me_wrapper .help_content_more .help_icons #help_icon_05 div{
	background-position: -445px 3px;	
}
#help_me_wrapper #video_tutorials{
    position: absolute;
    /* min-width: 1024px; */
    left: 0;
    right: 0;
    top: 0;
	bottom: 0;
    margin: auto;
    display: none;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
	width: 100%;
	z-index: 1000;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal{
	width: 100%;
	height: 100%;
	position: relative;
	overflow-y: scroll;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content{
	height: 95%;
    width: 95%;
    position: relative;
    margin: 0 2.5%;
}
#help_me_wrapper #video_tutorials #help_videos_overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    display: none;
    z-index: 90;
}
#help_video_player{
	display: none;
	position: fixed;
    background: #FFF;
    z-index: 100000000000 !important;
    border: 2px solid #4298cc;
    border-radius: 10px;
    width: 640px;
    height: 360px;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content h2{
	text-align: center;
    font-size: 30px;
    font-weight: 100;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row{
    width: 100%;
    height: 200px;
    position: relative;
    clear: both;
    padding-bottom: 40px;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell{
    position: relative;
    height: 100%;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell:first-child{
	margin-right: 5%;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell:last-child{
	margin-left: 5%;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell .help_video_cell_internal{
    position: absolute;
    height: 200px;
    width: 100%;
    overflow: hidden;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell .help_video_cell_internal_border{
	border: 2px solid #FFF;
    border-radius: 10px;
    cursor: pointer;
	
	background: #FFF;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell .help_video_cell_internal_border:hover{
	background: #f6f6f6;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell .help_video_cell_internal .help_video_icon{
    background: url(../images/play_button.svg) no-repeat;
    height: 60px;
    width: 100px;
    background-size: 170px;
    background-position: 10px 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell:hover .help_video_cell_internal .help_video_icon{
	background-position: -82px 2px;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell .help_video_cell_internal .help_video_title{
	text-align: center;
    font-size: 20px;
    font-weight: 100;
    margin-top: 30px;
}
#help_me_wrapper #video_tutorials #video_tutorials_internal #help_videos_content .help_videos_row .help_video_cell .help_video_cell_internal iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#help_me_wrapper #webinar_content{
    width: 100%;
    top: 51%;
    position: absolute;
    display: none;	
}
#help_me_wrapper #webinar_content .webinar_content_item a{
    width: 170px;
    border: 0;
    height: 30px;
    border-radius: 5px;
    background-color: rgba(97,97,97,0.902);
    color: #FFF;
    margin: 0 auto;
    display: block;
    font-weight: 100;
    font-size: 14px;
    display: block;
    text-align: center;	
}
#quiz_wrap {
	margin: 0 auto;
	width: 100%;
	min-width:1024px;
	position: relative;
}
#quiz_wrap .heading_bar{
    text-align: center;
    letter-spacing: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    height: 70px;
    color: #FFF;
    background-color: #4298cc;
    font-size: 17px;
    font-weight: 100;
    line-height: 32px;
    height: 70px;
}
#quiz_wrap .heading_bar_admin {
    background-color: #6d6e72;
    line-height: 70px;
    padding: 0;
}
.quiz_view_admin{background-color: #4298cc;}
.quiz_view_analyse{background-color: #6d6e72 !important;}
.quiz_admin_subpage {
	min-height: 1200px !important;
}
#message_centre_wrapper #message_center_contact_button{
	width: 100%;
    border: 0;
    position: absolute;
    bottom: 0;
}
#message_centre_wrapper #message_center_contact{
	width: 100%;
    height: 400px;
    background: #FFF;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #ddd;
    z-index: 2;
	font-size: 14px;
	display:none;
}
#message_centre_wrapper #message_center_contact #message_center_contact_close{
	background: url(../images/close_icon.svg) no-repeat;
    width: 30px;
    height: 30px;
    border: 0;
    background-position: -5px -9px;
    position: absolute;
    right: 0;
    top: 8px;
}
#message_centre_wrapper #message_center_contact p{padding: 60px 30px;}
#message_centre_wrapper #message_center_contact input{
	font-size: 14px;
    line-height: 35px;
    border-radius: 3px;
	border: 1px solid #ddd;
    display: block;
    height: 35px;
	width: 200px;
    margin: 0 auto;
    padding: 0 19px;
	font-weight: 100;
}
#message_centre_wrapper #message_center_contact textarea{
	border:1px solid #ddd;
    padding: 5px 19px;
	width:200px;
	font-size: 14px;
    margin: 0 auto;
	display: block;
	min-height: 100px;
}
#message_centre_wrapper #message_center_contact label{
	margin-left:10%;
	font-weight: 100;
}
#message_centre_wrapper #message_center_contact #message_centre_submit{margin-top: 10px;width: 240px;border: 0;}
#message_centre #message_centre_wrapper #message_centre_heading{
	background: #FFF url(../images/message.svg) no-repeat;
	background-position: 10px -3px;
}
#message_centre #message_centre_wrapper .message_style{
	font-weight: 100;
}
#message_centre #message_centre_wrapper .message_new_message{
	text-align:center;
	font-size:12px;
}
#message_centre #message_centre_wrapper .message_class{
	font-size: 14px;
	background: #FFF;
    width: 86%;
    margin: 5%;
    padding: 10px;
    border-radius: 10px;
	text-align: justify;
}
#message_centre #message_centre_wrapper .message_class img{
    width: 240px;
    display: block;
    margin: 0 auto;
}
#message_centre #message_centre_wrapper .message_class p{padding: 10px 0px;}
#message_centre #message_centre_wrapper .message_class a{text-align: center;display: block;margin: 0 auto;}
#message_centre #message_centre_wrapper .message_spacer{
	width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
    margin-bottom: 30px;
}
#message_centre #message_centre_wrapper .message_class .message_style_number{
	width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    background: #4298cc;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    top: -10px;
    left: -10px;
}
.notify{
	background: #FFF url(../images/message.svg) no-repeat;
}
.notifications_wrapper{
	display: none;
	position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    margin: 0px 10px 10px 0px;
    background: #fdffee;
}
.notifications_wrapper .close_button{
  right: 2px;
  top: 2px;
  transform: scale(0.8);
  border-radius: 8px;
  box-shadow: none;
}
#quiz_wrapper {
	padding: 0px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	min-width:1024px;
	height: 120vh;
    height: 100%;
}
.quiz_wrapper{
	height:100%;
	height:100vh;
}
.quiz_wrapper_style{
	background: #bdc3c7;
    background: -webkit-linear-gradient(to bottom, #bdc3c7 , #2c3e50);
    background: linear-gradient(to bottom, #bdc3c7 , #2c3e50);
}
#ea_prof_dev{
	text-align: center !important;
    padding: 0px 10px 0px 30px !important;	
    width: 130px !important;
}
#ea_trial_video{
    text-align: center !important;
    padding: 0px 10px 0px 30px !important;	
}
#ea_intro_overlay{
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;	
    display: none;
}
#ea_prof_dev div{
	background-position: -3px -88px !important;
}
#ea_trial_video div{
    background-position: -36px -88px !important;
}
.ea_intro_heading{
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    font-size: 30px;
    font-weight: 100;
    top: 30px;
    color: #4298cc;
    background: #FFF;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 20px;
	height: 420px;
    z-index: 0;	
}
.ea_intro_heading h2{
	line-height: 50px;
}
.ea_intro_heading h3{
    font-size: 0.5em;
}
.ea_intro_heading #ea_intro_blurb{
	width: 90%;
    margin: 0 auto;
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: justify;	
}
.ea_intro_heading #ea_intro_blurb h2{
	line-height: 20px;	
}
.ea_intro_heading .ea_intro_heading_icon{
    position: absolute;
    background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
    width: 450px;
    height: 100%;
    background-size: 3200px;
    opacity: 0.1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.ea_intro_heading #ea_into_self_learning{
	background-position: -465px -1590px;	
}
.ea_intro_heading #ea_into_pd_sessions{
	background-position: 24px -1590px;	
}
.ea_intro_heading #ea_intro_nt_icon{
    background-position: -1376px -1590px;
}
.ea_intro{
	width: 100%;
	height: 100%;	
}
#ea_intro_videos{
	width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  transform: translateY(-62px);
  flex-wrap: wrap;
  max-width:1000px;
}
.ea_intro .ea_intro_video{
    height: 60px;
    margin: 5px;
    position: relative;
    width: 170px;
    color: #000;
    cursor: pointer;
    display: none;
}
.ea_intro .ea_intro_video:hover .ea_intro_white{
	width: 130px;
	height: 130px;
}
.ea_intro .ea_intro_video:after{
    content: '';
    position: absolute;
    height: 4px;
    background: #fff;
    width: 40px;
    top: 50%;
    right: -42px;
    z-index: 0;
    transform: translateY(-2px);
    display: none;
}
.ea_intro .ea_intro_video:last-child:after{
	display: none;
}
.ea_intro .ea_intro_video .ea_intro_white{
    position: absolute;
    z-index: 1;
    width: 170px;
    height: 60px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s ease;
}
.ea_intro .ea_intro_video:hover .ea_intro_background{
  border: 1px solid #666;
}
.ea_intro .ea_intro_video:hover .ea_intro_desc{
    display:block;
}
.ea_intro .ea_intro_video:hover{
    z-index: 2 !important;
}
.ea_intro .ea_intro_video .ea_intro_background{
    position: absolute;
    border-radius: 5px;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 170px;
    height: 60px;
}
.ea_intro .ea_intro_video .ea_intro_tumbnail img{
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;	
}
.ea_intro .ea_intro_video .ea_intro_title{
    display: table;
    height: 100%;
    width: calc(100% - 35px);
    position: absolute;
    margin-left: 35px;
    text-decoration: none;
    color: #000;
    z-index: 3;
}
.ea_intro .ea_intro_video .ea_intro_title:hover .add_student_labels{
	display: block;
}
.ea_intro .ea_intro_video .ea_intro_title .ea_intro_title_child{
	vertical-align: middle;
    height: 100%;
    display: table-cell;
    text-align: center;
    font-size: 12px;	
    font-weight: 600;
}
.ea_intro .ea_intro_video .ea_intro_desc{
    display:none;
    background: #FFF;
    width: 300px;
    height: auto;
    padding-bottom: 20px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 10px;
    position: absolute;
    z-index: 100;
    top: 65px;
    left: -75px;
}
.ea_intro .ea_intro_video .ea_intro_desc .ea_intro_desc_heading{
    text-align: center;
    color: #4298cc;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ea_intro .ea_intro_video .ea_intro_desc ul{
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
}
.ea_intro .ea_intro_video .ea_intro_desc ul li{
    display: flex;
    align-items: center;
}
.ea_intro .ea_intro_video .ea_intro_desc ul li:before{
    content:'';
    width: 10px;
    height: 10px;
    border-radius:50%;
    background: #4298cc;
    margin-right: 5px;
}
.ea_intro .ea_intro_video .ea_intro_play{
	background: url(../images/student_home_icons_v4.svg) no-repeat;
  background-size: 130px;
  width: 30px;
  height: 30px;
  background-color: #FFF;
  position: absolute;
  z-index: 3;
  border-radius: 5px;
  left: 5px;
  margin: auto;
  bottom: 15px;
  background-position: -48px 3px;
}
#ea_intro_pd_parent{
  position: absolute;
  width: calc(90% - 30px);
  height: 375px;
  left: 0;
  right: 0;
  margin: auto;
  top: 15%;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
}
#ea_intro_pd_parent .scroll-wrapper{
  height: 310px;
}
#ea_intro_pd_parent #ea_intro_pd_book{
  bottom: 20px;
  right: 20px;
  margin: auto;
  position: absolute;
  border: 0;
  border-radius: 5px;
  background-image: url(../images/add.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 40px !important;
  padding-left: 40px;
  font-size: 14px;
  z-index: 1;
  background-position: 0px 0px;
}
#ea_intro_pd_parent #ea_into_pd_child{
  position: relative;
  width:100%;
  height:100%;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content{
  margin-bottom: 30px;
  padding-top: 10px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_header{
  text-align: center;
  color: #6d6e72;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item{
  height: 50px;
  margin: 10px 0px;
  border-radius: 5px;
  padding-left: 20px;
  position: relative;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content_1 .mpl_list .mpl_item:last-child{
  margin-bottom: 70px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content_0 .mpl_item{
  background: #dcffe4;
  background: #dcffe4c2;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content_1 .mpl_item{
  background: #f2faff;
  background: #f2faffc2;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_url{
  position: absolute;
  width: 110px;
  right: 10px;
  top: 10px;
  height: 30px;
  line-height: 30px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_url span{
  position: absolute;
  background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
  width: 25px;
  height: 25px;
  background-size: 220px;
  background-position: -3px -86px;
  left: 4px;
  top: 2px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_header{
  font-weight: 400;
  font-size: 12px;
  border-radius: 5px;
  width: 100px;
  text-align: center;
  line-height: 25px;
  position: absolute;
  top: 5px;
  left: 5px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_header_0{
  background: #baffc9;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_header_1{
  background: #d9eaf4;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_cell{
  font-size: 15px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_cell_session{
  font-size: 18px;
  font-weight: 400;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_cell_icon{
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 5px;
  margin: 5px 5px 0 -15px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content_0 .mpl_list .mpl_item .mpl_cell_icon{
  background-color: #c5ffd2;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content_1 .mpl_list .mpl_item .mpl_cell_icon{
  background-color: #e6f4fd;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_cell_date_time{
  padding-left: 10px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list .mpl_item .mpl_cell_date_time .mpl_cell{
  float: left;
  margin-right: 10px;
}
#ea_intro_pd_parent #ea_into_pd_child .mpl_content .mpl_list{
  width: 80%;
  margin: 0 auto;
}
#ea_pd_question{
  position: absolute;
  width: 320px;
  height: 40px;
  border-radius: 5px;
  bottom: 20px;
  right: 0;
  font-size: 14px;
  padding-left: 40px;
  padding-right: 0;
  z-index: 10;
}
#ea_pd_question #ea_pd_quesiton_icon{
  position: absolute;
  background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
  width: 30px;
  height: 30px;
  background-size: 250px;
  background-position: -38px -97px;
  left: 3px;
  top: 4px;
}
#ea_intro_pd .ea_intro_video{
    border-radius: 10px;	
}
#ea_intro_pd .ea_intro_video .ea_intro_white{
    border-radius: 10px;	
}
#ea_intro_pd .ea_intro_video .ea_intro_background{
    border-radius: 5px;
    background: #ccebf3;
}
#ea_intro_pd .ea_intro_video .ea_pd_book{
	z-index: 4;
	display: none;
    left: 0;
    right: 0;
    margin: auto;
    top: 140px;
    width: 100px;
}
#ea_intro_pd .ea_intro_video:hover .ea_pd_book{
	display: block;
}
#ea_intro_pd .ea_intro_video .ea_pd_complete{
    background: url(../images/correct_incorrect_v2.svg) no-repeat;
    position: absolute;
    width: 35px;
    height: 35px;
    z-index: 4;
    background-color: #FFF;
    border-radius: 50%;
    background-size: 110px;
    background-position: -21px 6px;
    box-shadow: 0 0px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.1);
    right: 0;
    left: 0;
    margin: auto;
    top: -10px;
    border: 2px solid #4298cc;
    pointer-events: none;
}
#ea_intro_pd .ea_intro_video .ea_pd_certificate{
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px;	
}
#ea_intro_pd .ea_intro_video .ea_pd_certificate .ea_pd_certificate_button{
    width: 50px;
    margin-left: -5px;
    height: 40px;
    background: url(../images/pd_certificate.svg) no-repeat;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    background-position: 4px 0px;
    background-size: 42px;
    outline: 0;
    position: relative;
}
#ea_intro_pd .ea_intro_video .ea_pd_certificate .ea_pd_certificate_button:hover{
	box-shadow: 0 0px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.1);
}
#ea_intro_pd .ea_intro_video .ea_pd_certificate .ea_pd_certificate_button:hover .add_student_labels{
	display: block;
}
#ea_intro_pd .ea_intro_video .ea_pd_date{
	position: absolute;
    z-index: 4;
    text-align: center;
    font-size: 11px;
    width: 70%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 18px;
    background: #FFF;
    border-radius: 3px;
    height: 15px;
    line-height: 15px;	
    pointer-events: none;
}
#ea_intro_video_player{
	display: none;
	z-index: 1;
    position: absolute;
    width: 848.888889px;
    left: 0;
    right: 0;
    margin: auto;
}
.ea_updates_getting{
    width: 100px !important;
    line-height: 14px !important;
    text-align: right !important;
    font-size: 12px !important;
}
#quiz_help_trial{
	background: #FFF;
	background: rgba(0,0,0,0.1);
	background: #ececec;
	background: rgba(180, 215, 235, 0.3);
	position: absolute;
	width: 100%;
	height: 500px;
	display: none;
}
#quiz_help_trial #ea_trial_video_content{
    height: 478px;
    width: 848.888889px;
    margin: 0 auto;
    background: #FFF;
    border:1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
}
#quiz_help_trial .ea_trial_video_close{
    position: absolute;
    border: 0;
    bottom: 0px;
    right: 0;
    width: 120px;
    border-top-left-radius: 5px;
    font-size: 15px;	
}
#quiz_help_trial .ea_trial_video_close:after{
    content: '';
    position: absolute;
    background: url(../images/close_icon.svg);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 100px;
    background-position: -63px -10px;
    left: 5px;
    top: 5px;
    border-radius: 5px;
    pointer-events: none;
}
#quiz_help_trial #ea_trial_video_content iframe{
	width: 100%;
	height: 100%;
}
#quiz_admin_wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background: #FFF;
	min-height: 1120px;
  
	margin-bottom: 60px;
  /* overflow: hidden; */
}
.quiz_video_mode{
	/*border-top: 1px solid #ddd;*/
    pointer-events: none;
    z-index: 1;
}
.quiz_video_mode:after{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    z-index: 10000;
    top: 0;
}
#assessment_internal_wrapper{
	position: relative;
	width: 100%;
	z-index: 1;
}
#review_wrapper{
	height:100%;
}
.current {
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #ccc;
	color: #FFF;
	background: #CCC;
	border-radius: 5px;
}
.inactive {
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	border: 1px solid transparent;
	color: #666;
	border-radius: 5px;
}
.paginator_wrapper {
	position: relative;
	height: 40px;
	margin: 5px 0px;
}
.paginator_functions {
	float: right;
}
.paginator_wrapper select {
	height: 30px;
}
.paginate {
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	border: 1px solid transparent;
	color: #666;
	border-radius: 5px;
}
.paginate:hover {
	color: #FFF;
	background: #CCC;
}
.common_hover {
	text-decoration: none;
	background: #FFF;
	/*background: #ecf4f9;*/
	display: block;
}
.common_hover:hover {
	display: block;
}
.class_wrapper {
	position: relative;
  	clear: both;
}
.class_list_a {
	width: 100%;
	position: relative;
	float: left;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	
}
.class_list_a:hover {
	border-top: 1px solid #abb8b8;
	border-bottom: 1px solid #abb8b8;
	background: #FFF;
	box-shadow: 0px 10px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 10px 30px rgba(0,0,0,.1);
    
    transition: opacity .218s;
	z-index: 1;
}
.class_list_a:nth-child(even) {
	background: #f8f8f8;
}
#view_class_content .class_list_a{
	transition: 0.1s ease;
	-webkit-transition: 0.1s ease;
}
.range_updated{
	background: #ffebc6 !important;
}
#year_levels_w{
	clear:both;
    overflow: visible;
	padding-top: 10px;
	height:30px;
}
#year_levels_w h2{
 	float: left;
    line-height: 30px;
    font-size: 12px;
    padding: 0px 10px;
}
#year_levels_w .year_levels_links{
	width: 30px;
    background: #fff;
    color: #666;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 400;
}
#year_levels_w .year_levels_links:hover{
	background-color: #ccebf3;
	border-radius: 5px;
}
#year_levels_w .year_levels_links:first-child{border-top-left-radius: 15px;}
.list_class_a {
	float: left;
	/*border-right: 1px solid #ddd;*/
	margin-top: -1px;
}
.list_class_1{
  background: #ecf4f9 !important;
}
.tools_wrapper{
	width: 170px;
    z-index: 10;
    position: absolute;
    top: 60px;
    right: 30px;
}
.class_list_tools_wrapper {
	position: relative;
  width: 100%;
  height: 39px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  width: 160px;
  margin: 0 auto;
  z-index: 2;
}
#student_name {
	position: relative;
	float: left;
	color: #012b53 !important;
	line-height: 50px;
	font-weight: 100;
	font-size: 18px;
}
.class_list {
	margin: 0 auto;
	width: 100%;
	font-weight:400;
	position: relative;
}
#class_list_wrapper #user_profile{
	z-index: 4;
}
.admin_wallpaper{
	position: absolute;
    width: 100%;
    height: 100%;
    height: 100vh;
    z-index: 100000;
    background-color: #FFF;
    display: none;
    min-height: 1120px;
}

.cardScaled{
	transform:scale(0.95);
	-webkit-transform: scale(0.95);
	box-shadow: 0 10px 80px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);
    border-radius: 10px;
    overflow: hidden;
    -webkit-transform: scale(0.95) translateY(0%) !important;
	transform: scale(0.95) translateY(0%) !important;
	position: absolute;
    width: 100%;
}
.cardScaledLarger{
	transform:scale(0.95);
	-webkit-transform: scale(0.95);
	box-shadow: 0 10px 80px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);
    border-radius: 10px;
    overflow: hidden;
    -webkit-transform: scale(0.95) translateY(0%) !important;
	transform: scale(0.95) translateY(0%) !important;
	position: absolute;
    width: 100%;
}
.slideCardOutLeft{
	-webkit-transform: scale(0.85) translateY(-115%) !important;
	transform: scale(0.85) translateY(-115%) !important;
}
.slideCardInUp{
	-webkit-transform: scale(0.85) translateY(115%) !important;
	transform: scale(0.85) translateY(115%) !important;
}
.class_list_style{
	padding: 5px 0px;
	min-height: 450px;
	transition: 0.8s ease !important;
	-webkit-transition: 0.8s ease !important;
	background: #FFF;
}
.edit_class_view{background:#f6f6f6 !important;}
#edit_new_students{
    position: relative;
    height: 100%;
    width: 100%;
    height: calc(100% - 60px);
}
#edit_new_students #edit_new_students_scroll{
	height: 100%;
    height: calc(100% - 60px);
    position:relative;
}
#edit_new_students #edit_new_students_scroll form{
	overflow: auto;
	height: 100%;
    position:relative;
}
#create_new_students_wrapper{
	bottom: 10px;
    right: 10px;
    position: absolute;
    width: 200px;
    z-index: 100;
    height: 40px;
}
#create_new_students_wrapper #create_new_students{
    border: 0;
    border-radius: 5px;
    z-index: 1;
    width: 100%;
    background-size: 15px;
    background-position: 10px 10px;
    background-image: url(../images/user_white.svg);
    background-repeat: no-repeat;
}
#create_new_students_wrapper #export_pdf_wrapper{
	top: 0;
    height: 40px;	
}
#create_new_students_wrapper #export_pdf_wrapper #progress #pdf_animator_all{
	height: 40px;
}
#class_list_toolbar {
	width: 100%;
	height: 50px;
	text-align: center;
	position: relative;
}
#class_list_headings {
	background: #FFF;
	height: 50px;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	border-bottom: 10px solid #eee;
}
#results_table_strand_internal{
    display:flex;
    justify-content: center;
}
.class_list_headings_edit{
	height:30px !important;
	line-height: 30px !important;
	border-bottom: 10px solid #eee;
}
.class_list_headings_empty {
	width: 14%;
	display: block;
	height: 40px;
	background: #FFF !important;
}
.class_list_headings_strand:hover .syllabus_type{
    opacity: 1 !important;
    font-weight: 600;
}
.class_list_headings_strands {
	width: 28.66%;
	height: 50px;
	line-height: unset !important;
	font-size: 14px !important;
	color: #585657;
	text-transform: none !important;
	background-color: #eee;
    max-width: 250px;
	display: table;
}
.class_list_headings_strands div{
	display: table-cell;
    vertical-align: middle;
    height: 40px;
    margin-bottom: 10px;
    line-height: 20px;
    border-radius: 5px;
}
.class_list_headings_strands div:hover{
  background: #4298cc !important;
  color: #FFF !Important;
}
.class_list_headings_strands div .results_strand_background{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.class_list_headings_strands div .results_strand_text{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.class_list_headings_strands div .results_strand_inactive{
  height: 2px;
  margin: 0;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
}
.class_list_headings_strands{
	color: #FFF !important;
}
.class_list_headings_substrands {
	width: 300px;
    height: 170px !important;
    flex-shrink: 0;
}
.sub_strand_1{
    display: flex;
    width: 99%;
    height: 40px;
    background: #eee;
    border-radius: 5px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
}
.sub_strand_1 .uow_row{	
    font-size:10px;
}
.sub_strand_3{
    width: 100%;
    height: 20px;
    margin-top: 100px;
    font-size: 12px;
}
.sub_strand_4{
	font-size: 13px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    width: 100%;
}
.sub_strand_3 div{
	float: left;
  font-weight: 400;
}
.substrand_cell {
	text-transform: none !important;
	height: 60px;
	line-height:inherit !important	;
	font-size: 13px !important;
	/* background: #FFFFFF !important; */
	font-weight: 100 !important;
    font-size: 15px !important;
}
.student_row:nth-child(even){
	background: #f5f5f5;
}
.results_wrapper .results_circulful .results_level:hover .results_preview{
    background-position: -14px 0px;
    cursor: pointer !important;
}
.results_level{
    position: relative !important;
    left: -61px !important;
    top: 8px !important;
    width: 23px !important;
    min-width: 23px !important;
    height: 23px !important;
    z-index: 1;
}
.results_percent{
    position: relative;
    top: 11px;
    left: 28px;
    font-size: 12px;		
}
.reflection_views{
    position: relative;
    top: 0;
    transform: scale(0.8);
}
.reflection{
    display: flex;
    float: none !important;
    vertical-align: middle !important;
    width: 70%;
    margin: 0 auto;
}
.reflection > div {
    margin: 0 auto;
    font-size: 12px;
    font-weight: 900;
    vertical-align: middle !important;
}
.reflection > div:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.reflection > div:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.results_circulful .class_reflection_item_1 {
    /* background-position: -11px -7px !important; */
    background-color: transparent !important;
}
.results_circulful .class_reflection_item_2 {
    /* background-position: -57px -9px !important; */
    background-color: transparent !important;
}
.results_circulful .class_reflection_item_3 {
    /* background-position: -103px -6px !important; */
    background-color: transparent !important;
}
.results_circulful .class_reflection_item_4 {
    /* background-position: -147px -7px !important; */
    background-color: transparent !important;
}

#reflection_filter {
    position:relative;
    top: 15px;
    width: 130px;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 3px;
    left:0;
}

#reflection_filter .switch-field label:last-of-type {
    border-bottom-left-radius: 4px !important; 
     border-bottom-right-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
#reflection_filter .switch-field label:first-of-type {
    border-top-left-radius: 4px  !important; 
     border-top-right-radius: 4px  !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important; 
}
#reflection_filter label {
    height: 14px !important;
} 
.switch-input:checked ~ #ref_switch_handle {
    left: 93px !important;
}
.zpd_list_heading{
    width:100%;
}
.ref_user {
    position: absolute;
    left: 45px;
    top: 158px !important;
    display: none;
    max-height: max-content;
}
.tooltip1 span {
    position: relative;
    z-index: 10000000 !important;
    display: inline;
    background: url(../../design/images/reflection.svg);
    background-size: 220px;
    background-position: -11px -7px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-color: transparent;
    float: left;
}
.tooltip2 span {
        z-index: 10000000;
        display: inline;
        background: url(../../design/images/reflection.svg);
        background-size: 220px;
        background-position: -64px -7px;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        background-color: transparent;
        float: left;
    
}
.tooltip3 span {
        z-index: 10000000;
        display: inline;
        background: url(../../design/images/reflection.svg);
        background-size: 220px;
        background-position: -114px -7px;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        background-color: transparent;
        float: left;
}
.tooltip4 span {
        z-index: 10000000;
        display: inline;
        background: url(../../design/images/reflection.svg);
        background-size: 220px;
        background-position: -167px -7px;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        background-color: transparent;
        float: left;
}
.very_sad{
    width:25%; background-color:rgba(138,25,255,0.5); color:black
}
.sad{
    width:25%; background-color:rgba(184,117,253,0.5); color:black
}
.happy{
    width:25%; background-color:rgba(248,230,130,0.5); color:black
}
.very_happy{
    width:25%; background-color:rgba(255,215,0,0.5); color:black
}
.reflection_face:hover {
margin: 0 auto;
text-align: center !important;
}
.ref_user.zpd_list_details {
width: 210px !important;
}
.ref_user.zpd_list_details h2:first-of-type {
 border: none !important;
}
.class_list_results_sub_2{
	width: 100%;
	position: absolute;
    top:30px;
    text-align: center;
}
.class_list_results_sub_2 h3{
    border: none;
    text-align: center;
    padding-left: 3px;
    height: 15px !important;
    line-height: 15px !important;
    font-weight: 400;
    color: #4298cc;
    font-size: 12px;
}
.class_list_results_sub_2 .matrix_result{
	background: #ecf4f9;
    border: 1px solid #ddd;
    width: 100px;
    margin: 0 auto;
    color: #585657;
    border-radius: 5px;
    padding: 3px;
    font-weight: 400;
}
#a_e_sort{
  position: absolute;
  bottom: 0;
  height: 23px;
  width: 130px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 60px;
}
#a_e_sort .matrix_result{
  height: 100%;
  line-height: 23px;
  width: 100%;
  width: calc(100% - 6px);
}
#a_e_sort .matrix_result .a_e_title{
  width: calc(100% - 50px);
  float: left;
  line-height: 12px;
  text-align: center;
  font-size: 12px;
}
#a_e_sort .matrix_result #a_e_sort{
  width: 50px;
  float: left;
  position: relative;
  top: 0;
}
#a_e_sort .matrix_result #a_e_sort button{
  border: 0;
  padding: 0;
  width: 50%;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 28px;
  text-align: center;
  border-radius: 4px;
  cursor:pointer;
  background-color: transparent;
  outline: none;
}
#a_e_sort .matrix_result #a_e_sort button:hover{
  background: #FFF;
}
#a_e_sort .matrix_result #a_e_sort button:first-child:after{
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #4298cc transparent;
}
#a_e_sort .matrix_result #a_e_sort button:last-child:after{
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0px 10px;
  border-color: #4298cc transparent transparent transparent;
}
.cell_headings {
	width: 2%;
	height: 80px;
	float: left;
	font-size: 11px;
	text-align: center;
}
.cell_headings h3 {
	width: 100%;
	float: left;
	height: 26px;
	line-height: 27px;
}
.blue_button_2{
	position: absolute;
    left: 0;
    border: 0;
    top: 40px;
    height: 40px;
    padding: 0px 30px;
    background: #4298cc;
}
.blue_button_2:hover{
	background:#005587;
	border:0;
}
.blue_button_3{
	position: absolute;
    left: 0;
    border: 0;
    top: 40px;
    height: 40px;
    padding: 0px 30px;
    background: #4298cc;
}
.blue_button_3:hover{
	background:#005587;
	border:0;
}
#trash_wrapper{
	display: none;
	width: 800px;
    z-index: 10000;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 440px;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 10px;
}
#trash_table{
	width: 100%;
	border-radius: 10px;
    overflow: hidden;
    border: 0;
}
#trash_table .trash_header{
  height: 40px;
}
#trash_table #class_list_table{
  max-height: 400px;
  height: 400px;
  overflow: hidden;
  float: left;
  width: 100% !important;
  position:relative;
}
#trash_wrapper .scroll-wrapper{
  width: 100%;
  position: absolute !important;
}
#trash_table #class_list_table .class_list_trash{
  height: 40px;
}
#trash_table #class_list_table .class_list_trash:nth-child(even){
  background: #f6f6f6;
}
.trash_button{
	margin: 0 auto !important;
    width: 100px !important;
    float: initial !important;
    margin-top: 7px !important;
}
#results_content_wrapper{
	width: 86%;
    position: absolute;
    left: 14%;
    top: 0px;
	overflow: hidden;
    height: 100%;
    z-index: 100;
}
#assessment_review{display:none;position: absolute;top: 90px;width: 100%;z-index:3;border-top: 1px solid #ddd;}
#content_wrapper{position:relative;width:100%;}
.results_wrappaer{
	float: left;
    width: 100%;
    top: 22px;
}
.content_wrapper{
	position: absolute;
	top:1px;
}
#results_table_content{
	position: relative;
    width: 100%;
    /*overflow: hidden;*/
    padding-bottom: 30px;
    z-index: 1;
}
#results_heading_wrapper{
	height: 160px;
}
.student_row{
	height: 158px;
    border-top: 0px solid transparent;
    border-bottom: 3px solid #ddd;
}
.table_wrapper_results{
  border-top: 10px solid #eee;
  /*display: block !important;*/
  clear: both;
  z-index: 10;
  padding-bottom: 100px;
}
#results_nav{
	position:absolute;
	margin-left:14%;
	top:130px;
	width:86%;
}
.results_nav_fixed{
	z-index: 1000;
}
.results_nav_control{
	display:block;
}
.q_admin {
	background: url('../images/quiz_nav_arrows_v3.svg');
	cursor: pointer;
	
	border: none;
	width: 60px;
	height: 60px;
	position: relative;
	float: left;
	outline:none;
	background-color: #4298cc;
	z-index:2;
}
#next_q_admin {
	background-position: -60px 0px;
	float: right;
}
#next_q_admin:hover {background-position: -60px -56px}
#previous_q_admin {
	background-position: 0px 0px;
	float: left;
}
#previous_q_admin:active { background-position: 0px 0px;}
#previous_q_admin:hover {background-position: 0px -56px;}
.results_admin{
    height: 50px;
    width: 50px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border-radius: 5px;
    z-index: 10000;
    position: fixed!important;
    top: 50%!important;
}
#results_admin_next{background-position: -49px -2px;right:0;}
#results_admin_previous{background-position: -2px -2px;left:10px;}
#results_header{height:174px;}
#sort_users{margin-top: 17px;}
.results_table{width:100%;position: relative;}
#results_scroll{
    padding-top: 15px;
}
#results_scroll .ps__rail-x{
    top: 0;
}
.results_table_header{
    height:172px;
    display: flex;
    flex-direction: row;
    width: fit-content;
    position:relative;
    z-index: 2;
}
.results_scroll_fixed .results_table_header{
    position: fixed;
    background: #FFF;
    z-index: 3;
    top: 0;
    padding-top: 13px;
    border-bottom: 1px solid #ddd;
}
.results_scroll_fixed .results_table_header:before{
    content: '';
    background: #FFF;
    height: 185px;
    position: absolute;
    width: 500px;
    left: -500px;
    border-bottom: 1px solid #ddd;
    top: 0;
}
.results_scroll_fixed .results_students{
    margin-top: 172px;
}
.results_scroll_fixed .results_students #asr_row{
    position:fixed;
}
.results_scroll_fixed .ps__rail-x{
    position: fixed;
    left: 14%;
    top: -2px !important;
    z-index: 100000;
    margin-left: 14%;
    width: 86% !important;
    left: 0 !important;
}
.results_students{
    display:flex;
    flex-direction: column;
}
.results_row{
	border-top: 3px solid #ddd;
    height: 158px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: fit-content;
}
.results_row:nth-child(even) {
	background: #f5f5f5;
}
#results_average{
    position: absolute;
	top: 182px;
}
#results_average tr{
	height: 133px;
    width: 100%;
    display: block;
    clear: both;
    position: relative;
}
#results_average tr td{
	width: 55%;
}
.results_cells {
	float: left;
	position: relative;
	display: block;
	float: left;
	height: 158px;
    width:300px;
    flex-shrink: 0;
}
.results_cell_hidden{
    min-width: 0;
    overflow: hidden;
}
.results_cells span{
	display: block;
  	height: 100%;
}
.results_cells .info_mess{
	display: block;
    padding-top: 20px;
	margin: 0 auto;
}
.results_cells h4 {
	text-align: center;
	font-size: 12px;
	padding: 15px 20px;
}
.results_name {
	line-height: initial !important;
	font-size: 12px !important;
	font-weight:600;
	width:14% !important;
}
.results_name_asr{
	height: 30px !important;
	margin-top: 0px !important;
	width:12% !important;
}
.results_name_asr_zpd{
	height: 40px !important;
    padding: 0 !important;
    line-height: 40px !important;
    text-align: center !important;
    padding-left: 0% !important;
    background: #FFF;
    z-index: 1000;
    margin-top: 0 !important;
    width: 80% !important;
}
.results_name_mn{
	width: 75% !important;
}
.asr_pre_post{
	width: 20%;
	float: left;
}
.mn_pre_post{
  width: 25% !important;
  background: #f9f9f9;
  border-radius: 5px;
  height: 36px;
}
.mn_pre_post .zpd_pre_post{
  width: calc(100% - 40px);
}
.mn_pre_post .myn_level{
  margin: 2px 0px;
  margin: 0px 0px;
}
.myn_level{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  float: left;
  /* margin: 1px; */
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  position: relative;
  border: 2px solid transparent;
}
.myn_level .myn_level_result{
  color: #FFF;
  color:#666;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: normal;
}
.myn_level .myn_level_background{
  border-radius: 50%;
  width: 85%;
  height: 85%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.5;
}
.myn_level .myn_level_status{
  background: #FFF;
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  z-index: 1;
  border-radius: 5px;
  width: 100px;
  line-height: 18px;
  padding: 5px;
  left: 0px;
  position: absolute;
  top: 40px;
  font-size: 12px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
  display:none;
}
.myn_level:hover .myn_level_status{
  display:block;
}
.myn_level_complete{
  background: #FFF;
}
.myn_level_complete .myn_level_background{
  opacity: 1;
}
.myn_level_complete_1{
  border: 2px solid #f5df78;
}
.myn_level_1 .myn_level_background{
  background: #f5df78;
}
.myn_level_complete_2{
  border: 2px solid #b4d7eb;
}
.myn_level_2 .myn_level_background{
  background: #b4d7eb;
}
.myn_level_complete_3{
  border: 2px solid #f7b6b0;
}
.myn_level_3 .myn_level_background{
  background: #f7b6b0;
}
.myn_level_complete_4{
  border: 2px solid #A5D3CA;
}
.myn_level_4 .myn_level_background{
  background: #A5D3CA;
}
.myn_level_complete_5{
  border: 2px solid #d8cdec;
}
.myn_level_5 .myn_level_background{
  background: #d8cdec;
}
.myn_level_complete_6{
  border: 2px solid #b8cbff;
}
.myn_level_6 .myn_level_background{
  background: #b8cbff;
}
.myn_level_complete_7{
  border: 2px solid #ffddd4;
}
.myn_level_7 .myn_level_background{
  background: #ffddd4;
}
.myn_level_complete_8{
  border: 2px solid #99e1dc;
}
.myn_level_8 .myn_level_background{
  background: #99e1dc;
}
.zpd_pre_post .asr_result_label .asr_result_label_nsw{
	display: none;	
}
.results_name_asr_zpd .zpd_name{
    height: 100%;
    float: left;
    width: 87%;
    display: table;
}
.results_name_asr_zpd .zpd_name div{
	display: table-cell;
	vertical-align: middle;
	height:100%;
	line-height: normal;
}
.zpd_yellow{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,253,175,1) 150%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(253,253,175,1) 150%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(253,253,175,1) 150%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 5px;
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
}
.code_popup_topic{
	display: none;
}
.zpd_pre_post{
    width: 100%;
    position: relative;
    float: left;
    line-height: 40px;
    font-size: 11px;
    text-align: center; 
    height: 40px;
}
.zpd_pre_post .asr_result_label:first-child{
	height: 50%;
    line-height: 20px;
    font-weight: 600;
}
.zpd_pre_post .asr_result_label:last-child{
	height: 50%;
    line-height: 10px;
    font-size: 13px;
}
.range_wrapper{
	float:left;
	position: relative;
	clear: both;
	width: 100%;
	padding-bottom: 50px;
}
.range_wrapper_type_1 .achievement_header_zpd_0{
  height: 300px !important;
  margin-top: 80px !important;
}
.range_wrapper_type_1_1_5 .zpd_main_0,
.range_wrapper_type_2_1_5 .zpd_main_0,
.range_wrapper_type_3_1_5 .zpd_main_0,
.range_wrapper_type_4_1_5 .zpd_main_0{
    margin-top: 420px !important;
}
.range_wrapper_type_0_1_5 .zpd_main_0{
  margin-top: 420px !important;
}
.range_wrapper_type_zpd_1_5 .zpd_main_1{
  margin-top: 411px !important;
}
.range_wrapper_type_zpd_1_5 .zpd_main_0{
  margin-top: 450px !important;
  margin-top: 456px !important;
}
.range_wrapper_type_zpd_1_1_2 .zpd_main_0{
    margin-top: 450px !important;
    margin-top: 456px !important;
}
.range_wrapper_type_1 .zpd_main_1{
  margin-top: 411px !important;
}
.range_wrapper_type_zpd_0 .zpd_main_1{
    margin-top: 411px !important;
  }
.range_wrapper_np{
	padding-bottom: 250px !important;
}
.range_wrapper_nsw_outcome{
  margin-top: 40px;
}
.asr_curric_code_topic_view_wrapper{
    position: absolute;
    width: 100%;
    height: 20px;
    top: 340px;
    line-height: 25px;
}
.asr_curric_code_topic_view_wrapper div{
	position: relative;
    width: 100%;
}
.asr_curric_code_topic_view_wrapper .nsw_sub_headings_parent{
    display: flex;
    justify-content: center;
}
.asr_curric_code_topic_view{
    float: left;
    text-align: center;
    font-size: 11px;
    margin-left: -1px;
    line-height: 20px;
}
.topic_view_nsw{
    height: 40px;
    top: 396px;
}
.topic_view_nsw .asr_curric_code_topic_view{
	font-size: 8px;
  height: 30px;
  min-height: 30px;
  height: fit-content;
  white-space: normal;
  margin: 0px 2px;
}
.topic_view_nsw .asr_curric_code_topic_view div{
  display: table;
  width: 100%;
  height: 100%;
  height: 30px;
}
.topic_view_nsw .asr_curric_code_topic_view div div{
  display: table-cell;
  vertical-align: middle;
  line-height: initial;
  height:20px;
}
.topic_view_nsw .asr_curric_code_topic_view:hover{
 	background: #ecf4f9;
    z-index: 100;
    border-radius:5px;
    transform:scale(1.3);
    padding: 0px 6px;
    margin-left:-3px;	
    transform-origin:top;	
}
.topic_view_nsw .nsw_sub_headings{
    float: left;
    width: 96%;
    text-align: center;
    font-size: 9px;
    line-height: 11px;
    margin-top: 1px;	
}
.results_heading_wrapper_np{
  height: 140px !important;
}
#numeracy_progression_dates{
  width: 95%;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  clear: both;
  margin-bottom: 40px;
}
#numeracy_progression_dates div{
  float: left;
}
#numeracy_progression_dates label{
  padding: 5px 0px;
  width: 45px;
  background-color: #fff;
  color: #000;
  transition: none;
}
#numeracy_progression_dates #myn_growth_term_week{
  padding: 0;
  z-index: 1;
  position: absolute;
  overflow: visible;
}
#numeracy_progression_dates #myn_growth_term_week input:checked + label:after{
  content: '';
  position: absolute;
  top: 1px;
  right: -10px;
  width: 30px;
  height: 29px;
  -webkit-transform: scale(0.707) rotate(45deg);
  -ms-transform: scale(0.707) rotate(45deg);
  -moz-transform: scale(0.707) rotate(45deg);
  -o-transform: scale(0.707) rotate(45deg);
  transform: scale(0.707) rotate(45deg);
  background: #4298cc;
  border-radius: 0 5px0 50px;
  box-shadow: 2px -2px 0 2px #fff, 3px -3px 0 1px #fff;
  z-index: 1;
}
#numeracy_progression_dates #myn_growth_term_week label{
  width: 120px;
  background-color: #4298cc;
  color: #FFF;
  pointer-events: none;
  border-top: 1px solid #4298cc;
  border-bottom: 1px solid #4298cc;
}
#numeracy_progression_dates #myn_growth_weeks{
  padding: 0;
  float: left;
  z-index: 0;
  position: absolute;
  left: 120px;
  top: 0;
  z-index: 0;
  border: 1px solid #ddd;
  border-radius: 7px;
}
#numeracy_progression_dates #myn_growth_weeks .npd_pre{
  background: #ddd;
  /* color: #000; */
}
#numeracy_progression_dates #myn_growth_weeks .myn_growth_week:checked + label{
  background-color: #4298cc;
  color: #FFF;
}
#numeracy_progression_dates #myn_growth_weeks .npd_pre_final{
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
#numeracy_progression_dates #myn_growth_weeks label:hover{
  background: #ddd;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
#numeracy_progression_menu{
  width: 95%;
  position: relative;
  margin: 0 auto;
  height: 70px;
  display: flex;
  flex-wrap: wrap;
  height: fit-content;
  justify-content: center;
  padding: 0;
  border-radius: 5px;
  max-width:1024px;
  overflow: hidden;
}
#numeracy_progression_menu label{
  height: 40px;
  min-width: 165px;
  width: 165px;
  align-items: center;
  display: inherit;
  flex-grow: 1;
  padding: 0 5px;
  font-size: 13px;
  color: #000;
  text-align: center;
  border-radius: 0;
}
#numeracy_progression_menu label span{
  width: 100%;
}
#numeracy_progression_menu input:checked + label{
  color: #FFF !important;
}
#numeracy_progression_menu .numeracy_progression_menu{
	 height: 50px;
    border: 0;
    background: #f6f6f6;
    padding: 0;
    margin: 0;
    width: 25%;
    float: left;
    outline: none;
    font-size: 13px;
    font-weight: 100;
    cursor: pointer;
	  
}
#numeracy_progression_menu .numeracy_progression_menu:hover{
    background: #eee;
	
}
#numeracy_progression_menu .numeracy_progression_menu:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;	
}
#numeracy_progression_menu .numeracy_progression_menu:last-child{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;	
}
#numeracy_progression_menu .numeracy_progression_menu_active{
	background-color: #4298cc !important;
    color: #FFF !important;
}
#zpd_main{
    margin-top: 84px;
    width: 20%;
    float: left;
    position: relative;
}
.zpd_main{
	margin-top: 159px !important;
}
.zpd_main_1{
	margin-top: 420px !important;
}
.asr_groups_zpd{
	top: -69px !important;
}
.zpd_main_1 .zpd_pre_post_switch{
    top: -112px !important;	
}
.zpd_main_1 .asr_groups_zpd{
    top: -181px !important;	
}
.zpd_main_1 .asr_groups{
    top: -332px !important;	
}
.zpd_main_0{
	margin-top: 208px !important;
}
.zpd_main_0 .asr_groups{
	top: -263px;
}
.range_wrapper_type_zpd_0 .zpd_main_0{
  margin-top: 200px !important;
}
.range_wrapper_type_zpd_0_1_5 .zpd_main_0{
    margin-top: 456px !important;
}
.np_names{
    margin-top: 134px !important;	
}
.np_names .asr_name_button{
	margin-top: 3px;
	/* border-top-right-radius: 0;
  border-bottom-right-radius: 0; */
}
.achievement{
	width: 79%;
    float: left;
    position: relative;
    min-height: 440px;
}
.achievement_np{
    width: 100%;
}
.achievement_myn_width{
  width: 77% !important;
}
.achievement_myn{
	min-height: 620px;
}
.achievement_myn #achievement_wrapper{
  /*min-width: 1500px;*/
  min-width: 1024px;
}
.achievement_row_np{
	position: relative;
}
.np_names .class_list_a:nth-child(even){
	background: #ffffff !important;
}
.numeracy_progression_bar{
	height: 20px;
    background: #eee;
    margin: 10px 0px;
    position: absolute;
    width: 100%;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #c6e0ef, #4298cc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c6e0ef),color-stop(1, #4298cc));
    background-image: -webkit-linear-gradient(#c6e0ef, #4298cc);
	background: #c6e0ef;
    transition: 1s ease;
    -webkit-transition: 1s ease;
}
.numeracy_progression_bar:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
	*/
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    overflow: hidden;	
}
.numeracy_progression_bar .numeracy_progression_growth{
	height: 20px;
    background: #eee;
    margin: 10px 0px;
    position: absolute;
    width: 100%;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #c6e0ef, #4298cc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c6e0ef),color-stop(1, #4298cc));
    background-image: -webkit-linear-gradient(#f2ff2c, #d5e624);
    background: #eaf291;
    /* border-bottom-left-radius: 10px; */
    /* border-top-left-radius: 10px; */
    width: 100px;
    right: -100px;
    top: -10px;
    display: none;
    clear: both;
}
.numeracy_progression_bar .numeracy_progression_growth:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    z-index: 0;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;	
}
.numeracy_progression_bar .numeracy_progression_growth:hover{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
}
.numeracy_progression_bar .numeracy_progression_growth:hover .numeracy_progression_popup{
	display: inline-block;
}
.content_statement_wrapper_np{
	height: calc(100% - 60px) !important;
	overflow: hidden !important;
  left: 0 !important;
  padding: 0 !important;
}
.content_statement_wrapper_np .scroll-content{
  height: 100% !important;
}
.content_statement_wrapper_np .asr_content_statement_parent{
  height: 100% !important;
  width: calc(100% - 30px) !important;
  margin: 0 auto;
}
.mn_achievement_body .content_statement_wrapper_np .scroll-y{
  height: 100% !important;
}
.mn_achievement_body .content_statement_wrapper_np .scroll-x{
  display: none !important;
}
.indicator_title{
    font-size: 12px;
    text-align: left;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: 600;
    display: block;	
}
.indicator_content_parent{
	list-style: outside;
    text-align: justify;
    width: 90%;
    margin: 0 auto;
}
.indicator_content{
    font-size: 10px;	
}
.np_finished{
	-webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.np_finished:after{
	-webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.achievement_zpd_wrapper{
	min-height: 360px !important;
}
.achievement_zpd_wrapper .mn_achievement_body{
  top: 17px !important;
}
.achievement_cd_wrapper{
    width: 98%;
    margin-left: 1%;
    margin-top: 30px;
}
.achievement_cd_wrapper #achievement_wrapper{
	margin: 0 auto !important;
}
.asr_export_pdf{
	height: 380px;
}
.asr_export_pdf .asr_export_pdf_code_wrapper{
	position: relative;
    float: left;
    width: 80px;
    height: 30px;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 100%;
    transform: rotate(-90deg);
    transform-origin: 50% 100%;
    top: 160px;
    text-align: left;
    right: 170px;
    margin-right: -365px;
    width: 395px;
    display: table;
    overflow: auto;
}
.asr_export_pdf .asr_export_pdf_code_wrapper .asr_export_pdf_code{
    font-size: 9px;
    display: table-cell;
    vertical-align: middle;
}
.asr_export_pdf .asr_export_pdf_code_wrapper .asr_export_pdf_code span{
	font-weight: 600;
}
#group_wrapper{
	width: 90%;
	margin: 0 auto;
}
#group_wrapper .group_headings{
	font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
}
.sortable_group{
	width: 95%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px 0px;
    min-height: 100px;
}
.sortable_group .sortable_student{
	line-height: 35px;
    font-size: 13px;
    margin-top: 2px;
    border: 1px solid #ddd !important;
    width: 95%;
}
.sortable_group .sortable_student .sortable_avatar{
	position: absolute;
    left: 4px;
    top: 2px;
}
.sortable_group .sortable_student .sortable_name{
	line-height: 35px;
    font-size: 13px;
}
.results_count{
	position: absolute !important;
    left: 0;
    line-height: 25px !important;
    z-index: 2000;
}
.results_link{
	width: 100% !important;
    font-size: 10px !important;
    height: 18px !important;
    line-height: 17px !important;
    position: absolute !important;
    z-index: 1 !important;
    bottom: 0;
    border-top: 1px solid #ddd !important;
    border-right: transparent !important;
	border-left: transparent !important;
	border-bottom: transparent !important;
}
.results_header_common{
	top: 0;
    right: 0;
    position: fixed;
    z-index: 1;
    width: 100%;
    background: #FFF;
    border-bottom:1px solid #ddd;
    height: 170px;
}
.results_header_common .tr_row{
	position: relative;
    width: 86%;
    display: block;
}
.results_header_common .asr_row_fixed{
    z-index: 1000;
    bottom: 0;
    left: 0;
    top: initial;
    display: block;
    margin-left: 14%;
    width: 86% !important;
    height: 20px;
    top: 60px !important;
    z-index: 100;
}
.asr_growth_wrapper{
	font-weight: 100;
    background: #ecf4f9;
    border: 1px solid #ddd;
    font-size:11px;
    width: 70%;
    margin: 0 auto;
    border-radius: 5px;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -81px;
}
.asr_growth_wrapper_2{
	bottom:4px !important;
}
.results_progresion {
	width: 17%;
	float: right;
	font-size: 14px;
	height:24px;
	line-height: 25px;
	text-align: center;
    border: 1px solid #ddd;
    margin-right: -1px;
    margin-top: -1px;
}
.graph_wrapper {
	height: 100%;
	width:83%;
	float: left;
	position:relative;
    margin-left: -1px;
}
.g_answer_class{
	position: absolute;
	margin: 10px;
	padding: 5px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
	background-color: #1ECD97;
	color: #FFF;
	top: 20px;
	left:55px;
}
.results_wrapper {
	width: 100%;
	float: left;
	position: relative;
	height: 70px;
}
.results_wrapper .results_circulful{
    width: 80px;
    height: 80px;
	margin: 0 auto;
    margin-top: -10px;
    position: relative;
}
.results_wrapper .results_circulful .circulful_wrapper{
	height:80px;
	margin-left: -1px;
}
.results_wrapper .results_circulful .results_level{
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 60px;
    top: 70px;
    border-radius: 5px;
    width: 45px;
    min-width: 65px;
    min-width: 45px;
    height: 25px;
}
.results_wrapper .results_circulful .nsw_grade_letter{
	text-align: center;
    height: 20px;
    margin-top: 15px;
    font-weight: 100;
    font-size: 15px;
}
.results_wrapper .results_circulful .results_level .results_percent{
    margin-top: -1px;
    height: 25px;
    text-align: right;
    padding-right: 2px;
    font-size: 10px;
}
.results_wrapper .results_circulful .results_level .results_preview{
    background: url(../images/preview_eye.svg);
    width: 17px;
    height: 17px;
    position: absolute;
    top: 3px;
    left: 2px;
    background-size: 35px;
    left: 4px;
    background-size: 28px !important;	
    background-repeat: no-repeat;
    position: relative !important;
    top: 1px !important;
}
.results_wrapper .results_type{
	text-align: center;
    width: 100%;
    font-size: 12px;
    position: absolute;
}
.results_inlp_wrapper{height:33px;}
.results_inlp_wrapper .results_inlp_options{
  display: flex;
}
.results_inlp_wrapper .results_inlp_options .results_myn_level{
  width: calc(50% - 72.5px);
}
.results_inlp_wrapper .results_inlp_options .results_myn_level .myn_level{
  margin: 0 auto;
  float: none;
  margin-top: -5px;
}
.growth_wrapper {
    width: 100%;
    float: left;
    clear: both;
    height: 50px;
}
.growth_wrapper h3 {
	float: left;
	font-size: 11px;
}
.growth_wrapper h3:first-child {
	width:82%;
	text-align: right;
}
.growth_wrapper h3:last-child {
    width: 17%;
    float: right;
    height: 25px;
    border: 1px solid #ddd;
    margin-right: -1px;
}
.growth_result {
	text-align: center;
	background: #ddd;
}
.expand_view_wrapper {
	width: 16px;
    position: absolute;
    right: 11px;
    bottom: 7px;
}
.expand_view {
    background: url(../images/expand_icon.svg);
    height: 17px;
    width: 17px;
    display: block;
    margin: 0 auto;
    border: 0;
    transition: none;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 1px 1px;
}
.expand_view:hover {
	transform:scale(1.4);
  background-color:#FFF;
  border-radius:5px;
}
.results_pre {
	position: absolute;
}
.results_percent_right {
	right: -35px !important;
	color: #000 !important;
}
#results_inlp {
	font-size: 14px;
    text-align: left;
    line-height: 60px;
	height: 100%;
}
.results_inlp {
	font-size: 13px;
    text-align: center;
    line-height: 30px;
	height: 100%;
	width: 145px;
    margin: 0 auto;
}
.results_inlp a{color: #484848;}
.active_results_strand{
	 color: #3c763d;
    border-radius: 5px;
    z-index: 1000;
    z-index: 11;
    margin-top: -40px;
}
.active_results_strand .numeracy_progression_wrapper{
  display: flex !important;
}
.active_results_strand_hide{z-index: 10 !important;}
.active_results_strand_group{
	width: 500px !important;
    margin: 0 auto !important;
    float: none !important;
    pointer-events: none !important;
    left: 0;
    right: 0;
    top: 70px;
    position: absolute !important;
}
.active_results_strand div{
	font-weight: 400;
  border-radius:5px;
  width:100%;
}
.active_results_strand div .results_strand_background{
  display: block;
}
#results_table_strand_internal .numeracy_progression_wrapper{
  display:none;
  background: transparent !important;
}
#results_table_strand_internal .results_strand_active .numeracy_progression_wrapper{
  display: flex !important;
}
.numeracy_progression_wrapper{
    width: 100%;
    position: absolute;
    left: 0;
    height: 25px !important;
    top: 40px;
    margin-bottom: 0 !important;
    border-bottom:0 !important;
    /*display: flex !important;*/
    display:none;
    flex-direction: column;
}
.numeracy_progression_wrapper .col50:first-child{
    right: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;	
    width: 100%;
}
.numeracy_progression_wrapper .col50:last-child{
    width: 100%;
    border-bottom: 1px solid #fff;
}
.np_button{
    line-height: 25px;
    width: 100%;
    left: 0;
    border: 0;
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 1px solid #FFF !important;
    color:#666;
	  font-size: 10px;
    padding: 0;
    font-weight: 600;
    transition: none;
}
.np_button:hover{
	background: #4298cc !important;
	color: #FFF;
	border-top: 1px solid #FFF !important;
  border-bottom: 0 !important;
}
.np_button:last-child{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: 1px solid #FFF !important;
}
.strand_result_headings {
	background: #fff;
    height: 42px !important;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 400 !important;
}
.strand_result_headings:hover{
	border-radius: 5px;
    border-radius: 5px;
    border-bottom: 0 !important;
    z-index: 1000;
}
.active_results_strand div:hover {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 1px solid #666;
}
.strand_result_headings div:hover{
	z-index: 1;
}
.strand_result_headings div:hover .results_strand_inactive{
  display: none;
}
#student_results_window {
	z-index: 9999;
	background: #FFF;
    border-radius: 10px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.close_button{
	width:40px;
	height:40px;
	border-radius:50%;
	background: #FFFFFF url(../images/close_icon.svg);
    background-position:-2px -6px;
    border: 2px solid #4298cc;
	transition:none;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    right: 1px !important;
    top: 1px !important;
    transform: scale(0.8);
    border-radius: 8px;
    box-shadow: none;
}
.close_button:hover{
	background: #4298cc url(../images/close_icon.svg);
    background-position: -59px -7px !important;
    border: 2px solid #4298cc;
}
#student_results_wrapper .scroll-wrapper{height: 100% !important;}
#sr_header {
	position: absolute;
    width: 100%;
    top: 0;
    background: #FFF;
    z-index: 2;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: 110px;
    background: #f7f7f7;
}
.assessment_summary{text-align: center;top: 5px !important;}
.sr_header_main{
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #4298cc;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#sr_header a {
	position: absolute;
	right: -1px;
    top: -1px;
	cursor: pointer;
	
	text-decoration: none;
	color: #585657;
	line-height: 40px;
	font-size: 15px;
  	padding: 0px 10px;
  	border: 1px solid #4298cc;
}
#sr_header a:hover{
	border:1px solid #005587;
	background: #4298cc;
	color:#FFF;
}
#sr_header .sr_quiz{
	width: 50%;
    text-align: center;
}
#sr_user {
    position: relative;
    height: 40px;
    width: 80%;
    margin: 0 auto;
    clear: both;
    margin-top: 70px;
}
#sr_user .sr_quiz {
    margin-left: 40px;
    line-height: 52px;
    text-transform: inherit;
    font-size: 25px;
    font-weight: 400;
    float: left;
    height: 40px;
}
.sr_quiz {
	float: right !important;
	font-family: 'Open Sans', 'sans-serif' !important;
    font-size: 17px !important;
}
.sr_quiz_pdf{
	border: 0;
    font-size: 12px !important;
    width: 100px;
    height: 47px;
    margin: 0;
	padding-right: 20px !important;
	background: #FFFFFF url(../images/pdf.svg);
    background-repeat: no-repeat;
    text-align: right;
    background-size: 150%;
	background-position: 5px 5px;
    transition: none;
    position: absolute;
    right: 30px;
    top: 0px;
    border-radius: 40px;
}
.sr_quiz_pdf:hover{
	background: #4298cc url(../images/pdf.svg);
	background-repeat: no-repeat;
	background-size: 150%;
    background-position: -73px 5px;
    color:#FFF;
}
#sr_body {
	position: relative;
    margin-top: 5px;
    height: 100% !important;
	height: calc(100% - 5px) !important;
}
.sr_pp {
	font-size: 11px;
	float: right;
	margin: 10px 5px;
	text-align: center;
}
.sr_table {
	margin: 0 auto;
	height: 230px;
}
.sr_table .sr_column{
	float:left;
	height: 550px;
    margin-bottom: 10px;
}
.sr_column_export{
	height: 480px !important;
}
.sr_subtitles {
	width: 50px;
	float: left;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 26px;
}
#np_body{
	position: relative;
    padding-top: 5px;
    height: 100% !important;
    height: calc(100% - 5px) !important;	
}
#as_wrapper {
    position: relative;
    clear: both;
    width: 100%;
    margin: 100px 0px;
    overflow: auto;
}
.as_wrapper_export{
	margin: 0 !important;
	clear: none !important;
}
.as_wrapper_export h2{
	font-weight: 100;
	width: 300px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #666;
    font-size: 18px;
}
#as_wrapper h2 {
	font-weight: 100;
	width: 300px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
    font-size: 18px;
}
#as_wrapper #as_wrapper_switch{
    padding: 10px;
}
.switch_wrapper{
	width: 100%;
    height: 30px;
    margin-top: 20px;
}
.switch-field {
  font-family: 'Open Sans', 'sans-serif';
  padding: 20px;
  overflow: hidden;
  margin: 0 auto;
}
.switch_wrapper .switch-field {
	margin: 0;
    float: left;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
    display: none;
}
#sort_radio input{
	display: none;
}
.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  width: 60px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  width: 72px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
    background: #ccc;
}

#main_menu input:checked + label {
  background-color: #4298cc;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field label:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.switch-field label:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.classes_groups{
	padding: 0;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 8;
    overflow: visible;
}
.classes_groups label{
    padding: 0;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    border-radius: 0 !important;
}
.switch_common + label:after{
	content: '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    -moz-transform: scale(0.707) rotate(45deg);
    -o-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(45deg);
    background: #e5e5e5;
    border-radius: 0 5px 0 50px;
    box-shadow: 2px -2px 0 2px #FFF, 3px -3px 0 2px #FFF;
    transition:  all 0.1s ease-in-out;
}
.switch_common:hover + label:after{
	background: #ccc;
}
.switch_common:checked + label:after{
	content: '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    -moz-transform: scale(0.707) rotate(45deg);
    -o-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(45deg);
    background: #4298cc;
    border-radius: 0 5px 0 50px;
    box-shadow: 2px -2px 0 2px #FFF, 3px -3px 0 2px #FFF;
}
.as_cont_desc{
	margin-top:120px !important;
    max-width: 98%;
    margin: 0 auto;
}
.as_sub_wrapper {
	width: 95%;
	margin: 0 auto;
}
.as_sub_wrapper h3 {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}
#as_understood_growth{
	width: 50%;
    margin: 0 auto;
    float: none;
}
#as_asr_view{
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    width: fit-content;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #FFF;
}
#as_sub_wrapper{
    margin-top:0 !important;
}
#as_sub_wrapper #curric_code_toggle{
    display: flex;
    justify-content: center;
    padding:0;
}
#as_sub_wrapper #curric_code_toggle label{
    width: auto;
}
#as_sub_wrapper #as_asr_view{
	transform: scale(0.8);
	z-index: 1;
  max-width: 95%;
  border:1px solid transparent;
  background: transparent;
  position: relative;
  top: 0;
}
#as_sub_wrapper #as_asr_view .curric_code_wrapper{
    display:flex;
}
#as_sub_wrapper #as_asr_view .curric_code_wrapper .achievement_row{
    display:flex;
}
#as_sub_wrapper #as_asr_view #curric_code_wrapper_1 .achievement_row .asr_descriptor_wrapper{
    border-right: 3px solid #6d6e72;
    height:33px;
    display: flex;
}
#as_sub_wrapper #as_asr_view #curric_code_wrapper_1 .achievement_row .asr_descriptor_wrapper:last-child{
    border: 0;
}
#as_sub_wrapper #as_asr_view .curric_code_wrapper .achievement_row .asr_descriptor_wrapper:first-child .achievement_cells:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#as_sub_wrapper #as_asr_view .curric_code_wrapper .achievement_row .asr_descriptor_wrapper:last-child .achievement_cells:last-child{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#as_sub_wrapper #as_asr_view .curric_code_wrapper .achievement_cells{
    font-size: 12px;
    line-height: 33px;
    margin: 0px 1px;
    border-radius: 0;
}
#as_sub_wrapper .asr_scale_down{
  transform: scale(0.6) !important;
}
#as_sub_wrapper .asr_scale_down .mn_group_wrapper .achievement_row_zpd .achievement_zpd_detail{
  transform: scale(1.4) !important;
  transform-origin: top;
}
#as_sub_wrapper #as_asr_view #curric_code_wrapper_1{
    display: none;
}
#as_sub_wrapper #as_asr_view #curric_code_wrapper_1 .asr_descriptor_wrapper{
    position: relative;
}
#as_sub_wrapper #as_asr_view #curric_code_wrapper_1 .asr_descriptor_wrapper .asr_descriptor{
    font-size: 10px;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 10px;
    top: -13px;
}
#as_sub_wrapper #as_asr_view .mn_group_wrapper{
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 35px 13px 10px 20px;
}
/* #as_sub_wrapper #as_asr_view .mn_group_wrapper .achievement_row_zpd{
  display: flex;
} */
#as_asr_view .mn_group_wrapper{
    padding: 35px 13px 5px 20px;
    overflow: visible;
    border: 0;
    width: max-content;
}
#as_asr_view .mn_group_wrapper .code_heading{
	background: transparent;	
}
.as_u_m{
	float: left;
	width: 50%;
}
.as_u_m h3{
	text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 10px;	
}
.as_u_m_5 .as_curriculum{
  width: 95%;
  float: left;
  padding: 0;
}
.as_u_m_5 .as_achievment{
  width: 96%;
  float: right;
  font-size: 12px;
  padding: 0% 2%;
}
.as_u_m_5 .as_curriculum div{
  padding-left: 6% !important;
  width: 94%;
}
.as_u_m_export{
	width: 100%;
	float: left;
}
.as_u_m_export h3{
	text-align: center;
	font-weight: 600 !important;
}
.vc_mode{
	font-size: 15px;
    text-decoration: uppercase;
    width: 50%;
    margin-top: 10px;
    border-bottom: 2px solid #ccc;
    text-align: left;
    margin: 0 aut;
    padding-left: 4%;
}
.vc_mode_literacy{
	border-bottom: 2px dashed #ccc !important;
    margin-left: 40px !important;
    font-size: 13px;
}
.as_curr_ach {
	clear: both;
	font-weight: 100;
    margin-bottom: 10px;
	overflow: auto;
}
.as_curr_ach_export{
	overflow: hidden;
}
.asr_groups{
	position: absolute;
    z-index: 1000;
    margin: 0 auto;
    top: 115px;
    width: 80px;
    left: 10%;
    border-radius: 5px;
}
.asr_groups .switch-field{
    padding: 0;
    width: 100%;
    border-radius: 5px;
    max-height: 190px;
    min-width:80px;
    float: none;
}
.asr_groups .switch-field #group_radio_01{
    height: 100%;
    position: relative;
    width: 100%;
    max-height: 190px;
}
.asr_groups .scroll-x{
	display: none !important;
}
.asr_groups .switch-field label{
	width: 100%;
	padding: 2px 0px;
}
.asr_groups .switch-field label:first-of-type{
	border-radius: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.asr_groups .switch-field label:last-of-type{
	border-radius: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.content_descriptor{
	top: 114px;
    width: 140px;
	right: 150px;
    position: absolute;
    border-radius: 5px;
    left: inherit;
}
.mega_view{
    top: 115px;
    width: 80px;
    left: 10px;
    position: absolute;
    border-radius: 5px;
}
.mn_switch{
    position: absolute;
    top: -90px;
    z-index: 1000;
    margin: 0 auto;
    width: 90%;
    left: 5%;
    border-radius: 5px;
    max-width: 190px;
    left: 0;
    right: 0;
}
#mn_switch_wrapper button{
	   width: 100%;
    height: 30px;
    position: relative;
    margin-top: -1px;
}
#mn_switch_wrapper button div{
    background: url(../images/mn_align.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 28px;
    top:0;
    background-size: 90px;
    background-position: 0px 0px;
}
#mn_switch_wrapper button:nth-child(1) div{
  background-position: -30px 0px;
}
#mn_switch_wrapper button:nth-child(2) div{
  background-position: 0px 0px;
}
#mn_switch_wrapper button:nth-child(3) div{
  background-position: -60px 0px;
}
#mn_switch_wrapper button:nth-child(1):hover div{
  background-position: -30px -26px;
}
#mn_switch_wrapper button:nth-child(2):hover div{
  background-position: 0px -25px;
}
#mn_switch_wrapper button:nth-child(3):hover div{
  background-position: -60px -26px;
}
#mn_switch_wrapper button:nth-child(2){
  background: #fdfdaf;
}
#mn_switch_wrapper button:hover{
  background: #4298cc !important;	
}
#mn_switch_wrapper button:first-child{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#mn_switch_wrapper button:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#mn_switch_wrapper button:last-child:hover{
	background: #4298cc !important;	
}
#mn_switch_confirm{
    width: 250px;
    left: 5%;
    position: absolute;
    height: 150px;
    z-index: 1000;
    background: #FFF;
    top: -110px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 5px;
    display: none;	
}
#mn_switch_confirm .mn_switch_confirm{
	display: none;
}
#mn_switch_confirm .mn_switch_confirm .mn_switch_desc{
  width: 75%;
  margin: 15% 15% 0% 15%;
  font-size: 14px;
  font-weight: 100;
  text-align: center;
}
#mn_switch_confirm .mn_switch_confirm button{
    width: 80%;
    margin: 0% 10%;
    border-radius: 5px;
    position: absolute;
    bottom: 15px;
}
.mn_switch .switch_heading{
    text-align: center;
    font-size: 13px;
    height: 20px;
    text-transform: uppercase;
}
.mn_switch .switch-field{
	padding: 0;
	width: 100%;
}
.mn_switch .switch-field label{
	width: 50%;
	padding: 8px 0px;
}
.mn_switch .switch-field label:first-of-type{
	border-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.mn_switch .switch-field label:last-of-type{
	border-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#zpd_filter_wrapper{
	position: absolute;
    width: 26%;
    top: 115px;
}
#zpd_filter_wrapper .asr_groups{
	position: relative;
	left: 0;
	top:0;
    max-height: initial;
}
#zpd_filter_wrapper .asr_groups .scroll-wrapper{
	position: absolute !important;
	top: 0;
}
#zpd_filter_wrapper .zpd_pre_post_switch{
	height: 69px;
    width: 22%;
    left: 2%;
    margin: inherit;
    top: 0px;
}
#zpd_filter_wrapper .cd_switch{
	position: absolute;
    left: 25%;
    width: 40%;
}
.cd_sort_switch{
    position: absolute;
    left: unset;
    right: 20px;
    top: 0;
}
.expand_results{float: left !important;margin: 16px !important;}
.as_curriculum {
	width: 17%;
	float: left;
    padding-left: 3%;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}
.curric_code_growth:after{
    content: '';
    position: absolute;
    background: url(../images/growth_result_v2.svg);
    width: 20px;
    height: 20px;
    background-size: 60px;
    left: 15px;
    background-position: 0px 0px;
}
.as_curriculum div{
	width: 100%;
	float: left;
	font-weight: 600;
	font-size: 12px;
	padding-left: 20px;
}
.as_curriculum div:last-child{
    font-style: italic;
    font-size: 12px;
    padding-left: 10px;
    font-weight: 100;    
    padding-left: 20px;
}
.as_curriculum_export{
	padding:0;
	font-size: 16px !important;
  width: 20%;
}
.as_achievment {
	width: 75%;
	float: right;
	font-size: 12px;
	padding: 0% 2%;
}
.as_achievment_export{
	padding: 0 !important;
	width: 80% !important;
	float: left !important;
	overflow: hidden !important;
	font-size: 12px !important;
}
.as_achievment .as_achievment_interior{
    width: 100%;
    float: left;	
	font-weight: 400;
}
.as_achievment .as_content_statement{
    width: 95%;
    float: right;
    clear: both;
    position: relative;
}
.as_achievment .as_content_statement:before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4298cc;
    border-radius: 50%;
    left: -10px;
    top: 6px;
}
.clearer {
	clear: both;
}
.class_list_headings_cells {
	position: relative;
	float: left;
	text-decoration: none;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 12px;
	text-transform: uppercase;
	line-height: 50px;
	height:50px;
	text-align: center;
	font-weight: 100;
    color:#666 !important;
}
.class_list_headings_cells:hover {
	/* background:#ccc; */
	
	cursor: pointer;
}
.class_list_headings_cells_edit{
	height:30px;
	line-height: 30px;
}
.result_strand_wrapper {
	height: 91px;
}
#class_list_headings_help{
	width: 14%;
    top: 60px;
    text-transform: none;
    position: absolute;
    z-index: 101;
}
#class_list_headings_help .my_numeracy_help_content{
	left: 40px;	
	width: 680px;
    height: 50px;
}
#class_list_headings_help .my_numeracy_help_content #descript_wrapper{
	top: 10px;
}
#asr_row{
	position: absolute;
  	z-index: 3;
	top: 75px;
	width:100%;
    display:flex;
    flex-direction: row;
}
.asr_options{
    top: 37px !important;
    width: 117% !important;
    left: -17%;
}
.asr_cell{
    position: relative;
    float: left;
    height: 22px;
    width: 300px;
    flex-shrink: 0;
}
.asrzpd{
	width: 210px;
	margin: 0 auto;
	height: 22px;
}
.asrzpd_mynumeracy{
    clear: both;
    width: 210px;
    margin: 0 auto;	
    margin-top: 5px;
    height: 22px;
}
.asrzpd_mynumeracy a{
width: 100% !important;
    border-radius: 0;
    position: relative;
    clear: both;
    border-radius: 5px;
    background: #4298cc !important;
    margin: 0 auto !important;
    float: none !important;
}
.asrzpd_mynumeracy a:hover{
	background:#3479a3 !important;
}
.asr_options .asrzpd{
	width: 800px;
}
.asr_options .asrzpd a{
    background-color: #e4e4e4 !important;
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    height: 35px !important;
    display: table !important;
}
.asr_options .asrzpd a:first-child{
	border-bottom-left-radius: 5px;
}
.asr_options .asrzpd a:last-child{
	border-bottom-right-radius: 5px;
}
.asr_options .asrzpd a span{
	display: table-cell;
    vertical-align: middle;
}
.asr_options .asrzpd a:hover{
	background:#ccc !important;
}
#asr_row a{
  font-size: 13px;
  background: #4298cc;
  height: 22px;
  display: block;
  background-position: 5px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  line-height: 21px;
  width: 33.33%;
  float:left;
  margin: 0 auto;
  font-weight: 100;
  letter-spacing: 1px;
}
#asr_row a:hover{background:#3479a3;}
#asr_row a:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#asr_row a:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#flexi_multi_strands{
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  position: absolute;
  top: 70px;
  width: 600px;
}
#flexi_multi_strands a{
  flex-grow: 1;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  height: 35px !important;
  display: table !important;
  line-height: 35px;
  background-color: #e4e4e4 !important;
}
#flexi_multi_strands a:hover{
  background: #4298cc !important;
  color: #FFF !important;
}
#flexi_multi_strands .flexi_strand_active{
    background-color: #4298cc !important;
    color: #FFF !important;
}
#no_assigned_quiz {
	width: 53%;
  background: #ecf4f9;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  margin: 5px 0px;
}
.no_assigned_quiz {
    width: 100%;
    font-weight: 400;
    font-size: 14px !important;
    background-color: #F9F9F9;
    height: 150px !important;
    line-height: 150px !important;
    color: #666;
}
.result_uncomplete {
    font-size: 15px;
    text-align: center;
   	/* border: 1px solid #ddd; */
    border-radius: 5px;
    margin: 0 auto;
    /* background: #FFF; */
    width: 151px;
    height: 82px;
    height: 40px;
    clear: both;
    /*margin-top: -1px;*/
	margin-top: 4px;
}
.result_uncomplete div{
	display: table;
    height: 100%;
    padding: 0px 5px;
}
.result_uncomplete div div{
	font-size: 12px;
}
.result_uncomplete span{
	float: left;
  	border-left: 1px solid #ccc;
  	text-align: center;
  	width: 299px;
	font-weight: 600;
  	color: #e0645c;
}
.result_uncomplete_history{line-height: 50px;}
.my_numeracy_status{
	text-align: center;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    background: #FFF;
    width: 50%;
    margin: 0 auto;
    margin-top: 160px;
}

.my_numeracy_activity_teacher {
    background: transparent!important;
}
.my_numeracy_activity {
    width: 100%;
    height: 40px;
    border: 0;
    outline: none;
    cursor: pointer;
    
    padding: 0;
    font-family: 'Open Sans','sans-serif';
    font-size: 11px;
    overflow: hidden;
    border: 1px solid transparent!important;
    background: #FFF;
}
.my_numeracy_strand{width:35%;}
.class_list_achievement:hover{
	background:inherit !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border-top: 1px solid transparent !important;
    border-bottom: 1px solid #ddd !important;
}
#asr_heading_functions{
	width:14%;
	float:left;
	height: 100px;
}
.asr_heading{background:#FFF !important;height: 140px !important;width:86%;}
.asr_heading.fixed{
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.asr_heading h2{line-height: 30px;font-size: 16px;font-weight: 100;}
.asr_heading_subheading{
	position: absolute;
    width: 117%;
    left: -17%;
    padding: 3px 0px;
    line-height: 30px;
    font-size: 25px !important;
}
.group_function_wrapper{
	height: 12px !important;
}
#export_analyse{border: 0;}
#export_analyse_search{
	border:0;
	float: initial;
    margin: 0 auto;
}
#achievement_legend{
	width: 100%;
    display: block;
	z-index:10000;
	margin-top: 75px;
    height: 50px;
}

#achievement_legend #achievement_legend_w{
	width: 750px;
    margin: 0 auto;
    display: block;
}
#achievement_legend .l_w{
	width: 115px;
  	height: 30px;
  	display: block;
  	float: left;
}
#achievement_legend .l_w h2{
	line-height: 30px;
  	float: left;
	text-align:left;
	font-size:12px !important;
}
#achievement_legend .l_w .legend_color{
	width: 25px;
  	height: 25px;
  	display: block;
	float: left;
	margin: 3px;
    border-radius: 5px;
    position: relative;
}
.legend_color_growth{
	width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    z-index: 998;
    right: -13px;
    top: 1px;
    transform: rotate(90deg);
    transform-origin: 50% 100%;
    width: 25px;
    height: 25px;
    background: url(../images/growth_result_v2.svg);
    background-size: 75px;
    background-position: -1px 0px;
}
.legend_color_my_numeracy{
	width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    background: url(../images/mn_status.svg) no-repeat;
    background-position: -3px -3px;
    display: block;
}
#achievement_legend .l_w .legend_color .legend_idontknow{
	width: 15px;
    height: 15px;
    display: block;
    background: url(../images/correct_incorrect_v2.svg) no-repeat;
    background-size: 400%;
    background-position: -32px 0px;
    position: absolute;
    top: 0px;
    left: 13px;
}
#achievement_legend .legend_descriptions .l_descript{
	display:none;
	position:absolute;
  	width: 300px;
	white-space: initial;
	line-height:normal;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  	
    transition: opacity .218s;
  	background: #FFF;
  	border: 1px solid #ccc;
  	border: 1px solid rgba(0,0,0,.2);
	padding:5px;
}
#achievement_legend .legend_descriptions:hover .l_descript{
	display:block;
}
#numeracy_progression_help{
	left: 0;
    right: 0;
    margin: 0 auto;	
    z-index: 1000000000;  
}
#numeracy_progression_help .my_numeracy_help_content{
	top: 30px;
    width: 470px;
    height: 300px;
}
#numeracy_progression_help .my_numeracy_help_content p{
    padding: 10px;	
}
.legend_descriptions_np{
    width: 300px !important;
    height: 25px;
    display: block;
    float: left;
    position: relative;
}
.legend_descriptions_np_1 .l_w  .legend_color{
  width: 110px !important;
  border-radius: 5px !important;
}
.legend_descriptions_np .l_w{
    width: 240px !important;
    margin: 0px 30px;
}
.legend_descriptions_np .l_w .legend_color{
    float: none !important;
    margin: 0 auto !important;
}
.legend_descriptions_np_potential:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    z-index: 0;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
.legend_descriptions_np .l_w h2{
	width: 100%;
    text-align: center !important;
}
.np_expand_heading{
	width: 500px !important;
    text-align: center !important;
    font-weight: 100 !important;
    text-transform: none !important;
}
.np_student_row{
	width: 100%;
    min-height: 100px;
    position: relative;
    clear: both;
    padding-bottom: 10px;
    height: auto;
    overflow: auto;
    border-bottom: 2px solid #eee;
}
.np_student_row .np_student_cell{
    float: left;
    height: 100px;
    position: relative;
}
.np_student_row .np_student_substrand{
	display: block;
    width: 20%;
    margin-top: 10px;
}
.np_student_row .np_student_substrand .np_student_substrand_content{
  width: 95%;
  height: 100%;
  position: absolute;
  height: 50px;
  line-height: 25px;
  padding: 0% 2%;
  /* background: #FFF; */
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  background-color: #f0a3a3;
  background-image: -moz-linear-gradient(top, #c6e0ef, #4298cc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c6e0ef),color-stop(1, #4298cc));
  background-image: -webkit-linear-gradient(#f2ff2c, #d5e624);
  background: #eaf291;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  left: 3%;
}
.np_student_row .np_student_substrand .np_student_substrand_content:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
    z-index: 0;
}
.np_student_row .np_student_substrand .np_student_substrand_content .np_student_substrand_row{
    height: 25px;
    display: table;
    width: 100%;
    clear: both;
    float: left;
    position: relative;
}
.np_student_row .np_student_substrand .np_student_substrand_content .np_student_substrand_row .np_student_substrand_row_interior{
    height: 25px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    line-height: normal;
}
.np_student_row .np_student_substrand .np_student_substrand_content .np_student_substrand_row:first-child .np_student_substrand_row_interior{
	font-weight: 600;
}
.np_student_row .np_student_subelement{
    width: 8%;
    display: table;
}
.np_student_row .np_student_substrand_content{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;	
}
.np_student_row .np_student_indicator{
    width: 72%;
    height: auto;
}
.np_student_row .np_student_indicator_content{
	padding: 10px 0px;
}
.np_student_row .np_student_indicator_content .np_student_indicator_content_wrapper .np_student_indicator_heading{
	width: 50%;
    background: #eee;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;	
}
.np_student_row .np_student_indicator_content .indicator_content_parent{
	padding: 5px 0px;
}
#asr_switch{
	position: absolute;
    right: 71px;
    top: -28px;
    width: 125px;
    margin-top:7px;
}
#asr_switch .asr_zpd_switch{
	width: 120px;
	background: #FFF;
	padding: 0 !important;
}
#asr_switch .asr_zpd_switch:hover{
	background:#4298cc;
}
#asr_switch .asr_zpd_switch:hover:before{
	color: #FFF;
}
#asr_switch .asr_zpd_switch:hover:after{
	color: #FFF;
}
#asr_switch .asr_zpd_switch:before{
	color:#4298cc;
}
#asr_switch .asr_zpd_switch:after{
	color:#4298cc;
}
#asr_switch .asr_zpd_switch_handle{
	top: 2px !important;
	left: 1px;
}
.asr_zpd_input:checked ~ .asr_zpd_switch_handle{
	left: 97px !important;
}
.asr_zpd_input_analyse:checked ~ .asr_zpd_switch_handle{
	left: 97px !important;
}
#asr_add_group{
	display:none;
}
#achievement_functions.fixed{
	position: fixed;
    width: 14%;
    height: 86px;
    background: #FFF;
    box-sizing: border-box;
    z-index: 999999;
}
#achievement_functions.fixed .group_functions{
	width: 100%;
}
#achievement_functions.fixed.absolute {
	position: absolute;
}
.asr_edit_group{
	position: relative;
    margin-top: -1px;
    z-index: 999;
    width: 100% !important;
    border-top-right-radius: inherit !important;
}
.asr_group_display{
	border-top:1px solid #ddd;
}
.group_save_buttons{
	height: 27px;
    position: absolute;
    width: 100%;
    bottom: -1px;
}
.asr_group_style{
	border: 0;
    outline: none;
    background: #fff;
    border: 1px solid #ddd;
	cursor: pointer;
	
	font-size: 12px;
	text-align: center;
	height: 26px;
	padding:0px;
	display: block;
	line-height:25px;
	text-decoration: none;
	color: #666;
	float: left;
}
.asr_group_style:hover{
	border:1px solid #4298cc; 
}
.asr_export{
	position: relative;
    width: 100% !important;
    border-bottom-right-radius: inherit !important;
    border-top-right-radius: 5px !important;
}
.ocp_wrapper{
	width: 300px !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 30px;
    top: 153px;
    z-index: 100000;
}
.ocp_wrapper .export_pdf_wrapper{
	top:0px;
	height: 30px;
}
.ocp_style{
    width: 100%;
    font-weight: 100;
    position: relative;
    background: #fdfdaf !important;
    background: rgba(253,253,175,0.4) !important;
    border: 1px solid #4298cc;
    color: #FFF;
    width: 260px;
    font-weight: 400;
    border-radius: 5px;
    background: #e4e4e4;
    border: 0;
    color: #616263;
    font-size: 13px;
    height: 30px;
    border: 1px solid #eee;
    line-height: 30px;
}
.ocp_style:hover{
	background: #4298cc !important;
	border: 0 !important;
	color: #FFFFFF !important;
	border: 1px solid #4298cc !important;
}
.ocp_style .ocp_icon{
    width: 20px;
    height: 20px;
    background: url(../images/inlp_download.svg);
    background-repeat: no-repeat;
    background-size: 45px;
    position: absolute;
    left: 0;
    top: 3px;
    background-position: -1px 0px;
}
.ocp_style:hover .ocp_icon{
	background-position:-23px 0px;
}
.ocp_style .ocp_download_options{
	width: 100%;
	height: 60px;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    display: none;
    margin-top: 2px;
    border-radius: 5px;
    overflow: hidden;
}
.ocp_style .ocp_download_options button{
    height: 30px;
    font-size: 13px;
    text-decoration: none;
    border: 0;
    width: 100%;
    padding: 0;
    line-height: 30px;
    cursor: pointer;
    	
    float: left;
    outline: 0;
    background: #FFF;
}
.ocp_style .ocp_download_options button:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;	
}
.ocp_style .ocp_download_options button:hover{
	background: #ccebf3;	
}
.ocp_style .export_pdf_wrapper{
	height: 30px !important;
}
.ocp_style .export_pdf_wrapper #progress{
	height: 30px !important;
}
.ocp_style .export_pdf_wrapper #progress .pdf_animator{
	height: 30px !important;
}
.ocp_style_zpd{
	width: 100%;
	z-index: 1;
	margin-left: -1px;
}
#filter_substrands{
    position: absolute;
    width: 300px;
    right: 20px;
    margin: auto;
    height: 32px;
    border-radius: 5px;
    background: #f1f1f1;
    top: 120px;
    font-weight: 400;
    z-index: 10001;
}
#filter_substrands  #student_graph_dropdowns{
  top: 0;
  width: 100%;
}
#filter_substrands #filter_heading{
	width: 69px;
    height: 32px;
    font-size: 12px;
    text-align: center;
    line-height: 15px;	
    float: left;
    border-right: 1px solid #ddd;
}
#filter_substrands #student_graph_dropdowns .student_graph_options{
  width: 100%;
  display: flex;
  justify-content: center;
}
#filter_substrands #student_graph_dropdowns .student_graph_options .toolbar_dropdown{
  width: 120px;
  flex-grow: 1;
}
#filter_substrands #student_graph_dropdowns .student_graph_options .toolbar_dropdown .export_button_wrapper{
  width: 100%;
}
#filter_substrands #student_graph_dropdowns .student_graph_options .toolbar_dropdown .export_button_wrapper button span{
  left: 77%;
}
#filter_substrands #student_graph_dropdowns .student_graph_options .toolbar_dropdown .export_button_wrapper .export_options_wrapper{
  transform: translateX(-50%);
  left: 50%;
  width: 270px;
  min-height: 400px;
}
#filter_substrands #student_graph_dropdowns .student_graph_options .toolbar_dropdown .export_button_wrapper .export_options_wrapper button{
  width: 100%;
  height:auto;
}
#filter_substrands #student_graph_dropdowns .student_graph_options .toolbar_dropdown .export_button_wrapper .export_options_wrapper button span{
  left: 0;
  position: relative;
  width: calc(100% - 25px);
  padding-left: 25px;
  height:auto;
}
#filter_substrands #student_graph_dropdowns .student_graph_options .toolbar_dropdown .export_button_wrapper .export_options_wrapper .ps__rail-x{
    display: none;
}
.asr_group_save_cancel{
	float:left;
}
#asr_group_instructions{
	display:none;
	text-align: center;
    background: #eee;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 0px;
    width: 14%;
}
.results_common{
	line-height: initial;
	position: absolute;
	z-index: 1;
    top: 60px;
}
.asr_group_style:hover{
	background: #4298cc;
	color:#FFF;
}
.asr_group_style_edit:hover{
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    transition: opacity .218s;
    transform: scale(1.1, 1.1);
    background: #4298cc;
	color:#FFF;
}
.white_space_wrapper{
	height:84px;		
}
.white_space_buffer{
	background: #FFF;
    height: 84px;
    width: 210px;
    z-index: 100;
    position: absolute;
}
.grouped_wrapper{
    /* border-bottom: 1px solid #ddd; */
	clear: both;
}
.group_functions{
	height:74px;
	width: 14%;
    display: block;
	position:relative;
	margin-top: 20px;
    margin-bottom: 26px;
}
.one_group{
	    padding-top: 103px;
}
.group_save_buttons.fixed{
	width: 14% !important;
    top: 40px !important;
    position: fixed;
    z-index: 99999999 !important;
}
.class_list_achievement{
	height: 118px;
	background: #FFF !important;
	border-bottom: 1px solid #ddd;
    margin-bottom: 26px;
}
.class_list_achievement_zpd{
    height: 40px;
	margin-top: 0 !important;
	border: 0;
	margin-bottom: 0;
	z-index: 0;
}
.class_list_achievement_zpd:hover{
	border: 0 !important;
}
.asr_add_student{
	display:none;
	left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 79px;
    width: 35px;
    height: 35px;
	font-size: 20px;
	border: 0;
    outline: 0;
	cursor: pointer;
	
    border: 2px solid #6d6e72;
    background: #FFF;
    border-radius: 5px;
    z-index: 100;
}
.asr_add_student:hover{
	border: 2px solid #4298cc;
}
.asr_added_style{
	background: #4298cc !important;
	color: #FFF;
	border: 2px solid #4298cc;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    transition: opacity .218s;
    transform: scale(1.1, 1.1);
}
.asr_added_style:hover{
	background: #fff !important;
	border: 2px solid #6d6e72;
	color:#6d6e72;
}
.grouped_student_highlight{
	position: absolute;
    height: 146px;
    top: -27px;
    background: #4298cc;
    width: 5px;
    left: 0;
	z-index:1;
}
.achievment_wrapper{
    padding-top: 34px;
    clear: both;
    /*overflow: auto;*/
}
.achievement_header{
	height: 56px;
	position: relative;
	clear: both;
}
.achievement_codes_wrapper{
	height: 26px;
}
.zpd_range_wrapper{
	margin-bottom: 60px;
	float: left;
}
.zpd_group_spacer{
	height: 60px !important;
}
.achievement_header_zpd{
	height: 130px !important;
	z-index: 1;
	margin-top: 0;
}
.achievement_header_zpd .curric_head{
    width: 300px;
    height: 42px;
    float: left;
    top: 1px;
    transform: rotate(-90deg);
    transform-origin: 50% 100%;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 100%;
    margin-right: -86px;
    right: 23px;
    top: 20px;
    border-bottom: 1px solid #eee;
}
.achievement_header_zpd .curric_head:last-child{
  border-bottom: 1px solid transparent;
}
.achievement_header_zpd .curric_head .code_growth{
    display: block;
    position: absolute;
    z-index: 998;
    right: -8px;
    top: 0px;
    transform: rotate(90deg);
    transform-origin: 50% 100%;
    width: 20px;
    height: 20px;
    background: url(../images/growth_result_v2.svg);
    background-size: 55px;
    background-repeat: no-repeat;
}
.achievement_header_zpd .curric_head a{
	height: 35px;
    display: block;
    line-height: 40px;
    position: relative;
    border-radius: 0;
    padding-left: 5px;
}
.achievement_header_zpd .curric_head a .curric_hidden{
	transform: rotate(90deg);
    transform-origin: 50% 100%;
    height: 343px;
}
.achievement_header_zpd .curric_head a .curric_hidden .curric_growth{
    position: absolute;
    width: 50%;
    top: 180px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 55px;
    background: #eee;
    border-radius: 5px;
}
.achievement_header_zpd .curric_head a .curric_hidden .curric_growth .curric_growth_title{
    width: 50%;
    position: absolute;
    left: 10px;
    font-size: 12px;
    top: 19px;
}
.achievement_header_zpd .curric_head a .curric_hidden .curric_growth .curric_growth_percent{
    height: 70px;
    width: 70px;
    position: absolute;
    top: -9px;
    left: 140px;
}
.achievement_header_zpd .curric_head a .curric_hidden .curric_growth .curric_growth_percent .myStat{
	top: 0;
    position: absolute;
    height:70px;
}
.achievement_header_zpd .hoverfilteractive .code_popup{
  background: #ecf4f9 !important;
}
.curric_hidden .curric_substrand{
	line-height: 20px;
    clear: both;
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    font-size: 13px;
    background: #eee;
}
.curric_hidden .asr_mn_child{
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 40px;
  height: 70px;
  left: 0;
}
.curric_hidden .asr_mn_child ol{
  position: absolute;
  width: 100%;
  white-space: normal;
}
.mns_card{
    width: 489px;
    margin-left: 4px;
    height: 157px;
    border-radius: 5px;
    margin-top: 6px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.mns_percent_background{
	background: #FFF;
	position: absolute;
}
.my_numeracy_summary_tags{
    width: 498px;
    height: 89px;
}
.my_numeracy_summary_tags .mns_main{
    height: 27px;
    line-height: 27px;
    width: 490px;
    margin-top: 3px;
    font-size: 12px;
    margin-left: -1px;
    margin-top: 0px;
    font-weight: 600;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: initial;
}
.my_numeracy_summary_tags .mns_star_wrapper{
	position: relative;
    clear: both;
    white-space: normal;
    height: 40px;	
}
.my_numeracy_summary_tags .mns_star_wrapper .col_25 .star_outline{
    float: none;
    margin: 0 auto;	
}
.my_numeracy_summary_tags .mns_star_wrapper .col_25 .star_outline span{
	left: 0;	
}
.my_numeracy_summary_tags .mns_tag_wrapper{
	height: 45px;	
	position: relative;
    clear: both;
    white-space: normal;
}
.my_numeracy_summary_tags .mns_tag_wrapper .mns_tag{
	float: left;
	width: 25%;
	display: table;
	height: 45px;
	font-size: 10px;
}
.my_numeracy_summary_tags .mns_tag_wrapper .mns_tag .mns_tag_child{
	width: 90%;
}
.my_numeracy_summary_tags .mns_tag_wrapper .mns_tag .mns_tag_child .mns_tag_child_focus{
	font-weight: 600;
}
.mns_proficiency{
    width: 489px;
    height: 20px;
    position: relative;
    clear: both;
    white-space: normal;	
}
.mns_proficiency .mns_proficiency_child{
	width: 25%;
    float: left;
    font-weight: 600;	
}
.asr_content_statement_button{
	border: 0;
    border-radius: 5px;
    line-height: 30px;
    height: 30px;
    position: absolute;
    top: -49px;
    right: 0;
    width: 30px;
    text-align: center;
    padding: 0;	
}
.asr_content_statement_wrapper{
    position: absolute;
    background: #FFF;
    z-index: 1;
    width: 100%;
    height: 200px;
    top: 60px;
    left: -5px;
    padding: 0px 8px;
    white-space: normal;
    overflow-y: scroll;
}
.asr_content_statement_wrapper .asr_content_statement_parent{
    position: relative;
    width: 100%;
    clear: none;
    transform: none;
    white-space: normal;
    padding: 0;
}
.asr_content_statement_wrapper .asr_content_statement_parent .asr_content_statement_child{
	clear: both;
    padding: 2px;
    text-align: left;
}
.asr_content_statement_wrapper .asr_content_statement_parent .asr_content_statement_header{
	padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.asr_content_statement_wrapper .asr_content_statement{
	text-align: left;
    padding: 0px 5px 2px 20px;
    position: relative;
}
.asr_content_statement_wrapper .asr_content_statement:before{
	content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4298cc;
    border-radius: 50%;
    left: 10px;
    top: 6px;
}
.achievement_header_zpd .curric_head_smaller{
    height: 15px !important;
    line-height: 15px !important;
    margin-right: -114px !important;
    right: 47px !important;
    top: 47px !important;
}
.achievement_header_zpd .curric_head_smaller a{
    line-height: 15px !important;
    height: 15px !important;
}
.achievement_header_zpd_1_5, .achievement_header_zpd_1_1, .achievement_header_zpd_1_2{
	height: 300px !important;
	margin-top: 80px !important;
}
.achievement_header_zpd_1_5 .curric_head, .achievement_header_zpd_1_1 .curric_head, .achievement_header_zpd_1_2 .curric_head, .achievement_header_zpd_view_0_1 .curric_head, .achievement_header_zpd_view_0_2 .curric_head{
	width: 300px !important;
    margin-right: -256px !important;
    right: 108px !important;
    top: 102px !important;
}
.achievement_header_zpd_view_0_1 .curric_head, .achievement_header_zpd_view_0_2 .curric_head {
    top: -80px !important;
}
.achievement_header_zpd_1_5 .curric_head a, .achievement_header_zpd_1_1 .curric_head a, .achievement_header_zpd_1_2 .curric_head a, .achievement_header_zpd_view_0_1 .curric_head a, .achievement_header_zpd_view_0_2 .curric_head a{
    width: 300px !important;
    height: 38px !important;
    font-size: 10px !important;
    border-radius: 5px;
    border-radius: 0;
    padding-left: 5px;
    transition:none;
}
.achievement_header_zpd_1_5 .curric_head span, .achievement_header_zpd_1_1 .curric_head span, .achievement_header_zpd_1_2 .curric_head span, .achievement_header_zpd_view_0_1 .curric_head span, .achievement_header_zpd_view_0_2 .curric_head span{
	display: table;
    width: 300px !important;
    margin: 0;
    height: 43px;
}
.achievement_header_zpd_1_5 .curric_head span span, .achievement_header_zpd_1_1 .curric_head span span, .achievement_header_zpd_1_2 .curric_head span span, .achievement_header_zpd_view_0_1 .curric_head span span, .achievement_header_zpd_view_0_2 .curric_head span span{
    text-transform: none;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    white-space: normal;
    text-align: left;
    padding-right: 5px;
	line-height: 10px;
}
.achievement_header_zpd_1_5 .curric_head a .curric_hidden, .achievement_header_zpd_1_1 .curric_head a .curric_hidden, .achievement_header_zpd_1_2 .curric_head a .curric_hidden{
	left: -305px !important;
}
.achievement_header_zpd_view_0_1 .curric_head a .curric_hidden, .achievement_header_zpd_view_0_2 .curric_head a .curric_hidden {
    left: -495px !important;
}
.achievement_header_cd{
    height: 100% !important;
}
.achievement_header_cd .curric_head{
	-webkit-transform: none;
	transform: none;
    margin-right: 0;
    width: 170px;
    right: 0;
    height: 100%;
    border: 0;
    position: relative;
    top: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    padding:10px 0px;
    border-radius: 5px;
}
.achievement_header_cd .curric_head:nth-child(odd){
  background: #fafafa;
}
.achievement_header_cd .curric_head_hidden{
	overflow: hidden;
	width: 0;
}
.achievement_header_cd .curric_head a{
	height: 43px;
	width: 170px;
}
.achievement_header_cd .curric_head a{
  width: 100%;
  line-height: 20px;
  margin-left: -5px;
  font-size: 11px;
  text-transform: none;
}
.achievement_header_cd_1_5 .curric_head a{
  height: 80px;
}
.achievement_header_cd .curric_head a span span{
	font-size: 14px;
}
.achievement_header_cd_1_5 .curric_head a span span{
  text-transform: none;
  font-size: 12px;
  white-space: normal;
  text-align: center;
  line-height: 14px;
  clear: both;
  width: calc(100% - 10px);
  float: none;
  display: block;
  margin: 0 auto;
  height: 70px;
}
.achievement_header_cd .curric_head .curric_details{
	width: 170px;
}
.achievement_header_cd .curric_head .curric_details .nsw_statement{
  position: relative;
  top:0;
}
.achievement_header_cd .curric_head .curric_details h2{
	font-size: 10px;
    text-transform: none;
    height: 110px;
    white-space: normal;
    line-height: 13px;
    text-align: justify;	
    padding: 5px;
    margin-top: 20px;
}
.achievement_header_cd .curric_head .curric_details .cd_list_wrapper{
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;	
    background: transparent !important;
    border: 0 !important;
}
.achievement_header_cd .curric_head .curric_details .cd_list_wrapper button{
    margin: 0;	
}
.achievement_header_cd .curric_head .curric_details .cd_list_wrapper button:hover .add_student_labels{
	display: block;
}
.achievement_header_cd .curric_head .curric_details .cd_list_wrapper .ocp_download_options{
  width: 120px;
  position: absolute;
  z-index: 1;
  left: -38px;
  top: 35px;
}
.achievement_header_cd .curric_head .curric_details .cd_list_wrapper .ocp_download_options button{
  width: 120px;
}
.button_label:hover .add_student_labels{
	display: block;
}
.achievement_header_cd .curric_head .curric_details .code_correct_wrapper_top{
    clear: both;	
}
.achievement_header_cd .curric_head .curric_details .code_correct_wrapper_top .code_correct_internal .code_correct_wrapper .code_header{
	width: 90%;
    margin: 0 auto;
    background: #eee;
    padding: 2px 0px;
    border-radius: 5px;
    font-size: 12px;
    text-transform: none;
    line-height: 15px;
}
.achievement_header_cd .curric_head .curric_details .code_correct_wrapper_top .code_correct_internal .code_correct_wrapper .code_correct_row .code_wrapper .code_circlful{
	width: 50%;
    margin: 0 auto;	
}
.cd_level_heading{
	width: 100%;
    float: left;
    margin-top: 5px;
}
.cd_level_heading_last{
	font-size: 12px !important;
    text-transform: none;
    font-style: italic;
    line-height: 15px;
    height: 14px;
}
.code_cd_student_list{
	width: 170px;
    float: left;
    height: 100%;
}
.code_cd_student_list .code_cd_student_list_internal{
 	width:100%;
    height: 100%;
}
.code_cd_student_list button{
    margin: 2px 0px;
    overflow: hidden;	
    width: 90% !important;
    margin: 0 auto;
    float: none !important;
    margin-top: 2px;
    margin-bottom: 2px;

}
.code_cd_student_list .zpd_name{
	display: table;
	height: 35px;
	width: 100%;
}
.code_cd_student_list .zpd_name div{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 35px;
}
.code_cd_student_list .cd_focus{
	background: #4298cc;
    color: #FFF;
    border: 1px solid #4298cc;
}
.achievement_header_fixed.fixed .curric_head{    top: 2px !important;}
.achievement_header_fixed.fixed{
	position: fixed;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 999;
	height: 105px !important;
}
.achievement_header_fixed.fixed.absolute {
	position: absolute;
}
.achievement_header_style.fixed{top: 57px;}
.achievement_header.fixed{
	height: 46px !important;
    top: 57px;
    margin-top: 0 !important;
}
#achievement_body{
	position: absolute;
  	top: 53px;
	width: 100%;
  	overflow: scroll; 
  	white-space: nowrap;
    /*height: 100%;*/
    padding-top:15px;
}
.achievement_body .fixed_scrollbar{
    position: fixed;
    margin-left: 23%;
    z-index: 99999;
}
.np_achievement_body .fixed_scrollbar{
    position: fixed;
    margin-left: 20%;
    z-index: 99999;
}
 /* here adding the z-index layer always stay top for the horizontal scroll - fixes for EAEN-284 */
.achievement_body .ps__rail-x, .np_achievement_body .ps__rail-x{
    z-index: 99999 !important;
}
.achievement_body{
    position: absolute;
  	top: 53px;
	width: 100%;
  	overflow: scroll; 
  	white-space: nowrap;
    /*height: 100%;*/
    padding-top:15px;
}
#nsw_out_wrapper{
	height:20px;
    z-index: 9;
	background: #FFF;
}
.zpd_main_nsw_outcomes{
    margin-top: 331px !important;	
}
.zpd_main_nsw_outcomes .class_list_a{
	height: 50px;	
}
.zpd_main_nsw_outcomes .class_list_cells{
	width:95% !important;
	margin-top: 7px !important;
}
.zpd_main_nsw_outcomes .analyse_view_student{
	margin: 0;
}
.nsw_outcome_wrapper{
	float: left;
    font-size: 12px;
    text-align: center;
}
.nsw_outcome_wrapper h2{
    width: 100%;
    border-right: 1px solid #ddd;
}
#nsw_outcome_view{
  width: 200px;
  position: absolute;
  right: 30px;
}
#nsw_outcome_view .switch-field{
  padding:0;
}
.nswo_stage_wrapper{
	float: left;
	margin: 0px 40px 0px 0px;
}
.nswo_stage_wrapper_active{
	display: none;
}
.nswo_stage_wrapper .nswo_stage_heading{
    width: 100%;
    height: 40px;
    text-align: center;
}
.nswo_stage_wrapper .nswo_stage_heading .nswo_stage_heading_interior{
    font-size: 15px;
    text-transform: uppercase;
    width: 50%;
    min-width: 150px;
    margin: auto;
    background: #eee;
    line-height: 25px;
    border-radius: 5px;
    margin-top: 10px;
}
.nswo_stage_wrapper .nswo_stage_content{
    width: 100%;	
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading{
	height: 250px;
    float: left;
    width: 150px;
    border-bottom: 1px solid #ddd;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer;
    
    position: relative;
    padding-top: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading:nth-child(odd){
  background: #fafafa;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading:hover .nswo_substrand_title .nswo_substrand_title_parent{
	color: #FFF;
    background-color: #4298cc;	
    border:1px solid #4298cc;	
}
.nswo_substrand_heading_active{
	/*width: 0 !important;
	overflow: hidden !important;*/
	display: none;
}
.nswo_substrand_heading_active .nswo_code{overflow: hidden !important;}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_substrand_title{
    width: 100%;
    height: 40px;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_substrand_title .nswo_substrand_title_parent{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94%;
    background: #FFF;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    
    transition: 0.3s ease;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_substrand_title .nswo_substrand_title_child{
    padding: 0% 2%;
    white-space: normal;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code{
    width: 100%;
    height: 150px;	
    position: relative;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code .nswo_icon{
  display: none;
  background-image: url(../images/info_v2.svg);
  width: 30px;
  height: 30px;
  background-size: 20px;
  position: absolute;
  background-repeat: no-repeat;
  margin: 5px;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code .nswo_code_parent{
    width: 100%;
    height: 100%;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code .nswo_code_parent .nswo_code_child{
    padding: 5px;
    margin: 0 auto;
    width: 140px;
    white-space: normal;
    font-size: 10px;
}
.nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_percent{
    width: 60px;
    height: 60px;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
}
.nswo_stage_wrapper .nswo_stage_user_content{
    clear: both;
    width: 100%;	
}
.nswo_stage_wrapper .nswo_stage_user_content .nsw_substrand_parent:first-child .nswo_stage_user_parent:nth-child(odd){
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.nswo_stage_wrapper .nswo_stage_user_content .nsw_substrand_parent:last-child .nswo_stage_user_parent:nth-child(odd){
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.nswo_stage_wrapper .nsw_substrand_parent{
    width: 150px;
    float: left;	
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.nswo_stage_wrapper .nsw_substrand_parent:nth-child(odd){
  background: #fafafa;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent{
    width: 150px;
	height: 50px;
	position: relative;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status{
	margin: auto;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	left: 0;
    right: 0;
    background: #FFF;
    top: -6px;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .s_data_magnify{
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status .bubble_wrapper .bubble{
    background: #f3f3f3;	
    left:0;
    background: #FFF;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status .bubble_wrapper .nsw_outcome_misunderstood{
 	background: #f3b5af;
 	width: 30px;
    height: 30px;
    margin: 15px;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status .bubble_wrapper .bubble:after{
	display: none;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status .bubble_wrapper .bubble:before{
	display: none;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status .bubble_wrapper .bubble:checked + .bubble{
	background: #3CCC97 !important;	
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status .bubble_wrapper .bubble:checked + .bubble:after{
	display: block !important;
}
.nswo_stage_wrapper .nsw_substrand_parent .nswo_stage_user_parent .nswo_status .bubble_wrapper .bubble:checked + .bubble:before{
	display: block !important;
}
.nsw_outcome_compact .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading{
  width: 60px;
}
.nsw_outcome_compact .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_substrand_title{
  width: 150px;
  position: relative;
}
.nsw_outcome_compact .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_substrand_title .nswo_substrand_title_parent{
  transform: rotate(-90deg);
  position: absolute;
  top: 50px;
  left: -41px;
}
.nsw_outcome_compact .nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code .nswo_icon{
  display:block;
}
.nsw_outcome_compact .nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code{
  width: 30px;
  height: 30px;
  position: absolute;
  left: 17px;
  top: 150px;
  z-index: 1000000000;
}
.nsw_outcome_compact .nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code:hover .nswo_code_parent{
  display:block;
}
.nsw_outcome_compact .nswo_stage_wrapper .nswo_stage_content .nswo_stage_substrands .nswo_substrand_heading .nswo_code .nswo_code_parent{
  display:none;
  z-index: 1;
  position: absolute;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
  width: auto;
  height: auto;
  top: 40px;
}
.nsw_outcome_compact .nswo_stage_wrapper .nswo_stage_user_content .nsw_substrand_parent{ 
  width: 60px;
}
.nsw_outcome_compact .nswo_stage_wrapper .nswo_stage_user_content .nsw_substrand_parent .nswo_stage_user_parent{
  width: 60px;
}
.achievement_content_group{
	display:none;
	clear: both;
}
.achievement_content_np{
	margin-top: 100px;
	margin-bottom: 200px;
}
.achievement_content_np_v2{
  margin-top: 50px;
}
.achievement_content_np_v2 #np_v2_background{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.achievement_content_np_v2 #np_v2_background div{
  width: 110px;
  float:left;
  height:100%;
}
.achievement_content_np_v2 #np_v2_background div:nth-child(odd){
  background: #fbfbfb;
}
.achievement_content{
	position: relative;
    clear: both;
    margin-top: 26px;
    float: left;
    width: 100%;
}
.achievement_content_nsw{
    margin-top: 45px !important;	
}
.my_numeracy_row{
	height: 25px;
	background: #ffffff !important;
	margin: 0px 0px 16px 0px;
	border-bottom: 1px solid #ddd;
}
.my_numeracy_row:hover{
	border-top: 1px solid transparent;
	border-bottom: 1px solid #ddd;
	background: inherit !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	z-index: 1;
}
.my_numeracy_space{
	width: 12%;
	font-size: 12px;
    text-align: center;
	float: left;
	line-height: 25px;
	/* border-bottom: 1px solid #ddd; */
}
.my_numeracy_actions_row{
	margin-top: 13px;
}
#asr_edit_my_numeracy_done{display:none;top: 0;position: absolute;left: 0;}
.asr_my_numeracy_background{    background: #ecf4f9;}
.asr_my_numeracy{
	background: url(../images/my_numeracy_edit.svg);
	width:75px;
	height:26px;
	margin:0 auto;
	border:none;
	outline:0;
	cursor: pointer;
	
	padding:0;
}
.asr_my_numeracy_satus{
	display:none;
}
.my_numeracy_inactive{
	background-position-x: 5px;
}
.my_numeracy_inactive:hover{
	background-position-x: -60px;
}
.my_numeracy_active{
	background-position-x: -125px;
}
.my_numeracy_active:hover{
	background-position-x: -190px;
}
.asr_my_numeracy_actions .my_numeracy_complete{background: #d9e9f3 !important;}
.my_numeracy_actions_style{
	border-radius:5px;
	background:none;
}
.my_numeracy_actions{
    width: 35px !important;
    height: 35px !important;
    border: none;
    outline: 0;
    cursor: pointer;
    
    padding: 0;
    background: #ecf4f9;
    float: left;
    background: url(../images/submit_quiz.svg) no-repeat;
    background-size: 120px;
    margin: 0px 10px;
}
.my_numeracy_complete .mn_trophy{
	width: 32.5px;
    float: left;
    display: block;
    height: 26px;
	background: url(../images/trophy_small.svg);
	background-repeat:no-repeat;
	background-position: 9px 3px;
	background-size: 71%;
	position: absolute;
    left: 15px;
}
.my_numeracy_actions .my_numeracy_actions_icon{
	width:26px;
	height:26px;
	display: block;
	position: absolute;
	left: 0;
	right:0;
	margin: 0 auto;
	top:0;
    background: url(../images/correct_incorrect_v2.svg) no-repeat;
}
.my_numeracy_actions h2{
	line-height:26px;
	font-weight: 600;
    font-size: 9px;
	position: absolute;
    right: 5px;
}
.mn_yes{
	background-position: -37px 0px;
}
.mn_yes:hover{
	background-position: -37px -34px;
}
.mn_no{
	background-position: -2px 0px;
}
.mn_no:hover{
	background-position: -2px -34px;
}
.asr_m_numeracy_more{
	display: none;
    width: 225px;
    height: 145px;
    background: #FFF;
    position: absolute;
    bottom: 0;
    z-index: 101;
    top: 0;
    right: -65px;
    border-radius: 5px;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    transition: opacity .218s;
}
.asr_m_numeracy_more .asr_more_internal{
	padding: 20px 0px;
}
.asr_my_numeracy_actions .asr_m_numeracy_more .proficiency_stars{
	width: 120px;
    margin: 0 auto;
}
.asr_my_numeracy_actions .asr_m_numeracy_more .asr_m_numeracy_more_actions{
	clear: both;
    width: 100%;
}
.asr_my_numeracy_actions .asr_m_numeracy_more .asr_m_numeracy_more_actions .asr_my_numeracy_result{
	width: 100%;
    float: left;
    font-size: 15px;
}
.asr_reset_confirm{
	display:none;
    width: 100%;
    height: 100%;
    z-index: 4;
    border-radius: 5px;
    text-align: center;
}
.asr_m_numeracy_more .myn_message{
 text-align:left;  
}
.asr_m_numeracy_more .asr_reset_wrapper{
    width: 110px;
    margin: 0px auto;
    margin-top: 10px;
    /* transform: scale(1.5); */
}
.asr_my_numeracy_actions .my_numeracy_complete:after{
	content: '';
    position: absolute;
    top: 2px;
    right: -8px;
    width: 26px;
    height: 26px;
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    -moz-transform: scale(0.707) rotate(45deg);
    -o-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(45deg);
    background: #ecf4f9;
    border-radius: 0 5px 0 50px;
    box-shadow: 2px -2px 0 2px #FFF, 3px -3px 0 2px #FFF;
	z-index:2;
	display:none;
}
.asr_my_numeracy_actions .my_numeracy_complete:hover:after{
	background: #ccebf3;
}

#error_window{
	display:none;
	 position: absolute;
  	width: 600px;
	height:340px;
  	margin: 0px 0 0 -300px;
	  top: 50px;
 	 z-index: 300;
 	 background: #FFF;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
	border-radius:20px;
}
#error_window p{
	padding:10px 60px 0px 60px;
	font-size:14px;
	text-align: justify;
}
.formative_upgrade_wrapper #formative_upgrade_wrapper{
    width: 240px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	bottom: -46px;
}
.formative_upgrade_wrapper #formative_upgrade_wrapper button{
	border: 0 !important;
    width: 120px;
    background-image: none;
    padding: 10px;
}
.curric_head{
	width:75px;
	height: 26px;
	float:left;
	top:1px;
	line-height: 30px;
}
.curric_head a{
	color: #000;
	font-size: 11px;
	font-weight: 400;
}
.curric_head a .curric_hidden{
	height: 230px;
	left:10px;
	display:none;
	position:absolute;
  	width: 500px;
	white-space: pre-wrap;
	line-height:normal;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    transition: opacity .218s;
  	background: #FFF;
	padding:5px;
	border-radius: 5px;
	z-index:100000;
	overflow: hidden;
	text-align: center;
	text-transform: none;
}
.curric_head a .curric_hidden .code_correct_wrapper_top{
	white-space: normal;
    height: 160px;
    /* margin-top: 104px; */
    position: absolute;
    width: 100%;
    bottom: 5px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.curric_head a .curric_hidden .code_correct_wrapper_top{
	    margin-top: 0 !important;
	}

}
.curric_head a .curric_hidden .code_correct_wrapper{
    display: table;
    width: 50%;
    position: absolute;
    bottom: -5px;
    left: 50%;
}
.curric_head a .curric_hidden .code_correct_wrapper_2 .curric_head a .curric_hidden .code_correct_wrapper_3 .curric_head a .curric_hidden .code_correct_wrapper_4{
  left: 25%;
}
.curric_head a .curric_hidden .code_correct_wrapper_2 .code_wrapper .curric_head a .curric_hidden .code_correct_wrapper_3 .code_wrapper .curric_head a .curric_hidden .code_correct_wrapper_4 .code_wrapper{
  float: none !important;
}
.curric_head a .curric_hidden .code_correct_wrapper_2 .code_wrapper .code_correct_header .curric_head a .curric_hidden .code_correct_wrapper_3 .code_wrapper .code_correct_header .curric_head a .curric_hidden .code_correct_wrapper_4 .code_wrapper .code_correct_header{
  bottom: 2px !important;
}
.curric_head a .curric_hidden .code_correct_wrapper .code_header{
    width: 90%;
    margin: 0 auto;
    background: #eee;
    padding: 2px 0px;
    border-radius: 5px;
    font-size: 12px;
}
.curric_head a .curric_hidden .code_correct_wrapper .code_correct_row{
	width: 100%;
    height: 65px;
    position: relative;
    display: table;
}
.curric_head a .curric_hidden .code_correct_wrapper .code_wrapper{
	height: 50px;
    float: left;
    position: relative;
	display: table-cell;
}
.curric_head a .curric_hidden .code_correct_wrapper .code_wrapper .code_correct_header{
	position: absolute;
    width: 30px;
    left: 0;
    text-align: center;
    right: 0;
    bottom: -14px;
    margin: 0 auto;
}
.curric_head a .curric_hidden .code_correct_wrapper .code_wrapper .code_circlful{
	width: 70px;
    height: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: -10px;
}
.curric_head a .curric_hidden .code_correct_wrapper .code_wrapper .code_circlful .myStat{
    top: 0;
    position: absolute;
    height:70px;
}
.curric_head a:hover div{
	display:inline-block;
	display: block;
}
.curric_head a div .curric_hidden_header{
	background: #eee;
    line-height: normal;
    font-weight: 100;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0px;
    font-size: 16px;
    height: 40px;
}
.curric_head a div .curric_hidden_header .curric_hidden_header_child .curric_hidden_header_child_table{
	display: table;
    clear: both;
    white-space: normal;
    position: absolute;
    width: 100%;
    top: 0;
    height: 40px;
}
.curric_head a div .curric_hidden_header .curric_hidden_header_child .curric_hidden_header_child_table div{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
    font-weight: 400;
}
.curric_head a div h2{
	clear: both;
    padding: 5px 0px;
    display: table-cell;
    position: absolute;
    width: 90%;
    left: 5%;
    top: 60px;
    white-space: normal;
}
.curric_head a div .code_correct{
    clear: both;
    font-weight: 400;
    font-size: 12px;
    line-height: 10px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    background: #eee;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    margin: 5px 0px !important;
}
.curric_head a div img{
	margin: 0 auto;
    display: block;
}
#results_sort_wrapper{
	width: 100%;
    height: 40px;
    position: relative;
}
#results_sort_wrapper h2{
	font-size: 11px;
    width: 100%;
    float: left;
	line-height:20px;
	text-align: center;
}
#results_sort_wrapper a{
	bottom: 0;
    position: absolute;
    float: left;
    height: 23px;
    width: 50%;
    background: #ffffff;
	color: #666;
    padding: 0;
    line-height: 24px;
}
#results_sort_wrapper a:hover{
	background: #4298cc;
	color:#FFF;
}
.sort_zpd_active{
	background: #4298cc !important;
	color: #FFF !important;
    border: 1px solid #4298cc !important;
}
#achievement_wrapper{
	height: 100%;
}
.achievement_wrapper{
	margin-top: 0px;
	float: left;
}
.achievement_wrapper_zpd{
	margin-bottom: 0px;
}
.achievement_wrapper_my_numeracy{
    height: 119px;
    margin-bottom: 27px;
}
.pre_post_mid_wrapper{
	height: 78px;
}
.achievement_row{
	width:100%;
	clear: both;
    height: 26px;
}
.achievement_row .row_wrapper{
	position: absolute;
	display: block;
}
.strand_focus_1{
  transform: scale(0.7);
  opacity: 0.5;
}
.strand_focus_1:hover{
  transform: scale(1);
  opacity: 1;
  z-index: 10000;
}
#zpd_list{
	height: 59px;
	position: relative;
}
.zpd_list_1{
	height: 20px !important;
}
.zpd_list_wrapper{
	width:44px;
	height:40px;
	float:left;
	position: relative;
}
#zpd_list .zpd_list_wrapper:first-child button .add_student_labels{
	right: -64px !important;
}
.zpd_list{
    position: relative;
    width: 30px;
    height: 30px;
    background: url(../images/zpd_list.svg) no-repeat !important;
    border: 0;
    background-position: 6px;
    border-radius: 5px;
    margin: 0;
    float: left;
    outline: 0;
    z-index: 1;
    cursor: pointer;
	
  background-position: 0px 0px;
  margin: 5px;
}
.zpd_list:hover{
  border:0 !important;
  /* transform: scale(1.2);*/
    background:#ecf4f9 url(../images/zpd_list.svg) no-repeat !important;
}
.zpd_list_details{
	position: absolute;
    background: #FFF;
    width: 300px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    transition: opacity .218s;
    display: none;
    z-index: 10000000;
    border-radius: 5px;
    top: 65px;
    text-align: center;
    overflow: hidden;
}
.zpd_list_details .zpd_list_heading{
	   background: #eee;
    line-height: 40px;
    font-size: 16px;
    font-weight: 100;
}
.zpd_list_details h2{
	font-size: 13px;
    border-bottom: 1px solid #eee;
    width: 90%;
    margin: 0 auto;
}
.zpd_list_details .zpd_misunderstood{
	height: 40px;
    text-align: center;
    white-space: normal;
    font-weight: 400;
    background: #eee;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    font-weight: 100 !important;
	padding: 5px;
}
.zpd_list_details_1 .zpd_list_heading{
  font-size: 12px;
  display: table;
  width: 100%;
  min-height: 40px;
}
.zpd_list_details_1 .zpd_list_heading div{
  display: table-cell;
  vertical-align: middle;
  line-height: initial;
  white-space: normal;
}
.zpd_list_ocp{
    width: 93%;
    margin: 0 auto;
    position: relative;
    height: 30px;
    margin-top: 10px;
}
.zpd_list_ocp .export_pdf_wrapper{
	width: 100%;
    top: 0px;
    right: 0;
    border-radius: 5px;
    overflow: hidden;
    height:30px;
}
.zpd_list_ocp .export_pdf_wrapper #progress{
	height:30px;
}
.zpd_list_ocp .export_pdf_wrapper #progress .pdf_animator{
	height:30px;
}
.zpd_range_heading{
    font-size: 18px !important;
    font-weight: 100 !important;
    border-bottom: 1px solid #1fa1d2;
    color: #1fa1d2;
    padding-left: 0% !important;
    width: 100% !important;
}
.achievement_row_zpd{
	height: 40px;
}
.achievement_row_zpd_style{
   clear: both;
}
.achievement_cells{
	height: 26px;
  	width: 75px;
  	display: block;
  	float: left;
	font-size: 26px;
  	text-align: center;
  	line-height: 29px;
	position:relative;
}
.achievement_row .row_wrapper .achievement_cells:first-child{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.achievement_row .row_wrapper .achievement_cells:last-child{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.achievement_cells_strand{
 display:none; 
}
.achievement_cells_asr_1 .achievement_cells_strand{
  display:block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -8px;
}
.achievement_cells_zpd{
    height: 35px;
    width: 35px;
    margin: 0px 9px 0px 2px;
    cursor: pointer;
	background: #fff;
    width: 33px;
    height: 33px;
}

.achievement_cells_zpd_smaller{
	width: 15px;
	margin: 0px 0px 0px 1px !important;
}
.achievement_cells_zpd_smaller .asr_result_dot{
	width: 15px !important;
}
.zpd_export_pdf{
	width: 30px;
	height: 30px;
    margin: 0px 2px 0px 1px;
}
.zpd_export_pdf .asr_result_dot{
	width: 30px !important;
	height: 30px !important;
}
.zpd_export_pdf_curric{
	height: 30px !important;
	margin-right: -267px !important;
    right: 32px !important;
    top: 31px !important;
    font-size: 9px;
    display: table-cell;
    vertical-align: middle;
}
.zpd_export_pdf_curric a{
	height: 30px !important;
    line-height: 30px !important;
    width: 300px !important;
    height: 38px !important;
    font-size: 10px !important;
    border-radius: 5px;
    border-radius: 0;
    padding-left: 5px;
    transition: none;
}
.achievement_zpd{
	background: #FFF;
    font-size: 13px;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
.achievement_zpd_detail{
	display: none;
	position: absolute;
    z-index: 100000;
    left: -125px;
    top: 50px;
    width: 250px;
}
.achievement_zpd_detail .achievement_cells_strand_header{
  border-radius: 5px;
}
.achievement_zpd_detail_1 .zpd_detail_code{
  white-space: normal;
  font-size: 14px;
  line-height: 16px;
  margin-top: 10px;
}
#zpd_popup_expand{
    position: fixed;
    z-index: 10000;
    background: #FFF;
    display: none;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.pop_up_style{
	position: fixed;
    z-index: 100001 !important;
    background: #FFF;
    display: none;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    transition: 1s ease;
    -webkit-transition: 1s ease;
    border-radius: 10px;
    display: none;
    top:0;
}
#zpd_quiz_review{
    margin-top: 80px;
    transform: scale(0.9);
    transform-origin: top;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: scroll;
    height: 830px;
    width: 100%;
}
#zpd_popup{
	height: 100%;
	padding: 0;
}
.achievement_cells_zpd:hover{
    box-shadow: 2px 2px 1px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,.4);
}
.achievement_cells_zpd_blank:hover{
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	cursor: pointer !important;
}
.achievement_cells_zpd:hover .cell_wrapper{
	/*
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
	*/
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
    z-index: 1000;
    /*box-shadow: 0 10px 50px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.6);*/
    position: absolute;
    border-radius: 5px;
}

.zpd_expand{
	background: url(../images/expand_icon.svg) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 10px;
    display: none;
}
.achievement_cells_zpd:hover .asr_result_dot .zpd_expand{
	display: block;
}
.achievement_cells_zpd:hover .achievement_zpd_detail{
	display: block;
}
.zpd_detail_name{
	width: 100%;
    text-align: center;
    float: left;
    background: #eee;
    border-radius: 5px;
}
.zpd_detail_code{
	float: left;
    text-align: center;
    width: 100%;
	font-size: 16px;
    font-weight: 100;
    white-space: normal;
    line-height: initial;
}
.zpd_detail_achievement{
	float: left;
    width: 100%;
    text-align: justify;
    display: block;
    position: relative;
    clear: both;
    white-space: normal;
    font-size: 12px;
    line-height: 14px;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 5px;
}
.zpd_detail_achievement ol{
    list-style: decimal;
}
.achievement_cells_color:first-child .asr_result_dot{border-top-left-radius:5px;border-bottom-left-radius:5px;}	
.achievement_cells_color:last-child .asr_result_dot{border-top-right-radius:5px;border-bottom-right-radius:5px;}	
.achievement_cells .asr_my_numeracy_actions{
	position: relative;
	float: left;
}
.achievement_cells .asr_idontknow{
	width: 15px;
    height: 15px;
    display: block;
    background: url(../images/correct_incorrect_v2.svg) no-repeat;
    background-size: 400%;
    background-position: -46px 0px;
    position: absolute;
    top: 6px;
    left: 30px;
}
.achievement_cells_zpd .asr_result_dot{
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 0;
    margin: 0;
}
.mn_group_wrapper{
	float: left;
    border: 1px solid #eee;
    border-radius: 5px;
	padding: 20px 13px 20px 20px;
    margin: 0px 2px;
    position: relative;
    overflow: hidden;
    width: auto;
    height: fit-content;
}
.mn_switch_lock{
	display: none;
    position: absolute;
    width: 100vw;
    height: 100%;
    background: transparent;
    z-index: 1000;
}
.mn_interior_bar{
	width: 30px;
    position: absolute;
    background: #ecf4f9;
    height: 100%;
    left: 0;
    top: 0;
    background: #ecf4f9 url(../images/analyse_next.svg) no-repeat;
    background-position: 2px 5px;
    background-size: 20px;
}
.mn_group_wrapper .mn_group_interior .achievement_wrapper{
	margin-bottom: 3px;
	float: left;
    clear: both;
}
.mn_group_interior{
	margin: 0 auto;
	width: 100%;
	/* margin-left: 20px; */
}
.mn_group_interior .nsw_statement{
  z-index: 10000;
}
.mn_expand_no{
	width: 0 !important;
    padding: 20px 14px;
    background: #fbfbfb;
}
.mn_expand_no .mn_group_interior{
	opacity: 0;
}
.mn_expand_yes{
	overflow: visible !important;
}
.mn_expand_yes .mn_expand{
	opacity: 1;
	
}
.mn_expand_yes .mn_interior_bar{
	background: #FFF !important;
  border-bottom-left-radius: 5px;
}
.code_heading{
	position: absolute;
	left: 0;
	right:0;
	margin: 0 auto;
	text-align: center;
	top: 0;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    background: #ecf4f9;
    line-height: 30px;
	font-weight: 400;
    text-transform: uppercase;
}
.code_heading .code_heading_sub{
	position: absolute;
    left: 0;
    width: 100%;
	text-align: center;
}
.nsw_statement{
    width: 100%;
    /* margin: 0 auto; */
    font-size: 10px;
    height: 20px;
    /* line-height: 20px; */
    /* border-radius: 5px; */
    position: absolute;
    top: 26px;
    /*z-index: 1010;*/
    left: 0;
    right: 0;
    cursor: pointer;
    
    text-decoration: underline;
    text-align: center;
    display: table;
    white-space: normal;
    /*z-index: 10000;*/
}
.nsw_statement .nsw_statement_internal{
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;	
}
.nsw_statement .nsw_statement_curric_view{
	margin-top: -15px;	
}
.nsw_statement .nsw_statement_wrapper{
	display: none;
    position: absolute;
    /* background: #FFF; */
    width: 400px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    background: #FFF;
    padding: 5px;
    border-radius: 5px;
    text-transform: none;
    top: 30px;	
    z-index: 10001;
    left: 0;
    right: 0;
    margin: auto;
}
.nsw_statement:hover .nsw_statement_wrapper{
	display: block;
}
.nsw_statement .nsw_statement_wrapper .nsw_statement_substrand_wrapper{
	width: 100%;
    position: relative;
    clear: both;
    margin-bottom: 3px;
    /* overflow: auto; */
}
.nsw_statement .nsw_statement_wrapper .nsw_statement_substrand_wrapper .nsw_statement_substrand{
	border-bottom: 1px solid #eee;	
	font-weight: 600;
}
.nsw_statement_substrand_wrapper .nsw_statement_output{
    padding-left: 25px;
    width: 370px;
    position: relative;
    float: left;
    clear: both;
    white-space: normal;
    line-height: 15px;
    text-align: justify;
}
.nsw_statement_substrand_wrapper .nsw_statement_output:before{
	content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4298cc;
    border-radius: 50%;
    left: 10px;
    top: 6px;
}
.mn_curric{
    width: 391px !important;
    margin-right: -347px !important;
    right: 155px !important;
    height: 35px !important;
    padding-bottom: 5px !important;
    top: 94px !important;
}
.mn_curric_v2 a{
  width: 68% !important;
}
.mn_curric_v2 .zpd_list_wrapper{
  transform: rotate(90deg);
  background: transparent !important;
  border: 0;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 9px;
  left: -1px;
  z-index: 2001;
}
.mn_curric_v2 .zpd_list_wrapper:hover{
  border: 0 !important;
}
.mn_curric_v2 .zpd_list_wrapper .zpd_list{
  width: 25px;
  height: 25px;
  background-size: cover !important;
  margin: 0;
}
.mn_curric_v2 .zpd_list_wrapper .ocp_download_options{
  width: 120px;
}
.asr_curric{
    border-bottom: 1px solid #eee;
    width: 110px !important;
    margin-right: -66px !important;
    right: 12px !important;
    height: 35px !important;
    padding-bottom: 5px !important;
}
.asr_curric_np{
  right: 0!important;
  top: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
  text-transform: none;
  transform: none !important;
  margin: 0 !important;
  height: 50px!important;
  transform-origin: initial !important;
  line-height: initial !important;
  border-bottom: 1px solid #eee !important;
}
.np_expand_icon{
	width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    position: absolute;
    right: -34px;
    min-width: 35px !important;
    z-index: 100;
    margin-top: 3px;
    background: url(../images/expand_icon.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position: 9px 8px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.asr_curric_np a{
  height: 100% !important;
  border-radius: 5px !important;
}
.asr_curric_np a .code_popup_curric_code{
  display: table !important;
  width: 100%;
  height: 100%;
}
.asr_curric_np a .code_popup_curric_code div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.asr_curric_np a:hover{
    background: #c6e0ef;	
}
.asr_curric_np a:hover .curric_hidden{
	display: inline-block !important;
}
.asr_curric_np .np_curric_visible{
  display: inline-block !important;
}
.asr_curric_np a .curric_hidden{
	height: 450px !important;
	width: 480px !important;
  transform: none !important;
  top: 60px;
}
.asr_curric_np a .close_button{
  display: none;
}
.asr_curric_np .np_curric_visible .close_button{
  display: block;
}
.numeracy_progression_popup{
	height: 400px;
	position: absolute;
    width: 450px;
    white-space: pre-wrap;
    line-height: normal;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    background: #FFF;
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-transform: none;
    clear: both;
    display: none;
    z-index: 1;
}
.numeracy_progression_popup h1{
	line-height: 40px;
    font-weight: 100;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0px;
    font-size: 16px;
}
#my_literacy_overview{
  display: none;
  width: 240px;
  position: absolute;
  right: 150px;
  top: -2px;
}
.mn_achievement_body_fixed .scroll-x{
  position: fixed !important;
  left: 23% !important;
  z-index: 10000 !important;
}
.mn_achievement_body{
	top:10px !important;
	width: 100%;
}
.mn_achievement_body .scroll-element{
	height: 12px !important
}
.mn_achievement_body .scroll-element .scroll-element_track{
	border-radius: 4px !important;
}
.mn_achievement_body .scroll-element .scroll-element_outer{
	border-radius: 4px !important;
}
.mn_achievement_body .scroll-element .scroll-bar{
	border-radius: 4px !important;
}
.np_achievement_body{
	left:20%;
	margin-bottom: 200px !important;
    width: 80% !important;
}
.np_achievement_body .ps__rail-x{
    z-index: 1000000;
}
.achievement_np_fixed .achievement_header_style{
  position: fixed !important;
  background: #FFF;
  border-bottom: 1px solid #ddd;
  top: 0 !important;
}
.achievement_np_fixed .np_achievement_body .scroll-x{
  position: fixed;
  left: 16% !important;
  z-index: 10000000;
  top: 50px !important;
}
.achievement_np_fixed #zpd_main{
  z-index: 10000001;
}
/*
.achievement_np_fixed #national_progression_summary{
  position: fixed;
  background: #FFF;
  top: 50px;
  z-index: 99999999;
}
.achievement_np_fixed #national_progression_summary .np_sub_column{
  margin-bottom:0;
}
*/
.np_achievement_body_v2 .achievement_header_zpd{
  height: 60px !important;
}
.mn_names{
	margin-top: 451px !important;
  width: 23% !important;
}
.mn_names .class_list_a{
	margin-bottom: 3px !important;
}
.asr_names{
	margin-top: 160px;
}
.mn_add_remove_status{
	background: #ffffff url(../images/mn_icons.svg) no-repeat;
    z-index: 1000;
    position: absolute;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: none;
    background-size: 340px;
    /*box-shadow: 0 1px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4);*/
	transform:scale(1.2) !important;
  border: 1px solid #666;
}
.mn_add_remove{
    background: #ecf4f9 url(../images/mn_icons.svg) no-repeat;
    position: absolute;
    border: 0;
    outline: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    left: 35px;
    bottom: 9px;
    z-index: 1;
    background-size: 450px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	cursor: pointer;
	
	z-index: 1;
}
.mn_add{
    left: 10px;
    background-position: -188px -3px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mn_add:hover{
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4);
    z-index: 2;
}
.mn_remove{
    background-position: -235px -3px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.mn_remove:hover{
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4);
    z-index: 2;
}
.level_add_remove_wrapper{
    width: 60px;
    float: right;
    position: relative;
    height: 25px;
    margin-top: 2px;
}
.level_add{
	left:0;
}
.level_remove{
	left: 30px;
}
.level_add_remove{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	top: 0;
}
.mn_curric a{
	text-align: left;
  height: 35px !important;
  line-height: 35px !important;
  width: 76%;
  padding-left: 20px !important;
  margin-right: 12px;
  float: right;
  text-decoration: none;
}
.mn_curric a .myn_description{
    text-transform: none;
    display: table;
	white-space: normal;
}
.mn_curric a .myn_code{
    position: absolute;
    left: -65px;
    font-size: 10px;
    width: 80px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #ecf4f9;
    top: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.mn_curric a .myn_code:hover{
  border: 1px solid transparent !important;
  border-left: 3px solid transparent !important;
  background:#4298cc !important;
  color:#FFF;
  z-index: 1;
}
.mn_curric a .myn_description .myn_description_child{
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    width: 99%;
    padding-left: 1%;
    white-space: normal;
    line-height: normal;

}
.mn_curric a
.curric_code_info{
    background: #fff url(../images/info_v2.svg) no-repeat;
    position: absolute;
    border: 0;
    outline: 0;
    width: 25px;
    height: 25px;
    background-size: 25px;
    right: -13px;
    bottom: 9px;
    z-index: 1;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.achievement_content{
	margin-top: 10px;
}
#achievement_content_zpd{
	margin-top: 36px;
}
#myn_overlay_admin{
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.1);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    border-radius: 10px;
}
#my_numeracy_confirm{
	display: none;
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 100000;
    width: 450px;
    height: 250px;
}
.code_edit_wrapper{
    width: 80px;
    height: 43px;
    position: absolute;
    top: -3px;
    z-index: 2000;
    left: -66px;
}
.mn_expand{
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: right;
    left: -185px;
    top: -14px;
    padding-right: 35px;
    height: 30px;
    width: 200px;
    border: 0;
    outline: 0;
    background: transparent;
    z-index: 1;
    text-align: right;
    cursor: pointer;
}
.mn_expand:hover{
	text-decoration: underline;
}
.topic_group_spacer{
	width: 24px;
    height: 82px;
    float: left;
}
#topic_level_wrapper{
	height: 24px;
    position: absolute;
    top: 0;
}
.topic_level_button{
	float:left;
	text-align: center;
	border: 1px solid #ddd;
}
.achievement_header_myn{
    margin-top: 69px;
    height: 380px !important;
}
.achievement_header_asr{
	margin-top: 39px;
    height: 130px;
    width: 100%;
}
.mn_hide{
	opacity: 0.3;
}
.my_numeracy_sqaure{
	background: #f9f9f9;
}
.my_numeracy_sqaure:first-child{
	border-top-left-radius:5px;border-bottom-left-radius:5px;
}
.my_numeracy_sqaure:last-child{
	border-top-right-radius:5px;border-bottom-right-radius:5px;
}
.mn_student{
	width: 100%;
	height: 100%;
}
.my_numeracy_sqaure:hover .mn_icon_remove{
	background-position: -266px 4px !important;
}
.my_numeracy_sqaure:hover .mn_icon_add{
	background-position: -226px 4px !important;
}
.my_numeracy_sqaure .cell_wrapper_split .mn_icon_remove{
    background-position: -157px -3px !important;
    background-size: 315px !important;
    background-position: -267px -10px !important;
    background-size: 515px !important;
}
.my_numeracy_sqaure .cell_wrapper_split .mn_icon_remove:hover{
	/*background-position: -220px -3px !important;
    background-size: 315px !important;*/
    background-color: #f5f5f5 !important;
}
.my_numeracy_sqaure .cell_wrapper_split .mn_icon_add{
    background-position: -123px -3px !important;
    background-size: 315px !important;
}
.my_numeracy_sqaure .cell_wrapper_split .mn_icon_add:hover{
    background-position: -123px -3px !important;
    background-size: 315px !important;
    background-color: #f5f5f5 !important;
}
.my_numeracy_sqaure .cell_wrapper_split .mn_preview{
	  background-position: -283px -2px !important;
    background-size: 315px !important;
}
.my_numeracy_sqaure .cell_wrapper_split .mn_preview:hover{
	  background-position: -283px -2px !important;
    background-size: 315px !important;
    background-color: #f5f5f5 !important;
}
.my_numeracy_sqaure .mn_complete{
    position: absolute;
	  top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    display: block;
    border: 1px solid #ddd;
    margin: 0;
    background: #fff;
}
.my_numeracy_sqaure .mn_complete_trophy{
    top: 0px !important;
    right: 0px !important;
    width: 31px !important;
    height: 31px !important;
}
.my_numeracy_sqaure .mn_complete_no_trophy{
	  width: 32px;
    height: 32px;
    top: 0px;
    right: 0px;
    background: #fff;
    border-radius: 0;
    border: 1px solid transparent;
}
.my_numeracy_sqaure:first-child .mn_complete_no_trophy{
	border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.my_numeracy_sqaure:last-child .mn_complete_no_trophy{
	border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.my_numeracy_sqaure:first-child .mn_complete_trophy{
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.my_numeracy_sqaure:last-child .mn_complete_trophy{
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.my_numeracy_sqaure .mn_complete_trophy .mn_complete_wrapper{
    z-index: 2;
    width: 100%;
    height: 100%;
}
.my_numeracy_sqaure .mn_complete_trophy .mn_complete_shadow{
	width: 25px;
    height: 25px;
	z-index: 1;
    box-shadow: 0 10px 50px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.6);
}
.my_numeracy_sqaure .mn_complete .trophy{
    background: url(../images/trophy_smaller.svg) no-repeat;
    width: 90%;
    height: 90%;
    background-size: cover;
    margin: 0 auto;
    margin-top: 2px;
}
.my_numeracy_sqaure .mn_complete .mn_percent{
    font-weight: 600;
    background: rgba(255,255,255,0.5);
    width: 24px;
    height: 24px;
    margin: 4px;
    line-height: 24px;
    border-radius: 3px;
    border-radius: 50%;
    font-size: 10px;
}
.my_numeracy_sqaure .cell_wrapper{
    width: 35px;
    height: 35px;
    display: block;
    background: #FFF;
    border-radius: 5px;
    margin: 0;
    display: none;
    border: 1px solid #666;
}
.my_numeracy_sqaure .cell_wrapper .mn_split:first-child{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.my_numeracy_sqaure .cell_wrapper .mn_split:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.my_numeracy_sqaure:hover .cell_wrapper{
	display: block;
	background: #FFF !important;
}
.my_numeracy_sqaure:hover .mn_complete{
	display: none;
}
.my_numeracy_sqaure:hover .cell_wrapper:hover div{
	display: block;
}
.my_numeracy_sqaure .cell_wrapper div{
	background: #ffffff url(../images/mn_icons.svg) no-repeat;
    height: 100%;
    width: 100%;
}
.my_numeracy_sqaure .cell_wrapper .mn_icon_add{
	background-position: -209px 4px !important;
    background-size: 349px;
    background-position: -296px -9px !important;
    background-size: 700px;
}
.my_numeracy_sqaure .cell_wrapper .mn_preview_locked{
	background-position: -325px 4px !important;
    background-size: 360px !important;
    border-radius: 5px;
}
.my_numeracy_sqaure .cell_wrapper .mn_split{
	width: 100%;
    height: 50%;
    float: left;
}
.my_numeracy_sqaure .cell_wrapper .mn_split:first-child{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.numeracy_progression_sqaure{
    border: 1px dashed transparent;
    margin: 0px 5px 0px 1px;	
    border: 1px dashed #ddd;
    font-size: 12px;
}
.numeracy_progression_sqaure_empty{
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
}
.myn_color_understood{
	background: rgba(120 , 225 , 192 , 0.6);
}
.myn_color_misunderstood{
	background: rgba(238 , 174 , 169 , 0.6);
}
.myn_color_not_answered{
	background: rgba(255 , 222 , 175 , 0.6);
}
.myn_popup{
	top:-210px;
	left:50px;
}
.mn_selected{
    display: block !important;
}
.mn_icon_add{
	background-position: -204px 4px !important;
  background-position: -297px -9px !important;
  background-size: 700px;
}
.mn_icon_remove{
	background-position: -239px 4px !important;
  background-position: -370px -9px !important;
  background-size: 700px;
}
.my_numeracy_enabled_style{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    display: none;
    background: url(../images/mn_status.svg) no-repeat;
    background-position: 2px 3px;
}
.mn_started{
	background-position: -28px 3px;
}
.my_numeracy_enabled{
	display: block !important;
}
/* New My Numeracy */
.my_numeracy_sqaure .mn_cell_wrapper{
	width: 35px;
    height: 35px;
    display: block;
    background: transparent;
    border-radius: 5px;
    margin: 0;
    overflow: hidden;
    display: block;
}
.my_numeracy_sqaure:hover .my_numeracy_sqaure .mn_cell_wrapper{
	display: block;
}
.mn_cell_sqaure{
	box-shadow: none !important;	
}
.mn_cell_sqaure .my_numeracy_sqaure{
	box-shadow: none !important;	
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_item{
	z-index: 1000;
    position: absolute;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: none;
    background-size: 340px;
    border: 1px solid #666;
    left: -1px;
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_item .spell_split{
	display: none;
}
.my_numeracy_sqaure:hover .my_numeracy_sqaure .mn_cell_wrapper .cell_item{
    transform: scale(1.6) !important;
    /*
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4);
    */
    /*
    transform: scale(1.2)!important;
    left: -1px;
    border:1px solid #666;
    */
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_item div{
	border-radius: 5px;
}
.my_numeracy_sqaure .mn_cell_wrapper div{
	background: #fff url(../images/mn_icons.svg) no-repeat;
    height: 100%;
    width: 100%;
    box-shadow: none;
    transform: none !important;
}
.my_numeracy_sqaure .mn_cell_wrapper .mn_preview_locked{
	background-position: -325px 4px!important;
    background-size: 360px!important;
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_status{
	display: block;
	background: transparent;
	z-index: 0;
	transform: none !important;
    border: 0;
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_status .mn_cell_percent{
    line-height: 33px;
    font-size: 11px;
    text-align: center;
    background: none;
    position: absolute;
    top: 0;
    font-weight: 600;
    color: #FFF;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_status .mn_cell_status{
	background: transparent;
    width: 17px;
    height: 17px;
    margin: 6px;
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_remove{
    background: transparent;	
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_remove .mn_split{
    height: 50%;
    float: left;
    border-radius: 0;	
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_remove .mn_split:hover{
	background-color: #eee;
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_remove .mn_add_remove_icon{
	background-position: -259px -10px;
    background-size: 500px;	
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_remove .mn_preview{
    background-position: -230px 0px;
    background-size: 260px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.my_numeracy_sqaure .mn_cell_wrapper .cell_remove_solo .mn_add_remove_icon{
	background-position: -314px -6px;	
}
.my_numeracy_sqaure .cell_status_understood_0 .cell_status{
	background: #eeaea9;
}
.my_numeracy_sqaure .cell_status_understood_1 .cell_status{
	background: #78e1c0;
}
.my_numeracy_sqaure .cell_status_understood_3 .cell_status{
	background: #ffdeaf;
}
.my_numeracy_sqaure .cell_add div{
	background: #fff url(../images/mn_icons.svg) no-repeat;
    background-size: 699px;
    background-position: -296px -10px;
}
.my_numeracy_sqaure .cell_status_0_0:hover .cell_add{
	display: block !important;
}
.my_numeracy_sqaure .cell_status_0_0:hover .cell_add div{
	display: block !important;
}
.my_numeracy_sqaure .cell_status_0_1 .cell_view{
    background: #fff url(../images/mn_icons.svg) no-repeat;
    background-position: -308px 3px;
    background-size: 340px;
}
.my_numeracy_sqaure .cell_status_0_1:hover .cell_remove{
	display: block !important;
}
.my_numeracy_sqaure .cell_status_0_1:hover .cell_remove .spell_remove_split{
	display: block !important;
}
.my_numeracy_sqaure .cell_status_0_1 .cell_status .mn_cell_status{
	border: 2px solid #666;
}
.my_numeracy_sqaure .cell_status_0_1 .cell_status .mn_cell_percent{
	display: none;
}
.my_numeracy_sqaure .cell_status_1_1:hover .cell_remove{
	display: block !important;
}
.my_numeracy_sqaure .cell_status_1_1:hover .cell_remove .spell_add_split{
	display: block !important;
}
.my_numeracy_sqaure .cell_status_2_1:hover .cell_view{
	display: block !important;
}
.my_numeracy_sqaure .cell_status_2_1:hover .cell_view div{
	display: block !important;
}
.my_numeracy_sqaure .cell_remove .spell_add_split{
    background-position: -207px -10px !important;
}
.complete_results_results{
    white-space: normal;
    border-radius: 5px;
    width: 498px !important;
    height: 223px !important;
    position: absolute !important;
    bottom: 10px !important;
}
.complete_results_results .code_header_wrapper{
    display: flex;
    justify-content: center;
    display: flex !important;
}
.complete_results_results .code_header{
    background: #eee;
    height: 28px;
    line-height: 28px;
    border-radius: 5px;
    font-size: 12px;
    width: 200px;
    margin-left: 4px;
    border: 1px solid #ddd;
    display: flex !important;
    justify-content: center;
}
.complete_results_results .complete_percent{
    top: -21px !important;
    left: 435px !important;
    margin: auto;
    width: 63px !important;
    height: 63px !important;
    z-index: 1;
}
.complete_results_results .complete_results_stars{
	margin-right: 20px;
    margin-top: 10px;
}
.complete_results{
    width: 100%;
    position: relative;
    clear: both;
	height: 198px;
}
.complete_results .complete_percent{
	position: absolute;
    width: 100px;
    height: 100px;
    line-height: 60px;
    font-size: 5px;
    left: 0;
    top: 0;
    font-weight: 100;
}
.complete_results .complete_results_stars{
	width: 120px;
	float: right;
}
.complete_results .complete_results_stars .star_outline span{
	left: 0;
}
.complete_results .complete_results_stars #my_numearcy_legend{
	margin-right: -4px;
}
#history_menu{
	width: 100px;
    position: absolute;
	left: 10px;
    top: 80px;
}
#history_menu1{
    width: 100px;
    position: absolute;
	left: -140px;
    top: -35px;
    z-index: 1000000;
}
#history_menu1.toolbar_dropdown button span {
    background-image: url(../images/dropdown_arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    left: 70px;
}
#history_menu1 .export_options_wrapper{
	width: 100px !important;
}
#history_menu1 #export_options_wrapper1{
	width: 100px;
}
#history_menu1 .inlp_wrapper{
    width: 100px;
}
#history_menu1 #export_options_wrapper1 button:hover{border:0 !important;}
#history_menu button span{
	left: 70px;	
}
#history_menu .export_button_wrapper{
	width: 100px;
}
#history_menu .export_button_wrapper{
	width: 100px;
}
#history_menu #export_options_wrapper{
	width: 100px;
}
#history_menu #export_options_wrapper #export_class_results{
	overflow: auto;
    border-radius: 5px;	
}
#history_menu #export_options_wrapper button{
	width: 100px;
}
#history_menu #export_options_wrapper button:hover{
	border: 0;
}
.history_menu{
	left:0;
	top: 5px !important;
    width: 400px !important;
}
.history_menu li button{
    float: left !important;
    margin-left: initial;
    border: 0;
    width: 80px !important;
    width: 60px !important;
    min-width: 60px !important;
}
.history_menu li button:hover{border-radius: 5px;}
.class_results_history{top: 80px !important;width: 300px;}
.history_menu_active{ 
	background: #4298cc !important;
    color: #FFF !important;
    border: 1px solid #4298cc !important;
    font-size: 20px !important;
    font-weight: 100 !important;
}
.analyse_history_menu{
	right: 0;
    top: 60px !important;
    width: 400px !important;
}
.admin_style_left{border-top-left-radius:15px;}
.admin_style_right{border-top-right-radius:15px;}
.admin_buttons_wrapper{
	width: 14%;
  	right: 0;
  	height: 40px;
  	position: absolute;
  	top: 120px;
	z-index:1;
}
.admin_buttons_wrapper li button{height:30px;width:50%;display: block;line-height:30px;float:right;}
.admin_buttons_wrapper ul{
	top: 40px;
	width:150px;
	z-index: 10000;
  	position: absolute;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	right:0;
}
.admin_buttons_wrapper > ul{
	display:inline-block;
}
.admin_buttons_wrapper:after, admin_buttons_wrapper ul:after {
    content: '';
    display: block;
    clear: both;
}
.admin_buttons_wrapper ul li{
	height:40px;
}
.admin_buttons_wrapper ul li:hover{
	background:#edeae5;
}
.admin_buttons_wrapper ul li button{
	line-height: 40px;
	height:40px;
  	text-decoration: none;
  	width: 150px;
	color:#616263;
	font-weight:400;
}
.admin_buttons_wrapper ul ul{
	position: absolute;
	display:none;
	top: 25px;
	  border-top: 1px solid #ddd;
	
}
.admin_buttons_wrapper ul ul li{
	display: inline-block;
}
.admin_buttons_wrapper ul ul li a{
	background:#FFF;
	color:#000;
}
.admin_buttons_wrapper ul ul li a:hover{
	background:#e0645c;
}
.admin_buttons_wrapper li:hover {
	background:#FFF;
}
.admin_buttons_wrapper li:hover ul{
	display:block;
}
.admin_buttons{
	min-width:70px;
	width: 33.33%;
 	display: block;
  	float: right;
    background: #FFF;
    border: 1px solid #ddd;
  	color: #616263; 
	height: 26px;
 	line-height: 26px;
	text-transform:uppercase;
	font-size: 11px;
  	text-align: center;
	font-weight:400;
	text-decoration: none;
	outline:0;
	padding: 0;
	cursor: pointer;
}
.admin_buttons:hover{
	background:#4298cc;
	border: 1px solid #4298cc;
	color:#FFF;
}
.admin_warning{
    background: #ff5e5e;
    color: #FFF;
    border: 1px solid #ff5e5e;
}
.round_border{
	border-radius: 5px;
}
.review_buttons{
	margin: 0 auto;
    float: none;
    width: 100%;
    position: relative;
}
.review_buttons div{
	background: url(../images/assessment_functions.svg);
	width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 3px;
}
.review_buttons_review div{
	background-position: 0px 0px;
}
.review_buttons_review:hover div{
	background-position: -20px 0px;
}
.review_buttons_enable div{
    background-position: -40px 0px;	
}
.review_buttons_enable:hover div{
    background-position: -60px 0px;	
}
.review_buttons_skip div{
    background-position: -160px 0px;	
}
.review_buttons_skip:hover div{
    background-position: -180px 0px;	
}
.review_buttons_clear div{
	background-position: -80px 0px;	
}
.review_buttons_clear:hover div{
	background-position: -100px 0px;	
}
.review_buttons_grade div{
    background-position: -200px 0px;	
}
.review_buttons_grade:hover div{
    background-position: -220px 0px;	
}
.review_buttons_unlock div{
    background-position: -120px 0px;	
}
.review_buttons_unlock:hover div{
    background-position: -140px 0px;	
}
.admin_sub_buttons{
    width: 100%;
    border-radius: 5px;
    /* margin-top: -1px;*/
    margin: 4px 0px;
}
.last_admin{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.first_admin{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.admin_review{
	position: relative;
    margin: 0 auto;
    width: 145px;
    height: 55px;
    clear: both;
    margin-bottom: 10px;
}
.admin_review .admin_sub_buttons:first-child{
	margin: 0px 0px 4px 0px !important;
}
.current_wrapper .paper_quiz_icon_status{
    width: 35px;
    height: 35px;
    background-image: url(../images/paper_quiz.svg);
    background-size: 180px;
    background-position: 0px 0px;
    margin: auto;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
}
/* class snapshots */
.snapshots_wrapper  .paper_quiz_icon_status{
    width: 24px;
    height: 24px;
    background-image: url(../images/paper_quiz.svg);
    background-size: 125px;
    background-position: 0px 0px;
    margin: auto;
    z-index: 5;
    position: absolute;
    border: 0;
    background-color: transparent;
    border-radius: 5px;
    background-repeat: no-repeat;
}
.current_wrapper .paper_quiz_icon_status .add_student_labels{
    left: -65px;
    width: 150px;
    margin: auto;
    top: 40px;
}
.snapshots_wrapper .paper_quiz_icon_status .add_student_labels{
    left: -30px;
    width: 150px;
    margin: auto;
    top: -27px;
}
.current_wrapper .paper_quiz_icon_status:hover{
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);	
}
.current_wrapper .paper_quiz_icon_status:hover .add_student_labels, .snapshots_wrapper .paper_quiz_icon_status:hover .add_student_labels{
	display: block;
}
.history_admin_buttons{
	top: 0;
  position: absolute;
  right: 0;
  line-height: 50px;
  height: 50px;
  width: 70px;
}
#student_results_wrapper{
	overflow: hidden;
	height: 100%;
    height: calc(100% - 110px);
    margin-top: 110px;
}
#np_student_results_wrapper{
	height: calc(100% - 115px) !important;
	margin-top: 115px;
}
#np_student_results_wrapper .scroll-wrapper{
	height: 100%;
}
#assessment_internal{
	height:100%;
	width: 100%;
	border-radius: 10px;
    overflow: hidden;
}
.assessment_loader{
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 85px;
    height: 85px;
    display: none;
    z-index: 10;
}
.assessment_loader .ball-clip-rotate-pulse > div:first-child{
	background:#FFF;
	height: 48px;
    width: 48px;
	top: 27px;
    left: 14px;
    -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    border: 5px solid #4298cc;
}
.assessment_loader .ball-clip-rotate-pulse > div:last-child{
	position: absolute;
    border: 2px solid #4298cc;
    width: 100px;
    height: 100px;
    top: -2px;
    background: transparent;
    border: 8px solid;
    border-color: #4298cc transparent #4298cc transparent;
    -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.preview_export_quiz{
    position: absolute !important;
    right: 240px !important;
    width: 130px !important;
    top: 9px !important;
    margin: 0 auto !important;
    z-index: 1;
}
.preview_export_quiz .inlp_wrapper{width:130px !important;}
.preview_export_quiz .inlp_wrapper button{width:130px !important; background-size: 30% !important;}
.preview_export_quiz .inlp_wrapper button:hover{width:130px !important; background-position: 4px 4px !important;}
.zpd_preview{
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
#assessment_internal .student_sub_headings{
	margin-top: 0px;
}
#my_numeracy_preview_actions{
    position: relative;
    width: 200px;
    margin: 0 auto;
    clear: both;
    height: 50px;
    white-space: normal;
    padding-top: 25px;
    z-index: 100;
}
.my_numeracy_preview_actions{
    position: relative;
    width: 220px;
    margin: 0 auto;
    height: 50px;
    padding-top: 35px;
    clear: both;	
}
.my_numeracy_preview_actions button{
	float: left;
  width: 100px;
  margin: 0px 5px;
}
#my_numeracy_preview_actions button{
	width: 50%;
	float: left;
	height: 22px;
    line-height: 22px;
    position: relative;
}
#my_numeracy_preview_actions .asr_m_numeracy_more{
    top: -4px;
    left: -20px;
}
#uncomplete_feedback{
	display:none;
	position: absolute;
  	background: #FFF;
  	height: 50px;	
	width: 510px;
}
#uncomplete_feedback span{
	line-height:16px;
	width: 369px;
}
.pre_post_heading {
	float: left;
	line-height: 50px;
	width: 9%;
}
.history_assessment_table_main{
	font-weight: 400;
	width:100%;
	overflow:visible;
    background-color:#fbfbfb;
    margin-top: 10px;
}
.history_circulful{
	width: 80px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    top: -6px;
}
.summary_header{
	width: 100%;
    height: 100px;
    position: absolute;
    background: #FFF;
    z-index: 100;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.summary_header #user_profile{
	top:5px !important;
}
#assessment_details{
    position: absolute;
    z-index: 100004;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 190px;
    border-radius: 5px;
    border: 0;
    top: -20px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    background-color: #FFF;
    color: #4298cc;
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    top: -10px;
}
#assessment_details:hover{
    background: #4298cc;
    color: #FFF;	
    border:1px solid #4298cc;
}
.my_numeracy_preview{
    bottom: 0;
    top: unset !important;
    right: unset !important;
    pointer-events: none;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    width: 180px !important;
}
.header_inactive{
	pointer-events: none;
}
#assessment_details div{
    background: url(../images/preview_eye.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 4px;	
}
#assessment_preview_details{
    position: absolute;
    z-index: 100002;
    width: 96%;
    background: #FFF;
    top: 20px;
    height: 140px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 100000000000 !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
}
#assessment_preview{
	left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100000000000 !important;
    min-width: 972px;
}
#assessment_summary{
	border-radius: 5px;	
}
#assessment_review_main{
    position: absolute;
    height: 30px;
    z-index: 2;
    border: 0;
    line-height: 30px;
    transform: none;
    left: 0;
    font-size: 0.8em;
    width: 160px;
    bottom: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 10px;
}
#assessment_review_main div{
	background: url(../images/quiz_tools_v2.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 3px;
    background-position: -75px 0px;
    background-size: 100px;
    top: 3px;		
}
#review_return{
    width: 6%;
	z-index:10;
	position:absolute;
	top:50px;
}
#review_quiz_wrapper{
	overflow: hidden;
    display: none;
    z-index: 3;
    position: absolute;
    width:100%;
}
.teacher_grading{
    width: 210px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 10px;
}
.teacher_grading .switch-field{
    display: flex;
    font-size: 12px;
    padding: 0;
    width:100%;
}
.teacher_grading .switch-field label{
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    height: 30px;
    line-height: 12px;
    flex-grow: 4;
}
.teacher_review_overview{
    top: 55% !important;
    width: fit-content !important;
    max-width: 900px;
    transform: none !important;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row{
  background: #FFF;
  border-radius: 5px;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell{
  width: 40px !important;
  height: 40px !important;
  color: #fff !important;
  line-height: 25px !important;
  margin: 4px !important;
  box-shadow: none !important;
  position: relative;
  overflow: visible !important;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .review_pass{
	background: #78e1c0 !important;	
	border: 1px solid #fff !important;
  border: 1px solid transparent !important;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .review_fail{
	background: #eeaea9 !important;	
	border: 1px solid #fff !important;
  border: 1px solid transparent !important;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .review_idontknow{
  background: #FFF;
  border: 1px solid #ddd !important;
  color:#012b53 !important;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .review_idontknow:after{
  position: absolute;
    width: 20px;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 2px;
    background: #012b53;
    border-radius: 20px;
  content:'';
}
.teacher_review_overview .final_grade_overview{
	display: none;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell:hover{
	color: #666 !important;
	z-index: 2;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell:hover .add_student_labels{
	display: block;
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell .add_student_labels{
	left: -35px !important;
	margin: auto;
    top: 50px;	
}
.teacher_review_overview #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell .add_student_labels div{
	width: 100%;
	clear: both;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .modified_correct:after{
    content: '';
    background: url(../images/edit.svg) no-repeat;
    position: absolute;
    width: 17px;
    height: 16px;
    background-size: 23px;
    background-position: -2px -3px;
    bottom: 1px;
    right: 0;
    margin: auto;
}
#quiz_list_breadcrumb{
	height: 50px;
    position: absolute;
    z-index: 100000;
    bottom: 0;
    width: 100%;	
}
#quiz_list_breadcrumb .quiz_list_breadcrumb_child{
    display: block;
    float: left;
    text-align: center;	
}
#expose_quiz{
    position: absolute;
    bottom: 0;
    z-index: 1000000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0 !important;
	float: left; 
	border-bottom-left-radius: 0 !important; 
	border-bottom-right-radius: 0 !important; 
	outline: 0;
	border: 0;
	text-transform: none;
	transform: none;
  display:none;
}
#expose_quiz div{
    background: url(../images/preview_eye.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 4px;
    background-position: -20px 0px;
}
.pdf_assessment{display:block !important;}
.circliful_history_review span{font-weight: 100 !important;}
#review-page{
	background: transparent;
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-transition: 1s ease;
    -webkit-transform: translateY(100%);
    transition: 1s ease;
    transform: translateY(100%);
}
.review_quiz_wrapper_student{
	-webkit-transition: 1s ease;
    -webkit-transform: translateY(100%);
    transition: 1s ease;
    transform: translateY(100%);
}
.review_slide_up{
	-webkit-transform: translateY(0%) !important;
	transform: translateY(0%) !important;
}
.review_page{
    height: 100% !important;
    overflow: hidden;
}
.quiz_animate{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.slideUp_hidden{
	-webkit-transform: translate3d(0, 0%, 0) !important;
    -moz-transform: translate3d(0, 0%, 0) !important;
    -o-transform: translate3d(0, 0%, 0) !important;
	transform: translate3d(0, 0%, 0) !important;
}
.slideUp_show{
	animation: slideUp 1s;
}
.summary_internal{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;	
}
@keyframes slideUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
	    -moz-transform: translate3d(0, 100%, 0);
	    -o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0);
	    -moz-transform: translate3d(0, 0%, 0);
	    -o-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}
#quiz_summary{
    position: relative;
    background: #FFF;
    z-index: 2;
    width: 100%;
    float: left;
    background: #bdc3c7;
    background: -webkit-linear-gradient(to bottom, #bdc3c7 , #2c3e50);
    background: linear-gradient(to bottom, #bdc3c7 , #2c3e50);
    height: 93%;
    margin-top: 7%;
    height: 93vh;
    bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#quiz_summary #quiz_summary_internal{
	height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 10px 80px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);
    overflow: hidden;
}
#quiz_summary_return{
	width: 100%;
    position: absolute;
    height: 12%;
    top: -12%;
    background: transparent;
    border: 0;
    outline: 0;
}
.quiz_summary_remove{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#quiz_summary .quiz_summary_nav_down{
	background-position: -4px -5px;
	bottom: -30px;
}
#quiz_summary .quiz_summary_nav_down:hover{
	background-position: -4px -5px;
}
#quiz_summary .quiz_summary_nav_up{
	background-position: -55px -5px;
	bottom: -30px;
}
#quiz_summary .quiz_summary_nav_up:hover{
	background-position: -55px -5px;
}
#quiz_summary #quiz_header{
	text-transform: uppercase;
	font-weight: 100;
    line-height: 40px;
    height:40px;
    color: #4298cc;
    background-color: #FFF;
    font-size: 20px;
    letter-spacing: 10px;
    text-align: center;
    position: absolute;
    width: 100%;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px
}
#quiz_summary #quiz_summary_achievement{
	width:90%;
	margin: 0 auto;
	margin-top: 30px;
	clear: both;
}
#quiz_summary .quiz_summary_point{
	color: #6d6e72;
    font-weight: 100;
    font-size: 13px;
    padding: 5px 0px;
    text-align: center;
}
#quiz_summary #quiz_summary_percent{
	position: absolute;
    height: 200px;
    width: 200px;
    left: 0;
    right: 0;
    top: -10px;
    margin: 0 auto;
}
#quiz_summary #quiz_summary_actions{
	width: 680px;
    margin: 0 auto;
    margin-top: 50px;
    overflow: visible;
    height: 40px;
}
#quiz_summary #quiz_summary_actions div .inlp_wrapper .export_pdf_wrapper .message a{
    width: 270px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
}
#quiz_summary .quiz_summary_achievment{
    border-radius: 5px;
    overflow: hidden;
	background: #FFF;
	position: relative;
}
#quiz_summary .quiz_summary_achievment h2{
    line-height: 40px;
    position: absolute;
    width: 100%;
    z-index: 2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
#quiz_summary .quiz_summary_internal{
	position: absolute;
    overflow: hidden;
    width: 100%;
    top: 40px;
    z-index: 1;
}
#back_button{
	width: 80px;
    height: 30px;
    border: 0;
    background: url(../images/left-arrow_v2.svg);
    background-repeat: no-repeat;
    font-size: 13px;
    background-size: 19px;
    background-position: 5px 5px;
    font-family: 'Open Sans', 'sans-serif';
    text-transform: uppercase;
    line-height: 26px;
    text-align: center;
	color:#484848;
	float: left;
	padding:0;
}
#back_button:hover{
	text-decoration:underline;
	background-position: 0px 5px;
}
#my_numeracy_asr_wrapper{
	width: 90%;
    margin: 0 auto;
}
.review_common{
	position:relative;
	text-align: center;
	font-size: 12px;
	line-height: 60px;
    font-weight: 400;
	float:left;
	line-height: 40px;
}
.current_results_wrapper{
	position: relative;
  	display: block;
 	min-height: 520px;
 	border-top: 10px solid #fbfbfb;
}
.current_results_wrapper_student{
	border-top: 0;
}
.assessment_status{
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 300px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.result_percent{
    position: relative;
    width: 80px;
    text-align: center;
    margin: auto;
    font-weight: 100;
    height: 30px;
    line-height: 30px;	
    font-size: 14px;
}
.student_flexi_multi{
    position: relative;
    display: flex;
    justify-content: center;
    clear: both;
}
.student_flexi_multi .student_flexi_multi_cell{
    border-radius: 10px;
    width: 50px;
    text-align: center;
    margin: 0px 2px;
    line-height: 25px;
    height: 50px;
    position: relative;
    cursor: pointer;
}
.student_flexi_multi .student_flexi_multi_cell .result_percent{
    width: 100%;
}
.student_flexi_multi .student_flexi_multi_cell .achievement_zpd{
    padding: 5px;
    top: 55px;
    left: -108px;
    transform: scale(0.8);
}
.student_flexi_multi .student_flexi_multi_cell:hover .achievement_zpd{
    display: block;
}
.assessment_status_student{
	max-width: 160px;
}
.assessment_status .confirm_image{
    width: 100%;
    height: 100%;
    position: relative;
}
.assessment_status .confirm_image img{
    width: 50%;
    height: 50%;
    position: absolute;
    top: 53%;
    left: 52%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.assessment_substrand_heading{
	width: 28% !important;
}
.assessment_review_heading{
	width: 43% !important;
}
.activity_strand_heading{
	width: 33.33% !important;
}
.activity_substrand_heading{
    width: 33.33% !important;
}
.activity_review_heading{
    width: 40% !important;
}
.activity_review_heading .review_common{
	width: 20% !important;
}
.activity_review_heading .review_common_stars{
	width: 30% !important;
}
.activity_review_heading .activity_date{
	width: 30% !important;
	float: left;
}
#activity_results_wrapper{
    width: 100%;
    position: relative;
    float: left;	
}
#activity_results_wrapper .student_activity_results{
	width: 100%;
    position: relative;
    float: left;
    height: 40px;
    background: #eaeaea;
}
#activity_results_wrapper .student_activity_results:nth-child(odd){
    background: #f6f6f6;	
}
#activity_results_wrapper .student_activity_results:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}
#activity_results_wrapper .student_activity_results .activity_count{
    width: 10%;
    float: left;
    height: 100%;
}
#activity_results_wrapper .student_activity_results .activity_count .activity_count_parent{
	border-radius: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
}
#activity_results_wrapper .student_activity_results .activity_results{
	width: 30%;
	float: left;
}
#activity_results_wrapper .student_activity_results .activity_percent .my_numeracy_circle{
	width: 50px !important;
    margin-top: -5px  !important;
}
#activity_results_wrapper .student_activity_results .activity_percent{
	width: 30%;
	float: left;
}
#activity_results_wrapper .student_activity_results .activity_date{
    width: 30%;
    float: left;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
}
.proficiency_stars_teacher{
    float: none !important;
    position: relative;
    height: 30px;
    margin: 0 !important;
    margin: 0 auto !important;
    width: 120px !important;
    display: block;
    margin-top: 5px !important;
}
.proficiency_stars_teacher span{
    display: block;
    float: left;
    line-height: 34px;
    font-weight: 500;
    text-align: left;	
}
.history_results_wrapper{
	position: relative;
  	display: block;
 	height: 120px;
	width:100%;
	min-height: 200px !important;
	padding-top: 20px;
}
.current_result_data{
	width: 90%;
    margin: 0 auto;
    clear: both;
	margin-top: 10px;
    max-width: 450px;
}
.current_result_data_student{
	margin-top: 0;
	max-width: 400px;
}
.current_result_data .current_results_data_internal{
    clear: both;
    height: 50px;
    position: relative;
    margin-bottom: 10px;
}
.current_result_data .current_results_data_internal_inlp{
	height: 80px;
}
.current_result_data_student .current_results_data_internal{
	margin-bottom: 0px;
}
.current_result_data .current_results_data_internal_reflection{
    height: 60px;
}
.current_result_data .current_results_data_internal .student_reflection{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    background: transparent;
}
.student_reflection .reflection_face{
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url(../images/reflection.svg);
    background-size: 220px;
    background-repeat: no-repeat;
}
.class_reflection_item_1 .reflection_face{
    background-position: -11px -7px;
}
.class_reflection_item_2 .reflection_face{
    background-position: -64px -7px;
}
.class_reflection_item_3 .reflection_face{
    background-position: -114px -7px;
}
.class_reflection_item_4 .reflection_face{
    background-position: -167px -7px;
}
.analysis_reflection
{
    position: absolute;
    background: transparent !important;
    top: 22px;
    right: 36px;
}
.analysis_reflection2
{
    position: absolute;
    background: transparent !important;
    top: 22px;
    right: 2px;
}
.student_reflection .reflection_face2{
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url(../images/reflection.svg);
    background-size: 220px;
    background-repeat: no-repeat;
    transform: scale(0.75);
}
.no_reflection{
    position: absolute;
    top: 28px;
    right: 30px
}

.no_reflection2{
    position: absolute;
    top: 28px;
    right: 3px
}

.no_reflection_face{
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url(../images/no_reflection.svg);
    background-size: 28px;
    background-repeat: no-repeat;
}
.class_reflection_item_1 .reflection_face2{
    background-position: -11px -7px;
}
.class_reflection_item_2 .reflection_face2{
    background-position: -64px -7px;
}
.class_reflection_item_3 .reflection_face2{
    background-position: -114px -7px;
}
.class_reflection_item_4 .reflection_face2{
    background-position: -167px -7px;
}
.current_result_data span{
	text-transform: uppercase;
  	font-weight: 600;
  	font-size: 12px;
  	text-align: center;
  	width: 95%;
 	display: block;
    margin: 0 auto;
}
.current_result_data h2{
	font-size: 13px;
  	font-weight: 400;
	text-align: right;
    width: 100%;
    float: left;
	text-align:center;
}
.current_result_pp {
	float: left;
	line-height: 50px;
	width: 27%;
}
.current_result_pp_history{
	float: left;
	line-height: 50px;
	width: 27%;
}
.current_result_preview {
	display: block;
	height: 50px;
	line-height: 50px;
	float: right;
	width: 54px;
}
.current_result_preview:hover {
	background: #012b53;
	color: #FFF;
}
.pre_post_result_wrapper {
	width: 100%;
	float: left;
	height: 50px;
	position:relative;
}
.current_headings{
	width:21%;
	font-weight: 600;
	height: 40px;
}
.growth_result_student{
	background: url(../images/growth_result_v2.svg);
	background-repeat:no-repeat;
	text-align: center;
  width: 80px;
  height: 80px;
  line-height: 97px;
  margin: 0 auto;
  font-size: 1.3em;
	color:#fff;
  background-size: 230px;
}
.growth_result_student_export{
	margin-top: -20px !important;
	-webkit-transform: scale(0.6) !important;
    transform: scale(0.6) !important;
}
.growth_result_class{
    width: 45px !important;
    height: 45px !important;
    background-size: 127px !important;
    line-height: 55px !important;
    font-size: 12px !important;
}
.assessment_history_icon{
	background: url(../images/history.svg);
}
.my_numeracy_heading{font-weight: 600;height:40px;}
#my_numeracy_heading h2{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.quiz_headings{background-color: #FFF;font-size: 12px;border-bottom: 1px solid #ddd;line-height: 35px;height:40px;width:100%;}
.quiz_headings_history{background:none;font-weight: 400 !important;}
.quiz_headings{
	line-height: 30px;
    height: 30px;
    border: none;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.my_numeracy_container{
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 180px;
    right: initial !important;
}
.my_numeracy_switch{width: 175px !important;margin: 0 !important;padding: 0 !important;margin-top: 0px !important;}
.my_numeracy_switch:hover .my_numeracy_switch_label{background:#4298cc !important;}
.my_numeracy_switch:hover .my_numeracy_switch_label:after{color:#FFFFFF !important;}
.my_numeracy_switch-handle{top: 2px !important;left: 2px !important;border-radius: 5px !important;}
.switch-input:checked ~ .my_numeracy_switch-handle{left: 150px !important;top:2px !important;background: #fff !important;}
.my_numeracy_switch_label{
	background:#FFF !important;
	font-family: 'Open Sans', 'sans-serif';
    font-size: 12px !important;
	font-weight: 600 !important;
	border-radius: 5px !important;
}
.my_numeracy_switch_label:before{color: #666 !important;}
.my_numeracy_switch_label:after{color: #4298cc !important;left: 18px !important;}
.my_numeracy_onoff{
	background: #ddd url(../images/my_numeracy_actions.png);
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    right: 10px;
    background-repeat: no-repeat;
    background-position-y: -1px;
    border: 1px solid #ddd;
    border-radius: 50%;
	cursor: pointer;
	
}
#my_numeracy_overlay{
	display:none;
	width: 100%;
}
#my_numeracy_off{
	background-position-x: -603px;
}
#my_numeracy_off:hover{
	background-position-x: -538px;
}
#my_numeracy_on{
	background-position-x: -343px;
}
#my_numeracy_on:hover{
	background-position-x: -278px; 
}
.my_numeracy_admin{
	clear: both;
    width: 100%;
    height: 35px;
	border-radius: 20px;
}
#active_my_numeracy{
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
	margin-top:36px;
	display:none;
	left:2.5%;
}
#active_my_numeracy .my_numeracy_remove:hover{
	background:#e0645c;
}
#active_my_numeracy .active_my_numeracy_wrapper{
	width: 50%;
    float: left;
    clear: both;
    position: relative;
	height: 40px;
}
#inactive_my_numeracy{
	display:none;
    position: absolute;
    top: 0;
    width: 100%;
    right:2.5%;
    margin:0 auto;
    z-index: 2;
    margin-top: 35px;
}
#inactive_my_numeracy_wrapper{
	width: 50%;
    float: right;
    height: 100%;
    background: #f1f1f1;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.inactive_my_numeracy{
	display:none;
	line-height: 40px;
    text-align: left;
}
#inactive_my_numeracy .active_my_numeracy_wrapper{
	width: 50%;
    float: left;
    clear: both;
    position: relative;
}
#inactive_my_numeracy .inactive_my_numeracy_wrapper{
	width: 100%;
    clear: both;
    position: relative;
}
#inactive_my_numeracy .inactive_my_numeracy_wrapper .inactive_my_numeracy{
	width: 90%;
    height: 39px;
    display: block;
    line-height: 39px;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
	overflow:hidden;
}
.my_numeracy_hidden{
	display:none;
}
#inactive_my_numeracy .inactive_my_numeracy_wrapper .my_numeracy_add{
    right: 0;
    top: 0;
	margin-top: 1px;
}
#inactive_my_numeracy .inactive_my_numeracy_wrapper .my_numeracy_add:hover{
	background:#2cbc9b;
}
.my_numeracy_common{
	width: 39px;
    height: 39px;
    position: absolute;
    outline: none;
    border: 0;
	border-radius: 10px;
	background:#4298cc;
	color:#FFF;
	cursor: pointer;
	
	font-weight: 100;
	font-size: 19px;
}
.my_numeracy_admin_buttons{
	float: right;
    height: 25px;
    font-size: 12px;
    outline: none;
    border: 0;
    width: 75px;
    font-weight: 100;
    background: #ddd;
    text-transform: uppercase;
    border-radius: initial;
	cursor: pointer;
	
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.my_numeracy_admin_buttons:hover{
	background:#4298cc;
	color:#FFF;
}
#my_numeracy_cancel{
	display:none;
}
#my_numeracy_save{
	display:none;
}
.current_wrapper{
	float: left;
	min-height: 600px;
	width:21%;
}
.history_wrapper{
	height:215px;
	min-height: 215px !important;
}
.current_wrapper_mynumeracy{
	float:left;
	position:relative;
}
.admin_my_numeracy{
	position:relative !important;
	top:2px !important;
	margin-top: 0px !important;
}
#my_numeracy_headings{
	width: 100%;
 	position: absolute;
}
.my_numeracy_headings{
    width: 100%;
    float: left;
    line-height: 38px;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.my_numeracy_headings .my_numeracy_headings_wrap{
  position: relative;
  display: flex;
  justify-content: center;
}
.my_numeracy_headings .my_numeracy_headings_wrap .myn_level{
  position: absolute;
  left: 0;
  right: -160px;
  margin: auto;
}
#my_numeracy_actions{
    z-index: 2;
    position: absolute;
    width: 150px;
    right: 0;
    left: 0;
    top: 5px;
    margin: 0 auto;
}
#my_numeracy_actions button{
	width:150px !important;
	border-radius: 5px !important;
}
.current_results_headings {
	height: 20px !important;
}
.results_type {
	width: 16%;
	float: left;
}
.results_graph {
	width: 15%;
	float: left;
	height: 40px;
	line-height: 20px !important;
	font-size: 10px;
}
.results_pp_inlp {
	width: 34%;
	float: left;
	font-size: 12px;
}
.inlp_wrapper{
	position: relative;
	width: 145px;
    margin: 0 auto;
    height:27px;
}
.inlp_wrapper .pdf_animator{
	width: 100%;
}
.inlp_wrapper .message{
	width: 100%;
}
.inlp_wrapper .message a{
	background-color: #4298cc !important;
	width: 100%;
    display: block;
    border-radius: 20px;
}
.inlp_wrapper_new .inlp_new_button{
    background-size: 40px;
    margin: 0 !important;
}
.inlp_wrapper_new .inlp_content{
	position: absolute;
    display: none;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 10000;
    top: 37px;
    right: 0;
    background: #FFF;
    border-radius: 5px;
    top: 30px;
    width: 200px;
    left: -25px;
    height: 70px;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper{
	display: none;
	position: relative;
	border-radius: 5px;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_heading{
    background: #FFF;
    height: 70px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
	
	text-align: center;
    font-size: 12px;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_heading .inlp_icon{
    background: url(../images/mn_align.svg);
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position: -2px 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 25px;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_heading_zpd_inlp .inlp_icon{
	background-position: -47px 0px;    	
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_heading .inlp_downloads{
	display: none;
	width: 200px;
    position: absolute;
    top: 70px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 5px;
    overflow: hidden;
    z-index: 10000;
    left:-15px;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_heading_zpd_inlp .inlp_downloads{
    left: -20px;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_heading:hover{
	background: #ccebf3;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_heading:hover .inlp_downloads{
	display: block;
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_buttons{
	height: 27px;
    font-size: 13px;
    text-decoration: none;
    border: 0;
    width: 100%;
    padding: 0;
    line-height: 27px;
    outline: 0;
    background: #FFF;
    cursor: pointer;
	
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .inlp_buttons:hover{
    background: #ccebf3;
}
.inlp_button{
	float:none;
	margin:0 auto;
	margin-top: 4px;
	width: 100%;
	height: 27px;
    background: #FFFFFF url(../images/inlp_download.svg);
    background-repeat: no-repeat !important;
    background-position: 2px 4px !important;
    background-size: 25%;
}
.inlp_button_greyout{
	float:none;
	margin:0 auto;
	margin-top: 4px;
	width: 100%;
	height: 27px;
    background-image: none;
    background-repeat: no-repeat !important;
    background-position: 2px 4px !important;
    background-size: 25%;
    background-color: #edeae6;
    color: #c3c3c3;
    cursor: not-allowed;
}
.inlp_button_greyout:hover{
    background-color: #edeae6;
    border: 1px solid #ddd;
    color: #c3c3c3;
}
.inlp_button:hover{
	background: #4298cc url(../images/inlp_download.svg) !important;
	background-repeat: no-repeat !important;
    background-position: -16px 4px !important;
	background-size: 25% !important;
}
.inlp_active{
	background: #4298cc url(../images/inlp_download.svg) !important;
	background-repeat: no-repeat !important;
	background-position: -16px 4px !important;
	background-size: 40px !important;
	border: 1px solid #4298cc !important;
	color: #FFF;
}
.inlp_wrapper_new .inlp_new_button:hover{
	background-position: -16px 4px !important;
	background-size: 40px !important;
}
.inlp_button_a{height:24px !important;width:145px !important;line-height: 26px;}
.inlp_button_results{
	margin-top: 3px !important;
}
.inlp_learning_goals{
	float:none;
	margin:0 auto;
	margin-top: 4px;
	width: 100%;
	height: 27px;
    background: #FFFFFF url(../images/learning_goals.svg);
    background-repeat: no-repeat !important;
    background-position: 0px 1px !important;
    background-size: 49px !important; 
    margin: 0 !important;
}
.inlp_learning_goals_literacy button{
	border-radius: 5px;
}
.inlp_learning_goals:hover{
	background: #4298cc url(../images/learning_goals.svg) !important;
	background-repeat: no-repeat !important;
    background-position: -24px 1px !important;
	background-size: 49px !important;	
}
.inlp_wrapper_new .inlp_content .inlp_content_wrapper .col_100 .inlp_heading .inlp_downloads{
	left: 0 !important;
}
#paper_quiz_dd{
    position: relative;
    width: 145px;
    margin: 0 auto;
    height: 40px;
    clear: both;
    border: 1px solid #ddd;
    border-radius: 5px;	
}
#paper_quiz_dd #export_paper_quiz{
    height: 40px;
    border-radius: 5px;
    z-index: 1000;
}
#paper_quiz_dd #export_paper_quiz #progress{
    height: 100%;
}
#paper_quiz_dd #export_paper_quiz #progress #pdf_animator_all{
    height: 100%;
}
#paper_quiz_dd #paper_quiz_help{
	left: 0;
    top: 5px;
    right: 0;
    margin: auto;	
}
#paper_quiz_dd #paper_quiz_help .my_numeracy_help_content{
	top: 40px;
    left: -55px;
    width: 120px;
    height: 200px;
}
.paper_quiz_dd_lock{
	overflow: hidden
}
#paper_quiz_dd #paper_quiz_download{
	float: left;
    width: 40%;
    height: 40px;	
    position: relative;
}
#paper_quiz_dd #paper_quiz_download #paper_quiz_dd_options{
    top: 45px;
    left: 5px;	
}
#paper_quiz_dd #paper_quiz_download #paper_quiz_dd_options #export_class_results{
    width: 100%;
}
#paper_quiz_dd #paper_quiz_download #paper_quiz_dd_options button{
	text-transform: none;
}
#paper_quiz_dd #paper_quiz_download #paper_quiz_dd_options button:hover{
	background: #ccebf3;
	border: none;
}
#paper_quiz_dd #paper_quiz_download .paper_quiz_download{
	width: 100%;
    height: 100%;
    min-width: 40px;
    position: relative;	
}
#paper_quiz_dd #paper_quiz_upload{
    float: right;
    width: 40%;
    height: 40px;	
}
#paper_quiz_dd #paper_quiz_upload .paper_quiz_new{
    height: 40px;	
}
#paper_quiz_dd .paper_quiz_button .admin_buttons{
	background: #fff;
	position: relative;
	margin: 0 !important;
    border: 0;
    min-width: 0 !important;
}
#paper_quiz_dd .paper_quiz_button .paper_quiz_button:hover{
	background: #4298cc !important;
}
#paper_quiz_dd .paper_quiz_button .admin_buttons .add_student_labels{
    top: 50px;
    left: -25px;	
}
#paper_quiz_dd .paper_quiz_button .admin_buttons:hover .add_student_labels{
	display: block;
}
#paper_quiz_dd .paper_quiz_button .admin_buttons .paper_quiz_icon{
	position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(../images/paper_quiz.svg);
    background-size: 180px;
    background-position: 0px 0px;
    left:0;
    right:0;
    top: 0;
    bottom: 0;
    margin: auto;	
}

#paper_quiz_dd #paper_quiz_upload .paper_quiz_new .paper_quiz_icon{
	background-position: -60px 0px;	
}
#paper_quiz_dd #paper_quiz_download .paper_quiz_download:hover .paper_quiz_icon{
	background-position: -32px 0px;	
}
#paper_quiz_dd #paper_quiz_upload .paper_quiz_new:hover .paper_quiz_icon{
	background-position: -89px 0px;	
}
#paper_quiz_dd .paper_quiz_wrapper{
    width: 145px;
    height: 40px;
    position: absolute;	
    border-radius: 5px;
    background: #FFF;
}
#paper_quiz_dd #paper_quiz_2{
	display: none;
	z-index: 1;
    background: #FFF;
    left: 145px;
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_back{
	display: none;
    position: absolute;
    background: url(../images/left-arrow_v2.svg);
    border: 0;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    left: -25px;
    top: 7px;	
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_wrapper{
	height: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 75px;
    margin: 4px;
    padding-left: 10px;
    background: #ecf4f9;
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_wrapper #paper_quiz_id_icon{
	position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(../images/paper_quiz.svg);
    background-size: 180px;
    background-position: -120px 0px;
    pointer-events: none;
    left: 2px;	
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_wrapper #paper_quiz_id_label{
    position: absolute;
    width: 20px;
    height: 30px;
    line-height: 30px;
    left: 30px;
    font-size: 15px;
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_wrapper #paper_quiz_label{
	top: 45px;
    left: 0;
    width: 145px;
    padding: 5px 0px;	
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_wrapper #paper_quiz_label #paper_quiz_help_2{
	left: 0;
    top: 25px;
    right: 0;
    margin: auto;
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_wrapper #paper_quiz_label #paper_quiz_help_2 .my_numeracy_help_content{
    left: -60px;
    width: 130px;
    top: 30px;	
    color: #666;
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_wrapper #paper_quiz_id{
    border: 0;
    width: 60%;
    line-height: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    background: #ecf4f9;
    padding-left: 0px;
    box-shadow: none !important;
    float: right;
    color: #000;
    font-weight: 400;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_confirm{
    position: absolute;
    width: 50px;
    right: 0;
    top: 0;
    height: 40px;	
}
#paper_quiz_dd #paper_quiz_2 #paper_quiz_id_confirm #paper_quiz_id_yes{
    border: 0;
    height: 32px;
    width: 43px;
    border-radius: 5px;
    margin: 4px 1px;
    background-image: url(../images/add.svg);
    background-size: contain;
    background-position: 6px 0px;
    background-repeat: no-repeat;
}
.range_style{
    text-align: center;
    font-size: 13px;
	text-transform: uppercase;
    line-height: 30px;
    padding-top: 20px;
}
.result_graph {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.result_graph_student{
	margin-bottom: 0px;
}
.result_graph_student_export{
	height:140px;
}
.circulful_wrapper{
	width: 100%;
	max-width:280px;
    margin: 0 auto;
}
.circulful_wrapper_student{max-width: 160px !important;}
.admin_review_history{
    border-radius: 5px;
    width: 100px;
    margin: 0 auto;
    float: none;
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
}
.history_row{
	width: 100%;
	float:left;
    position: relative;
    background: #fbfbfb;
}
.history_advanced_row{
	height: 40px;
    border-top: 5px solid #eee;
    background: #FFF;
}
.result_graph_history{
	position: relative;
	float: left;
	height: 100%;
	width: 50%;
}
.circulful_history{
	width:128px;
	margin: 0 auto;
}
.result_graph_history_2{
	width:50%;
	float:left;
	position: relative;
    height: 159px;
}
.result_graph_history_2 .history_message_1{
    display: table;
    width: 100%;
    height: 125px;
    font-size: 14px;
}
.result_graph_history_2 .history_message_1 .history_message_2{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 125px;
    font-size: 12px;
}
.result_graph_history_2 .admin_buttons{
    float: none;
    margin: 0 auto;
    margin-top: 1px;
}
.result_graph_history_2 .history_results{
	height:40px;
}
.result_graph_history_2 .history_results_inlp{
	position: absolute;
    width: 100%;
    bottom: 16px;
}
.result_graph_history_2 .history_results_range{
	height:30px;
}
.result_graph_history_2 .history_results .history_headings{
	font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
	font-weight:600;
	position: relative;
}
.result_graph_history_2 .history_results h2{
	float:left;
	width:100%;
	font-size:13px;
	text-align: center;
}
.history_headings{
	width:100%;
	text-align: center;
    font-size: 14px;
    position: absolute;
    top: 0;
}
.history_headings h2{
	width: 50%;
    float: left;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
}
.circliful_history span{
    left: 0;
  font-weight: 100;
  font-family: 'Open Sans', 'sans-serif';
}
.circliful_history .circle-text{color:#000 !important;}
.circulful_wrapper .svg-container .circliful .timer{
	font-weight: 100;
  color: #FFF;
  font-family: 'Open Sans', 'sans-serif';
}
.current_ass_height {
	height: 120px !important;
	line-height: 120px !important;
}
.review_ass_height {
	height: 70px !important;
	line-height: 70px !important;
}
.completed {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 auto;
	margin-top: 13px;
}
.circle_incompleted {
	background: #e0645c;
	margin-top: 15px;
}
.circle_completed {
	background: #46b98a;
}
.list_headings{
	width: 100% !important;
  line-height: 80px;
  font-size: 18px !important;
}
#class_list_headings_name {
	width: 18%;
}
.class_list_headings_name{
	width:25% !important;
}
.edit_name_split{
	width: 100% !important;
    float: left;
}
.dd_edit{
	position: relative;
}
.dd_edit_split{
	width: 48%;
    float: left;
    margin: 0% 2% 0% 0%;
	position: relative;
}
.dd_edit_split:first-child input{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.dd_edit_split:last-child input{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.dd_edit .trial_error{
	width: auto;
	line-height: 14px;
}
.year_all_show{
    background: #FFF !important;
    height: 30px !important;
    border: 1px solid #ddd !important;
    line-height: 30px !important;
    width: 90% !important;
    margin: 0 auto !important;
    margin-top: 4px !important;
    display: block !important;
    position: relative !important;
}
.avatar_small_admin{
    float: left;
    top: 8px;
    width: 25px;
    position: absolute;
    left: 7px;
}
.expand_student_history{
	width: 90%;
    height: auto;
    line-height: 20px;
    margin: 0 auto;
    float: none;
    border-radius: 5px;
    min-height: 35px !important;
}
.analyse_view_student_name_child
{
    word-wrap: break-word;
    position: relative;
    left: 25px;
    max-width: 77%;
}
.asr_name_button{
	width:95% !important;
	float:right !important;
	text-transform: none !important;
}
.expand_student_asr{
	margin-top: 30px;
	top: 0;
}
.expand_student_history_zpd{
	height: 35px !important;
	line-height: 15px !important;
	margin-top: 0 !important;
	width: 95% !important;
    float:right;
}
.height_PRE{
	height: 35px !important;
	line-height: 15px !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}
.height_MID{
	height: 75px !important;
	line-height: 15px !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}
.height_POST{
	height: 75px !important;
	line-height: 75px !important;
	margin-top: 0 !important;
    margin-bottom: 10px !important;
}
.height_POST_G{
	height: 115px !important;
	line-height: 75px !important;
	margin-top: 0 !important;
    margin-bottom: 10px !important;
}
.other_understood{
	background: #78e1c0;
	border-radius: 5px;
	pointer-events: none;
	opacity: 0.6;
}
.other_misunderstood{
	background: #ffdeaf;
	border-radius: 5px;
	pointer-events: none;
	opacity: 0.6;	
}
.stu_hist_avatar_results{
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.results_id_internal{
	position: absolute;
    width: 100%;
    height: 118px;
}
#class_list_headings_name_results {
	width: 12%;
    height: 128px;
    margin-top: 20px;
    background: transparent;
}
#class_list_headings_studentnumber {
	width: 10%;
}
#class_list_headings_year{
	width: 5%;
}
#class_list_headings_yearlevel{
  	width: 3%;
}
#class_list_headings_assessment {
	width: 59%;
}
#class_list_headings_username {
	width: 10%;
}
#class_list_headings_password {
	width: 10%;
}
#class_list_headings_count {
	width: 4%;
	float:left;
	text-align:center;
}
.class_list_headings_class_name {
	width:98%;
	float:left;
	text-align:center;
	position: relative;
	font-size: 16px;
}
.class_name_wrapper{
	text-align: left;
    padding-left: 50px;
    font-size: 14px;
}
.uow_name_wrapper {
    text-align: left;
    padding-left: 35px;
    font-size: 14px;
    word-wrap: break-word;
    min-height:20px;
}

.uow_wrapper {
    position: absolute;
    right: 7px;
    top: 43px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
    margin-top: 5px;
    width: 310px;
    min-height:20px;
}
.class_name_wrapper .edit_class_name, .uow_name_wrapper .edit_class_name{
	position: absolute;
	left:0;
	top:0;
}
.class_name_wrapper .edit_class_internal{
	width: 420px;
    left: 0;
    position: absolute;
    top: 0;
    height: 40px;
    z-index: 10000;
    display: none;
}
.class_name_wrapper .edit_class_internal input{
	width:372px;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    text-align: left;
    margin-left: 10px;
    padding-left: 40px;
}
.class_name_wrapper .edit_class_internal input:focus{
  background: #f3efff !important;
}
.class_name_wrapper .edit_class_internal button{
	width:55px;
	padding:0;
}
.class_teachers{
  position: absolute;
  z-index: 1;
  top: 0;
  right: 70px;
  font-size: 12px;
  display: flex;
}
.class_teachers .class_teacher_item{
  margin: 10px 5px;
  border: 1px solid #e4e4e4;
  line-height: 20px;
  background: #FFF;
  padding: 0px 5px;
  border-radius: 5px;
  color: #4298cc;
}
.class_list_headings_no_students{
	width:60px;
	float:left;
	text-align:center;
}
.class_list_headings_blank{
	width:200px;
	float:left;
  z-index: 1;
}
.class_list_headings_heading{
	width:12%;
	height: 30px;
	background: #FFF;
}
.class_list_headings_strand div{
  height:30px;
  width:5px;
  position:absolute;	
  left: 0;
  top:5px;
  border-radius: 5px;
}
.class_list_headings_strand .syllabus_type{
    font-size: 10px;
    color: #4298cc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    line-height: 5px;
    opacity: 0.8;
}
#class_list_headings_strand {
	width: 17%;
}
#class_list_headings_curriculum {
	width: 80px;
	text-transform: uppercase;
}
#class_list_headings_flexi{
	width: 28%;
}
#class_list_headings_substrand {
	width: 23%;
}
#class_list_headings_substrand_current {
	width: 286px;
}
#class_list_headings_strand_history {
	width: 18%;
}
#class_list_headings_substrand_history{
	width: 22%;
	overflow: hidden;
}
#class_list_headings_results_history{
	width: 51.1%;
}

#class_list_headings_flexi_uow{
    width: 44%;
}
.student_history_actions_wrapper {
	width: 69px;
	height: 100px;
}
#class_list_headings_range {
	width: 10%;
}
#class_list_headings_range .dropdown_wrapper a{
	border: 1px solid transparent;
    height: 30px;
    line-height: 30px;
    margin-top: 4px;	
}
#class_list_headings_set{
	width: 6%;
}
.edit_range{
	width:12% !important;
}
#class_list_headings_range_current {
	width: 6.9%;
}
.student_ranges {
	height: 50px;
	line-height: 50px;
}
#class_list_headings_completed {
	  width: 23%;
      width: calc(23% - 5px);
}
#class_status_wrapper{
	width: 184px;
	margin-left: 14px;
}
#class_status_wrapper .status_cell{
	width:20%;
	float:left;
	text-align: center;
}
.sort_button{
	line-height: 50px;
    padding: 0;
    outline: 0;
    height: 50px;
    border: 0;
    width: 100%;
    text-transform: uppercase;
    background:#FFF;
    position: relative;
    font-size: 12px;
    font-weight: 100;
    color:#666;
}
.sort_button:hover{
    background: #ccebf3;
    border-radius: 5px;
    z-index: 100;
}
.sort_button_class:hover{
	background: #FFF !important;
	text-decoration: underline;
}
.sort_button span{
    background: url(../images/sort_icons.svg);
    position: absolute;
    width: 40px;
    height: 10px;
    background-size: 40px;
    background-position: 0px -22px;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sorted_headers{
	overflow: inherit !important;
}
.sorted_headers .sort_button_wrapper{
	position: relative;
	width: 100%;
    margin: 0 auto;
    height:50px;
}
.sorted_headers div .class_view_dropdown_sub{
    display: none;
    border-radius: 5px;
    overflow: hidden;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 200px;
}
#class_numeracy_switch_w h3{height: 10px;width: 100%;line-height: 10px;}
#class_numeracy_switch_w .my_numeracy_class_container{position: relative;max-width: 105px;margin:0 auto;margin-top: -6px;padding-bottom: 5px;right:inherit !important;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch{width: 100% !important;margin: 0 !important;height: 25px;padding: 0;border: 1px solid #ddd;border-radius: 20px;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch:hover .switch-handle{background: #FFFFFF !important;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch:hover .my_numeracy_switch_label{background: #4298cc !important;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch .switch-label{height: 25px;font-size: 11px;box-shadow:none !important;    border-radius: 20px;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch .switch-label:after{left: 4px;top:6px;width:90px;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch .switch-label:before{right: 3px;top: 6px;width:90px;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch .switch-handle{height: 25px;width: 10px;top: -1px;left: -1px;border-radius: 0;border: 1px solid #ccc;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
#class_numeracy_switch_w .my_numeracy_class_container .my_numeracy_class_switch .switch-input:checked ~ .my_numeracy_class_switch-handle{left: 94px;border-radius: 0;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.completed_wrapper{
	 width: 185px;
    float: left;
    height: 26px;
    border-radius: 5px;
    margin-top: 7px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.completed_cell_disable{
	display:none;
	width:190px;
	height:40px;
	z-index:100000;
	position: absolute;
}
.completed_w{
	float:left;
	z-index: 0;
	background: #ddd;
}
.class_reflection{
  width: 40px;
}
.class_reflection .class_reflection_item{
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  z-index: 0;
}
.class_reflection .class_reflection_item:hover{
    border:2px solid #666;
}
.class_reflection .class_reflection_item:hover .my_numeracy_help_content{
    display: block;
}
.class_reflection .class_reflection_item .my_numeracy_help_content{
    top: -42px;
    z-index: 1;
    width: 100px;
    left: -130px;
}
.class_reflection_item_0{
    display:none;
}
.class_reflection_item_1{
    background: rgba(138,25,255,0.8);
}
.class_reflection_item_2{
    background: rgba(184,117,253,0.8);
}
.class_reflection_item_3{
    background: rgba(248,230,130,0.8);
}
.class_reflection_item_4{
    background: rgba(255,215,0,0.8);
}
#class_list_headings_actions {
	width: 1%;
}
.move_student input{
	  margin: 14px;
}
.move_student input label{
	  margin: 14px;
}
#class_list_headings_type {
	width: 3%;
}
#class_list_headings_results {
	width: 44%;
	height: 100%;
}
#class_list_headings_functions {
	width: 5%;
}
#class_list_headings_chart {
	width: 138px;
}
#class_list_headings_id {
	width: 40px;
	clear: both;
}
#class_list_headings_question {
	width: 636px;
	text-align: left;
	padding: 0px 5px;
}
#class_list_headings_correct {
	width: 80px;
}
#class_list_headings_result {
	width: 80px;
}
#class_list_headings_view {
	width: 80px;
}
.class_list_headings_actions {
	width: 30px;
	height: 40px;
	float: right;
	letter-spacing: 1px;
	font-weight: bolder;
	cursor: pointer;
	
	position: relative;
	list-style: none;
	text-align: center;
}
.actions_wrapper{
	margin: 0 auto;
    position: absolute;
    right: 0;
}
.actions_home{
    height: 40px;
    display: block;
    line-height: 31px;
    color: #646363;
    font-size: 18px;
    background: transparent url(../images/sort_icons.svg);
    width: 32px;
    background-size: 39px;
    background-position: -3px -6px;
    float: right;
}
.class_list_headings_actions:hover > ul {
	display: block;
	position: absolute;
	right: 40px;
	top: -21px;
	z-index: 8;
}
.class_list_headings_actions ul {
	display: none;
	left: -150px;
	background: #b8d6ee;
	width: 160px;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
 	box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
	background: #fff;
	border-radius: 5px;
	z-index: 6;
}
.class_list_headings_actions ul:after {
	content: "";
	clear: both;
	display: block;
	z-index: 6;
}
.class_list_headings_actions ul li:first-child {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.class_list_headings_actions ul li:last-child {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.class_list_headings_actions ul li a {
	color: #666;
	text-decoration: none;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	display: block;
	font-weight: 100;
	letter-spacing: 0;
}
.class_list_headings_actions ul li:hover {
	background-color:#ccebf3;
}
.admin_submenu_icons {
display: block;
    width: 30px;
    height: 30px;
    background: url(../images/list_class_icons.svg);
    position: relative;
    float: left;
    margin: 5px;
    background-size: 160px;
    /* background-color: #4298cc; */
    border-radius: 5px;
}
.action_window {
	position: absolute;
	width: 150px;
	height: 300px;
	background: #FFF;
	right: 0;
}
.delete_student {
	position: absolute;
	background: #FFF;
	width: 400px;
	height: 150px;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;
}
#save_class_edits label{
	font-size: 12px;
    text-align: center;
    margin-right: 20px;
    display: block;
    padding: 0;
}
.edit_student_wrapper {
	width: 100%;
	background: #FFF;
	position: absolute;
  	z-index: 10005;
}
.edit_student_wrapper span_icon {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../images/admin_submenu_icons.png);
	background-position: 23px;
	float: left;
	margin: 4px;
}
#edit_class_all{
	right: 20px;
	top: 98px;
	border-radius: 10px;
}
#edit_class_error{
	width: 350px;
    position: absolute;
    background: #FFF;
    top: 98px;
    right: 757px;
    z-index: 100000;
    border-radius: 10px;
}
#edit_class_error h2{
    font-size: 13px;
    padding: 5px 15px;
	text-align: center;
}
#error_warning {
	width: 500px;
	height: 32px;
	position: absolute;
	display: block;
	color: #FFF;
	right: 290px;
	z-index: 10000;
	background: #e0645c;
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
#error_warning h2{
	text-align: center;
    width: 100%;
	font-size: 10px;
	text-transform: uppercase;
}
#error_warning #error_message_text h2{
	text-align: center;
	padding:0;
}
.error_wrapper_button_class_edit {
	top: 0px;
	position: absolute;
	right: -90px;
}
.error_wrapper h2 {
	width: 488px;
	padding: 2px 0px 2px 0px !important;
	font-size: 10px !important;
	text-align: center;
	background: #e0645c;
}
#error_button {
	color: #666;
	background: #FFF;
    width: inherit;
    margin: 4px 0px;
	padding: 6px 10px;
	position: relative;
	right: -160px;
}
#error_button:hover {
	background-color: #ccebf3;
}
.triangle_right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 27.7px;
	border-color: transparent transparent transparent #e0645c;
	position: absolute;
	right: 63px;
}
.triangle_left {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 27.7px 16px 0px;
	border-color: transparent #e0645c transparent transparent;
	position: absolute;
	right: -27px;
}
#edit_student_save {
	position: absolute;
	right: 0px;
	top: 115px;
	width: 238px;
}
.student_sub_headings {
	width: 100%;
	height: 40px;
	position:relative;
	color:#616263;
	margin-top: 60px;
}
.student_sub_headings .current_titles{
	width: 50%;
    float: left;
    text-align: center;
    color: #616263;
    line-height: 50px;
    font-size: 1.4em;
    font-weight: 100;
}
.student_sub_headings .current_topic{
	width:33.33% !important;
}
#student_review_headings{
	position: absolute;
	width: 100%;
	top:150px;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
  border-radius: 5px;
}
.student_review_headings{
    height: 40px;
    position: relative;
    width: 100%;
    background: #FFF;
	border-radius: 5px;
  display: flex;
  justify-content: center;
}
.student_sub_main{
    margin-bottom: 20px;
    width: 90%;
    margin: 0 auto;
    margin-top: 90px;
    background: #fbfbfb;
    height: 50px;
    border-radius: 10px;
    max-width:1200px;
}
#export_student_pdf{
	width: 170px !important;
	text-align: right;
    padding-right: 20px;
    text-decoration: none;
    border: 1px solid #ddd;
    display: block;
    background: #FFFFFF url(../images/inlp_download.svg);
    background-size: 18%;
	background-position: 4px 6px !important;
	font-size: 11px;
    text-transform: none;
	margin: 0;
    background-repeat: no-repeat;
}
#export_student_pdf:hover{background-size: 18% !important;border: 1px solid #4298cc;color:#FFF;background-position: -10px 6px !important;}
#student_nav{
    position: absolute;
    width: 80px;
    height: 25px;
    right: 25px;
    margin: auto;
    top: 15px;
    background: #eee;
    border-radius: 5px;
    border: 1px solid #ddd;
    top: 100px;
    z-index: 1;
}
#student_nav .student_nav_button{
	height: 100%;
    width: 40px;
    min-width: 40px;
    border: 0;
    position: relative;
}
#student_nav .student_nav_button:hover{
	background: #eee !important;
}
#student_nav .student_nav_button .student_arrow{
    background-repeat: no-repeat;
    background-image: url(../images/menu_icons_all_v6.svg);
    width: 30px;
    height: 20px;
    position: absolute;
    background-size: 360px;
    left: 4px;
    top: 2px;
    background-position: -56px 0px;
}
#student_nav #student_nav_prev{
	float: left;
}
#student_nav .student_nav_button:hover .add_student_labels{
	display: block;
}
#student_nav .student_nav_button:first-child{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#student_nav .student_nav_button:last-child{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#student_nav #student_nav_prev .student_arrow{
    transform: rotate(-180deg);
    top: 4px;
    left: 6px;
}
#student_nav .student_nav_button .add_student_labels{
	top: 30px;
    transform: none;
    background-image: none;
    line-height: 20px;
    left: -30px;
    right: 0;
    margin: auto;
    height: 15px;
    line-height: 15px;
}
#student_nav #student_nav_next{
	float: right;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#user_profile{
    position: absolute;
    z-index: 1;
    right: 20px;
	top: 10px;
}
.user_profile_edit{
    width: 100%;
    top: 30px !important;
}
#user_profile #user_profile_avatar{
  width: 85px;
  height: 85px;
  border-radius: 50%;
  border: 3px solid #ddd;
  background: #ecf4f9;
  border-radius: 10px;
  border: 2px solid transparent;
}
#user_profile #user_profile_avatar img{
    width: 80%;
    margin: 10%;
}
#user_profile #user_details{
    position: absolute;
    top: 0;
    right: 100px;
    width: 450px;
}
#user_profile .edit_student_profile{
    width: 30px;
    height: 30px;
    background: url(../images/list_class_icons.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    position: absolute;
    right: 165px;
    top: 32px;
    border-radius: 5px;	
    z-index: 1;
}
#user_profile .edit_student_profile:hover{
	background-color: #ccebf3;	
}
#user_profile #user_details h2{
    text-align: right;
    color: #4298cc;
    line-height: 50px;
	height: 38px;
    font-size: 1.4em;
    padding-right: 100px;
    letter-spacing: 0;
    font-weight: 100;
}
#user_profile #user_details #student_year{
	height: 30px;
    line-height: 27px;
    font-size: 1em;
}
#user_profile #user_details .student_rewards_wrapper{
	width: 100px;
    height: 45px;
    position: absolute;
    right: 0;
}
#user_profile #user_details .student_rewards_wrapper img{
	width: 35px;
    float: right;
}
#user_profile #user_details .student_rewards_wrapper .student_reward_text{
	font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 1.8em;
    line-height: 40px;
    text-align: right;
    width: 35px;
    height: 35px;
    right: 35px;
    position: absolute;
    display: block;
    color: #f5df7a;
}
.user_profile_preview{
	top: 3px !important;
}
.user_profile_preview #user_profile_avatar{
	width: 40px !important;
    height: 40px !important;
}
.user_profile_preview #user_details{
    top: -10px !important;
    right: 50px !important;
}
.user_profile_preview #user_details h2:first-child{
	padding-right: 0 !important;
	line-height: 47px !important;
}
.user_profile_preview #user_details h2:last-child{
    padding-right: 0 !important;
    line-height: 23px !important;
    height: 20px !important;
    top: 30px;
    position: absolute;
    right: 0;
}
#export_student_report_pdf_wrapper{
	width: 800px;
    height: 400px;
    margin: -200px 0 0 -400px;
}
.exportloader:before,
.exportloader:after,
.exportloader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
#export_message{
	text-align: center;
    color: #4298cc;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 4px;
}
#export_download{
	border: none;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 3px;
    width: 180px;
    margin: 0 auto;
	display:block;
    text-align: center;
    border-radius: 30px;
}
.exportloader {
  color: #4298cc;
  font-size: 20px;
  margin: 10px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.exportloader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.exportloader:after {
  left: 3.5em;
}
.exportloader:before,
.exportloader:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.current_ass_student{
  	font-size: 13px;
	width: 38% !important;
	background: #FFF;
	height:70px;
}
.history_ass_student{
	font-size: 12px;
	width: 50% !important;
}
.current_ass_student span:first-child{
    width: 100%;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: relative;
}
.current_ass_student span:last-child{
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: block;
    height: 30px;
    line-height: 20px;
    position: relative;
}
#student_graph_legend{
    width: 150px;
    position: absolute;
    top: 90px;	
    display:flex;
}
.student_graph_legend_1{
    flex-direction: column;
}
.student_graph_legend_2{
    flex-direction: column-reverse;
}
.student_graph_legend_5{
    flex-direction: column-reverse;
}
#student_graph_legend #student_graph_legend_heading{
	text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#student_graph_legend .student_graph_legend_child{
    font-size: 12px;
    min-height: 40px;	
}
#student_graph_legend .student_graph_legend_child .student_graph_legend_text{
	width: calc(100% - 40px);
    padding-left: 40px;
    position: relative;	
}
#student_graph_legend .student_graph_legend_child .student_graph_legend_text span{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-weight: 600;
}
#student_graph_dropdowns{
    position: absolute;
    left: 0;
    right: 0;
    width:685px;
    margin: 0 auto;
    top: 57px;
    z-index: 2;	
}
#student_graph_dropdowns .toolbar_headings_functions{
	float: left;
	width: 200px;
}
#student_graph_dropdowns .toolbar_headings_functions .export_options_wrapper{
    right: 0;
    width: 300px;
    overflow: hidden;
    max-height: 400px;
}
#student_graph_dropdowns .toolbar_headings_functions .student_graph_curric{
	height: auto !important;
}
#student_graph_dropdowns .toolbar_headings_functions .export_options_wrapper input{
	display: none;
}
#student_graph_dropdowns .toolbar_headings_functions .export_options_wrapper .export_options_internal{
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 400px!important;
    height: auto!important;
}
#student_graph_dropdowns .toolbar_headings_functions .export_options_wrapper .export_options_internal .student_graph_dd{
    display:block;
}
#student_graph_dropdowns .toolbar_headings_functions .export_options_wrapper .scroll-wrapper .export_options_internal{
    max-height: 400px !important;	
    height: auto !important;
}
#student_graph_dropdowns .toolbar_headings_functions .dashboard_year_pop_up{
	height: auto !important;
    width: 150px;
}
#student_graph_dropdowns .toolbar_headings_functions .export_options_wrapper button{
	width: 300px;
}
#student_graph_dropdowns .toolbar_headings_functions .export_button_wrapper{
	width: 200px;
}
#student_graph_dropdowns .toolbar_headings_functions .export_button_wrapper button label{
    position: absolute;
    left: 20px;
    top: -3px;	
}
#student_graph_dropdowns .toolbar_headings_functions .export_button_wrapper .student_graph_main_button_locked{
	opacity: 0.5;
	pointer-events: none;
}
#student_graph_dropdowns .toolbar_headings_functions .export_button_wrapper button span{
	left: 87%;
}
#student_graph_dropdowns #student_graph_options_strands{
	width: 400px;
}
#student_graph_dropdowns .student_graph_options_locked{
	pointer-events: none;
    opacity: 0.6;	
}
#student_graph_dropdowns .student_graph_options{
	border: 1px solid #ddd;
    width: 350px;
    height: 30px;
    float: left;
    border-radius: 5px;
    padding: 0px 2px;
    background: #f5f5f7;	
}
#student_graph_dropdowns .student_graph_options button{
	background: transparent;
	font-size: 12px;
}
#student_graph_dropdowns .student_graph_options button:hover{
	background: #ccebf3; 
}
#student_graph_dropdowns .student_graph_options button label{
	transform: scale(0.8);
    transform-origin: center;	
}
#student_graph_dropdowns #student_graph_options_school{
    width: 220px;
    margin-right: 50px;
    background: #f5f5f7;
}
#student_graph_dropdowns .dashboard_active{
    background: #fdffeb !important;
    /*box-shadow: 0 0px 12px rgba(0,0,0,.2);	
	-webkit-box-shadow: 0 0px 12px rgba(0,0,0,.2);*/
}
#student_graph_dropdowns #student_graph_options_school #student_graph_button_03{
    width: 220px;
}
#student_graph_dropdowns #student_graph_options_school #student_graph_button_03 .export_button_wrapper{
    width: 220px;
}
#student_graph_dropdowns #student_graph_options_school #student_graph_button_03 .export_button_wrapper button{
    width: 220px;
    background: transparent;
}
#student_graph_dropdowns #student_graph_options_school #student_graph_button_03 .export_button_wrapper button:hover{
  	background: #ccebf3; 
}
#student_graph_dropdowns #student_graph_button_01{
	width: 150px;
}
#student_graph_dropdowns #student_graph_button_01 .export_button_wrapper{
	width: 220px;
}
#student_graph_dropdowns #student_graph_button_01 .export_button_wrapper button span{
    left: 85%;
}
#student_graph_dropdowns #student_graph_button_01 #export_options_wrapper{
	width: 220px;
}
#student_graph_dropdowns #student_graph_button_01 #export_options_wrapper button{
	width: 220px;
}
#student_graph_dropdowns .student_graph_dd{
	display: none;
}
#student_graph_dropdowns .student_graph_dd button{
	position: relative;
}
.student_graph_dd button input{
    z-index: 1;
    box-sizing: border-box;	
    left: 4px !important;
    top: 4px !important;
    pointer-events: none;
}
#export_pdf_wrapper_substrand{
	display: none;
    width: 300px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 25px;
    top: 0;
}
#export_pdf_wrapper_substrand #progress{
	height:25px !important;
}
#export_pdf_wrapper_substrand #progress #pdf_animator{
	height:25px !important;
}
#assessment_history_wrapper{
	padding-top: 50px;
	width: 100%;
	position: relative;
	display: none;
}
.assessment_history {
	clear: both;
	position: relative;
    background: #FFF;
}
#sunset_maths_wrapper{
    margin-top: 30px;
	min-height: 550px;
	text-align: center;
	font-weight: 100;
}
.sunset_maths_wrapper{
	height: 130px;
	width: 100%;
	clear: both;
}
.sunset_maths_wrapper_moon{
	margin-top: 20px;
}
.sunset_maths_wrapper .sunset_maths_internal{
	width: 1024px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
.sunset_maths_world_name{
    font-weight: 100;
    position: absolute;
    left: 0;
    top: -20px;	
}
.sunset_maths_wrapper .sunset_maths_internal .sunset_tags{
    width: 100%;
    height: 30px;
    position: absolute;
    margin-left: 55px;
}
.sunset_maths_wrapper .sunset_maths_internal .sunset_tags .sunset_level_tag{
    width: 235px;
    margin: 0px 1px;
    text-align: center;
    font-size: 14px;
    border-top: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    float: left;
    height: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sunset_level_tag_moon{
	width: 75px !important;
}
#sunset_maths_menu{
    width: 733px;
    height: 90px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#sunset_maths_menu .student_review_container{
	top: 86px;
    position: absolute;
    left: 0;
    right: 0;
    width: 71px;
    margin: auto;
}
#sunset_maths_menu .student_review_container label .switch-input:checked ~ .switch-label{
    background: #4298cc;	
}
#sunset_maths_menu .student_review_container .student_review_switch .student-review_label:after{
	color: #FFF;	
}
#sunset_maths_menu .sunset_maths_menu_item{
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 10px;	
    cursor: pointer;
    
}
#sunset_maths_menu .sunset_maths_menu_item:hover{
	background: #eee;
}
#sunset_maths_menu .sunset_maths_menu_item .sunset_maths_menu_icon{
    background-image: url(../images/game/maths_icon.svg);
	width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: 478px;
    position: absolute;
    margin: 5px;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#sunset_maths_menu .sunset_maths_menu_item .sunset_maths_menu_icon_moon{
	background: none;
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_5 .sunset_maths_menu_icon_moon_icon{
	position: absolute;
    width: 40px;
    height: 40px;
    background-size: 228px;
    background-position: -5px -5px;	
    background-image: url(../images/game/maths_icon.svg);
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_5 .sunset_maths_5_1{
    background-position: -3px -3px;
    left: 1px;
    top: 2px;
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_5 .sunset_maths_5_2{
    background-position: -49px -3px;
    left: 42px;
    top: 2px;
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_5 .sunset_maths_5_3{
    background-position: -94px -3px;
    left: 1px;
    top: 41px;
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_5 .sunset_maths_5_4{
    background-position: -141px -3px;
    left: 42px;
    top: 41px;
}
#sunset_maths_menu .sunset_maths_menu_item .sunset_maths_menu_icon:hover{
	transform: scale(1);
	-webkit-transform: scale(1);
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_1{
	background-position: -7px -8px;	
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_2{
	background-position: -104px -8px;	
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_3{
	background-position: -199px -8px;	
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_4{
	background-position: -297px -8px;	
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_6{
    background-image: url(../images/game/money_icon.svg);
    background-size: 100px;
    background-position: -10px -10px;
}
.sunset_maths_menu_icon_length{
	background-image: url(../images/game/length_volume_icon.svg) !important;
    background-size: 190px !important;
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_7{
	background-position: -7px -8px;	
}
#sunset_maths_menu .sunset_maths_menu_item #sunset_maths_8{
	background-position: -104px -8px;	
}
#sunset_maths_internal{
    width: 100%;
    position: relative;	
}
#sunset_maths_internal #sunset_maths_content{
    width: 80%;
    position: relative;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 100%;
    min-height: 400px;
}
#sunset_maths_internal #sunset_maths_content #sunset_maths_content_internal{
   /* position: absolute; */
   position: relative;
   margin-bottom: 200px;
}
#sunset_maths_internal #sunset_tags{
    height: 60px;
    margin-top: 30px;	
}
#sunset_tags .sunset_level_tag .sunset_level_tag_difficult{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 200px;
    top: 15px;	
}
#sunset_maths_internal #sunset_names{
	position: relative;
    width: 20%;
    float: left;
    padding-top: 90px;
}
#sunset_maths_internal #sunset_names .sunset_maths_names{
	position: relative;
	height: 75px !important;
}
#sunset_maths_internal #sunset_names .sunset_maths_reset{
	position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    border-radius: 5px;
    right: -50px;
    top: 10px;
    padding: 0;
    background: #FFF;
    border: 1px solid #ddd;
}
#sunset_maths_internal #sunset_names .sunset_maths_reset:hover{
	background: #ecf4f9;
}
#sunset_maths_internal #sunset_names .sunset_maths_reset span{
    background: url(../images/user_settings.svg);
    background-size: 70px;
    background-position: -1px -3px;
    width: 30px;
    height: 30px;
    margin: 5px;
    display: block;
    background-repeat: no-repeat;	
}
#sunset_maths_internal #sunset_names .sunset_maths_popup{
	right: -300px;	
	height: 185px;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_maths_level_warning{
	position: absolute;
	text-align: center;
	width: 100%;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .asr_reset_wrapper{
    width: 150px;
    margin: 0px auto;
    margin-top: 57px;	
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .message_buttons{
	width: 150px;
    margin: 0 auto;
    height: 30px;		
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_cell{
	border: 1px solid transparent;
    border-radius: 5px;
    width: 223px;
    float: left;
    height: 43px;
    margin-top: 10px;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options #sunset_reset_student{
	width: 150px;
	left: 0;
    right: 0;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_cell .sunset_cell_item{
	width: 132px;
    float: left;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_cell .sunset_cell_item .toolbar_dropdown{
    width: 110px;
    float: none;
    margin: 0 auto;
    margin-top: 8px;		
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_cell .sunset_cell_item .toolbar_dropdown button{
	border: 1px solid #ddd;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_cell .sunset_cell_item .toolbar_dropdown button span{
	left:80px;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_cell .sunset_cell_heading{
    font-size: 12px;
    width: 90px;
    float: left;	
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_cell .dropdown_styled{
  left: 102px;
  width: 110px;
  top: 95px;
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_timer_switch{
    top: 151px;
    right: 0;
    left: 0;
    margin: auto;
    width: 120px;	
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_timer_switch label{
	width: 120px;	
}
#sunset_maths_internal #sunset_names .sunset_maths_popup .sunset_config_options .sunset_timer_switch .student_review_switch .switch-input:checked ~ .student-review-handle{
	left: 100px;
}
#sunset_maths_internal #sunset_names .sunset_name{
    width: 90%;
    margin-top: 0;
    margin: 10px 0px 25px;
    line-height: 40px;
    height: 40px;
}
#sunset_maths_internal #sunset_names .sunset_name .zpd_name{
	float:right;
}
#sunset_maths_internal #sunset_names .sunset_avatar{
    float: left;
    position: relative;
    width: 13%;
    margin-top: 2px;
}
#sunset_maths_internal #sunset_tags .sunset_level_tag{
	width: 235px;
    margin: 20px 1px 0px 0px;
    text-align: center;
    font-size: 14px;
    border-top: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    float: left;
    height: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}
#sunset_maths_internal #sunset_tags .sunset_level_tag .sunset_level_label{
    margin-top: -20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 100;	
}
#sunset_maths_internal #sunset_maths_rows_wrapper .sunset_maths_row{
    width: 100%;
    height: 60px;
    margin-bottom: 15px;	
}
#sunset_maths_internal #sunset_maths_rows_wrapper .sunset_maths_row .sunset_maths_thumbs_wrapper{
	width: 210px;
    float: left;
	margin: 0px 14px;
    height: 100%;	
}
.sunset_dropshadow{
    box-shadow: inset 0 1px 10px rgba(0,0,0,.39), 0 -1px 1px #fff0, 0 1px 0 #fff0;
    border: 1px solid #FFF !important;
}
.table_wrapper_sunset_maths{
	border-top: 10px solid #eee;
    margin-top: 120px;
    display: block !important;
}
.difficult_wrapper{
	width: 1024px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    height: 20px;
    margin-bottom: 20px;
}
.difficult_wrapper .sunset_level_tag_difficult{
    border: 0;
    border-radius: 0;
    width: 200px;
    margin: 0px 18px;
    padding-right: 3px;
    float: left;
}
.difficult_wrapper .sunset_level_tag_difficult:first-child{
    margin-left: 74px;	
}
.sunset_difficult{
    width: 20px;
    float: left;
    margin: 0px 25px;
    position: relative;
}
.sunset_difficult:first-child{
    width: 10px;
    margin: 0px 27px;
}
.sunset_difficult:last-child{
	width: 30px;
    margin: 0px 0px 0px 22px;	
}
.sunset_triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 8.7px 5px;
	border-color: transparent transparent #4297cc transparent;
    margin: 0 auto;
    float: left;
}
.sunset_maths_wrapper .sunset_maths_internal .sunset_tags .sunset_level_label{
    margin-top: -20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
}
.sunset_maths_level{
    width: 58px;
    height: 58px;
    border-radius: 5px;
    /* -webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff0, 0 1px 0 #fff0; */
    /* box-shadow: inset 0 1px 10px rgba(0,0,0,.39), 0 -1px 1px #fff0, 0 1px 0 #fff0; */
    float: left;
    margin: 0px 5px;
    position: relative;
    background-size: cover;
    border: 1px dashed #ddd;
}
.sunset_maths_level_moon{
    margin: 0px 13px 0px 6px;	
}
.sunset_maths_level .sunset_level{
	width: 25px;
    height: 25px;
    background: #FFF;
    border-radius: 5px;
    background-repeat: no-repeat;
    margin: 15px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    border: 1px solid #ddd;
}
.sunset_maths_level .sunset_maths_skill{
	display: none;
	width: 200px;
    height: 100px;
    z-index: 1000;
    top: 70px;
    left: -80px;
    position: absolute;
}
.sunset_maths_level .sunset_maths_skill .zpd_detail_name{
	line-height: 30px;
	position: relative;
	margin-bottom: 10px;
}
.sunset_maths_level .sunset_maths_skill .zpd_detail_name span{
	width: 26px;
    height: 26px;
    position: absolute;
    display: block;
    background-image: url(../images/game/maths_icon.svg);
    border-radius: 50%;
    background-color: #FFF;
    background-size: 130px;
    background-position: 0px 0px;
    left: 2px;
    top: 2px;
}
.sunset_maths_level .sunset_maths_skill .zpd_detail_name .operator_1{
	background-position: 0px 0px;	
}
.sunset_maths_level .sunset_maths_skill .zpd_detail_name .operator_2{
	background-position: -26px 0px;
}
.sunset_maths_level .sunset_maths_skill .zpd_detail_name .operator_3{
    background-position: -52px 0px;	
}
.sunset_maths_level .sunset_maths_skill .zpd_detail_name .operator_4{
    background-position: -79px 0px;	
}
.sunset_maths_level .sunset_maths_skill .zpd_detail_name .operator_6{
	display: none !important;
}
.sunset_maths_level .sunset_maths_skill .sunset_difficulty{
    position: absolute;
    bottom: 0;
    height: 20px;
    width: 100px;
    right: 10px;
}
.sunset_maths_level .sunset_maths_skill .sunset_difficulty .sunset_difficulty_heading{
    font-size: 12px;
    float: left;
    position: relative;
}
.sunset_maths_level .sunset_maths_skill .sunset_difficulty .sunset_difficulty_wrapper{
	float: left;
    position: relative;
    margin-left: 10px;
}
.sunset_maths_level .sunset_maths_skill .sunset_difficulty .sunset_difficulty_wrapper .sunset_triangle{
    margin: 4px 0px;	
}
.sunset_maths_level .sunset_maths_skill .level_moon{
 	position: absolute;
    width: 110px;
    top: 100px;
    left: 110px;
}
.sunset_maths_level .sunset_maths_skill .operator_moon{
    position: absolute;
    width: 90px;
    height: 20px;
    top: 100px;
}
.sunset_maths_level .sunset_maths_skill .operator_moon .operator_moon_icon{
    background-image: url(../images/game/maths_icon.svg);
    width: 20px;
    height: 20px;
    display: block;
    background-size: 100px;
    border-radius: 50%;	
    float: left;
}
.sunset_maths_level .sunset_maths_skill .operator_moon .operator_moon_icon_1{
	background-position: 0px 0px;	
}
.sunset_maths_level .sunset_maths_skill .operator_moon .operator_moon_icon_2{
	background-position: -20px 0px;		
}
.sunset_maths_level .sunset_maths_skill .operator_moon .operator_moon_icon_3{
	background-position: -40px 0px;	
}
.sunset_maths_level .sunset_maths_skill .operator_moon .operator_moon_icon_4{
	background-position: -60px 0px;	
}
.sunset_maths_level .sunset_maths_skill .level_moon .level_moon_title{
	width: 40px;
	float:left;
	line-height: 20px;
}
.sunset_maths_level .sunset_maths_skill .level_moon .operator_moon_level{
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    float: left;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 3px 2px;
}
.sunset_maths_level:hover{
	box-shadow: inset 0 1px 10px rgba(0,0,0,.39), 0 -1px 1px #fff0, 0 1px 0 #fff0;
	border: 1px solid #FFF;	
}
.sunset_maths_level:hover .sunset_maths_skill{
	display: block;
}
.sunset_maths_wrapper .sunset_maths_internal .sunset_dropshadow{
	box-shadow: inset 0 1px 10px rgba(0,0,0,.39), 0 -1px 1px #fff0, 0 1px 0 #fff0;
	border: 1px solid #FFF;	
}
.sunset_maths_wrapper .sunset_maths_internal .sunset_level_complete{
    background: #4298cc !important;
    color: #FFF;	
    border: 1px solid #FFF !important;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs{
    position: absolute;
    width: 100%;
    top: 20px;	
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_maths_thumbs_wrapper{
    width: 210px;
    float: left;
    margin: 0px 15px;	
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .operator_icon{
    background-image: url(../images/game/maths_icon.svg);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: 300px;
    background-color: #FFF;
    border: 2px solid #FFF;
    background-position: -4px -5px;
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    float: left;
    margin-top: 5px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_length_mass{
	background-image: url(../images/game/length_volume_icon.svg) !important;
	background-size: 121px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_length{
    background-position: -5px -5px;	
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_mass{
    background-position: -67px -5px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .operator_icon_moon{
	background: #ddd;
	margin-right: 4px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .operator_icon_moon .operator_icon{
    width: 20px;
    height: 20px;
    background-size: 145px;
    margin: 0;
    position: absolute;
    border: 0;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .operator_icon_moon .operator_icon_moon_1{
    left: 6px;
    top: 13px;
    background-position: -4px -5px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .operator_icon_moon .operator_icon_moon_2{
    left: 27px;
    top: 13px;
    background-position: -33px -5px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .operator_icon_moon .operator_icon_moon_3{
    left: 7px;
    top: 33px;
    background-position: -63px -4px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .operator_icon_moon .operator_icon_moon_4{
    left: 27px;
    top: 33px;
    background-position: -92px -4px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_money{
	background-image: url(../images/game/money_icon.svg);
	background-size: 60px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_addition{
	background-position: -4px -5px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_substration{
	background-position: -65px -5px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_multiply{
    background-position: -125px -5px;
}
.sunset_maths_wrapper .sunset_maths_internal #sunset_maths_thumbs .sunset_division{
	background-position: -186px -5px;
}
#graph_chart{
	margin: 0 auto;
	width: 1024px;
	margin-top: 20px;
}
#growth_wrapper{
	width: 1024px;
    margin: 0 auto;
    position: relative;
    display: none;
}
#graph_wrapper{
	width:100%;
}
#graph_wrapper h2{
	text-align:center;
}
#reflection_graph_wrapper{
	width: 1024px;
    margin: 0 auto;
    position: relative;
}

#reflection_graph{
	width: 1024px;
    margin: 0 auto;
    position: relative;
}
.reflection_image_wrapper{
    position: relative;
    z-index: 10000;
}
.reflection_data_wrapper{
    position: relative;
    z-index: 10000;
    text-align: center; 
}
.yAxisreflection1{
    position: relative;
    z-index: 10000;
    top: 33px;
    right: 17px;
}

.yAxisreflection2{
    position: relative;
    z-index: 10000;
    top: 117px;
    right: 53px;
}

.yAxisreflection3{
    position: relative;
    z-index: 10000;
    top: 202px;
    right: 85px;
}
.yAxisreflection4{
    position: relative;
    z-index: 10000;
    top: 286px;
    right: 119px;
}

#numeracy_progression_main_wrapper{
	width: 100%;
	position: relative;
}
#numeracy_progression_wrapper{
	width: 100%;
}
#numeracy_progression_wrapper .history_assessment_table{
	margin-top: 0 !important;
}
#numeracy_progression_wrapper .achievement_header{
  display: flex;
  height: 50px !important;
  z-index: 999; /* modified - EAEN-284 -reduce it from the top layer than .ps__rail-x */  
  top: 5px;
  position: absolute;
}
#numeracy_progression_wrapper .achievement_header_fixed{
  position: fixed;
  background: #FFF;
  border-bottom: 1px solid #ddd;
  top: 0;
}
#numeracy_progression_wrapper .achievement_header .np_sub_column{
  padding-top: 0;
}
#numeracy_progression_wrapper .achievement_header .asr_curric_np{
  border-bottom: none !important;
  margin: 0 6px !important;
}
#numeracy_progression_wrapper #achievement_content{
  display: flex;
}
#numeracy_progression_wrapper #national_progression_summary{
  display: flex;
  position: absolute;
  top: 55px;
  z-index: 999999;
}
#numeracy_progression_wrapper .indicator_content{
  min-height: 40px;
}
#numeracy_progression_wrapper .indicator_content .np_user_indicator_id{
    width: 20px;
    height: 20px;
    position: absolute;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    background: #FFF;
    left: -5px;
}
#numeracy_progression_wrapper .indicator_content .np_user_not_assesed{
  border: 1px solid #eee !important;
}
#numeracy_progression_wrapper .indicator_content .np_user_understood{
  background: #c6e0ef;
  /*border: 1px solid #c6e0ef;*/
}
#numeracy_progression_wrapper .indicator_content .np_user_missunderstood{
  background: #eaf291;
  /*border: 1px solid #eaf291;*/
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id{
  border: 1px solid transparent;
  background: transparent;
  transform: none;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd{
  top: 0px;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd .np_user_summary{
  white-space: normal;
  clear: both;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 5px 0px;
  background: #fbfbfb;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd .np_user_summary .np_user_summary_header{
   text-align: center;
   width: 100%;
   margin: 0; 
   border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd .np_user_summary .np_user_summary_content{
   width: 100%;
   margin: 0 auto;   
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd .np_user_summary .np_user_summary_content .np_user_summary_row{
    text-align: center;    
} 
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd .np_user_summary .np_user_summary_content .np_user_summary_row:nth-child(even){
  background: #FFF;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_column .np_sub_element .np_user_indicator_title .np_user_indicator_id:hover .achievement_zpd{
  display: block;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_element .np_user_indicator_title .np_user_indicator_id .np_user_indicator_summary{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_element .np_user_indicator_title .np_user_indicator_id .np_user_indicator_summary .npui_common{
  background: #eaf291;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #a9a9a9;
  border-radius: 5px;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_element .np_user_indicator_title .np_user_indicator_id .npui_common_no_data .npui_common{
  background: transparent;
  border: 1px solid #eee;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_element .np_user_indicator_title .np_user_indicator_id .np_user_indicator_summary .npui_common:hover{
  transform: scale(1.2);
  border: 1px solid #666;
}
#numeracy_progression_wrapper #national_progression_summary .np_sub_element .np_user_indicator_title .np_user_indicator_id .np_user_indicator_summary .npui_common_understood{
  z-index: 1;
  background: #c6e0ef;
}
#numeracy_progression_wrapper .np_sub_column{
  padding-top: 10px;
  border-radius: 5px;
}
#numeracy_progression_wrapper .np_sub_column:nth-child(even){
  background: #f9f9f9;
  background: #fbfbfb;
}
#numeracy_progression_wrapper .np_sub_element{
  height: 33px;
  display: flex;
  border: 1px solid transparent;
  border-radius: 5px;
  margin: 2px 5px 5px 5px;
  position: relative;
}
#numeracy_progression_wrapper .np_sub_element .npi_user_highlight{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: calc(100% + 10px);
  height: 45px;
  top: -7px;
  display: none;
}
#numeracy_progression_wrapper .npi_user_hover .npi_user_highlight{
  display: block;
}
#national_progression_summary .np_sub_column{
  padding-bottom: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  border-radius: 0;
}
#numeracy_progression_wrapper .np_sub_element .np_user_status{
  /*border: 1px solid #ddd;*/
  border-radius: 5px;
  /*background: #fbfbfb;*/
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  left: -1px;
  top: -1px;
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_status_1{
  border: 1px solid #c6e0ef;
  background: #edf5fa;
}
#numeracy_progression_wrapper .np_sub_element .np_user_indicator_title{
  display: flex;
  /* z-index: 1;*/
}
#numeracy_progression_wrapper .np_sub_element .np_user_indicator_title .np_user_indicator_id{
  height: 20px;
  width: 20px;
  float: left;
  border: 1px solid #ddd;
  margin: 5px 5px;
  border-radius: 50%;
  background: #FFF;
  background: transparent;
  position: relative;
  cursor: pointer;
  transform: scale(0.7);
}
#numeracy_progression_wrapper .np_sub_element .np_user_indicator_title .np_user_indicator_understood{
  background: rgba(198,224,239,0.3);
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_indicator_title .np_user_indicator_id_1{
  background: #c6e0ef;
  border: 1px solid #c6e0ef;
  transform: none;
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_indicator_title .np_user_indicator_id_2{
  background: #eaf291;
  border: 1px solid #eaf291;
  transform: none;
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_indicator_title .np_user_indicator_id:hover{
  transform: scale(1.2);
  border: 1px solid #666;
}
#numeracy_progression_wrapper .np_sub_element .np_user_indicator_title .npi_hover{
  transform: scale(1.2) !important;
  border: 1px solid #666 !important;
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_indicator_title .np_user_indicator_id:hover:after{
  content: '';
  position: absolute;
  background: #666;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 6px
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_indicator_title .np_user_indicator_id:hover .achievement_zpd{
  display: block;
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd{
  transform: scale(0.8);
  transform-origin: top;
  top: 30px;
}
#numeracy_progression_wrapper #achievement_content .np_sub_element .np_user_indicator_title .np_user_indicator_id .achievement_zpd .npi_filter_desc{
  white-space: normal;
  text-align: center;
  border-top: 1px solid #ddd;
  height: 20px;
  width: 100%;
  clear: both;
  margin-top: 10px;
  padding-top: 10px;
}
#npi_filter{
  position: fixed;
  background: #eee;
  width: 100%;
  height: 50px;
  text-align: center;
  bottom: -50px;
  font-size: 14px;
  z-index: 1000000000;
}
#npi_filter #npi_filter_parent{
 width: 100%;
 width: calc(100% - 120px);
 justify-content: center;
 height: 100%;
 align-items: center;
 display: flex;
 padding: 0px 120px 0px 0px;
}
#npi_filter .npi_filter_1{
    background: #c6e0ef;
}
#npi_filter .npi_filter_2{
    background: #eaf291;
}
#npi_filter #npi_filter_clear{
  position: absolute;
  width: 110px;
  top: 6px;
  line-height: 30px;
  height: 30px;
  border-radius: 0;
  border: 0;
  font-size: 14px;
  right: 5px;
  height: 39px;
  padding: 0;
  border-radius: 5px;
}
#student_options_wrapper{
	width: 100%;
	position: relative;	
}
#student_options_wrapper #student_options_header{
	margin-top: 20px;
	height: 40px;
	margin-bottom: 20px;
  display:flex;
  justify-content: center;
}
#student_options_wrapper #student_options_header .student_option_wrapper{
    float: left;
    height: 40px;	
    background-color: #e4e4e4;
    cursor: pointer;
    
    width: 250px;
}
#student_options_wrapper #student_options_header .student_option_wrapper:hover{
	background: #ddd;
}
#student_options_wrapper #student_options_header .student_option_wrapper:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#student_options_wrapper #student_options_header .student_option_wrapper:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#student_options_wrapper #student_options_header .student_option_active{
    background-color: #4298cc !important;
}
#student_options_wrapper #student_options_header .student_option_wrapper h2{
    line-height: 40px;
    text-align: center;
    color: #666;
    font-weight: 400;
    font-size: 14px;	
}
#student_options_wrapper #student_options_header .student_option_active h2{
	color: #FFF !important;
}
#student_options_wrapper #student_option_internal{
	position: relative;
	min-height: 1000px;
	padding-top: 20px;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter{
	position: absolute;
    width: 350px;
    right: 0;
    left: 0;
    margin: auto;
    top: 60px;
    z-index: 1;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter .student_options_graph_item{
	width: 50%;
    float: left;
    position: relative;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter .student_options_graph_item input{
    position: relative;
    left: 0;
    display: block;
    margin: 0;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter .student_options_graph_item label{
	font-size: 12px;
	padding-top: 2px;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter .student_options_graph_item input:not(:checked) + label:before{
	left: 0;
    top: 0;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter .student_options_graph_item input:checked + label:before{
	left: 0;
    top: 0;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter .student_options_graph_item input:not(:checked) + label:after{
	left: 3px;
    top: 3px;
}
#student_options_wrapper #student_option_internal .student_option_graph_filter .student_options_graph_item input:checked + label:after{
	left: 3px;
    top: 3px;
}

#student_options_wrapper .student_statement_section {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;
}

#student_options_wrapper .student_statement_title {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    background-color: #f0f7fb;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#student_options_wrapper .student_statement_paragraph {
    line-height: 1.75;
    margin-bottom: 10px;
    font-size: 14px;
}
    
#student_options_wrapper .student_statement_demonstrated {
   background-color: #b6d7a8;
   color: #000;
}

#student_options_wrapper .student_statement_partial {
    background-color: #fefed9;
    color: #000;
}

#student_options_wrapper .student_statement_no {
    background-color: #ffdcd9;
    color: #000;
}

#student_options_wrapper .student_statement_na {
    color: #222;
}

.input_dropdown_split{
    width: 90%;
    margin: 0 auto;
    padding-left: 5%;
}
.input_dropdown_student{
	width:300px !important;
	text-align: center;
	text-align-last: center;
	font-size: 15px;
	height: 25px;
}
.input_dropdown_student_hidden{
	display: none;
}
.input_dropdown_range{
	width:140px !important;
	text-align: center;
	text-align-last: center;
	font-size: 15px;
	height: 25px;
  box-shadow: none !important;
}
.input_dropdown_range_fixed{
	background: #fff;
}
.input_dropdown_student option{text-align: left;}
#graph_placeholder{
	width: 940px;
    height: 500px;
	margin:0 auto;
	margin-top:40px;
}
#graph_placeholder .flot-text div div{
	font-size:15px !important;
}
#graph_placeholder .flot-text .flot-x-axis div{padding:10px 20px;}
#graph_placeholder .flot-text .tickLabel{
	text-align:center;
}
#graph_placeholder .legend{
	position: absolute;
    right: 0px;
    width: 100px;
    top: -40px;
}
#graph_xaxis{
    width: 849px;
    margin: 0 auto;
    overflow: auto;
    margin-top: -16px;
}
#graph_xaxis .xaxis_row{
    width: 100%;
}
#graph_xaxis .xaxis_row .xaxis_cell{
	width: 33.33%;
    float: left;
	text-align: center;
}
#active_quiz_funcitons{
	position: absolute;
  	right: 0;
 	top: -31px;
  	width: 126px;
}
#active_quiz_funcitons span{
	width:25%;
	float:right;
	margin: 2px;
}
.enable_assessment{
	border-radius: 5px;
	right: 0;
	left:0;
	margin: 0 auto;
	width: 100px;
	position: absolute;
    margin-top: 7px;
}
.history_actions {
	width:21px;
	height:25px;
	margin:0 auto;
	display: block;
	background-image: url('../images/current_functions.png');
}
#delete_quiz{
	background-position: 0px;
}
#delete_quiz:hover{
	background-position: 43px;
}
#unlock_quiz{
	background-position: 64px;
}
#unlock_quiz:hover{
	background-position:21px;
}
#student_overlay{
	display:none;
	height:261px;
	width:100%;
	top:50px;
	position: absolute;
    left: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.3);
}
.student_table{
	background-color:#fbfbfb;
	border-bottom: 1px solid #eee;
}
.student_table tr #assessment_breakdown{
  display: flex;
}
.student_table tr #assessment_breakdown #as_wrapper{
    padding-bottom: 30px;
}
.current_ass_message{
    position: fixed;
    width: 500px;
    height: 260px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FFF;
    z-index: 10004;
    display: none;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-radius: 10px;
}
.current_ass_message #a_up{
	border-color: transparent;
  	border-bottom-color: #fff;
  	border-style: dashed dashed solid;
  	border-width: 0 8.5px 8.5px;
  	position: absolute;
  	right: 50px;
  	top: -8px;
 	height: 0;
  	width: 0;
}	
.current_ass_message h2{
text-align: center;
    font-size: 22px;
    line-height: 40px;
    /* border-bottom: 1px solid #eee; */
    font-weight: 100;
}
.current_ass_message .img_wrapper{
	width: 33.33%;
  	position: relative;
 	float: left;
	margin-top: 25px;
}
.current_ass_message .message_body{
	float:left;
	width: 66.66%;
    height: 220px;
}

.current_ass_message .message_body p{
	color:#484848;
	padding: 5px 10px;
  	font-size: 13px;
  	line-height: 22px;
}
.current_ass_message .message_body p b{
    font-weight: 600;
    font-size: 15px;
    background: #ff5e5e;
    color: #fff;
    padding: 2px;
    border-radius: 5px;
}
.current_ass_message .message_body ol{
	margin-left: 30px;	
}
.current_ass_message .message_body ol li{
	font-size: 12px;
    list-style-type: disc;
}
.current_ass_message .message_content{
    width: 95%;
    clear: both;
    overflow: auto;
    height: auto;
    padding-bottom: 40px;
    margin: 0 auto;
    border-top: 1px solid #eee;
}
.current_ass_message .message_content h2{
	font-size: 15px;
    line-height: 21px;
    border: 0;
}
.current_ass_message .message_buttons{
	position: absolute;
    right: 30px;
    bottom: 20px;
}
.current_ass_message .confirm_image img{
	margin: 0 auto;
 	display: block;
  	padding-top: 16px;
}
#message_clear_buttons{
	width: 280px;
	right:20px;
}
#message_clear_buttons #message_clear_no{
	width: 50px;
}
#message_clear_buttons #message_clear_archive{
	width: 140px;
	border-left: 0;
    border-right: 0;	
}
#message_clear_buttons #message_clear_archive .my_numeracy_help{
	position: absolute;
    width: 250px;
    height: 110px;
    right: 0;
    margin: auto;
    left: 0;
    top: 30px;
    pointer-events: none;
	display: none;
}
#message_clear_buttons #message_clear_archive .my_numeracy_help .my_numeracy_help_content{
    left: 0;
    right: 0;
    top: 0;
    text-transform: none;	
	line-height: normal;
    display: block;
    width: 230px;
    height: 130px;
}
#message_clear_buttons #message_clear_archive .my_numeracy_help .my_numeracy_help_content img{
width: 200px;
    margin-top: 5px;
    border: 2px solid #ccebf3;
    border-radius: 5px;
}
#message_clear_buttons #message_clear_archive .my_numeracy_help .my_numeracy_help_content p{
	color: #666 !important;	
}
#message_clear_buttons #message_clear_archive:hover .my_numeracy_help{
	display: block;
}
#message_clear_buttons #message_clear_yes{
	width: 50px;
}
#new_student_loader{
	display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 32px;
    background-position: -3px -2px;
}
#new_student_name{
	margin: 0 auto;
    width: 272px;
    display: block;
    height: 49px;
}
#new_student_name input{
	width: 114px;
    float: left;
    clear: none;
}
#create_student{
    height: 500px !important;
    position: fixed;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#student_range_reset{
	 left: 30px;
    bottom: 129px;
    width: 150px;	
}
.student_range_reset{
	position: absolute;	
}
.student_range_reset:hover{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
}
.student_range_reset #student_range_reset_internal{
    overflow: hidden;
    width: 150px;
    height: 38px;
    border-radius: 4px;
    position: relative;
}
.student_range_reset #student_range_reset_internal .export_pdf_wrapper_range_reset{
	top: 0;
    right: 0;
    height: 38px;
}
.student_range_reset #student_range_reset_internal .export_pdf_wrapper_range_reset #progress{
	height: 38px;
}
.student_range_reset #student_range_reset_internal .export_pdf_wrapper_range_reset #progress #pdf_animator_all{
	height: 38px;
}
.student_range_reset #student_range_reset_internal .export_pdf_wrapper_range_reset #progress #pdf_animator_all label{
	width: 25px;
    float: left;
    margin: 0;	
}
.student_range_reset #student_range_reset_internal .student_range_reset_child{
	position: absolute;
	transition: 0.5s ease;
}
.student_range_reset .student_range_reset_1{
	background: #FFF;
    border: 0;
    border-radius: 5px;
    height: 38px;
    padding: 0;
    font-size: 12px;
    z-index: 1;
    width: 180px;
}
.student_range_reset .student_range_reset_1 .student_range_reset_child_internal{
	position: absolute;
	z-index: 0;
}
.student_range_reset .student_range_reset_child .student_range_reset_text{
	display: table;
  width: 130px;
  height: 38px;
  font-size: 12px;
}
.student_range_reset .student_range_reset_child .student_range_reset_text .student_range_reset_text_child{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.student_range_reset .student_range_reset_2{
	z-index: 0;
}
.student_range_reset .student_range_reset_2 #student_reset_proceed{
	position: absolute;
	right: -13px;
    top: 6px;
    min-width: 45px;
    border-radius: 5px;
}
.student_range_reset .student_range_reset_1 .student_range_reset_icon{
    right: -17px;
    top: 7px;
    width: 25px;
    height: 25px;
    background-image: url(../images/menu_icons_all_v6.svg);
    position: absolute;
    background-size: 1560%;
    background-position: -189px 0px;
}
.student_range_reset .student_range_reset_1 .student_range_close_icon{
    position: absolute;
    width: 30px;
    height: 38px;
    border-right: 1px solid #ddd;
    top: 0;
    background-color: #eeeeee;
    background-image:  url(../images/close_icon.svg);
    background-position: -5px -5px;
    right: -1px;	
    z-index: 1;
}
.student_range_reset .student_range_reset_1 .student_range_close_icon:hover{
	background-color: #dddddd;
}
.student_range_reset .student_range_reset_open{
	transform: translate(-152px, 0px)
}
#student_parent_password{
	left: 30px;
	bottom: 192px;
}
.student_parent_password{
	width: 150px;
    height: 38px;
    position: absolute;
    padding: 0;
    text-align: center;
    background: #f9f8f8;
    font-size: 13px;
}
#assessibility_student{
    right: 300px;
    top: 385px;	
}
#assessibility_student label{
    width: 152px;	
    height: 38px;
}
#assessibility_student .student_review_switch .student-review-handle{
    height: 34px;	
}
#assessibility_student .student_review_switch .switch-input:checked ~ .student-review-handle{
	left: 131px;	
}
#edit_buttons_wrapper .upload_student_ids{
  position: relative;
  float: left;
  width: 150px;
  overflow: hidden;
  margin-right: 10px;
}
#edit_buttons_wrapper .upload_student_ids #student_ids_which .switch-field{
  padding: 0;
  width: 144px;
  position: absolute;
  left: 20px;
  top: 44px;
}
#edit_buttons_wrapper .upload_student_ids #student_ids_which label{
    margin: 0;
    line-height: 30px;
    padding: 0;
}
#edit_buttons_wrapper .upload_student_ids #student_range_reset_internal{
  width:100%;
  height: 100%;
}
#edit_buttons_wrapper .upload_student_ids .student_range_reset_2 #student_reset_proceed{
  border: 0;
  height: 30px;
  line-height: 30px;
  position: relative;
  right: 0;
  top: 0;
}
#edit_buttons_wrapper .upload_student_ids .student_range_reset_1 .student_range_reset_icon{
  background-position: -221px 2px;
  transform: rotate(180deg);
}
#edit_buttons_wrapper .upload_student_ids #student_ids_upload_3 .student_range_reset_icon{
    transform: rotate(-90deg);
}
#edit_buttons_wrapper .upload_student_ids #upload_student_desc{
  position: absolute;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  bottom: 0;
  color: #666;
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  padding-bottom: 10px;
  display:none;
  width:100%;
}
#edit_buttons_wrapper .upload_student_ids #upload_student_desc #upload_student_desc_content{
    float: right;
    font-size: 12px;
    text-align: center;
    width:100%;
}
#edit_buttons_wrapper .upload_student_ids #student_ids_submit{
  position: absolute;
  width: 101px;
  height: 30px;
  bottom: -36px;
  right: -10px;
  margin: auto;
  padding-left: 35px;
  border-left: 1px solid #ddd;
}
#class_range_reset{
	position: relative;
    float: left;
    left: 0;
    bottom: 0;
    width: 150px;
}
#clear_students{
	height: auto !important;
}
#preview_range{
	display: none;
    background: #FFF;
    z-index: 1000000;
    border-radius: 10px;
    -webkit-box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
    box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	margin: auto;
}
#preview_range #preview_range_internal{
	z-index: 10;
    width: 100%;
    height: 100%;
    position: relative;	
    overflow: hidden;
    border-radius: 10px;
}
#preview_range #question_breadcrumb{
    position: absolute;
    z-index: 12;
    height: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 75px;
    background: #FFF;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
    box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
    padding: 2px;
    width: 0;
    display: none;
}
#preview_range #question_breadcrumb button{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 0;
    margin: 2px 2px;
    outline: 0;
    border: 0;
    background: #eee;
	cursor: pointer;
    
}
#preview_range #question_breadcrumb .active_breadcrumb{
	background: #4298cc !important;
}
#preview_range #preview_range_length{
    position: absolute;
    z-index: 1000;
    width: 260px;
    bottom: 0px;
    right: 0;
    margin: 0 auto;
    font-weight: 100;
    text-align: center;
    background: #FFF;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#preview_range #preview_range_details{
	 position: absolute;
    width: 900px;
    z-index: 11;
    height: 30px;
    background: #FFF;
    top: -40px;
    border-radius: 5px;
    z-index: 100;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#preview_range #preview_range_details .preview_range_headings{
	text-align: center;
    font-size: 12px;
    line-height: 30px;
    float: left;
}
#preview_range #preview_range_details #preview_range_strand{
    width: 250px;
}
#preview_range #preview_range_details #preview_range_substrand{
    width: 300px;
}
#preview_range #preview_range_details #dropdown_preview_range{
    width: 190px;
    left: unset;
    top: 40px;
    right: 100px;
}
#preview_range .range_preview_select{
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;
    height: 24px;
    border: 0;
    line-height: 24px;
    width: 210px;
    transition: none;
    -webkit-transition: none;
    border-radius: 5px;
    top: 3px;
}
#preview_range #range_preview_select{
	right: 102px;
	background-color: #FFF;
    color: #000;
    width: 190px;
}
#preview_range #range_preview_select:hover{
	background-color: #ccebf3;
	background-image: url(../images/dropdown_arrow.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
#preview_range #update_range_preview_select{
    height: 24px;
    border-radius: 5px;
    width: 95px;
    right: 3px;
    top: 3px;
    line-height: 24px;
}
#preview_range #preview_range_lock{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 11;	
}
.button_right_radius{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.button_left_radius{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.confirm_image{
	display: block;
 	width: 100px;
 	height: 100px;
	border-radius:10px;	
	margin: 0 auto;
}
.teacher_admin{
	background:#ccebf3 url("../images/teacher_admin.svg");
	background-size: 280%;
}
.current_ass_message p{
	color:#FFF;
	line-height: 17px;
    width: 90%;
    margin: 0 auto;
}
.clear_quiz_confirm{
	display:none;
	position: absolute;
  	left: 74px;
  	width: 509px;
  	background: #4298cc;
	color:#FFF;
  	z-index: 1;
  	height: 50px;
}
.clear_quiz_confirm p{
	font-weight:600;
	float: left;
  	text-align: center;
  	height: 50px;
	line-height: 50px;
}
.student_sub_headings h2 {
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: #4298cc;
  	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.border_right {
	border-right: 1px solid #ddd;
}
.border_left {
	border-left: 1px solid #ddd;
}
.image_list {
	height: 20px !important;
	display: block;
}
.center {
	text-align: center;
	text-transform: uppercase;
}
#analyse_breadcrumb{
	position:absolute;
	width: 100%;
    top: -204px;
}
.menu_breadcrumb {
	position:relative;
	display: block;
	margin: 5px 0px;
	width: 100%;
	list-style: none;
	float:left;
}
.menu_breadcrumb li {
	display: inline;
}
.menu_breadcrumb li p {
	font-size: 11px;
	float: left;
	padding: 7px 17px 5px 25px;
	margin-left: -13px;
	border: 1px solid #ddd;
}
.menu_breadcrumb li.first {
	padding-left: 8px;
}
.menu_breadcrumb li a, .menu_breadcrumb li a:link, .menu_breadcrumb li a:visited{
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 36px;
	color: #000;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 60px;
	position: relative;
	background: #e5e5e5;
	color: black;
}
.menu_breadcrumb li a:first-child {
	padding-left: 32px;
}
.menu_breadcrumb li a:first-child:before {
	left: 14px;
}
.menu_breadcrumb li a:hover, .menu_breadcrumb li a:hover:after, .menu_breadcrumb li a:active:after{
	color: #FFF !important;
	background-color:#4298cc;
	cursor: pointer;
	transition: all 0.5s;
}
.menu_breadcrumb li a:after{
	content: '';
	position: absolute;
	top: 0; 
	right: -18px;
	width: 36px; 
	height: 36px;
	-webkit-transform:scale(0.707) rotate(45deg);
	-ms-transform: scale(0.707) rotate(45deg);
	-moz-transform: scale(0.707) rotate(45deg);
	-o-transform: scale(0.707) rotate(45deg);
	transform: scale(0.707) rotate(45deg);
	background: #e5e5e5;
	border-radius: 0 5px 0 50px;
	box-shadow: 2px -2px 0 2px #FFF, 3px -3px 0 2px #FFF;
}
.menu_breadcrumb li a:active {
	color: #333;
	background-position: 100% -96px;
}
.menu_breadcrumb li.first a span {
	height: 29px;
	width: 3px;
	border-left: 1px solid #d9d9d9;
	position: absolute;
	top: 0px;
	left: 0px;
}
.menu_breadcrumb li:first-child a {
	z-index: 7;
	margin-left: 140px;
}
.menu_breadcrumb li:nth-child(2) a {
	z-index: 6;
}
.menu_breadcrumb li:nth-child(3) a {
	z-index: 5;
}
.menu_breadcrumb li:last-child a {
	z-index: 4;
	color: #000
}
.analyse_wrapper{
	margin-top: 60px !important;
}
#analyse_search_button{
	cursor: pointer;
    
    width: 150px;
    height: 60px;
    border: none;
    position: absolute;
    right: 90px;
    top: -52px;
    background: url("../images/analyse_search.svg") center center;
    background-size: 20%;
    background-position-x: 40px;
    outline: 0;
    background-repeat: no-repeat;
    padding-left: 60px;
	z-index:100;
}
.analyse_search_common{
	font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #4298cc;
}
.analyse_search_common:hover{
	color:#6d6e72;
}
.search_disabled{opacity:0.5;pointer-events: none;}
.search_hidden{opacity:0;pointer-events: none;}
#analyse_search_wrapper{
    margin-top: 50px;
    padding-bottom: 30px;
}
#analyse_search_wrapper .analyse_search_wrapper{
	width: 100%;
    clear: both;
}
#analyse_search_wrapper #analyse_search_menu{
	width:100%;
	height: 340px;
	z-index: 1;
    position: relative;
}
#analyse_search_wrapper #analyse_search_menu .search_descrip{
    margin: 0 auto;
    font-weight: 100;
    margin-top: 19px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}
#analyse_search_wrapper #analyse_search_menu .search_achievment{
	width:100%;
	float:left;
}
#analyse_search_wrapper #analyse_search_menu #analyse_search_asr_wrapper{
	width: 750px;
    margin: 0 auto;
}
#analyse_search_wrapper #analyse_search_menu .analyse_search_asr_wrapper_2{
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    padding-top: 40px;
    width: 600px !important;
    height: 25px;
}
#analyse_search_wrapper #analyse_search_menu #search_wrapper_5 .analyse_button_wrapper .group_classes:not(:checked) + label:before{
    top: -1px;
    left: -10px;
}
#analyse_search_wrapper #analyse_search_menu #search_wrapper_5 .analyse_button_wrapper .group_classes:checked + label:before{
    top: -1px;
    left: -10px;
}
#analyse_search_wrapper #analyse_search_menu #search_wrapper_5 .analyse_button_wrapper .group_classes:not(:checked) + label:after{
    top: 3px;
    left: -7px;
}
#analyse_search_wrapper #analyse_search_menu #search_wrapper_5 .analyse_button_wrapper .group_classes:checked + label:after{
    top: 3px;
    left: -7px;
}
#analyse_search_wrapper #analyse_search_menu .analyse_dropdown_style_wrapper{
	display:none;
	width: 276px;
    position: absolute;
    top: 39px;
	z-index:1001;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 5px;
    overflow: hidden;
}
#analyse_search_wrapper #analyse_search_menu .analyse_dropdown_style_wrapper .scroll-wrapper{
	max-height: 200px;
}
#analyse_search_wrapper #analyse_search_menu #analyse_dropdown_2 #export_options_internal_substrands{
  max-height: 500px;
  height: 100%;
    position: relative;
}
#analyse_search_wrapper #analyse_search_menu #analyse_dropdown_2{
  width: 400px;
  left: -70px;
  max-height: 500px;
}
#analyse_search_wrapper #analyse_search_menu #analyse_dropdown_2 #analyse_strand_overview{
    border-bottom: 5px solid #ddd;
    background: #FFF;
}
#analyse_search_wrapper #analyse_search_menu #analyse_dropdown_2 #export_options_internal_substrands button{
  width: 100%;
  height: auto;
  min-height: 30px;
}
#analyse_search_wrapper #analyse_search_menu #analyse_search_asr_wrapper .analyse_button_wrapper{
	width:276px;
	float:left;
	position:relative;
}
#analyse_search_wrapper #analyse_search_menu .analyse_button_wrapper .anlayse_dropdown_arrow{
	border-color: transparent transparent #e5e5e5 transparent;
    top: -10px;
    left: 50%;
	margin-left:-7px;
}
#analyse_search_wrapper #analyse_search_menu  .analyse_dropdown_style{
	width: 276px;
    height: 30px;
    outline: 0;
    border: 0;
	cursor: pointer;
    
    background: #fff;
    border: 1px solid transparent;
    margin-top: -1px;
	color: #6d6e72;
}
#analyse_search_wrapper #analyse_search_menu  .analyse_dropdown_style_2{
	width:100%;
}
#analyse_search_wrapper #analyse_search_menu .analyse_dropdown_style:hover{
	background: #ccebf3 !important;
	border:1px solid #ccebf3;
}
#analyse_search_wrapper #analyse_search_menu #analyse_search_close{
	outline: none;
    width: 150px;
    height: 40px;
    position: absolute;
    right: 55px;
    cursor: pointer;
    background: url("../images/search_close_bt.png");
    background-repeat: no-repeat;
    border: 0;
	top: 9px;
}
#analyse_search_wrapper #analyse_search_menu .analyse_dropdown{
	width: 276px;
    height: 36px;
    outline: 0;
    border: 0;
	cursor: pointer;
	float: left;
	background: #ecf4f9 url(../images/analyse_dropdown_arrow.svg);
	background-repeat:no-repeat;
	font-size:11px;
	background-position: 98%;
    background-size: 8%;
	color: #6d6e72;
    font-weight: 600;
	border: 1px solid transparent;
	text-transform: uppercase;
}
#analyse_search_wrapper #analyse_search_menu .analyse_dropdown:hover{
	background: #ccebf3 url(../images/analyse_dropdown_arrow.svg);	
	background-repeat:no-repeat;
	background-position: 98%;
	background-size: 8%;
	border:1px solid #ccebf3;
}
#analyse_search_wrapper #analyse_search_content{
	margin-top:100px;
}
#analyse_menu{
	position: absolute;
    right: 270px;
	z-index: 1000;
	margin: 8px;
}
.analyse_active{
	background-color:#1fa1d2 !important;
	color: #FFF !important;
}
#analyse_strand_wrapper{
    margin: 0 auto;
    z-index: 1000;
    overflow: auto;
    display: flex;
    justify-content: center;
    height: 60px;
}
#analyse_strand_wrapper label{
    position: relative;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    max-width: 200px;
}
#analyse_strand_wrapper .analyse_strand_button div{
    display: table;
    width: 100%;
    height: 100%;	
}
#analyse_strand_wrapper .analyse_strand_button div div{
	display: table-cell;
    vertical-align: middle;	
}
#analyse_strand_wrapper .analyse_strand_button:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#analyse_strand_wrapper .analyse_strand_button:last-child{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.a_s_number{
	background-color:#f5df79;
}
.a_ss_number{
	background-color:#f5df79;
}
.a_s_measurement{
	background-color:#b4d7eb;
}
.a_ss_measurement{
	background-color:#b4d7eb;
}
.a_s_statistics{
	background-color:#f7b6b0;
}
.a_ss_statistics{
	background-color:#f7b6b0;
}
.a_s_reading{
	background-color:#A5D3CA;
}
.a_ss_reading{
	background-color:#A5D3CA;
}
.a_s_writing{
	background-color:#d8b2d8;
}
.a_ss_writing{
	background-color:#d8b2d8;
}
.a_s_writing_creating{
	background-color:#d8cdec;
}
.a_ss_writing_creating{
	background-color:#d8cdec;
}
.a_s_language{
	background-color:#b8cbff;
}
.a_ss_language{
	background-color:#b8cbff;
}
.a_s_literature{
	background-color:#ffddd4;
}
.a_ss_literature{
	background-color:#ffddd4;
}
.a_s_literacy{
	background-color:#99e1dc;
}
.a_ss_literacy{
	background-color:#99e1dc;
}
#analyse_strand_wrapper .analyse_strand_button:hover{
	background-color:#ccc !important;
}
.analyse_substrand .analyse_substrand_button{
    height: 60px;
    position: absolute;
    text-align:center;
    border: 0;
    outline: 0;
	font-size: 11px;
	color:#484848;
	font-family: 'Open Sans', 'sans-serif';
	float:left;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	z-index: 1;
	font-weight: 600;
	width: 95%;
	left: 0;
	right: 0;
    margin: 0 auto;
    border-radius: 5px;
}

.analyse_substrand .analyse_substrand_button span{
    vertical-align: middle;
    height: 60px;
}
.analyse_substrand .button_wrapper{
	float:left;
	position:relative;
	height:60px;
}
.strand_active{
	color:#FFF !important;
}
#analyse_substrand_wrapper{
    width: 100%;
	height:32px;
	/*overflow:auto;*/
	position: relative;
	border-top:2px solid #fff;
	z-index: 1000;
}
#analyse_substrand_wrapper #student_graph_dropdowns{
	width: 356px;
	top: 0px;
}
#analyse_substrand_wrapper #student_graph_dropdowns #student_graph_options_other{
    padding: 0;	
}
#analyse_substrand_wrapper #student_graph_dropdowns #student_graph_options_other .toolbar_dropdown{
	width: 352px;
	display: none;
}
#analyse_substrand_wrapper #student_graph_dropdowns #student_graph_options_other .toolbar_dropdown .export_button_wrapper{
	width: 347px;	
}
#analyse_substrand_wrapper #student_graph_dropdowns #student_graph_options_other .toolbar_dropdown .export_button_wrapper button span{
	left: 90%;	
}
#analyse_substrand_wrapper #student_graph_dropdowns #student_graph_options_other .toolbar_dropdown .export_button_wrapper .export_options_wrapper{
	width: 350px;	
}
#analyse_substrand_wrapper #student_graph_dropdowns #student_graph_options_other .toolbar_dropdown .export_button_wrapper .export_options_wrapper button{
	width: 350px;
}
.analyse_substrand{
	position: absolute;
    top: -60px;
	width: 100%;
	height: 60px;
}

.analyse_substrand .analyse_substrand_button:hover{
	background-color:#4298cc !important;
	color: #FFF !important;
}

.analyse_substrand .analyse_substrand{
	width:100%;
	margin:0 auto;
}
.analyse_table_graph{
	clear:both;
	width:100%;
	position: relative;
	z-index:1;
}
.anlayse_functions{width:125px;position: relative;height: 27px;}
#analyse_switches_wrapper{
   width: 600px;
   margin: 0 auto;
   height: 30px;
}
#analyse_switches_wrapper #analyse_growth_switch{
  width: 140px;
}
.analyse_export_wrapper{
	position: absolute;
    right: 0;
    top: 13px;
}
.analyse_switches{
    width: 110px;
    margin: 0 auto;
    position: relative;
}
#whole_school_data{
  color: #f6f6f6;
  position: absolute;
  width: 230px;
  right: 68px;
  top: 20px;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  height: 10px;
  border-bottom: 1px dashed #f6f6f6;
  padding-bottom: 2px;
}
.analyse_switch_parent{
  margin: 0;
  top: 37px !important;
}
.analyse_switch_parent .switch{
  width: 110px;
}
#schedule_dropdown_wrapper.analyse_switch_parent .switch{
    width: 110px;
}
.analyse_switch_parent .switch-input ~ .switch-handle{
    box-shadow: none;
  }
.analyse_switch_parent .switch-input:checked ~ .switch-handle{
  left: 87px;
  box-shadow: none;
}
#schedule_dropdown_wrapper.analyse_switch_parent .switch-input:checked ~ .switch-handle{
    left: 87px;
    box-shadow: none;
  }
.analyse_switches h2{float: left;padding: 18px 0px;color: #4298cc;font-weight: 100;}
.schedule_dropdown{
	transition: none;
}
#schedule_dropdown_wrapper{
	left: 10px;
    top: 37px;
    width: 110px;
}
#schedule_dropdown_wrapper #schedule_dropdown{
    width: 110px;
    left: 15px;
    background-color: #f6f6f6;
    border-radius: 5px;
    display: block;
    height: 25px;
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 25px;
    text-decoration: none;	
    background-position: 97% 50%;
}
#schedule_dropdown_wrapper #schedule_dropdown:hover{
	background-color:#dcdcdc !important;
}
#schedule_dropdown_wrapper #schedule_dropdown_list{
	top: 30px;
    left: 15;
	width: 110px;
	display: none;
	border-radius: 5px;
}
#schedule_strands_fixed{
	position: fixed;
    width: 100%;
    bottom: 0;	
}
#schedule_tile_bank{
	position: absolute;
    width: 100%;
    right: 0;
    height: 100%;
    top: 0;
	z-index: 1000;
	transform: translateY(100%);
}
#schedule_tile_bank .schedule_help{
	display: none;
	font-weight: 100;
	font-family: 'Open Sans', 'sans-serif';
	position: absolute;
    bottom: 0;
    width: 100%;
    background: #FFF;
    right: 0;
    text-align: center;
    height: 40px;
    line-height: 40px;
    z-index: 10000;
}
#schedule_help_loader{
    width: 400px;
    height: 30px;
    margin: 0 auto;
    /* bottom: -100px; */
    position: absolute;
    z-index: 10000;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(70px);
    display: none;
}
#schedule_help_loader .schedule_help_loader_interior{
	position: relative;
	width: 100%;
	height: 30px;
}
#schedule_help_loader .schedule_help_loader_interior .cs-loader{
	color: #4298cc !important;
}
#schedule_help_loader .schedule_help_loader_interior .cs-loader .cs-loader-inner{
	color: #4298cc !important;
}
.schedule_help_visible{
	z-index: 1000 !important;
}
#schedule_help_lock{
	width: 100%;
	height: 100%;
	position: absolute;
	background: transparent;
	z-index: 100000000;
	display: none;
	top: 0;
}
#schedule_help_lock .schedule_help{
    position: absolute;
    width: 400px;
    height: 150px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #FFF;
    border-radius: 5px;	
    display: none;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    padding: 10px;
    font-size: 20px;
    font-weight: 100;
}
#schedule_help_lock .schedule_help .schedule_help_interior{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
#schedule_help_lock .schedule_help .schedule_help_interior .schedule_help_interior_text{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width:100%;
	text-align: center;
}
#schedule_help{
  left: 5px;
  top: 5px;
}
.schedule_modify{
    border-radius: 5px;
    padding: 0px;
    height: 20px;
    width: 70px;
    position: absolute;
    z-index: 1;
    text-align: center;
    font-weight: 100;
    line-height: 20px;  
}
#schedule_modify{
	left: 5px;
  top: 30px;
}
#schedule_modify_wrapper{
	display: none;
	position: absolute;
	left: -15px;
  top: 20px;
    height: 200px;
    width: 240px;
    overflow: hidden;
}
#schedule_modify_wrapper .schedule_modify_item{
    width: 200px;
    height: 30px;
    background: #FFF;
    position: absolute;
    right: 20px;
    z-index: 10000;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    top: -40px;
    cursor: pointer;
    
    
}
#schedule_modify_wrapper .schedule_modify_item:hover{
	background: #ccebf3 !important;
}
.schedule_admin_item{
	top: 0;
    bottom: 0;
    margin: auto !important;
    width: 400px;
    height: 200px;
    background: #fff;
    z-index: 1000;
    position: absolute;
    border-radius: 10px;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    display: none;
}
.schedule_admin_item .schedule_admin_item_interior{
	position: relative;
    margin: 0 auto;
    height: 100%;
}
.schedule_admin_item .schedule_admin_item_interior .schedule_admin_item_header{
	text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: 100;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
}
.schedule_admin_item .schedule_admin_item_interior .schedule_admin_item_body{
	font-weight: 100;
    text-align: center;
    padding: 10px;
}
.schedule_admin_item .schedule_admin_item_interior .schedule_admin_item_body p{
	margin-bottom: 10px;
}
.schedule_admin_item .schedule_admin_item_interior .schedule_admin_item_action{
 	width: 100px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
}
.schedule_admin_item .schedule_admin_item_interior .schedule_restore_proceed{
	display: none;
}
#schedule_export{
    left: 20px;
    margin: 0 auto;
    top: 80px;
    z-index: 10;
    width: 190px;
    position: absolute;
}
#schedule_export button{
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    border: 1px solid transparent;
    text-align: right;
    padding-right: 20px;
    text-decoration: none;
    display: block;
    background: #FFFFFF url(../images/inlp_download.svg);
    background-size: 18%;
    background-position: 5px 2px;
    font-size: 12px;
    margin: 0;
    text-transform: none;
}
#schedule_export button:hover{
	color: #FFF;
}
#schedule_overlay{
	display: none;	
}
.schedule_overlay{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
	background-color: rgba(0,0,0,0.3);
    background: linear-gradient(0deg, rgba(0,0,0,0.3) 60%, rgba(2,0,36,0) 100%);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    display: none;
	width: 100%;
    height: 100vh;
}
#schedule_tile_bank #schedule_strand_close{
    display: block;
    transform: rotate(45deg);
    top: 60px;	
}
#schedule_tile_bank .schedule_tile_bank_wrapper{
	width: 100%;
	height: 100%;
	transform: translateY(100%);
	position: absolute;
}
#schedule_tile_bank .schedule_tile_bank_interior{
	height: 100%;
    width: 300px;
    float: left;
    position: relative;
    z-index: 101;
}
#schedule_tile_bank .schedule_category{
	position: absolute;
    bottom: 50px;
    width: 230px;
    text-align: center;
    color: #FFF;
    /* border: 1px solid #FFF; */
    border-radius: 5px;
    right: 25px;
    background: #FFF;
    color: #666;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
#schedule_tile_bank .schedule_category:first-child{
    left: 25px;
}
#schedule_tile_bank #schedule_close{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;	
}
#schedule_tile_bank .schedule_tile_bank_interior_open{
	transform: translateY(0);
}
#schedule_tile_bank .schedule_strand{
	width: 95%;
    height: 40px;
    border-radius: 5px;
    border: 0;
    margin: 10px 0px;
    padding: 0;
    font-size: 15px;
    font-weight: 100;
    bottom: -100px;
    position: absolute;
    z-index: 1000;
}
#schedule_tile_bank .schedule_strand:hover{
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
.schedule_tile_bank_open{
	transform: translateY(0%) !important;
}
#schedule_tile_bank .schedule_substrand_wrapper{
    position: absolute;
    width: 250px;
    /* left: 0; */
    bottom: -40px;
    /* margin: auto; */
}
#schedule_tile_bank_interior_1{
	float:right !important;
}
#schedule_tile_bank_interior_0 .schedule_substrand_wrapper{
	left:5%;
}
#schedule_tile_bank_interior_1 .schedule_substrand_wrapper{
	right:5%;
}
#schedule_tile_bank_interior_4{
	float:right !important;
}
#schedule_tile_bank_interior_3 .schedule_substrand_wrapper{
	left:5%;
}
#schedule_tile_bank_interior_4 .schedule_substrand_wrapper{
	right:5%;
}
.schedule_tiles{
    border-radius: 5px !important;
    /* box-shadow: none !important;	 */
    border: 0 !important;
    border-radius: 5px !important;
}
.schedule_tiles .substrand_title{
	border-radius: 5px !important;
  text-decoration: none !important;
  position: relative;
  height: 30px;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  padding: 0;
  align-items: center;
}
.schedule_tiles .substrand_title .tile_titles{
	z-index: 1;
    position: relative;
}
.schedule_tiles .substrand_title .schedule_pre_post{
    border-radius: 3px;
    height: 15px;
    line-height: 15px;
    width: 26px;
    font-size: 10px;
    margin: 0;
    top: unset;
    top: initial;
    bottom: 3px;
    right: 3px;
    z-index: 2;
    display: none;
}
.schedule_tiles .substrand_title .topic_title{
    text-align: center;
    font-size: 11px;
}
.schedule_tiles .substrand_title .scope_title{
	display: none;
}
.tile_dropped .schedule_title{
    margin: 5px 0px;
	padding: 0 !important;
	border-radius: 5px;
	display: table;
    width: 100%;
    height: 20px;
}
.tile_dropped .schedule_title .schedule_interior{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    border-radius: 5px;	
    border: 1px solid #ddd;
}
.tile_dropped .schedule_title .schedule_interior .remove_tile{
	right: -11px;
    position: absolute;
    top: -11px;
    width: 27px;
    height: 27px;
    background-position: -7px -11px;
    display: none;
    z-index: 10;
}
.tile_dropped:hover .schedule_title .schedule_interior .remove_tile{
	display: block;
}
.tile_dropped .schedule_title .schedule_interior .remove_tile:hover{
	background: #4298cc url(../images/close_icon.svg);
	background-position: 36px -12px;
}
.schedule_title .schedule_interior .remove_tile_hide{
	display: none !important;
}
.tile_dropped:hover .schedule_title .schedule_interior .remove_tile_hide{
	display: none !important;
}
.tile_dropped{
    background: none !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}
.tile_dropped_100 .schedule_title{
	height: 80px;	
}
.tile_dropped_50 .schedule_title{
	height: 38px;	
}
.tile_dropped_33 .schedule_title{
	height: 23px;	
}
.schedule_tiles_hovering{
	z-index: 100000 !important;
	box-shadow: 0 2px 20px rgba(0,0,0,.2) !important;
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2) !important;
}
#shedule_table_wrapper{
	width: 100%;
    z-index: 0;
    position: relative;
}
#shedule_table_wrapper #schedule_content #schedule_parent .ps__rail-x{
    display: block !important;
}
#shedule_table_wrapper #schedule_header{
	width: 100%;
	text-align: center;
	border-bottom: 10px solid #eee;
}
#shedule_table_wrapper #schedule_functions{
	position: absolute;
    bottom: 0px;
    width: 90%;
    height: 35px;
    z-index: 10;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 5px 5% 0 5%;
    background: #FFF;
    border-top: 1px solid #ddd;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
}
#shedule_table_wrapper #schedule_functions .schedule_strands{
    width: 33%;
    height: 30px;
    border: 0;
    border-radius: 5px;
    transition: none !important;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 13px;
}
#shedule_table_wrapper #schedule_functions .schedule_strands:hover{
	/* 
	box-shadow: 0px 1px 20px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 20px 4px rgba(0, 0, 0, 0.15);
	*/
    border: 1px solid #666; 
}
#shedule_table_wrapper #schedule_functions #schedule_trash{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    height: 100px;
    bottom: 20px;
    background: #eee;
    z-index: 100000;
}
#shedule_table_wrapper #schedule_functions .schedule_functions_item{
	width:100px;
}
#shedule_table_wrapper #schedule_functions .schedule_functions_item:first-child{
	float:left;	
}
#shedule_table_wrapper #schedule_functions .schedule_functions_item:last-child{
	float:right;	
}
#shedule_table_wrapper #schedule_functions .schedule_functions_item .add_student_wrapper{
	width: 60px;
    margin: 0;
    height: 60px;
    margin: 0 auto;
    float: none;
}
#shedule_table_wrapper #schedule_functions .schedule_functions_item #schedule_trash{
	display: none;
	right: 0;
}
#shedule_table_wrapper #schedule_add{
	position: absolute;
	top: 5px;
	right: -5px;
}
#shedule_table_wrapper #schedule_add button{
	box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);	
}
#schedule_content{
	min-width: 1024px;
	margin: 0 auto;
}
#schedule_parent{
    width: 100%;
    margin: 0 auto;
    position: relative;
    /*overflow-y: scroll;*/
    display: none;
}
#schedule_content .scroll-wrapper{
	height: 100% !important;
}
#schedule_content .schedule_week_wrapper{
	margin-top: 72px;
    height: 100%;
    padding-top: 0px !important;
    height: calc(100% - 72px) !important;
}
#schedule_content .ps__rail-x{
	top: 0px;	
    z-index: 1000001;
}
#schedule_parent #schedule_headings{
    font-weight: 100;	
	position: fixed;
	z-index: 1000001;
}
#schedule_legend{
	background: #FFF;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    border-radius: 5px;
    position: absolute;
    width: 400px;
    height: 40px;
    z-index: 1;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
}
.schedule_legend_term{
	height: 50px !important;		
}
.schedule_legend_term .schedule_legend_readonly{
    width: 100%;
    text-align: center;
    font-size: 12px;	
}
#schedule_legend .schedule_legend_interior{
    width: 90%;
    margin: 0 auto;
    height: 30px;	
}
#schedule_legend .schedule_legend_interior .schedule_legend_item{
	width: 24px;
    height: 24px;
    border-radius: 5px;
    float: left;
    background: #eee;
    margin: 8px 2px 0px 0px;
}
#schedule_legend .schedule_legend_interior .schedule_legend_heading{
	line-height: 24px;
    font-size: 12px;
    margin-top: 8px;
    float: left;	
}
.schedule_week{
	font-size: 25px;
    transform: translate(0%, 50%) rotate(-90deg);
    -webkit-transform: translate(0%, 50%) rotate(-90deg);
    text-align: center;
    left: -45px;
	top: 50%;
    margin-top: -40px;
    position: absolute;
    font-weight: 100;
    z-index: 1000;
    background: #FFF;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 0px 10px;
}
#schedule_parent #schedule_term{
	position: absolute;
    z-index: 1000000;
    height: 50px;
    width: inherit;
    border: 0;
    background: #FFF;
    border-bottom: 1px solid #ddd;
    background: #f3f3f3;
    /* background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); */
}
#schedule_parent .schedule_term_export{
	position: relative !important;
}
.schedule_term{
	font-size: 25px;
    top: -10px;
    left: 60px;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 0px 10px;
    font-weight: 100;
    width: 80px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    background: #FFF;
}
#schedule_parent #schedule_wrap{
    height: 100%;
    width: 100%;
    position: relative;
    clear: both;
    padding-top: 70px !important;
    height: calc(100% - 120px) !important;
    margin: 0;
    z-index: 0;;
}
.schedule_wrap_year #schedule_parent .scroll-wrapper #schedule_wrap{
	padding-top: 40px !important;
    margin-top: 70px;
    height: calc(100% - 110px) !important;
}
#schedule_parent .schedule_wrap_export{
	padding-top: 0 !important;
}
#schedule_content .schedule_row{
    width: 98%;
    float: left;
    height: 190px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
#schedule_content .schedule_row:last-child{
    margin-bottom: 250px;	
}
#schedule_content .schedule_row .schedule_cell{
	width:23%;
	float:left;
	height: 100%;
	position: relative;
}
#schedule_content .schedule_row .schedule_cell .schedule_current_week{
	width: 70px;
    height: 30px;
    font-size: 12px;
    display: table;
    right: 0px;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0px;
    background: #FFF;
}
#schedule_content .schedule_row .schedule_cell .schedule_current_week:first-child{
	top: 120px;
}
#schedule_content .schedule_row .schedule_cell .schedule_current_week:last-child{
	top: 30px;
}
#schedule_content .schedule_row .schedule_cell .schedule_current_week div{
    font-size: 12px !important;
    display: table-cell;
    vertical-align: middle;
    line-height: normal !important;
    text-align: center;
}
#schedule_content .schedule_row .schedule_cell_active{
    background: #FFF;
    z-index: 1000;
}
#schedule_content .schedule_row .schedule_end{
	background-color: #eee;
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.3' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal{
	width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    border: 2px solid transparent;
    transition: none;
    position: absolute;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .cell_ass_drop{
    position: absolute;
    width: 95%;
    margin: 0 2%;
    bottom: 5px;
    border-radius: 5px;
    border: 0;
    height: 90px;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .schedule_cell_drop{
	height: 90px;
    border: 0;
    box-shadow: none;
    position: absolute;
    width: 96%;
    margin: 0 2%;
    border-radius: 5px;
    transition: none;
    -webkit-transition: none;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .schedule_cell_ass_drop{
    height: 100%;
    box-shadow: none;
    border-radius: 5px;
    border: 0;
    border: 1px dashed #eee;
    background: #f9f9f9;
    width: 100%;
    margin: 0;
    transition: none;
    -webkit-transition: none;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .drop_on_me{
	background: #dcdcdc;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .drop_on_me_hide{
	opacity: 0 !important;
}
#schedule_content .schedule_row .schedule_cell_active .schedule_cell_internal{
    border: 2px solid #e06750 !important;
    border-radius: 10px;
    box-shadow: 0px 1px 20px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 20px 4px rgba(0, 0, 0, 0.15);
}
#schedule_content .schedule_row .schedule_cell .hovered{
	z-index: 10;
	transition: 0s !important;
}
#schedule_content .schedule_row .schedule_cell_week{
	width: 8% !important;
}
#schedule_content .schedule_row .schedule_cell_week .schedule_cell_week_internal{
    border: 1px solid transparent !important;	
    position: relative;
}
#schedule_content .schedule_row .schedule_cell_week .schedule_cell_week_internal .schedule_vertical_dot{
	font-weight: 100;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
}
#schedule_content .schedule_row .schedule_cell_week .schedule_cell_week_internal div span{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 auto;
	font-size: 25px;
	line-height: 40px !important;
	background: #FFF;
	border: 1px solid #eee;
	border-radius: 5px;
	text-align: center;
    font-weight: 100;
}
#schedule_content .schedule_row .schedule_cell_week .schedule_cell_week_internal div:first-child{
	line-height: 20px;
}
#schedule_content .schedule_row .schedule_cell_week .schedule_cell_week_internal div:last-child{
    line-height: 80px;
    font-size: 40px;	
}
#schedule_content .schedule_row_titles .schedule_cell_internal{
    border: 1px solid transparent !important;
}
#schedule_content .schedule_row_term{
    margin-left: 0 !important;
    top: 0px;
}
#schedule_content #schedule_term_spacer{
	padding-left: 20px;
}
#schedule_content .schedule_row_term .schedule_cell{
	height:70px;
	width: 22.5%;
}
#schedule_content .schedule_row_term .schedule_cell .schedule_cell_internal{
	border: 2px solid transparent !important;
    margin-left: -10px;
}
#schedule_content .schedule_row_term .schedule_cell .schedule_cell_internal div{
	font-weight: 100;
    text-align: center;
}
#schedule_content .schedule_row_term .schedule_cell .schedule_cell_internal div span{
	display: block;
    width: 130px;
    height: 40px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    line-height: 40px;
    background: #FFF;
}
#schedule_content .schedule_row_term .schedule_cell .schedule_cell_internal div:first-child{
    font-size: 15px;
    line-height: 25px;
}
#schedule_content .schedule_row_term .schedule_cell .schedule_cell_internal div:last-child{
	font-size: 50px;
    line-height: 75px;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .schedule_current{
    color: #FFF;
    background: #e06750;
    border: 1px solid #e06750;
    border-radius: 5px;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .schedule_term_active{
	line-height: 40px;
}
#schedule_content .schedule_row .schedule_cell .schedule_cell_internal .schedule_week_active{
	line-height: 70px;
}
.shadow-pop-br {
	-webkit-animation: shadow-pop-br 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: shadow-pop-br 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	z-index: 10000000 !important;
	border-left: 1px solid #000 !important;
	border-top: 1px solid #000 !important;
}
.shadow-pop-br .schedule_title{
	margin: 0 !important;
}
@-webkit-keyframes shadow-pop-br {
  0% {
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(-8px);
            transform: translateX(-8px) translateY(-8px);
  }
}
@keyframes shadow-pop-br {
  0% {
    box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
    -webkit-transform: translateX(-8px) translateY(-8px);
            transform: translateX(-8px) translateY(-8px);
  }
}
#schedule_week_wrapper{
	height: 100vh;
}
#schedule_week_wrapper .schedule_row{
	margin-left: 20px;
}
#schedule_week_wrapper #schedule_term{
    top: 0;
}
#schedule_week_wrapper #schedule_term .schedule_cell{
	width: 200px !important;	
}
#schedule_week_wrapper #schedule_term .schedule_cell_week{
	width: 100px !important;
}
.schedule_week_wrapper .schedule_row .schedule_cell{
	width: 200px !important;
}
.schedule_week_wrapper .schedule_row .schedule_cell_week{
	width: 100px !important;
	z-index: 10000;	
}
#schedule_week_wrapper #schedule_term .schedule_cell .schedule_cell_sort{
	position: absolute;
    width: 100%;
    height: 20px;
    background: #FFFF;
    bottom: -51px;
    padding-top: 20px;	
}
#schedule_week_wrapper #schedule_term .schedule_cell .schedule_cell_sort .schedule_cell_sort_wrapper{
    width: 60%;
    margin: 0 auto;	
}
#schedule_week_wrapper #schedule_term .schedule_cell .schedule_cell_sort .schedule_cell_sort_wrapper .schedule_cell_sort_item{
	width: 50%;
    float: left;
    height: 20px;
}
#schedule_week_wrapper #schedule_term .schedule_cell .schedule_cell_sort .schedule_cell_sort_wrapper .schedule_cell_sort_item .schedule_cell_sort_item_internal{
    height: 20px;
    width: 40px;
    margin: 0 auto;	
    margin-top: 3px;
}
#schedule_week_wrapper #schedule_term .schedule_cell .schedule_cell_sort .schedule_cell_sort_wrapper .schedule_cell_sort_item .schedule_cell_sort_item_internal .schedule_cell_sort_button{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 13.0px 7.5px;
	border-color: transparent transparent #4297cc transparent;
	padding: 0;
	outline: 0;
	float: left;
	margin: 0px 2px;
	cursor: pointer;
	background: #FFF;
}
#schedule_week_wrapper #schedule_term .schedule_cell .schedule_cell_sort .schedule_cell_sort_wrapper .schedule_cell_sort_item .schedule_cell_sort_item_internal .schedule_cell_sort_button:last-child{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #4297cc transparent transparent transparent;	
}
#schedule_week_wrapper #schedule_term .schedule_cell .schedule_cell_sort .schedule_cell_sort_wrapper .schedule_cell_sort_item .schedule_cell_sort_item_internal .schedule_cell_sort_button:hover{
	border-color: transparent transparent #005587 transparent;
}
#schedule_term .schedule_cell .schedule_cell_sort .schedule_cell_sort_wrapper .schedule_cell_sort_item .schedule_cell_sort_item_internal .schedule_cell_sort_button:last-child:hover{
	border-color: #005587 transparent transparent transparent !important;
}
#schedule_week_wrapper #schedule_wrap .schedule_row .schedule_cell_active .schedule_cell_internal{
	border-radius: 0;
	border: 0 !important;
    box-shadow: none;
    border-top: 2px solid #e06750 !important;
    border-bottom: 2px solid #e06750 !important;
}
#schedule_week_wrapper #schedule_wrap .schedule_row .schedule_cell_active:first-child .schedule_cell_internal{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#schedule_content .schedule_term_active{
    border: 2px solid #e06750 !important;
    border-radius: 10px;
}
#schedule_interior_dropdown{
    width: 220px !important;
    top: 20px !important;
    background: none !important;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#schedule_term_selection{
    width: 120px;
    top: 20px;
    left: 20px;	
}
#schedule_term_selection_dropdown{
	width: 120px;
    left: 20px;
    top: 60px;
    display: none;
}
#schedule_term_selection_dropdown ul{
	border-radius: 0 !important;
	background: #FFF;
}
#schedule_term_selection_dropdown ul:first-child{
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
#schedule_term_selection_dropdown ul:last-child{
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
#schedule_term_selection_dropdown ul:first-child li{
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
#schedule_term_selection_dropdown ul:last-child li{
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
#schedule_interior_dropdown ul li a{
	text-transform: none;
}
#blank_overlay{
	display: none;
	z-index: 11;
}
#blank_tile_wrapper{
    display: none;
    width: 300px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 12;
}
.blank_tile_wrapper{
	height: 60px;  
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 12;
}
#blank_prepost_wrapper{
	display: none;
	width: 200px;
}
#blank_tile_wrapper div{
    width: 100%;
    clear: both;	
}
#blank_tile_wrapper #blank_tile_buttons{
	width: 200px;
    margin: 0 auto;
    top: 50px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 5px;
}
#blank_prepost_wrapper #blank_tile_buttons .blank_prepost_mid{
	display: none;
}
#blank_prepost_wrapper #blank_tile_buttons{
	width: 100%;
    height: 40px;
    box-shadow: 0px 1px 20px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 20px 4px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	border: 1px solid #FFF;
}
#blank_tile_wrapper input{
	width: 300px !important;
}
.blank_prepost_mid_wrapper #blank_tile_buttons .blank_prepost_mid{
	display: block !important;
}
.blank_tile_wrapper button{
    border: 0;
    width: 100px;
    float: left;
}
.blank_prepost_mid_wrapper{
	width:300px !important;	
}
.blank_prepost_mid_wrapper #blank_tile_buttons{
	width:300px !important;	
}
.blank_tile_wrapper button:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.blank_tile_wrapper button:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.growth_switch{
	width: 140px !important;
}
.growth_switch .growth_label{
  height: 23px;
  width: 136px;
}
.growth_label{
    background: #fff !important;
	color:#6d6e72 !important
}
.switch:hover .growth_label:before{color:#FFF !important;}
.growth_label:hover{background:#4298cc !important;}
.growth_label:before{
	color:#6d6e72 !important
}
.growth_handle{
	top: 2px !important;
}
.switch-input:checked ~ .growth_handle{
	left: 115px !important;
	top:2px;
}
.switch-input:checked ~ .growth_label {
	background: #a6ecaa !important;
	color:#fff !important;
  border: 1px solid #a6ecaa;
}
.switch-input:checked ~ .search_handle {
    background: #6d6e72;
}
.switch .analyse_school_label{border: 0 !important;}
.switch .analyse_school_label:hover{background:#dcdcdc !important;}
.switch:hover .analyse_school_label:after{color:#6d6e72 !important;}
.switch:hover .analyse_school_label:before{color:#1fa1d2 !important;}
#analyse_content_wrapper{
	position:relative;
	margin-top: 10px;
}
.analyse_content_wrapper h1{
	color: #4298cc;
	background-color: #FFFFFF;
	width: 1024px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin: 0 auto;
	font-size: 25px;
	text-align:center;
	font-weight: 100;
}
.student_history_review tbody tr{
	height:80px;
}
.student_history_review tbody tr td{
	height:80px;
	line-height: 80px;
}
#legend_wrapper{
    clear: both;
    width: 750px;
    margin: 0 auto;
    height: 50px;
	padding: 10px 0px 10px 0px;
}
.legend_wrapper_analyse{
    display: flex;
    justify-content: center;
}
.legend_wrapper_analyse .legend_internal_explain h3{
    line-height: initial !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0px 5px;
    background: #f6f6f6;
}
#legend_wrapper #growth_legends{margin: 0 auto;width: 180px;}
#legend_wrapper .legend_internal{
	width: 250px;
    float: left;
	position: relative;
}
#legend_wrapper .legend_internal span{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
	float: left;
}
#legend_wrapper .legend_internal h3{
    float: left;
	line-height:36px;
	font-size:14px;
	padding-left: 5px;
	text-align:center;
}
.analyse_hover .analyse_cells .analyse_next{
	background: url(../images/analyse_next.svg) no-repeat;
	position: absolute;
    background-size: 100%;
    /* background-position: -20px 0px; */
    width: 40px;
    height: 40px;
    display: block;
    right: 0;
    top: 21px;
	display:none;
}
.analyse_hover:hover .analyse_cells .analyse_next{display:block;}
.analyse_graph_header{
	height: 20px;
}
#analyse_graph_header_fixed{
	background:#FFF;
	position:fixed;
	top:0;
	width:100%;
    z-index: 40000;
	height: 40px;
    line-height: 35px;
	border-bottom: 1px solid #ddd;
}
#analyse_graph_title_search{
	color: #4298cc;
    background-color: #FFFFFF;
    width: 1024px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    margin-top: -20px;
}
.analyse_graph_header #yaxis_header {
	width:15%;
	float:left;
}
.analyse_graph_header #yaxis_header h2{
	width: 100%;
    font-size: 16px;
}
.analyse_graph_header #graph_header_wrapper{
	width:85%;
	float:left;
}
.analyse_graph_header #graph_header_wrapper span{
	color:#000;
}
.analyse_graph_header #graph_header_wrapper h2{
	width:50%;
	color: #4298cc;
    font-size: 16px;
}
.analyse_graph_header h2{
    padding: 5px 0px;
    text-align: center;
    float: left;
	font-size: 16px;
}
.analyse_hover:hover .analyse_cell_title{
	background: #1fa1d2;
    color: #fff
}
.analyse_cell_title{
	width: 15%;
	height: 80px;
    display: block;
    float: left;
	text-align: center;
	line-height: 80px;
	position:relative;
	font-size: 14px;
}
.analyse_cell_title .analyse_more{
	background: url(../images/plus.svg) no-repeat;
    position: absolute;
    right: 5px;
    top: 26px;
	width: 30px;
    height: 30px;
}
.analyse_hover:hover .analyse_cell_title .analyse_more{
	background-position: 0px -30px;
}
.analyse_view_student{
    position: absolute;
    z-index: 100;
    right: 0;
    left:0;
    margin: 0 auto;
	height: auto;
    line-height: 20px;
	border-radius: 5px !important;
	position: relative;
	margin-top:40px; 
	text-transform: none !important;
}
.analyse_search_student{
    width: 100px;
    margin: 5px 0px;
    font-size: 11px;
    height: 30px;
    line-height: 20px;
    left: 50px;
    float: left;
}
.analyse_hover .analyse_view_student:hover{
	background:#ddd !important;
	color:#000 !important;
}
.analyse_view_student_2{
	position: absolute !important;
    width: 71%;
    height: 40px;
    top: -20px;
    right:68px;
}
.analyse_view_student_3{
	position: absolute !important;
    width: 66%;
    height: 40px;
    right:68px;
}
.view_student_asr{
	top: 0;
}
.analyse_cells{
	width:85%;
	height:80px;
	display: block;
    float: left;
	position:relative;	
}
.analyse_cells .y_axis_border{
	border-left: 1px solid #ddd;
    height: 80px;
    display: block;
	width: 1px;
    float: left;
}
.analyse_cells .row_average{
	position:absolute;
    height: 40px;
	width: 40px;
    display: block;
    margin: 20px 0px 20px;
	/*
	-webkit-box-shadow: 10px 7px 25px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 7px 25px -11px rgba(0,0,0,0.75);
	box-shadow: 10px 7px 25px -11px rgba(0,0,0,0.75);
	*/
	text-align: center;
    line-height: 40px;
}
.export_buttons{border:0 !important;}
.export_height{
	height: 50px !important;
	line-height: 50px !important;
}
.export_bar{
 	margin: 10px 0px 5px !important;
    height: 30px !important;
}
.export_expected{
    margin-top: 8px !important;
}
.export_graph_data_title{
	width: 28px !important;
    height: 28px !important;
    line-height: 30px !important;
    border: 1px solid #FFF !important;
}
.export_pre_post{
	width: 50px !important;
	margin: 41px 0px 30px -40px !important;
    font-size: 9px;
    line-height: 12px !important;
    height: 10px !important;
    border-radius: 10px;
    z-index: 100;
    color: #fff !important;
}
.export_connecting{
	margin: 24px 0px !important;
}
.bar_graph_transform{
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.result_bar{
	background-color:#80dbfb;
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
	
}

.expected_average{
    z-index: 2;
    background-color: #d3d3d3;
    margin-left: -38px !important;
    border-radius: 5px;
}

.diamond{
	border-radius:50%;
	z-index: 2;
	background-color:red;
	margin-left: -40px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 30px 0px 30px -30px !important;
}
.pre_average_triangle{
	width: 45px !important;
	height: 15px !important;
	margin: 1px 0px 30px -43px !important;
	border-radius: 5px;
    z-index: 100;
	font-size: 11px;
    line-height: 16px !important;
    color: #5f5f5f !important;
    border: 1px solid #5f5f5f;
    background: #FFF;
}
.post_average_triangle{
	width: 45px !important;
	height: 15px !important;
	margin: 62px 0px 30px -43px !important;
	border-radius: 5px;
    z-index: 100;
    font-size: 11px;
    line-height: 15px !important;
    color: #5f5f5f !important;
    border: 1px solid #5f5f5f;	
    background: #FFF;
}
/*
.pre_average_triangle{
	width: 0 !important;
	height: 0 !important;
	border-style: solid;
	border-width: 15px 26.0px 15px 0;
	border-color: transparent #007bff transparent transparent;
	margin: 20px 0px 30px -40px !important;
    z-index: 100;
}

.post_average_triangle{
	width: 0 !important;
	height: 0 !important;
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #007bff;
	margin: 20px 0px 30px -40px !important;
    z-index: 100;
}*/
/*
.diamond {
    width: 0 !important;
    height: 0 !important;
    border: 20px solid transparent;
    border-bottom-color: red;
    position: relative;
    top: -20px;
}
.diamond:after {
	content: '';
    position: absolute;
    left: -20px;
    top: 20px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: red;
}
*/

.db_average{
    background-color: #4298cc;
	margin-left:-40px !important;
	border-radius:50%;
	z-index: 1;
}

.graph_data_title{
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    text-align: center;
	z-index: 2;
    background-color: #80dbfb;
    position: absolute;
    right: 0;
	line-height:39px;
	/*box-shadow: 0 10px 50px rgba(0,0,0,.2);*/
}
.pre_post_bubble{
	margin: 25px 0px 0px -34px;
  position: absolute;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  border: 2px solid transparent;
  border: 1px solid #ffffff;
}
.main_average{
	z-index: 3;
  margin-top: 0px;
  margin-right: -3px;
  box-shadow: 0 0px 5px rgb(0 0 0 / 40%);
}
.connecting_line{
	display: block;
    margin: 39px 0px;
	position: absolute;
	z-index: 1;
}

.growth_bar_right{
	background-color:#addfac;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.growth_bar_left{
	background-color:#addfac;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.over_average{
	background: #eeeeee; /* Old browsers */
	
	background: -moz-linear-gradient(left,  #eeeeee 0%, #7FEBB3 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(100%,#7FEBB3)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(left,  #eeeeee 0%,#7FEBB3 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(left,  #eeeeee 0%,#7FEBB3 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(left,  #eeeeee 0%,#7FEBB3 100%); /* IE10+ */
	
	background: linear-gradient(to right,  #eeeeee 0%,#7FEBB3 100%); /* W3C */
}

.below_average{
	background: #eeeeee; /* Old browsers */
	
	background: -moz-linear-gradient(left,  #eeeeee 0%, #eca29d 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(100%,#eca29d)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(left,  #eeeeee 0%,#eca29d 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(left,  #eeeeee 0%,#eca29d 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(left,  #eeeeee 0%,#eca29d 100%); /* IE10+ */
	
	background: linear-gradient(to right,  #eeeeee 0%,#eca29d 100%); /* W3C */
	

}

.bar_graph_0{
	width:0% !important;
}
.blanks_xaxis_row{
	height: 20px;
}
.analyse_x_scale{
	width: 85%;
    padding-left: 15%;
    display: block;
	clear: both;
}
.analyse_x_scale .tick_scale{
	height: 20px;
    width: 100%;
    display: block;
}
.analyse_x_scale .tick_scale span h3{
	position: absolute;
    margin-left: -25px;
}
.analyse_x_scale .x_ticks{
	float: left;
    display: block;
	height: 20px;
	font-size:10px;
}
.x_scale_spacer{width:15%;}
.line_header_wrapper{
	display:block;
	width:36px;
	position:absolute;
	margin-left: -20px;
}
.line_header_wrapper span{
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    top: 2px;
    left: -14px;
    position: absolute;
    z-index: 1;
}
.graph_averages_style{
    display: block;
    position: absolute;
    z-index: 100;
	margin-left: -20px;
    top: 0;
	height:100%;
	width: 2px;
    background-color: #000;
}
.graph_averages_0{
	width:0 !important;
}
.graph_averages_header{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    position: relative;
    top: -26px;
    margin-left: -17px;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
    color: #FFF;
	z-index: 1;
}
.averages_wrapper{
	position:absolute;
	left:15%;
	width: 85%;
    top: 113px;
    height: 100%;
}
.averages_wrapper_internal{
	position:relative;
	height:100%;
	margin-top: 60px;
}
.container {
 	text-align: center;
    position: absolute;
    right: 20px;
    top: 19px;
}
.container > .switch {
  display: block;
  margin: 15px auto;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 25px;
  padding: 1px;
  background-color: white;
  border-radius: 18px;
  cursor: pointer;
}

.result_growth_switch{
	border-radius: initial;
}

.result_growth_switch .switch-handle{
	border-radius: initial;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 13px;
  font-weight:400;
  text-transform: uppercase;
  background: #4298cc;
  color:#FFF;
  border-radius: 5px;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
  border: 1px solid #ddd;
}

.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #FFF;
}
.switch-label:after {
  content: attr(data-on);
  left: 9px;
  color: #666;
  opacity: 0;
}

.assessment_switch_label.switch-label:before {
    content: attr(data-off);
    color: #FFF;
    
  }
  
.assessment_switch_label.switch-label:after {
    content: attr(data-on);
    opacity: 0;
    color: #FFF;
  }
  .class_assessment_switch_label.switch-label{
    background: #f6f6f6;
    color: #4298cc;
}
  .class_assessment_switch_label.switch-label:after {
    content: attr(data-on);
    opacity: 0;
    color: #4298cc;
    /* left: 17px !important; */
  }

  .class_assessment_switch_label.switch-label:before {
    content: attr(data-off);
    color: #4298cc;
    /* right: 14px !important; */
  }
  


.result_growth_label:after {
  color: #6d6e72;
}
.switch-input:checked ~ .switch-label {
  background: #f6f6f6;
}
.switch-input:checked ~ .result_growth_label{
	background: #ddd;
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 21px;
  height: 21px;
  background: white;
  border-radius: 4px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-input:checked ~ .switch-handle {
  left: 127px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3);
  background: #6d6e72;
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4298cc;
}

.ui-dialog-titlebar {
	display: none;
}
.dialog_box_style {
	width: 500px;
	height: 250px !important;
	background: #FFF;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	background: #fff;
	font-family: 'Open Sans', 'sans-serif';
	display: inline-table;
	z-index: 10000;
	border-radius:15px;
}
.dialog_header_wrapper {
	height: 32px;
}
.dialog_header_wrapper h1 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px;
	float: left;
	border-bottom: 1px solid #ccc;
	width: 290px;
}
.dialog_header_wrapper h2 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 8px 10px 0px 10px;
	float: left;
	font-weight: 400;
}
.dialog_header_wrapper a {
	float: right;
	padding: 6px 12px;
	cursor: pointer;
	
}
.dialog_content_wrapper {
	clear: both;
}
.dialog_content_wrapper img {
	padding: 15px 20px;
	float: left;
}
.dialog_content_wrapper p {
	font-size: 12px;
	padding: 15px 0 0 5px;
	clear: both;
	width: 328px;
}
.dialog_text_wrapper {
	float: left;
	width: 340px;
}
.dialog_text_wrapper ol {
	list-style: inherit;
	font-size: 12px;
	padding: 5px 0px 0 70px;
}
.dialog_submit {
	font-weight:400;
	white-space: nowrap;
	background-color: #ddd;
	padding: 7px 0px;
	margin: 6px 0px 0px 4px;
	float: right;
	font-size: 12px;
	text-decoration: none;
	color: #666;
	position: relative;
	float: right;
	border: 0 none;
	text-transform: uppercase;
	line-height: 15px;
	pointer-events: hand;
	cursor: pointer;
	
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	width: 110px;
	text-align: center;
	border-radius:5px;
	outline: 0;
}
.dialog_submit:hover {
	background-color: #e0645c;
	color: #FFF;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.dialog_submit:before {
	background: #ccc;
	background: rgba(0,0,0,.1);
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
	pointer-events: hand;
}
.dialog_submit_correct {
	border: 2px solid #e0645c;
}
.dialog_submit_incorrect {
	border: 2px solid #46b98a;
}
.dialog_submit_incorrect:hover {
	background: #46b98a !important;
}
.dialog_confirm:hover {
	background: #46b98a;
	color: #FFF;
}
.admin_confirm{
	height: 20px;
    line-height: 20px;
    width: 50px;
    padding: 0;
    margin: 9px 4px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ddd;
}
#quiz_overlay_disabled{
	position: absolute;
    top: -125px;
    left: 0;
    z-index: 1001;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 200vh;
}
.quiz_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000 !important;
	background: radial-gradient(at center center, rgba(0, 0, 0, 0.1) 0%, rgba(20, 20, 20, 0.3) 100%);
	width: 100%;
    height: 100vh;
}
.dd_spin_loader {
	background: url(../images/pre_loader.svg) no-repeat;
	display: block;
	height: 32px;
	z-index: 1;
}
.center_wrapper {
	margin: 0 auto;
	display: inline-table;
	border:1px solid #33698d;
}
.toolbar_headings {
	display: block;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0px 10px;
	position: relative;
	float: left;
	color: #1c4e81;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #012b53;
	margin: 5px 5px 0px 0px;
}
.toolbar_headings_space {
	color: #1c4e81;
	text-transform: uppercase;
	position: relative;
	float: left;
	font-family: 'Open Sans', 'sans-serif';
	width: 10px;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
.toolbar_headings:hover {
	background: #FCF8F8;
}
.toolbar_headings_functions {
	float: right;
	margin: 2px 0px 0px 0px;
	border-radius:15px;
	position: relative;
	width: 135px;
}
.toolbar_headings_functions_main{
	 border-bottom: 1px solid #ddd;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px !important;
    background: #F7F6F8;	
}
.toolbar_headings_functions_main #student_review_wrapper{
	line-height: 37px !important;	
}
.toolbar_headings_functions_main #student_review_wrapper .student_review_container{
	top: 0px !important;
	right: -17px;
}
.toolbar_headings_functions_main .my_numeracy_help{
	top: 13px !important;
	/*z-index: 0;*/
}
#school_view_assessment_defaults{
    width: 100%;
    height:90%;
}
#school_view_assessment_defaults li:first-child h2{
    font-weight: 600;
    font-size: 15px;
}
#school_view_assessment_defaults li .student_review_wrapper{
    width: calc(100% - 70px);
}
#class_view_assessment_defaults{
    left: -140px;
    width: 320px;
}
#class_view_assessment_defaults li .student_review_wrapper{
    width: 255px;
}
#class_view_assessment_defaults .tree-menu-1st-example .toolbar_dropdown_box{
    display:block;
    margin-top: 3px;
}
#class_view_assessment_defaults .tree-menu-1st-example .toolbar_dropdown_box .toolbar_headings_functions_indent2:before{
    left: 42px;
}
#class_view_assessment_defaults .tree-menu-1st-example .toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions .student_review_wrapper{
    padding-left: 40px;
}
#class_view_assessment_defaults .tree-menu-1st-example .toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions .student_review_wrapper .student_review_container{
    right: 15px;
}
.class_view_dropdown_learning .class_view_dropdown_sub li .toolbar_headings_functions_apps button span{
  background-size: 1500% !important;
  width: 20px;
  height: 20px;
  top: 0;
  margin: 0;
}
.toolbar_dropdown_box li .toolbar_headings_functions_apps{
  height: 65px;
}
.class_view_dropdown_learning li ul li:last-child .toolbar_headings_functions_apps{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom: none;
}
.toolbar_headings_functions_apps .student_review_switch{
  position: absolute;
  margin: 0 !important;
  right: 0px;
  top: 36px;
}
#class_learning_library{
	border-top: 1px solid #ddd;
    border-bottom: 1px solid transparent;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;	
}
.teaching_mode{
	float: none;
	margin:0 auto;
	width:200px;
}
.teaching_mode .switch{
	width:80px !important;
}
.teaching_mode .student_review_container .student_review_switch .switch-input:checked ~ .student-review-handle{
	left:61px;
	background: #ffffff;
}
.teaching_mode_preview{
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 1;
}
.student_toolbar_headings_functions{
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    width: 138px;
}
.toolbar_headings_functions button,
.toolbar_headings_functions a, .resources_range button{
	width: 100%;
	height: 27px;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	color: #666;
	line-height: 27px;
	display: block;
	padding-left:10px;
	position:relative;
	font-weight:100;
	float: left;
	border-radius:5px;
	border: none;
    outline: 0;
    padding: 0;
    cursor: pointer;
	background:#FFF;
}
.toolbar_headings_functions button span, .resources_range button span{
	width:26px;
	height:25px;
	display:block;
	background-image: url('../images/menu_icons_all_v6.svg');
	position: absolute;
  	left: 0;
	background-size: 1550%;
	margin: 1px;
}
.toolbar_dropdown button span{
    background-image: url(../images/dropdown_arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    left: 110px;
}
.toolbar_dropdown_box{
	overflow: visible !important;
}
#snooze_switch{
  border-top:1px solid #ddd;
}
#student_review_type{
	padding: 0;
    width: 210px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;	
}
#student_review_type label{
    padding: 0;
    line-height: 20px;
    width: 70px;
    font-size: 11px;	
}
.export_icons{
    background: #FFFFFF url(../images/inlp_download.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 4px !important;
    background-size: 40px !important;
}
.export_icons:hover{
	background: #4298cc url(../images/inlp_download.svg) !important;
    background-repeat: no-repeat !important;
    background-position: -18px 4px !important;
    background-size: 40px !important;
    color: #FFF !important;
    border: 1px solid #4298cc !important;
}
.descript_wrapper{
    width: 680px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 53px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 0px;
    height: 50px;
    font-weight: 400;
}
.descript_wrapper .toolbar_headings_functions{
    color: #3479a3;
    font-size: 13px;
    margin: 0;
    width: 33.33%;
    text-align: center;
    height: 27px;
    line-height: 27px;
    float: left;
}
.descript_wrapper .toolbar_headings_functions .descript_child:last-child{
	font-size: 11px;
}
#main_functions_wrapper{
	top: 5px;
    height: 36px;
    /* width: 500px; */
    width: 440px;
    position: absolute;
    right: 0;
    box-shadow: 0 0px 10px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0 0px 10px rgb(0 0 0 / 25%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 10;
}
.student_functions_wrapper{
	left: 0;
    margin: 0 auto;
    width: 260px !important;
    border-radius: 5px;
    top: 80px !important;
    z-index: 2;
}
.student_functions_wrapper #assign_class_quiz{
	right: 0;
    width: 260px;
    padding-right: 35px;
}
.student_assessment_summary{
	left: 0;
    right: 0;
    margin: 0 auto;
    top: 70px;
}
.view_class_wrapper{
    width: 230px;
    position: relative;
    margin: 0;
    right: 0;
    padding: 0;
}
.view_class_wrapper button{
	position: absolute;
    right: 20px;
    background: #FFF;
    height: 36px;
    border-radius: initial;
    border-radius: 5px;
    width: 230px;
    float: right;
    text-align: right;
    padding-right: 20px;
    font-weight: 400;
    font-size: 13px;
}
.view_class_wrapper button div{
	width: 36px;
    height: 36px;
    display: block;
    background: url(../images/list_class_icons.svg);
    background-repeat: no-repeat;
    background-position: -160px 0px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.trash_wrapper{
  height: 60px !important;
}
.add_student_wrapper{
	width: 70px;
	height:120px;
    float: right;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}
/*.add_student_wrapper:hover{width: 140px;}*/
.add_student_wrapper:hover #add_old_student{right:90px; opacity:100;}
.add_student_wrapper .add_student{
	width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #4298cc;
    border: 0;
    font-size: 30px;
	position:absolute;
	right:30px;
    /* box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); */
}
.add_student_wrapper .add_student:hover + .add_student_labels{
	display:block;
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
.add_student_wrapper .add_student .trash_notify{
	width: 20px;
    height: 20px;
    font-size: 10px;
    background: #cae9f1;
    border-radius: 50%;
    line-height: 20px;
    color: #484848;
    position: absolute;
	right: -4px;
    top: -7px;
}
.add_student_wrapper .add_student .trash_icon_wrapper{
	overflow: hidden;
    width: 50px;
    height: 50px;
    position: relative;
}
.add_student_wrapper .add_student_common{
	position: absolute;
    top: 13px;
    left: 14px;	
    transition: all 0.3s ease 0s;
}
.add_student_labels{
	min-width: 100px;
    position: absolute;
    color: #FFF;
    font-size: 10px;
    padding: 5px;
    background-color: rgba(97,97,97,0.902);
    top: 70px;
    right: 7px;
    text-align: center;
    border-radius: 5px;
    text-transform: none;
    line-height: normal;
    letter-spacing: normal;
	display:none;
}

.add_student_wrapper #add_student_button #add_user{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);opacity:0;width: 18px;left: 17px;}
.add_student_wrapper #add_student_button #add_plus{-webkit-transform: rotate(0);transform: rotate(0);opacity:100;}
.add_student_wrapper #add_student_button:hover #add_plus{-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity:0;}
.add_student_wrapper #add_student_button:hover #add_user{-webkit-transform: rotate(0);transform: rotate(0);opacity:100;}
.add_student_wrapper #add_student_button{z-index: 0;}
.add_student_wrapper #add_student_button .teacher_common{
  width: 25px !important;
  left: 13px !important;
  top: 8px;
}
.add_teacher_wrapper{
	width: 100% !important;
    position: absolute !important;
    overflow: hidden;
}
.add_student_overflow{overflow: visible !important;}
.add_teacher_wrapper #add_student_button{
    right: 20px;
    margin: 0 auto;
    top: 45px;
}
.add_teacher_wrapper .add_student_labels{
    right: 80px !important;
    width: 100px;
    margin: 0 auto;
    top: 60px !important;
}
.animations_05{
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.create_teacher{
    border: 0;
    position: absolute;
    top: 10px;
    right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 42px;
}
#create_teacher_wrapper{
    height: 60px;
    padding: 10px;
    margin-top: -10px;
    width: 300px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    position: absolute;
    z-index: 1;
    display: none;
}
#search_wrapper{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px;
    z-index: 100000;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    display: none;
    width: 950px;
    background: #FFF;
    box-shadow: 0 22px 104px -6px rgba(0,0,0,.34);
    -webkit-box-shadow: 0 22px 104px -6px rgba(0,0,0,.34);
    height: 420px;
    border-radius: 10px;
}
#search_wrapper #search_wrapper_title{
	font-size: 18px;
    letter-spacing: 1px;
    font-weight: 100;
    height: 30px;
    line-height: 30px;
    width: 300px;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 10px;
}
#search_button{
    border: 0;
    height: 36px;
    line-height: 36px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    padding: 0;
    border-radius: 5px;
}
#search_wrapper #analyse_search_wrapper{
	margin-top: 0 !important;
}
#search_wrapper #analyse_search_asr_wrapper{
	width: 850px !important; 
	background-image: url(../images/search_background.svg);
	background-repeat: no-repeat;
}
#search_wrapper .analyse_search_strand{
	width: 850px !important; 
	background-image: url(../images/search_background_strand.svg) !important;
	background-repeat: no-repeat;
}
#search_wrapper #search_wrapper_0{
	position: absolute;
    top: -95px;
    left: -570px;
    right: 0;
    margin: auto;
    width: 170px;	
}
#search_wrapper #search_wrapper_0:after{
	content: '';
	background-image: url(../images/search_background_year.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 60px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    top: 35px;
}
#search_wrapper #search_wrapper_0 .analyse_button_wrapper{
    width: 170px !important;	
}
#search_wrapper #search_wrapper_0 .analyse_button_wrapper #analyse_academic_year{
	width: 100%;
    border-radius: 5px;	
    background-position: 150px 10px !important;
	background-size: 15px !important;
    border: 1px solid #ecf4f9;
}
#search_wrapper #search_wrapper_0 .analyse_button_wrapper #analyse_academic_year:hover{
	background-position: 150px 10px !important;
	background-size: 15px !important;
	border: 1px solid #ccebf3;
}
#search_wrapper #search_wrapper_0 .analyse_button_wrapper .analyse_dropdown_style_wrapper{
    width: 170px;	
}
#search_wrapper #search_wrapper_0 .analyse_button_wrapper .analyse_dropdown_style_wrapper button{
	width: 170px;
}
#search_wrapper #search_wrapper_1{
	width: 850px;
    height: 38px;
    margin: 0 auto;
    margin-top: 90px;
}
#search_wrapper #search_wrapper_2{
	width: 700px !important;
	height: 38px;
    margin: 0 auto;
    clear: both;
	float: none !important;
	margin-top: 25px;
}
#search_wrapper #search_wrapper_2 #search_wrapper_2_1{
	width: 290px;
    float: left;
}
#search_wrapper #search_wrapper_2 #search_wrapper_2_2{
	width: 310px;
    float: left;
}
#search_wrapper #search_wrapper_3_1{
	width: 180px;
    float: right;
}
#search_wrapper #search_wrapper_4{
	clear: both;
    width: 200px !important;
    margin: 0 auto;
    position: relative;
    float: none !important;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 23px;
    margin-top: 60px;
}
#search_wrapper .analyse_button_wrapper{
	width:260px;
}
#search_wrapper .analyse_dropdown{
	width:260px;
}
.search_strand{width:30% !important;}
.search_header{
	border-bottom: 10px solid #eee;
	width: 100% !important;
}
.search_school_wrapper{
    position: relative !important;
    top: 20px !important;
    box-shadow: none !important;
	height: 350px !important;
}
#dropdown_classes{
	top: 0 !important;
    width: 250px !important;
    height: 200px;
}
.dropdown_classes{
	position: relative;
	width: 250px;
	height:36px;
}
.dropdown_classes dd,
.dropdown_classes dt {
	margin: 0px;
    padding: 0px;
    height: 36px;
    width: 250px;
}
.dropdown_classes ul {
  margin: -1px 0 0 0;
}

.dropdown_classes dd {
  position: relative;
}

.dropdown_classes a,
.dropdown_classes a:visited {
  text-decoration: none;
  outline: none;
  font-size: 12px;
  border-radius: 5px;
  text-align: center;
}
.dropdown_classes a:hover{
	background: #4298cc url(../images/analyse_dropdown_arrow.svg);
    color: #FFF;
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: 98%;
    background-size: 8%;
}

.dropdown_classes dt a {
  background-color: #4F6877;
  display: block;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  border: 0;
  width: 250px;
  background: #ecf4f9 url(../images/analyse_dropdown_arrow.svg);
    background-repeat: no-repeat;
    font-size: 11px;
    background-position: 98%;
    background-size: 8%;
    color: #6d6e72;
}

.dropdown_classes dt a span,
.multiSel span {
	cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 25px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    width: auto;
    margin: 5px 0px;
    padding: 0px 5px;
    background: #FFF;
}
.dropdown_classes dt a:hover span{
    color: #6d6e72 !important;
} 

.dropdown_classes dd ul {
    background: #fff;
    border: 0;
    color: #6d6e72;
    display: none;
    left: 0px;
    position: absolute;
    top: 2px;
    width: 250px;
    list-style: none;
    height: 100px;
    overflow: auto;
    z-index: 1001;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 5px;
}

.dropdown_classes span.value {
  display: none;
}
.dropdown_classes dd ul li{
	text-align: left;
	font-size: 11px;
	padding: 5px;
	font-weight: 600;
}
.dropdown_classes dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown_classes dd ul li a:hover {
  background-color: #fff;
}
.dropdown_classes input{
    box-sizing: border-box;
	position: relative !important;
	left: inherit !important;
}
#teacher_search_table{
	height: 118vh;
	clear: both;
}
.search_tile{
	width: 20%;
    height: 330px !important;
    margin: 2.5%;
	float: left;
	box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
	-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
    border-radius: 5px;
	cursor: pointer;
    
    position: relative;
}
.search_tile_delete{
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.search_tile .delete_search{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #FFF;
    border-radius: 5px;
    display: none;
}
.search_tile .delete_search .delete_search_actions{
	width: 110px;
    margin: 0 auto;
    margin-top: 70px;
    transform: scale(1.5);
	-webkit-transform: scale(1.5);
}
.search_tile .delete_search h2{
	text-align: center;
    font-size: 12px;
}
.search_tile .search_close_button{
	display: none;
}
.search_tile:hover .search_close_button{
	display: block;
}
.search_tile .search_tile_strand{
    text-align: center;
    font-weight: 100;
    font-size: 14px;
    height: 60px;
    border-radius: 5px;
    width: 95%;
    margin: 0 auto;
    margin-top: 5px;
    position: relative;
}
.search_tile #asr_row{
    display: block !important;
}
.search_tile .search_tile_strand .search_tile_strand_title{
	line-height: 40px;
}
.search_tile .search_tile_substrand{
	width: 90%;
    display: table;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    margin-top: 10px;
}
.search_tile .search_tile_substrand .substrand_internal{
	width: 100%;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
}
.search_tile .search_tile_year{
	width: 50%;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}
.search_tile .search_tile_year .class_internal{
	height: 20px;
    line-height: 20px;
}
.search_tile .search_tile_year .class_internal .input_dropdown{
    width: 50%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;	
}
.search_tile .search_asr_row{
    top: 243px !important;
    width: 95% !important;
    left: 2.5%;
    z-index: 0 !important;
}
.search_tile .group_view_students{
    margin: 0 auto;
    display: block;
    position: absolute;
    height: 22px;
    line-height: 22px;
    border: 0;
    border-radius: 5px;
    top: 297px !important;
    width: 210px !important;
    left: 0;
    right: 0;	
}
.group_student_active::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 30px;
    background: #1fa1d2;
    border-radius: 50%;
    top: 12px;
}
.group_message{
	line-height: 12px !important;
  top: 30px !important;
}
#edit_group:hover .group_message{
	display: block !important;
}
#exit_modify_group{
	height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10000;
    display: none;
}
#group_student_wrapper{
	position: fixed;
    right: 0;
    top: 0;
    width: 16%;
    height: 100%;
    z-index: 100000;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    background: rgba(250,250,251,.9);
    display: none;
}
#group_student_wrapper #group_student_internal{
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}
#group_student_wrapper #group_student_internal #group_message{
	font-size: 14px;
    padding: 10px;
    background: #FFF;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-weight: 100;
}
#group_student_wrapper #group_student_internal #group_message p{
    padding: 0.5em 0em;
    text-align: center;
}
#group_student_wrapper #group_student_internal .search_range_wrapper{
    padding-bottom: 20px;
}
#group_student_wrapper #group_student_internal .search_range_wrapper .search_range_heading{
    font-size: 18px !important;
    font-weight: 100 !important;
    border-bottom: 1px solid #1fa1d2;
    color: #1fa1d2;
    padding-left: 0% !important;
    width: 100% !important;
    line-height: 40px;
    height: 40px;
    text-align: center;
}
#group_student_wrapper #group_student_internal .search_range_wrapper .search_range_student{
    height: 35px !important;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 5px;
    font-size: 12px;  
    background: #FFF;
    position: relative;
}
#group_student_wrapper #group_student_internal .search_range_wrapper .search_range_student .student_switch_container{
    top: 10px !important;
	left: 0;
    right: 0 !important;
    margin: 0 auto;
    width: 42px;
}
#group_student_wrapper #group_student_internal .search_range_wrapper .search_range_student .student_group_switch{
    height: 15px;
}
#group_student_wrapper #group_student_internal .search_range_wrapper .search_range_student .student_group_switch .switch-label{
    width: 40px !important;
    border-radius: 4px;
}
#group_student_wrapper #group_student_internal .search_range_wrapper .search_range_student .student_switch_container .student_group_switch .switch-input ~ .student-review-handle{
	left: 3px;
}
#group_student_internal .search_range_wrapper .search_range_student .student_switch_container .student_group_switch .switch-input:checked ~ .student-review-handle{
	left: 28px !important;
}
#group_student_internal .search_range_wrapper .search_range_student .student_switch_container .student_group_switch .switch-input:checked ~ .switch-label{
	background: #FFF;
}
#group_student_internal .search_range_wrapper .search_range_student .student_switch_container .student_group_switch .switch-handle{
    width: 13px !important;
    height: 13px !important;
    top: 3px !important;
    background: #FFF;
    border-radius: 2px;
}
.group_student_hidden{
	opacity: 0.5 !important;
}
.group_student_hidden button::after{
	display: none !important;
}
.group_student_hidden_hide{
	height: 0 !important;
    overflow: hidden;
    padding: 0;
    margin: 0 !important;
}
.range_student_hidden{
	height: 0;
    overflow: hidden;
    padding: 0;
}
#export_options_wrapper{
	display: none;
    position: absolute;
    width: 300px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 10000;
	top: 37px;
    right: 0;
    background: #FFF;
    border-radius: 5px;
}
.export_options_wrapper{
	display: none;
    position: absolute;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 10000;
	top: 37px;
    right: 0;
    background: #FFF;
    border-radius: 5px;	
}
#export_options_wrapper button,
#export_options_wrapper a{
	width:300px;
}
#export_options_wrapper button:hover,
#export_options_wrapper a:hover{
	border-radius: inherit !important;
}
#export_options_wrapper #export_options_internal #export_class_results{
	display: block;
}
#export_options_wrapper #export_options_internal #export_asr_results{
	display: none;
}
#export_options_wrapper #export_options_internal #export_zpd_results{
	display: none;
}
#export_options_wrapper #export_options_internal #export_cd_results{
	display: none;
}
#export_options_wrapper #export_options_internal #export_mn_results{
	display: none;
}
#export_options_wrapper #export_options_internal #export_nswoutcome_results{
  display:none;
}
#export_options_wrapper #export_options_internal .export_gradeXpert_results{
	display: none;
}
#export_options_wrapper #export_options_internal #export_student_report{
	display: none;
}
#export_options_wrapper #export_results_np_wrapper{
	display: none;
}
#export_options_wrapper #export_results_lc_wrapper{
  display: none;
}
#export_options_wrapper #export_options_internal #export_results_divider{
	width: 100%;
    height: 5px;
    background: #eeee;
    float: left;	
}
#export_options_wrapper #export_options_internal button:first-child{
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#export_options_wrapper #export_options_internal button:last-child{
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
#export_options_wrapper #export_options_internal button .export_info{
    position: absolute;
    width: 25px;
    height: 25px;
    left: 1px;
    top: 1px;
    background-image: url(../images/info_v2.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}
#export_options_wrapper #export_options_internal button .export_info .export_info_explain{
	position: absolute;
	display: none;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 10000;
    background: #fff;
    width: 200px;
    left: -220px;
    top:0px;
    border-radius: 5px;
}
#export_options_wrapper #export_options_internal button .export_info:hover .export_info_explain{
	display: block;
}
#export_options_wrapper #export_options_sub{
	display: none;
  border-radius: 5px;
  overflow: auto;
}
.export_header{
	width: 100%;
    font-size: 13px;
    line-height: 30px;
    background: #eee;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.export_pdf_wrapper{
	display:none;
	position: absolute;
	background:#FFF;
    width: 100%;
    height: 27px;
    z-index: 1;
    top: 48px;
}
.export_pdf_wrapper #progress{
	width:100%;
	height:27px;
    background: #ddd;
    border-radius: 5px;
}
.export_pdf_wrapper #progress .pdf_bar{
	height: 27px;
    background: #4298cc;
	border-radius: 20px;
}
.export_pdf_wrapper #progress > .pdf_animator{
	display: none;
    position: absolute;
    height: 27px;
    border-radius: 5px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #4298cc;
    overflow: hidden;
}

.cs-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cs-loader-inner {
    transform: translateY(-54%);
    top: 50%;
    position: absolute;
    width: calc(100% - 200px);
    width: 100%;
    color: #FFF;
    text-align: center;
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display:inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}

/*
.export_pdf_wrapper #progress > .pdf_animator:after{
content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.export_pdf_wrapper #progress > .pdf_animator:after, .animate > .pdf_animator > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
		  color-stop(.25, rgba(255, 255, 255, .2)), 
		  color-stop(.25, transparent), color-stop(.5, transparent), 
		  color-stop(.5, rgba(255, 255, 255, .2)), 
		  color-stop(.75, rgba(255, 255, 255, .2)), 
		  color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	overflow: hidden;
	}
	
	.animate > span:after {
	display: none;
	}
	
	@-webkit-keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
	}
	*/
.export_pdf_wrapper .message{
	position: absolute;
    width: 100%;
    top: 0;
    color: #FFF;
    font-size: 13px;
    line-height: 27px;
    z-index: 2;
	text-align: center;
}
.export_pdf_wrapper .message a{
	color: #FFF !important;
	line-height: 27px !important;
	height:27px;
	background: #4298cc;
    display: block;
    border-radius: 5px;
    width: 100%;
    padding: 0 !important;
    background-image: url(../images/inlp_download.svg) !important;
    background-repeat: no-repeat !important;
    background-position: -23px 0px !important;
	text-decoration: underline;
}
.export_pdf_wrapper .message a:hover{
	background:#005587 !important;
	background-image: url(../images/inlp_download.svg) !important;
    background-repeat: no-repeat !important;
    background-position: -23px 0px !important;
}
#move_students_to{
	outline: 0;
    border: 0;
    background: #fff;
    display: block;
    min-width: 150px;
	margin: 2px 0px;
    height: 28px;
    border: 1px solid #ddd;
}
.class_view_dropdown{
    float: right;
    border-radius: 15px;
	position:relative;
}
.class_view_dropdown_sub{
	position: absolute;
    top: 29px;
	left: -14px;
    z-index: 1000;
    width: 160px;
    background: #FFF;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
#class_view_dropdown_sub_2{
	position: absolute;
    top: 29px;
	left: -18px;
    z-index: 1000;
    width: 160px;
    background: #FFF;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.class_view_dropdown_sub li .toolbar_headings_functions{
	margin: 0;
	float: none;
}
.class_view_dropdown_sub li .toolbar_headings_functions button span{
    left: 0;
    background-image: url(../images/menu_icons_all_v6.svg) !important;
    background-repeat: inherit;
}
.class_view_dropdown > ul { display: inline-block; }

.class_view_dropdown:after, .class_view_dropdown ul:after {
  content: '';
  display: block;
  clear: both;
}
.class_view_dropdown ul{
	display:none;
	border-radius: 5px;
    overflow: hidden;
}
.toolbar_headings_functions_edit {
	position: relative;
	float: right;
}
.toolbar_headings_functions_edit a {
	background-image: url(../images/pencil_24.png);
	display: block;
}
.toolbar_headings_functions button:hover,
.toolbar_headings_functions a:hover {
	background: #ccebf3;
	color: #666;
}
.toolbar_headings_functions .menu_dropdown_button{
	border-radius: 0;
	height:30px;
	font-weight: 400;
}
.class_view_dropdown .class_overview_buttons{
  width: 135px;
  line-height: 15px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid #ddd;
  float: left;
  margin-left: 50px;
  font-size: 12px;
}
.toolbar_headings_functions .menu_dropdown_button #menu_dropdown_button_skip{
    background-position: 100px 0px !important;
    background: url(../images/assessment_functions.svg) !important;
    background-size: 300px !important;	
}
.toolbar_headings_functions_results {
	position: relative;
	float: right;
}
.toolbar_headings_functions_results a {
	background-image: url(../images/results_24.png);
	display: block;
}
.toolbar_headings_active{
	background:#FFF !important;
	color: #666 !important;
}
.toolbar_headings_active button{color:#666 !important;}
#my_numeracy_growth_button .my_num_text{
	display: table;
    margin: 0 auto;
}
#my_numeracy_growth_button .my_num_text div{
	display: table-cell;
    vertical-align: middle;
    line-height: normal;
}
#my_numeracy_switch{
    outline: 0;
    height: 30px;
    background: #e5e5e5;
   	border: 0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
	cursor: pointer;
    
}
#my_numeracy_switch:hover{
	background:#4298cc;
	color:#FFF;
}
.add_student {
	display: block;
	background: url(../images/student_add.png);
	position: relative;
	width: 35px;
	height: 24px;
	margin: 7px;
	clear: both;
	float: right;
	background-size: 20px;
    background-position-y: 5px;
}
.add_student:hover {
	background-position: 0px 24px;
}
.move_student_dropdown {
	margin: 10px 65px 10px;
}
.move_student_dropdown li {
	width: 200px;
	position: relative;
	text-align: center;
	line-height: 30px;
	height: 30px;
	list-style: none;
	font-size: 12px;
}
.move_student_dropdown li:hover > ul {
	display: block;
	position: absolute;
	top: 30px;
	z-index: 9999;
}
.move_student_dropdown li ul {
	display: none;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	width: 200px;
}
.move_student_dropdown li ul li {
	margin: 0;
}
.move_student_dropdown li ul a {
	text-align: center;
	width: 100%;
	height: 30px;
	display: block;
}
.move_student label{
	position: absolute !important;
    right: 6px;
}
.arrow_down {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #46b98a;
	right: 0;
	margin: 10px;
	position: absolute;
}
.arrow_up {
	position: relative;
	background: #FFF;
}
.arrow_up:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 20px;
	margin-left: -20px;
}
#edit_buttons_wrapper{
	position:relative;
	float:right;
	height: 40px;
	margin-right: 245px;
	z-index: 11;
}
#edit_class_actions{
  right: 20px;
  width: 228px;
  position: absolute;
  height: 40px;
  top: 50px;
}
#edit_class_submit {
	background: #4298cc;
    color: #fff;
    position: absolute;
    right: 0;	
}
#edit_class_submit:hover{background:#005587;}
#edit_class_cancel {
	position: absolute;
    left: 0;
}
.edit_class_submit_lock{
	opacity: 0.5;
	pointer-events: none;
}
.drop_down_arrow{
	background-image: url(../images/dropdown_arrow.svg);
	background-repeat: no-repeat;
	background-position: 90% 50%;
}
#move_student_class{
	float:left;
	border: 1px solid #eee
}
#move_student_class li a{
	width:150px !important;
}
#move_student_class li ul{
	position:absolute;
	display:none;
	z-index:100000;
	-webkit-box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.36);
  	box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.36);
  	
	z-index:2;
}
#move_student_class li ul a{
	background:#FFF;
}
#move_student_class li ul a:hover{
	font-weight:600;
	background:#ccebf3 !important;
	border:1px solid transparent;
}
#toolbar_headings_sub_wrapper{
    position: absolute;
    z-index: 1000;
    background-color: #FFF;
    top: 60px;
    right: 10px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
  	
  	border-radius: 10px;
  	width:1010px;
}
#toolbar_headings_sub_wrapper .dropdown_arrow{
	left: 45%;
    border-color: transparent transparent #e6e6e6 transparent;
}
#completed_assessments_wrapper{
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 10px;
}
#completed_assessments_wrapper .sub_headers{
    color: #4298cc;
    font-weight: 100;
    font-size: 20px;
    padding: 10px 20px;
    clear: both;
    background: #e8f6ff;
    width: 95%;
    width: calc(95% - 5px);
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
}
#completed_assessments_wrapper .sub_headers .sub_headers_myn_legend{
    position: absolute;
    width: auto;
    left: 140px;
    top: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
#completed_assessments_wrapper .sub_headers .sub_headers_myn_legend .myn_legend_text{
    font-size: 14px;
    color: #666;
    width: 100px;
    float: left;	
}
#completed_assessments_wrapper .sub_headers .sub_headers_myn_legend .myn_legend_circles{
    width: 57px;
    margin: 0 auto;
    float: left;
    display: flex;
    justify-content: center;
}
#completed_assessments_wrapper .sub_headers .sub_headers_myn_legend .myn_legend_circles .myn_legend_circle_item{
	float: left;
    background: #FFF;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0px 2px;	
}
#completed_assessments_wrapper .sub_headers .sub_dynamic{
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  top: 9px;
  left: 0;
  right: -400px;
  margin: auto;
  width: 80px;
  text-align: center;
  background: #FFF;
  border-radius: 5px;
  font-weight: 400;
  height: 29px;
  display: none;
}
#completed_assessments_wrapper .sub_headers .dynamic_mode{
  display: block;
}
#completed_assessments_wrapper .sub_headers #audio_class_toggle{
  position: absolute;
  width: 80px;
  height: 40px;
  left: 100px;
  top: 4px;
}
#completed_assessments_wrapper .sub_headers #audio_class_toggle li{
  position: relative;
  left: 0;
  right: 0;
}
#completed_assessments_wrapper .sub_headers #audio_class_toggle li button{
  border: 0;
  background-color: transparent;
}
#completed_assessments_wrapper .sub_headers #audio_class_toggle li button:hover .add_student_labels{
  display: block;
}
#completed_assessments_wrapper .sub_headers #audio_class_toggle li button .add_student_labels{
  background-color: rgba(97,97,97,0.902) !important;
  height: 10px;
  left: -99px;
  top: -34px;
  width: 130px;
}
#completed_assessments_wrapper .sub_headers #audio_class_toggle li:last-child .class_list_lock button{
  background-position: -1px -2px;
}
#completed_assessments_wrapper .sub_headers #audio_class_toggle li .class_list_lock{
  background: transparent !important;
}
#class_assessment_type{
    background: #4298cc;
    width: 110px;
    height: 30px;
    float: right;
    padding-left: 20px;
    color: #FFF;
    margin-top: 10px;
    font-size: 12px;
    font-weight: normal;
}
#class_assessment_type:hover{
	background:#005587;	
}
#class_assessment_type span{
    background: url(../images/user_settings.svg) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 60px;
    top: 0;
    background-position: -34px -2px;
}
#class_assessment_type_wrapper{
    display: none;
    position: absolute;
    width: 300px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    z-index: 10000;
    left: -10px;
    width: 200px;
    top: 45px;
    background: #FFF;
    border-radius: 5px;	
}
#change_academic_year #class_assessment_type_wrapper{
	width: 120px !important;
	left: 0px;
}
#change_academic_year #class_assessment_type_wrapper button{
	width: 120px !important;
}
.class_assessment_type_button span{
	display: none !important;
}
.class_assessment_active span{
    width: 25px;
    height: 25px;
    display: block !important;
    background-image: url(../images/review_tick.svg) !important;
    position: absolute;
    left: 0;
    background-size: 25px !important;
    right: 0 !important;
    left: unset !important;
}
.manage_admin_buttons:hover .add_student_labels{
	display: block;
}
#manage_view_toggle{
	position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    right: 110px;
    top: 17px;
    margin: 0;	
}
#manage_view_toggle .export_button_wrapper{
	width: 30px;
	height: 30px;	
}
#manage_view_toggle #mangage_main_button{
    width: 30px;
    height: 30px;
    background: url(../images/menu_icons_all_v6.svg);
    background-color: #4298cc;
    background-size: 400px;
    background-position: -329px 3px;
    background-repeat: no-repeat;	
}
#manage_view_toggle #mangage_main_button:hover{
	background-color:#005587;		
}
#manage_view_toggle #export_options_internal{
	width: 120px;
    position: absolute;
    left: -48px;
    top: 38px;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
#manage_view_toggle .admin_buttons{
	text-transform: none;
    width: 120px;
    border: 0 !important;	
}
#manage_view_toggle .admin_buttons span{
    left: 92px;
    z-index: 1;
    top: 0;
    background-position: 0px 0px;
    background-image: url(../images/review_tick.svg) !important;
    background-size: contain;
    display: none;
}
#manage_view_toggle .manage_filter_active span{
	display: block;
}
#priority_error{
	display: none;
    position: absolute;
    right: 0;
    height: 37px;
    top: 5px;
    right: 5px;
    border-radius: 5px;
    width: 80%;
    background: #4298cc;
    color: #FFF;
    z-index: 1;
    font-weight: 100;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
}
#help_manage{
	border: 0;
    position: absolute;
    top: 19px;
    right: 16px;
    line-height: 20px;
    height: 30px;
    width: 120px;
    border-radius: 5px;
    width: 30px;
    text-align: left;
    z-index: 1;
    padding: 0;
}
#help_manage .help_icon{
	background: url(../images/quiz_tools.svg) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 2px;
    top: 3px;
    background-size: 70px;
}
#help_manage_wrapper{
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    position: absolute;
    width: 50%;
    height: 380px;
    border-radius: 10px;
    z-index: 1000;
    background: #FFF;
    top: 70px;
    right: 20px;
}
#help_manage_wrapper .close_button{
	transform: scale(0.8);
}
#help_manage_wrapper .sub_headers{
    width: 91%;
    padding: 5px 5px 5px 20px;
    line-height: 20px;
}
#help_manage_wrapper img{
	width:100%;
}
#help_manage_wrapper .help_image{
    width: 40%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#help_manage_wrapper .help_manage_text{
	color: #666;
	font-weight: 100;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 0.9em;
    clear: both;
}
#help_manage_wrapper .help_image_set{
    width: 110px;
    float: left;
    text-align: center;
    color: #666;
    font-size: 12px;
    margin: 3px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    height: 70px;
}
#help_manange_overlay{
	display: none;
	height: 100% !important;
	z-index: 999 !important;
	border-radius: 10px;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.3);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
#assessment_overview{
	box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    
    border: 0;
    border-radius: 5px;
	line-height: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -10px;
    width: 200px;
    font-weight: 100;
    font-size: 14px;	
}
#assessment_overview_wrapper #schedule_content .scroll-wrapper{
	margin-top: 0;
	height: 100% !important;
    height: calc(100% - 50px) !important;
}
#assessment_overview_wrapper #schedule_content #schedule_week_wrapper #schedule_term{
	top: 0;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #ddd;
}
#assessment_overview_wrapper #schedule_content #schedule_parent #schedule_wrap{
	margin-top: 80px;
    height: calc(100% - 120px) !important;
}
.assessment_overview_wrapper .scroll-x{
	top: 0 !important;
}
.assessment_overview_spacer{
	width: 220px !important;
}
.assessment_overview_schedule_cell{
	float: left;
	z-index: 0;
}
.not_finished_assessment_overview{
    background-position: -262px 2px !important;
    background-repeat: no-repeat !important;
}
#assessment_overview_filter{
	position: fixed;
    z-index: 1;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    background: #FFF;
    height: 25px;
    width: 700px;
    bottom: 50px;
    border-radius: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}
#assessment_overview_filter div{
    height: 25px;
    line-height: 25px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    float:left
}
#assessment_overview_filter #assessment_overview_substrand{
    width: 299px;
    border-right: 1px solid #ddd;
}
#assessment_overview_filter #assessment_overview_pre_post{
	width: 59px;
	border-right: 1px solid #ddd;
}
#assessment_overview_filter #assessment_overview_type{
	width: 240px;
}
#assessment_overview_filter #assessment_overview_type div{
	display: none;
	text-align: center;
	width: 100%;
}
#assessment_overview_filter #assessment_overview_clear{
    height: 25px;
    line-height: 25px;
    border: 0;
    float: left;
    position: relative;
    width: 100px;
}
.assessment_overview_completed{
	background: #6ac7a1;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
.not_finished_assessment_overview_generall{
	background-position: -272px 2px !important;
	background-repeat: no-repeat !important;
}
.assessment_overview_header{
	height: 60px !important;
}
.assessment_overview_filter_button{
    width: 100%;
    height: 30px;
    background: #FFF;
    outline: 0;
    border: 0;
    padding: 0;
    clear: both;	
}
.assessment_overview_filter_button:first-child{
	border-bottom: 1px solid #ddd;
}
.assessment_overview_filter_button:hover{
	background: #ccebf3;
}
.assessment_overview_schedule_cell .assessment_overview_cell_wrapper{
    width: 60% !important;
    margin: 0 auto;
    height: 26px;
    margin-top: 8px;
    border-radius: 7px;
    overflow: hidden;
    background: #f7f7f7;
    border: 2px solid #fff;
    z-index: 1;
    position: relative;
}
.assessment_overview_schedule_cell .assessment_overview_cell_wrapper .assessment_overview_cell{
    height: 100%;
    position: relative;
}
.assessment_overview_schedule_cell .assessment_overview_cell_wrapper .assessment_overview_cell .assessment_overview_cell_internal{
	width: 100%;
	height: 100%;
  line-height: 26px;
  display:none;
}
.assessment_overview_schedule_cell .assessment_overview_cell_wrapper .assessment_overview_completed .assessment_overview_cell_internal{
    display:block;
}
.assessment_overview_schedule_cell .assessment_overview_cell_wrapper .assessment_overview_cell:first-child .assessment_overview_cell_internal{
	border-right: 1px solid #ddd;
}
.assessment_overview_schedule_cell .assessment_overview_cell_wrapper .assessment_overview_cell:last-child .assessment_overview_cell_internal{
	border-left: 1px solid #ddd;
}
.assessment_overview_schedule_cell_active{
	border: 2px solid #a6deec !important;
}
.assessment_overview_heading{
	border: 0 !important;	
}
.assessment_overview_heading .assessment_overview_heading_sub{
    height: 100%;
    width: 95%;
    display: table;
    margin: 0 auto;
}
.assessment_overview_pre_post .assessment_overview_filter{
    display: none;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    width: 200px;
    height: 60px;
    position: absolute;
    border-radius: 5px;
    top: 20px;
    left: -40px;
    overflow: hidden;
    background: #FFF;
}
.assessment_overview_pre_post{
	background: #4298cc;
    color: #FFF;
    cursor: pointer; 
}
.assessment_overview_pre_post:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.assessment_overview_pre_post:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.assessment_overview_pre_post:hover{
    background: #005587;	
}
.assessment_overview_pre_post:hover .assessment_overview_filter{
	display: block;
}
.assessment_overview_heading_pre_post{
    width: 60% !important;
    transform: translateY(-1px);
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    bottom: -8px;
    border-radius: 5px;
    z-index: 2;
}
.assessment_overview_heading div span{
    display: table-cell !important;
    vertical-align: middle;
    width: 100% !important;
    height: 100% !important;
    line-height: normal !important;
    font-size: 14px !important;
    background: none !important;
}
.assessment_overview_row{
    height: 49px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    margin-left: 0 !important;
}
.assessment_overview_row:last-child{
	margin-bottom: 50px !important;
}
.assessment_overview_row .assessment_overview_student{
	width: 200px;
	float: left;	
    z-index: 10;
    position: relative;
    background: #FFF;
    border-right: 1px solid #ddd;
}
.assessment_overview_row .assessment_overview_student button{
    margin: 7px;	
    pointer-events: none;
}
.assessment_overview_row .assessment_overview_student .stu_hist_avatar{
    float: left;
    position: relative;
    width: 13%;
    margin-top: 4px;
}
.assessment_overview_row .assessment_overview_student .assessment_overview_name{
    height: 30px;
    float: left;
    width: 87%;
    display: table;		
}
.assessment_overview_row .assessment_overview_student .assessment_overview_name div{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    line-height: normal;	
}
.assessment_overview_highlight{
	background: #e1f9ff !important;
}
.strand_wrapper{
    float: left;
    width: 33.33%;
    height: 100%;
}
.strand_wrapper_new_row{
    clear:both;
}
.strand_wrapper_50{
	width: 50%;
    width: 34%;
    margin: 0 auto;
    padding: 0 8%;
}
#strand_wrapper_full{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.strand_wrapper h1{
    font-size: 14px !important;
    margin: 10px !important;
    background-color: #fff !important;
    color: #484848 !important;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    cursor: pointer; 
    font-weight: 400;
}
.strand_wrapper h1 .strand_wrapper_cell{
  position: absolute;
  width: 100%;
  height: 100%;
}
.strand_wrapper h1 .strand_wrapper_name{
  z-index: 1;
  background: url(../images/expand_icon.svg);
  background-repeat: no-repeat;
  background-position: 97%;
}
.strand_wrapper h1 .strand_wrapper_color{
  z-index: 0;
  background: #ccebf3;
  border-radius: 5px;
  display: none;
}
.strand_wrapper h1:hover{
   /*box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    */
    z-index: 2;
    border-radius: 5px;
    border-bottom: 2px solid transparent !important;
}
.strand_wrapper h1:hover .strand_wrapper_color{
  display: block;
}
.strand_wrapper h1:hover .substrand_enable_message{
	display: block;
	top:-30px;
	width:180px;
}
.student_strand_wrapper h1:hover{
	box-shadow: none !important;
}
.student_strand_wrapper h1{
	border: 0;
	background: #FFF;
	pointer-events: none;
}
.substrand_wrapper{
    z-index: 1;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.single_substrand_wrapper{
	background-color: #fff;
	position:relative;
	border-radius: 5px;
}
.inactive_substrand{
	display: none;
}
.single_substrand_wrapper_student{
	background: transparent;	
	width: 60px !important;
}
.single_substrand_wrapper_student .switch-label{
	border: 1px solid #ddd !important;
	width: 60px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
}
#strand_layout_2_1 , #strand_layout_1_1{
    display: flex;
}
#strand_layout_2_1 .strand_layout_1 , #strand_layout_1_1 .strand_layout_1{
    display: flex;
    flex-direction: column;
    width: 33.33%;
}
#strand_layout_2_1 .strand_layout_1 .strand_wrapper , #strand_layout_1_1 .strand_layout_1 .strand_wrapper{
    width: 100%;
    height: auto;
}
#strand_layout_2_1 .strand_layout_1 .strand_wrapper:first-child , #strand_layout_1_1 .strand_layout_1 .strand_wrapper:first-child{
    height: 410px;
}
.student_switch_container{
    top: 0px !important;
    right: 14px !important;
    height: 27px;
    padding-top: 6px;
    z-index: 10;
}
.student_switch_container .switch{
	margin: 0px !important;
}
.student_switch_container .student_review_switch .student-review-handle{
    top: 0px !important;
    right: -2px !important;
    width: 13px !important;
    height: 13px !important;
}
.student_switch_container .student_review_switch .switch-input ~ .student-review-handle{
	left: 0px !important;
}
.student_switch_container .student_review_switch .switch-input:checked ~ .student-review-handle{
	left: 41px !important;
}
.class_switch_contatiner{
	left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: 62px;
    top: 4px !important;
    background: transparent;
    z-index: 1;
}
.class_switch_contatiner .student_review_switch .student-review_label:before{
	color: #4298cc;
}
.active_substrands{
	cursor: pointer; 
	border-radius: 5px;
}
.substrand_enable_message{
    display: none;
    top: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 110px;
    pointer-events: none;
}
.active_substrands:hover{
    /*box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);*/
    z-index: 100;
    background: #ccebf3;
}
.substrand_title:hover .substrand_enable_message{
	display:block;
}
.substrand_enable_message:hover{
	background: #2cbc9b url(../images/plus.svg) no-repeat;
    background-size: 25px;
	background-position: 123px -24px;
}
.single_substrand_wrapper .substrand_title{
    font-size: 12px;
    padding: 8px 0px 8px 15px;
    cursor: pointer;
	
	text-decoration: underline;
}
.single_substrand_wrapper .substrand_title_class{
    width: 180px;	
}
.single_substrand_wrapper .substrand_topic{
	padding: 8px 0px 8px 40px;
	width: 157px;
}
.single_substrand_wrapper span{
	position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 19px;
    border: none;
    border-radius: 50%;
    margin: 2px;
    background-color: #4298cc;
    color: #FFF;
    font-size: 11px;
    line-height: 18px;
    padding: 2px;
    z-index: 1000000;
	text-align:center;
}
.substrands_status{
    width: 95px;
    height: 33px;
    position: absolute;
    right: 30px;
    top: 0;
}
.substrands_status .substrand_status_style{
    width: 23px;
    height: 23px;
    border-radius: 50%;
    float: left;
}
.substrands_status .substrands_status_yes{
    color: #4298cc;
    font-size: 13px;
    text-align: center;
    background-image: url(../images/user.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 17px 9px;
    line-height: 33px;
    height: 33px;
    width: 33px;
    text-align: left;
}
.substrands_status .substrand_myn_link{
    padding: 0;
    height: 21px;
    /* float: right; */
    position: absolute;
    right: -25px;
    top: 6px;
    border-radius: 5px;
    font-size: 11px;
    background: #e8f6ff;
    border-radius: 50%;
    border: 0;
    width: 21px;
   	transition: none;
   	color: #FFF;
   	font-size: 18px;
   	line-height: 20px;
   	text-align: center;	
}
.substrands_status .substrand_myn_link:hover{
	background-color: #4298cc !important;
}
.substrands_status .substrand_myn_link:hover .add_student_labels{
	display: block;
}
.substrands_status .substrand_myn_link .add_student_labels{
    top: 30px !important;
    right: 0;
    width: 110px;
}
.priority_wrapper{
    position: absolute;
    left: 4px;
    top: 4px;
    width: 25px;
    height: 25px;
}
.priority_radio{
	display: none;
}
.priority_radio + label{
    position: absolute !important;
    left: 20px;
    top: -7px;
}
.priority_radio + label:before{
	box-shadow: none !important;
    background: #FFF !important;
    border: 1px solid #ccc !important;
	border-radius: 50% !important;
}
.priority_radio + label:after{
	color: #4298cc !important;
}
.priority_radio + label span{
	width: 10px;
    height: 10px;
    margin: 3px 3px;
    background: #FFFFFF;
}
.priority_radio:checked + label span{
	background: #4298cc;
}
.substarns_status_switch{
	position: absolute;
	width: 60px;
    right: 4px;
    top: 4px;
    height: 25px;
}
.toggle_enable_message{
	top: 40px !important;
}
.substarns_status_switch:hover .toggle_enable_message{
	display: block;
}
.substarns_status_switch .student_switch_container{
	top: -4px !important;
}
.substarns_status_switch button{
	transform: rotate(0);
    -webkit-transform: rotate(0);
}
.substarns_status_switch .mn_add{
	left: 0;
    top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.substarns_status_switch .mn_remove{
	top: 0;
    left: 25px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
}
.insert_error {
    position: absolute;
    top: 42px;
    right: 225px;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    background: #e0645c;
    padding: 5px;
    color: #FFF;
    border-radius: 4px;
}

#year_error{
	right:105px !important;
}
#student_error{right: 157px !important;}
.username_error {
	position: absolute;
	width: 500px;
	left: 480px;
	background: #FFF;
	z-index: 100;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.username_error .username_error_text {
	background: #e0645c !important;
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	padding: 5px;
	border-radius: 5px !important;
	line-height: 20px;
}
#studentname_error{
	width: 300px;
}
#studentname_error .s_error{
	display: none;
}
.error_arrow {
	border-color: transparent transparent #e0645c transparent !important;
}
#add_class_wrapper{
	font-family: 'Open Sans', 'sans-serif';
	position: absolute;
	right: 0;
	border: 1px solid transparent;
	color: #666;
	height: 36px;
	font-weight: 400;
	margin: 0 10px;
	padding-left: 10px;
	width: 860px;
}
#add_class_wrapper a {
	color:#484848;
	font-size: 11px;
}
#add_class_wrapper #trial_class_option{
  position: absolute;
  width: 150px;
  height: 34px;
  background-color: #eaf4fb;
  border-left: 1px solid #ddd;
  right: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  z-index: 1000;
}
#add_class_wrapper #trial_class_option label{
  line-height: 34px;
  font-size: 14px;
  float: left;
  padding-left: 35px;
}
#add_class_wrapper #trial_class_option label:before{
  left: 7px;
  top: 6px;
}
#add_class_wrapper #trial_class_option label:after{
  left: 11px;
  top: 9px;
}
#add_class_wrapper #trial_class_option .my_numeracy_help{
  left: 120px;
  top: 2px;
  z-index: 100;
}
#add_class_wrapper #trial_class_option .my_numeracy_help .my_numeracy_help_content{
  width: 360px;
  top: 40px;
}
#add_class_wrapper #trial_class_option .my_numeracy_help .my_numeracy_help_content p{
  margin: 10px;
}
#add_class_wrapper #trial_class_option .my_numeracy_help .my_numeracy_help_content span{
  display: block;
  padding: 5px 0px;
}
#add_class_wrapper #trial_class_option .my_numeracy_help .my_numeracy_help_content div{
  border-radius: 5px;
  background: #e8f2f9;
  margin-top: 20px;
  padding: 10px;
  font-weight: 600;
}
.class_uploader_wrapper{
  width: 680px;
  float: right;
  height: 50px;	
  display: none;
}
.class_uploader_wrapper .settings_student_numbers{
  height: 20px;
  position: absolute;
  /* right: 120px; */
  margin: 0;
  z-index: 1;
  top: 40px;
  width: 390px;
}
#add_class_wrapper a:hover{text-decoration: underline;}
.add_class_input {
	position: relative;
	float: right;
	display: none;
	background:#FFF;
	width: 600px;
}
.create_class_buttons {
    background: #4298cc;
    position: relative;
    float: right;
    width: 120px;
    height: 36px;
    border: 0;
    outline: 0;
    color: #fff;
    border: 1px solid #4298cc;
}
#add_class{display:none;}
#number_students{display:none;width: 100px;}
#year_level{display:none;}
#actions_add_class input {
	float: right;
	font-size: 18px;
	text-decoration: none;
	color: #FFF;
	width: 100px;
	height: 27px;
	background-image: none;
	padding: 0px;
	border: none;
	cursor: pointer;
	
	font-size: 13px;
    text-transform: uppercase;
}
#actions_add_class input:hover {
	background-color: #012b53;
	color: #FFF;
}
#ie_labels {
	width: 324px;
	position: absolute;
	right: 30px;
	top: -10px;
	font-size: 11px;
	text-align: left;
}
.ie_class_create {
	width: 162px;
	float: left;
}
#inputs_add_class {
	position: relative;
	float: left;
	outline:none;
}
#inputs_add_class input {
  width: 370px;
	float:left;
	height: 34px;
	font-weight: 600;
  box-shadow:none;
}
#inputs_add_class select {
    padding: 1px 1px 1px 8px;
    background: #FFF;
    font-size: 12px;
    /* line-height: 20px; */
    height: 36px;
    /* border: 0; */
    border-radius: 0;
    color: #666;
    outline: 0;
}
#inputs_add_class #year_level{
	width:100px;
}
#actions_add_class {
	position: relative;
	float: left;
}
.add_class_text {
	font-family: 'Open Sans', 'sans-serif';
    position: relative;
    display: block;
    padding:0px 0px 0px 20px;
    float: left;
    line-height: 36px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    
    background: #FFF;
    border: 0;
    border-radius: 5px;
    color: #666;
    display: table;
    width: 130px;
    float: right;
    padding-right:5px;
}
.class_menu_div{
    text-align: left !important;
}
.class_menu_text {
    position: relative;
    left: 15px; 
}
.class_list_buttons_options{
  float: right;	
  margin: 1px 2px 0px 2px;
}
.add_class_text:hover {
	background: #ccebf3;
}
.add_class_text div{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    line-height: normal;	
    height: 36px;
}
.upload_icons{
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
	background:url(../images/quiz_admin_icons_v4.svg) no-repeat;
    background-size: 740%;
}
#upload_class_upload_icon{background-position: 0px 0px;}
#add_class_upload_icon{background-position: -40px 0px;}
#down_temp_upload_icon{background-position: -78px 0px;}
#change_academic_year .upload_icons{background-position: -40px -34px;}
#export_data_main{
	width: 100px;
}
#export_data_main #export_options_wrapper{
    width: 150px;
    top: 40px;
}
#export_data_main #export_options_wrapper button{
    width: 100%;
}
#export_data_main #export_data_main_wrapper{
    display: table;
    width: 90%;
    float: right;	
}
#export_data_main #export_pdf_wrapper{
    left: 0;
    top: 0;
    display: none;
}
#export_data_main #export_pdf_wrapper #pdf_animator_all{
	height: 36px;	
}
#export_data_main #export_pdf_wrapper #pdf_animator_all label{
	line-height: 36px;	
}
#rollover_help{
	width: 90px;
}
#rollover_help .upload_icons{
    background-position: -40px -68px;	
}
#upload_template{
    text-decoration: none !important;
}
#upload_not_rolled_over{
  position: absolute;
  top: 40px;
  z-index: 1;
  font-size: 11px;
  width: 150px;
  padding: 0px 0px 0px 30px;
}
#upload_not_rolled_over:before{
  content: '';
  position: absolute;
  height: 1px;
  width: 80%;
  background: #ddd;
  left: 0;
  top: -2px;
  right: 0;
  margin: auto;
}
#upload_rollover_sheet {
    font-size: 11px;
}
.upload_style{
	border: 0px;
	position: absolute;
	float: right;
    right: 0px;
	height: 36px;
	line-height: 27px;
	width: 120px;
	padding: 0;
}
.upload_notification{
    position: relative;
}
.upload_div{
    display:block;
    position: relative;
    float: left;
    width: 520px;
}
#add_class_upload_w{
	width: 790px;
}
.upload_buttons_style{
	float:left !important;
}
#upload_submit{
	width: 130px;
}
#uploader_animation{
	display: none;
    top: 0;
    width: 790px;
    right: 0;
    height: 36px;
}
#uploader_animation #progress{
	height: 35px;	
}
#uploader_animation #progress #pdf_animator_all{
    height: 35px;	
}
#uploader_errror_message{
	width: 780px;
    z-index: 0;
    height: 36px;
    display: none;
    position: relative;
    float: left;
}
#uploader_errror_message #upload_error_content{
	display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
#uploader_errror_message #upload_error_content #upload_error_content_internal{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
#uploader_errror_message .duplicate_class_proceed{
	display: none;
	position: absolute;
    border: 0;
    border-radius: 5px;
    width: 70px;
    padding: 0;
    right: 3px;
    top: 3px;	
    height: 30px;
    line-height: 30px;
	background: #FFF;
    color: #666;
    width: 40px;
}
#rollover_processing{
	position: absolute;
    width: 300px;
    left: 0;
    right: 0;
    margin: auto;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    top: 10px;
    background: #f9f8f8;	
}
.table_wrapper {
	/* border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;*/ 
	display: inline-table;
	width: 100%;
	position: relative;
}
.search_export{
  position: absolute;right: 20px;top: 55px;z-index: 11;display:none;
}
.search_button span{
  background: url(../images/assessment_functions.svg);
  position: absolute;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: -27px 0px;
  background-size: 330px;
  left: 5px;
  top: 4px;
}
#table_wrapper_search{
    z-index: 10;
    top: 90px;
    top: -290px;
    padding-top: 30px;
    display:none;
}
#table_wrapper_search #new_search{
  position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    line-height: 35px;
    height: 35px;
    top: -13px;
    border:0;
    border-radius:5px;
    display:none;
}
#table_wrapper_search #results_table_content{
    z-index: 11;
}
#table_wrapper_search #results_table_content #results_heading_wrapper{
  padding-top: 10px;
}
.table_wrapper_search #new_search #results_table_content{
  margin: 20px 0px 100px;
  overflow: visible;
  width: 100%;
}
#current_assessment_table{position: relative;}
#current_assessment{
	width: 100%;
    background: #fff;
    z-index: 2;
    position: relative;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}
#teacher_notes{
	width: 100%;
    height: 235px;
    position: absolute;
    background: #fbfbfb;
    z-index: 1;
    top: 13px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#teacher_notes #teacher_notes_content{
	display: none;
}
#teacher_notes #teacher_notes_content button{
	border-radius: 5px;
    border: 0;
    position: absolute;
    right: 0;
    bottom: 24px;
    left: 0;
    margin: auto;
    height: 30px;
    line-height: 30px;
    width: 150px;
    display: none;
}
#teacher_note_bubble{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;	
    display: none;
}
#teacher_notes #teacher_history_content{
	display: none;
}
#teacher_notes #teacher_history_content #teacher_history_headings{
	width: 90%;
    padding: 0% 5%;
    height: 30px;
    margin-top: 12px;
    display: flex;
    justify-content: center;
}
#teacher_notes #teacher_history_content #teacher_history_headings .teacher_history_headings{
	width: 14.28%;
    float: left;
    text-align: center;
    height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
    display: table;
}
#teacher_notes #teacher_history_content #teacher_history_headings .teacher_history_headings div{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 30px;
}
#teacher_notes #teacher_history_content #teacher_history_internal{
	width: 90%;
    padding: 0% 5%;
    height: 192px;
    position: absolute;
    max-height: 192px !important;
    overflow-y: scroll;
}
#teacher_notes #teacher_history_content #teacher_history_wrapper{
	width: 100%;
    height: 194px;
}
#teacher_notes #teacher_history_content #teacher_history_wrapper .scroll-wrapper{
    width: 100%;
    height: 194px;
    position: relative !important;	
}
#teacher_notes #teacher_history_content #teacher_history_internal .teacher_history_year_wrapper{
	border: 1px solid #eee;
    border-radius: 5px;
    margin: 5px 0px;
    background: #fff;
}
#teacher_notes #teacher_history_content #teacher_history_internal .teacher_history_year_wrapper .teacher_history_year{
    text-align: center;
    background: #eee;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
    font-size: 15px;
}
#teacher_notes #teacher_history_content #teacher_history_internal .teacher_history_row{
    width: 100%;
    line-height: 40px;
    clear:both;
    position: relative;
    height: 40px;
    display: flex;
    justify-content: center;
}
#teacher_notes #teacher_history_content #teacher_history_internal .teacher_history_row .teacher_history_headings{
	width: 14.28%;
    float: left;
    text-align: center;
    font-size: 14px;
}
#teacher_notes #teacher_history_content #teacher_history_internal .teacher_history_row .teacher_history_pdf{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0px;
	margin: 5px;	
}
#teacher_notes #teacher_history_content #teacher_history_internal .teacher_history_row .teacher_history_pdf button{
	width: 30px;
    height: 30px;
    background: url(../images/zpd_list.svg) no-repeat;
    border: 0;
    padding: 0;
    border-radius: 5px;
}
#teacher_notes #teacher_history_content #teacher_history_internal .teacher_history_row .teacher_history_pdf button:hover{
	background-color: #ddd;	
}
#teacher_notes .teacher_notes_content{
    width: 100%;
    height: 223px;
    position: relative;
}
#teacher_notes .teacher_notes{
	width: 95%;
    height: 195px;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    border-radius: 5px;
    border: 2px solid #eee;
    background: transparent;
    font-size: 15px;
    font-weight: 100;
    padding: 5px;
}
.teacher_notes_open{
	transform: translateY(250px);
	-webkit-transform: translateY(250px);
	box-shadow: 0px 10px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,.2);
}
#current_assessment_buttons{
    width: 300px;
    position: absolute;
    height: 26px;
    left: 0;
    right: 0;
    margin: 0 auto;	
}
.teacher_notes_button{
    position: absolute;
    z-index: 3;
    width: 150px;
}
.teacher_notes_button:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	left: 0;
}
.teacher_notes_button:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	right:1px;
}
.teacher_notes_button_active{
    background: #4298cc !important;
    border: 1px solid #4298cc !important;
    color: #FFF !important;	
}
#ea_current_list{
  display:none;
}
#sortable_table_wrapper{
  position: relative;
  clear: both;
}
#sortable_table_wrapper .class_list_headings_class_name{
  width: 85%;
  width: calc(100% - 200px);
  cursor: unset;
}
#sortable_table_wrapper .list_headings{
  border-bottom: 10px solid #eee;
}
.sortable_table_wrapper_1{
  margin-top: 30px;
}
#sortable_table{
	width:100%;
}
.sortable_groups{
	top: 40px;
}
#sortable_table thead{
	border-bottom: 10px solid #eee;
}
#sortable_table tbody{
	display: block;
}
.table_border{
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
.list_class {
	height: 40px !important;
}
.highlight_quiz {
	border: 1px solid #1c4e81;
}
.class_list_wrapper {
	line-height: 40px;
	font-size: 13px;
	clear: both;
	float: left;
	width: 100%;
}
.class_list_wrapper_results {
	line-height: 40px;
	height: 20px;
	border-top: 1px solid #CCC;
	font-size: 13px;
	clear: both;
}
.class_list_wrapper .edit_highlight {
	width: 100%;
	padding: 0px;
	border: 0px;
	font-size: 13px;
	font-family: 'Open Sans', 'sans-serif';
	height: 40px;
	text-align: center;
	outline: none;
	cursor: pointer;
	
}
.class_list_wrapper .edit_highlight:hover{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
}
.class_list_wrapper input:focus {
	background: #E4E4E4;
}
.class_list_cells {
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 13px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	border: 0;
}
.class_list_cells_overflow{
	overflow: hidden;
}
.class_list_cells p {
	padding-left: 10px;
	padding-right: 10px;
}
#class_list_table{
	display: flex;
  flex-direction: column;
  width: 100%;
}
#student_transfer{
	right: 120px;
    height: 30px;
    line-height: 30px;
    top: 5px;
    border: 0;
    width: 220px;
}
#student_history_list_internal{
	overflow: hidden;
	border-radius: 10px;
}
#student_history_list_internal #rollover_help{
    display: none;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.3);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
#student_history_list #student_history_list_internal{position: relative;}
.help_wrappers{
    width: 300px;
    height: 200px;
    position: absolute;	
}
.help_wrappers .drawn_arrow{
    background-image: url(../images/drawn_arrow.svg);
    width: 70px;
    height: 50%;
    background-repeat: no-repeat;
    background-size: 60px;
    position: absolute;
}
.help_wrappers .help_internal{
    position: absolute;
    color: #FFF;
    font-weight: 100;
    background-color: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 20px;
}
#current_classes{
    background: #FFF;
    z-index: 1;	
    display: none;
}
#next_year_classes{
	display: none;
}
#school_transfer_classes{
	display: none;
}
#rollover_message{
	width: 531px;
    position: absolute;
    background: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 28px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
    z-index: 99999;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.edit_2017_class_wrapper,.edit_uow_class_wrapper{
	display: none;
	position: relative;
    width: 400px;
    margin: 0 auto;
    margin-left:10px;
}

.edit_2017_class_wrapper .edit_2017_class, .edit_uow_class_wrapper .edit_2017_class{
    width: 350px;
    position: absolute;
    left: 0;
    height: 25px;
    top: 6px;
    border: 1px solid #ddd;
    border-radius: 5px;
	font-size: 14px;
    padding-left:30px;
}
.edit_uow_class_wrapper .edit_2017_class{
    width: 190px !important;
    border: none !important;
    top: 3px !important;
    left: -5px;
}
.edit_2017_class_wrapper .rollover_edit_class_submit{
	position: absolute;
    right: -3px;
    height: 27px;
    border: 0;
    outline: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 10px;
    top: 6px;
}

.edit_uow_class_wrapper .rollover_edit_class_submit{
	position: absolute;
    right: 96px;
    height: 28px;
    border: 0;
    outline: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 10px;
    top: 1px;
}
.rollover_buttons{
    width: 38px;
    height: 38px;
    background-image: url(../images/rollover_functions.svg);
    background-repeat: no-repeat;
    background-position: 5px 4px;
    display: block;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    background-size: 55px;
    outline: none;
	cursor: pointer;
	
}

#school_history_heading{width:100%;clear: both;}
#school_history_heading h2{width:50%;float:left;text-align:center;text-transform: uppercase;font-size: 14px;}
#school_history{
	width:50%;
	float:left;
}
.student_search{
	position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 5px;
    top: 32px;
    padding: 5px;
    text-align: center;
    width: 300px;
    line-height: 13px;
    height: 18px;
    border: 0;
    font-size: 13px;
    font-weight: 100;
}
.student_search:focus{
	background: #eee;
}
.student_search_rollover{
	top: 27px;
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
}
.create_class{width:24.5% !important;}
#new_class_students{
	width:50%;
	float:left;
}
#new_class_student_list h2{
	width: 80%;
    margin: 0 auto;
    padding: 30px 0px;
    font-size: 14px;
}
#class_list_empty {
	line-height: 300px;
    min-height: 350px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 100;
}
.class_list_class_name {
	clear: both;
	position: relative;
	float: left;
	width: 140px;
	padding-left: 20px;
	font-size: 14px;
}
.class_list_num_students {
	position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-align: center;
    background-image: url(../images/user.svg);
    background-repeat: no-repeat;
    background-position-y: 8px;
    background-size: 20px;
}
.class_list_num_students h2 {
    margin-left: 30px;
    font-size: 13px
}
.lock_class_wrapper{
	position: absolute;
    right: 0;
    border: 0;
    outline: 0;
    width: 210px;
    top: 3px;
    display: none;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    border-radius: 20px;
    background: #fff;
}
.lock_class_wrapper .lock_class_input{
    border: 0;
    outline: 0;
    height: 32px;
    float: left;
    font-size: 14px;
    border-radius: 5px;
    padding-left: 10px;
}
.lock_class_wrapper .lock_class_submit{
	position: absolute;
    right: 0;
    background: #ddd;
    border: 0;
    outline: 0;
    height: 32px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 50px;
	cursor: pointer;
	
}
.lock_class_wrapper .lock_class_submit:hover{background: #4298cc;color: #FFF;}
.lock_class_wrapper .lock_explain{
	width: 350px;
    background: #FFF;
    position: absolute;
    right: 250px;
    top: 0px;
    font-size: 14px;
    padding: 10px;
    text-align: justify;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    border-radius: 5px;
}
.class_list_buttons {
	position: relative;
	float: right;
	width:40px;
	border-radius:5px;
}
.class_list_buttons:hover {
	background: #fff;
	 box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
	transform: scale(1.2, 1.2);
}
.class_list_buttons a{
	margin: 0 auto;
	background: url(../images/list_class_icons.svg);
	background-repeat: no-repeat;
}
.class_list_delete a {
	width: 40px;
	height: 40px;
	display: block;
}
.class_list_lock a {
	width: 40px;
	height: 40px;
	display: block;
}
.class_list_view_class a {
	width: 40px;
	height: 40px;
	display: block;
}
.class_list_edit_wrapper_parent{
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 5px;
  z-index: 1;
}

.uow_edit_wrapper_parent{
    position: absolute;
    top: 0;
    z-index: 1;
  }
.class_list_edit_class_wrapper {
	float: left;
	width: 100%;
	background: #FFF;
    width: calc(100% - 10px);
}
.class_list_edit_class_wrapper:nth-child(even) {
	background: #f6f6f6;
	background: #fff;
}
.class_list_edit_class_wrapper:last-child{
	margin-bottom: 200px;
}
.class_list_edit_class_wrapper .class_list_cells .dropdown_styled{background:transparent;}
.class_list_edit_class_wrapper .class_list_cells .dropdown_styled input{
    background: #FFF;
    width: 90%;
    margin: 0 auto !important;
    margin-top: 4px !important;
    display: block;
    height: 30px;
    border-radius: 5px !important;
    margin: 4px 0px;
    border: 1px solid #ddd;
}
.class_list_teacher_icon{
	border-radius: 5px;
    width: 30px;
    height: 30px;
    margin: 5px;
}
.teacher_list_delete{
	position: absolute;
    right: 20px;
}
.remove_teacher{
	top: -40px;
    right: 20px;
    left: initial;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.class_list_edit_class {
	position: relative;
	float: right;
}
.class_list_edit_class a {
	width: 40px;
	height: 40px;
	display: block;
}
.class_list_results_class {
	position: relative;
	float: right;
}
.class_list_results_class a {
	width: 40px;
	height: 40px;
	display: block;
}
.class_list_num_students_link {
	display: block;
}
.class_view_ranges {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	overflow: hidden;
	width: 85%;	
	line-height: 30px;
}
.class_view_ranges_multiply{
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    overflow: hidden;
}
.class_view_ranges_multiply:last-child{
	border: none;
}
.class_view_ranges_multiply_two{
	height: 15px !important;
    line-height: 15px !important;
    font-size: 12px !important;
}
.class_list_flexi_preview{
	width: 5%;
}
.class_list_flexi_preview button{
    background: url(../images/preview_eye.svg) !important;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: #FFF !important;
    border: 1px solid #9ddaff;
    border-radius: 5px;
    background-repeat: no-repeat !important;
    margin: 5px;
    background-size: 50px !important;
    background-position: 2px 1px !important;
    transition: none;
}
.class_list_flexi_preview button:hover{
	background-color: #d4eeff !important;
}
.class_list_flexi_preview button:hover .add_student_labels{display:block;}
#view_class_results{
    width: 210px;
    padding-right: 30px;
    /*right:60px;*/
    right:0px;
}
#view_class_profile{
    width: 36px;
    padding: 0;	
}
#view_parent{
    right: 0;	
}
#assign_class_quiz{
    /*right: 270px;	*/
    right: 210px;
}
.hide_menu_options{
	opacity: 0;
	pointer-events: none;
}
.view_class_menu{
	float: right;
  	position: relative;
  	width: 100%;
	height:70px;
    padding-right: 20px;
}
#class_function_buttons{
	width: 100%;
    float: right;
    height: 60px;
}
.function_button_row{
	clear: both;
    height: 40px;
}
#student_review_wrapper{
	padding-left: 10px;
    width: 155px;
    display: block;
    height: 27px;
	line-height: 30px;
	position:relative;
}
.toolbar_dropdown_box li div #student_review_wrapper{
	height: 37px !important;
	padding-left: 40px;
}
.toolbar_dropdown_box li .toolbar_headings_functions{
	/* width: 280px !important; */
	clear: both;
}
.toolbar_dropdown_box .toolbar_headings_functions_indent .toolbar_headings_functions #student_review_wrapper{
	padding-left: 60px;
}

.toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions #student_review_wrapper{
	padding-left: 80px;
}
.toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions #student_review_wrapper h2{
    font-style: italic;
    font-weight: 400;
    font-size: 13px;
}
.toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions #student_review_wrapper .student_review_container{
    right: -5px;
}
.toolbar_dropdown_box .toolbar_headings_functions_indent .toolbar_headings_functions .my_numeracy_help{
	left: 20px;	
}
.toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions .my_numeracy_help{
	left: 40px;	
}
.toolbar_dropdown_box .toolbar_headings_functions_indent .toolbar_headings_functions button{
	width: 280px;
	height: 40px;
    border-bottom: 1px solid #ddd;
    padding-left: 40px;
}

.toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions button{
	width: 280px;
	height: 40px;
    border-bottom: 1px solid #ddd;
    padding-left: 40px;
}
.toolbar_dropdown_box .toolbar_headings_functions_indent .toolbar_headings_functions button span{
	left: 20px;	
	top: 6px;
  background-size: 1550% !important;
}

.toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions button span{
	left: 20px;	
	top: 6px;
  background-size: 1550% !important;
}
.my_numeracy_help{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
    z-index: 1;
    cursor: pointer;
    
}
.my_numeracy_help .my_numeracy_help_icon{
	background-image: url(../images/info_v2.svg);
	background-size: cover;
    width: 20px;
    height: 20px;
    margin: 5px;
}
.my_numeracy_help .my_numeracy_help_content{
	display: none;
	position: absolute;
    width: 200px;
    height: 110px;
    z-index: 1;
    font-size: 13px;
    padding: 10px;
    text-align: center;
    left: -230px;
    top: -10px;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    height: auto;
}
.my_numeracy_help:hover .my_numeracy_help_content{
	display: block !important;
	
}
.my_numeracy_help_v2{
  /*top: 10px !important;*/
  z-index: 2;
}
.my_numeracy_help_v2:hover{
  z-index: 100;
}
.my_numeracy_help_v2 .help_videos{
  width: 90px;
  height: 30px;
  z-index: 1;
  border: 0;
  line-height: 30px;
  border-radius: 5px;
  background: #4298cc;
  color: #FFF !important;
  font-weight: 400;
  clear: both;
  display: block;
  margin: 0 auto;
  float: none;
  position: relative;
  margin-top: 10px;
}
.my_numeracy_help_v2 .my_numeracy_help_content .help_image{
  clear: both;
  margin-top: 10px;
}
.my_numeracy_help_v2 .help_videos span{
  background: url(../images/menu_icons_all_v6.svg);
  width: 25px;
  height: 25px;
  display: block;
  /* float: left; */
  position: absolute;
  left: 0;
  background-size: 450px !important;
  background-position: -406px 0px !important;
  top: 1px;
}
.my_numeracy_help_v2 .my_numeracy_help_content{
  left: -200px;
  top: 0;
}

#school_view_assessment_defaults .my_numeracy_help_v2 .my_numeracy_help_content{
    left: 0 !important;
    top: 30px !important;
  }
.my_numeracy_help_v2:hover .my_numeracy_help_icon{
  background-color:#d4eeff;
  border-radius: 50%;
}
.my_numeracy_help .my_numeracy_help_content .help_image{
	width: 100%;
    background-repeat: no-repeat;
    border-radius: 5px;
    overflow: hidden;	
}
.my_numeracy_help .my_numeracy_help_content .class_help_images{
	background-image: url(../images/class_help_images.jpg);
    height: 145px;
    background-size: 200px;	
}
.audio_admin{
    width: 40px;
    left: -68px;
    position: absolute;
}
.audio_admin_student{
    left: 0;
    right: 0;
    margin: auto;
    top: 5px;	
}
.audio_admin div{
	width: 40px;
	height: 26px;
    margin-top: 7px;
    background: transparent !important;
    border-radius: 5px;
    transform: scale(1.0, 1.0) !important;
}
.audio_admin div .audio_button{
    background-position: -40px -2px;
    width: 40px;
    height: 26px;
    background-image: url(../images/audio_admin.svg);
    background-repeat: no-repeat;
    border-radius: 5px;
}
.audio_admin div .audio_button:hover{
	background-color:#FFF !important;

}
.audio_admin div .audio_enabled{
	background-position: -2px -2px;
}
.audio_admin_student_help{
	left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px;
    right: -70px;
    z-index: 10;	
}
.audio_admin_student_help .my_numeracy_help_content{
    left: 40px;
    height: 55px;
}
#academic_year_toggle{
    width: 230px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    top: 15px;
    z-index: 1;
}
#student_review_wrapper h2{color: #666;font-size: 13px;text-align: left;}
.student_review_container{top:-3px;right:3px;}
.student_review_container1{top:-3px;right: -15px;}
.student_review_container2{top:-3px;right:0px;}

.student_review_container .student_review_switch{width: 70px;height: 20px;margin: 7px 0px;border-radius: 5px;}
.student_review_container .student_review_switch .student-review-handle{width: 18px;height: 18px;top: 3px;left: 3px;border-radius: 3px;}
.student_review_container .student_review_switch .student-review_label{background: #FFF;}
.student_review_container .student_review_switch .substrand_started{background: #eee;}
.student_review_container .student_review_switch .student-review_label:hover{background: #4298cc;}
.student_review_container .student_review_switch .student-review_label:hover::before{color: #FFF;}
.student_review_container .student_review_switch .student-review_label:hover::after{color: #FFF;}
.student_review_container .student_review_switch .student-review_label:before{color: #4298cc;}
.student_review_container .student_review_switch .student-review_label:after{color: #4298cc;}

.assessment_switch_label{background: #FFF !important;}
.assessment_switch_label:hover{background: #FFF !important; }

.student_review_container .student_review_switch .student-review_label:hover{background: #4298cc;}
.student_review_container .student_review_switch .switch-input:checked ~ .student-review-handle{left: 51px;background:#ffffff;}
#view_class_menu_options .student_review_container .student_review_switch .switch-input:checked ~ .student-review-handle, #school_view_assessment_defaults .student_review_container .student_review_switch .switch-input:checked ~ .student-review-handle{
	background: #4298cc;
}
.toolbar_percent_level{
	width: 100px;
    position: absolute;
    left: -62px;
    top: 7px;
}
.student_review_container .student_percent_level_switch{
	width: 100px;
}
.student_review_container .student_percent_level_switch .switch-input:checked ~ .student-review-handle{
	left: 81px;
}
.student_review_container .student_percent_level_switch .student-review_label:before{
	right: 25px;
}
.student_review_container .student_percent_level_switch .student-review_label:after{
    left: 18px;	
}
#student_switch{
	width: 264px;
}
.student_review{
	text-align: center !important;
    padding: 0px !important;
    width: 130px !important;
}
.student_review_style{
	background: #e5e5e5 !important;
}
.radius_left{
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.radius_right{
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.completed_percent{
	z-index: 2;
	height: 26px;
	position: absolute;
	left: 0px;
    background: #6ac7a1;
	width: 0;
	-webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.pre_post_ass_result {
	width: 100%;
	height: 26px;
	margin: 0 auto;
	background: transparent;
	position: relative;
	border: none;
    outline: 0;
	cursor: pointer;
	
	z-index: 3;
	
}
.pre_post_ass_result .quiz_percent_level{
	line-height: 26px;
    color: #FFF;
    font-size: 14px;
    font-weight: 100;
    background: transparent;
    border: 0;
    text-align: center;
    padding: 0;
    width: 100%;
}
.pre_post_button{
	width: 100%;
    height: 26px;
    margin: 0 auto;
    position: relative;
    border: none;
    outline: 0;
    cursor: pointer;
    
    z-index: 3;
	background: url(../images/my_numeracy_edit.svg);
	background-repeat: no-repeat;
}
.pre_post_button_no{
	background: none !important;
}
.pre_general_active{
	background-position: -261px 0px;
}
.pre_general_active_no_mn{
	background-position: -262px 0px;
}
.pre_active{
	background-position: -244px 0px;
}
.pre_active_no_mn{
	background-position: -242px 0px;
}
.pre_active_no_mn_grading{
	background: #fae910 url(../images/my_numeracy_edit.svg) !important;
	background-position: -567px 0px !important;
	border-radius: 0;
}
.pre_active_no_mn_grading_general{
	background: #fae910 url(../images/my_numeracy_edit.svg) !important;
	background-position: -585px 0px !important;
	border-radius: 0;
}
.post_active{
	background-position: -130px 0px;
}
.post_active:hover{
	background-position: -195px 0px;
}
.post_start{
	background-position: -114px 0px;
}
.post_start:hover{
	background-position: -179px 0px;
}
.post_start_no_mn{
	background-position: -116px 0px;
}
.post_start_no_mn:hover{
    background-position: -181px 0px;
}
.start_general_active{
    background-position: -131px 0px;
}
.start_general_active:hover{
	background-position: -196px 0px;
}
.start_general_active_no_mn{
	background-position: -131px 0px;	
}
.start_general_active_no_mn:hover{
    background-position: -196px 0px;
}
.pre_post_not_started{
	background: #edeae5 url(../images/my_numeracy_edit.svg);
	background-position-y: 0px;
	z-index: 1;
}
.not_finished{
    background: #ffda94;
    width: 100%;
    height: 26px;
    position: absolute;
    z-index: 0;
}
.not_finished_mn{
	background-position: -244px 0px;
}
.not_finished_general{
	background-position: -259px 0px !important;
}
.not_finished_general_mn{
	background-position: -263px 0px !important;
}
.assess_completed{background: none;}
.assess_completed_skipped{background: none;}
.post_not_started_1{background-position-x: 0px;}
.post_not_started_1:hover{background-position-x: -65px;}
.post_not_started_2{background-position-x: 10px;}
.post_not_started_2:hover{background-position-x: -54px;}
.post_not_active_1{background-position-x:-262px;}
.post_not_active_2{background-position-x:-249px;}
.pre_post_not_submitted{
	background: #d4ad62 url(../images/my_numeracy_edit.svg);
	background-repeat: no-repeat;
	background-position-y: 0px;
}
.pre_post_submitted h2{
	color:#6d6e72 !important;
	font-weight: 600;
    z-index: 4;
    position: absolute;
    text-align: center;
    width: 100%;
}
.my_numeracy_class{
    height: 26px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}
.my_numeracy_on{
	background-position: -387px 0px;
}
.my_numeracy_start_mid{
	background-position: -330px 0px;
}
.my_numeracy_off{
	background-position: -322px 0px;
}
.my_numeracy_mid_not_available{
	background-position: -330px 0px;
}
.my_numeracy_start_active{
	background-position: -386px 0px;
}
.my_numeracy_active_mid{
	background-position: -394px 0px;
}
.pre_post_message {
	line-height: 17px;
	font-size: 11px;
	text-transform: uppercase;
}
.not_set {background: none;}
.not_set h2 {
	color: #DADADA;
}
.pre_post_percent {
	position: relative;
	float: left;
	line-height: 19px;
	background: #2cbc9b;
	height: 100%;
	border-radius: 10px;
}
.pre_post_percent h2 {
	right: 5px;
	position: absolute;
	left: inherit;
}
.post_wrapper {
	position: relative;
}
#post_wrapper{float:right;}
.post_ass_title {
	position: absolute;
	left: 2px;
	top: -1px;
	line-height: 19px;
}
.enable_post {
	line-height: 18px;
	display: block;
	text-decoration: none;
	background: #296399;
	color: #FFF;
	font-weight: 100;
	font-size: 12px;
}
.enable_post:hover {
	background: #2cbc9b;
}
.incomplete {
	background: #FFD0D0;
}
.complete {
	background: #DBFCCA;
}
.no_hover:hover {
	background: transparent;
}
.dropdown_header_active {
	background-color: #ccebf3 !important;
}
.dropdown_wrapper a {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	height: 40px;
	pointer-events: hand;
	cursor: pointer;
	
	font-size: 12px;
	width: 100%;
	position: absolute;
	border-radius: 5px;
	background-size: 20px;
}
.dropdown_wrapper a:hover {
	background-color: #ccebf3;
}
.no_hover{background: transparent;}
.no_hover:hover{background: transparent !important;}
#loaderimg {
	background: url(../images/pre_loader.svg);
	background-repeat: no-repeat;
}
.dropdown_sub {
	position: absolute;
	z-index: 10005;
	background: none;
}
.range_submenu_all{
    right: -140px;
    top: 0;
    width: 150px;
    text-align: right !important;
    padding-right: 10px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 5px;
}
.range_submenu_all:hover{
	background: #ccebf3 url(../images/plus.svg);
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    background-position: 0px 5px !important;
}
.dropdown_sub ul {
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dropdown_sub ul ul{
	display: none;
	position: absolute;
    top: -18px;
	right: -150px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2) !important;
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2) !important;
    height: 60px;
    width: 160px;
    z-index: 1;
    border-radius: 5px;
    background: #FFF;
}
.dropdown_sub a {
	display: block;
	height: 30px !important;
	background: #fbfbfb;
	line-height: 30px !important;
	text-decoration: none;
	text-align: center;
	color: #343434;
	font-weight: 400;
	font-size:11px;
}
.dropdown_sub a:hover {
	background: #ccebf3 !important;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.dropdown_sub ul li{
	position: relative;
    height: 30px;
    width: 100%;
}
.dropdown_sub ul li:first-child{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dropdown_sub ul li:first-child a{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dropdown_sub ul li:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.dropdown_sub ul li:last-child a{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.dropdown_sub ul li a{font-size: 12px !important;left: 0;box-shadow: none !important;
	-webkit-box-shadow: none !important;}
.dropdown_sub ul li a span{
    background: url(../images/plus.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    background-position: 0px 5px !important;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    border: 0;
    padding: 0;
}
.dropdown_sub ul ul li a:first-child{
	top: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dropdown_sub ul ul li a:first-child:hover{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !Important;
}
.dropdown_sub ul ul li a:last-child{
    z-index: 1;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.dropdown_sub ul ul li a:last-child span{
	background: url(../images/teacher_led_support.svg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.dropdown_sub ul li a:nth-child(2){
	border-radius: 0 !important;	
}
.dropdown_sub ul li a:nth-child(2) span{
	background: url(../images/preview_eye.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 60px !important;
}
.dropdown_sub ul li:hover{
	background: #ccebf3 !important;
}
.dropdown_sub ul li a:hover{
	color: #484848 !important;
	background: #ccebf3 !important;
}
.dropdown_sub ul li a:hover .range_submenu_descrip{
	display: block !important;
}
.dropdown_sub ul li .range_submenu_solo{
	transition: none;
}
.dropdown_sub ul li .range_submenu_solo + ul li a{
	transition: none !important;
}
.dropdown_sub ul li .range_submenu_solo span{
	display: none;
}
.dropdown_sub ul li .range_submenu_solo:hover span{
	display: block;
}
.dropdown_sub ul li:hover > .range_submenu_solo {background: #ccebf3 !important;color: #484848 !important;}
.dropdown_sub ul li:hover > .range_submenu_solo span {display: block;}
.dropdown_sub ul li:hover > ul {display: block !important;}
.dropdown_sub ul li:hover > ul li{display: block !important;}
.dropdown_sub .recommended{
	font-weight: 600;
    font-size: 14px;
    background: #eee;
}
.edit_highlight{position: relative;}
.edit_highlight:focus{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
    z-index: 100;
    background: #f3efff !important;
    border-radius: 5px;
    transform:scale(1.2);
}
.edit_margins{
	width:5%;
}
.dropdown_styled .strand_submenu_heading{
    text-transform: uppercase;
    font-size: 15px !important;
    letter-spacing: 2px;
    font-weight: 600 !important;
    background: #e6e6e6 !important;
    padding: 5px 0px;
    color: #6d6e72 !important;
	font-weight: 100 !important;
}
.dropdown_arrow {
	content: "";
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #ffffff transparent;
	height: 0;
	position: absolute;
	left: 10px;
	top: -9px;
	width: 0;
	-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
	display: none;
}
.dropdown_down_arrow {
	border-width: 9px 9px 0px 9px !important;
	border-color: #FFFFFF transparent transparent transparent !important;
}
.dropdown_styled {
	line-height: 40px;
	display: block;
	font-size: 12px;
	background: #FFF;
	border: 0;	
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dropdown_styled select {
	background: #FFF;
	font-size: 12px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	border: 0;
	border-radius: 0;
	font-family: 'Open Sans', 'sans-serif';
	padding-left: 5px;
}
.export_font{
	font-family: 'Open Sans', 'sans-serif';
}
.export_cover_page_bottom{
    background-image: url(../images/cover_page.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    position: absolute;
    height: 330px;
    top: 0;
}
.ican_header{
    font-size: 30px;
    text-align: center;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    position: absolute;
    width: 100%;
    top: 170px;
}
.ican_master_wrapper{
  	position: absolute;
    width: 100%;
    top: 230px;		
}
.ican_substrand_wrapper{
    margin-bottom: 20px;  
}
.ican_substrand_wrapper .ican_substrand{
    width: 70%;
    padding: 10px;
    border: 2px solid #eee;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 25px;
    margin-bottom: -2px;
    background: #f7f7f7;
    padding-left: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ican_substrand_wrapper .ican_levels{
    width: 98%;
    border: 2px solid #eee;
    border-radius: 10px;
    overflow: auto;
    padding: 10px 0px;
    border-top-left-radius: 0px;
}
.ican_substrand_wrapper .ican_level_wrapper{
	margin: 0 auto;
}
.ican_substrand_wrapper .ican_levels .ican_level_title{
	width: 50%;
    margin: 0% 25%;
    height: 40px;
    border-bottom: 2px solid #eee;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    float: left;
    margin-bottom: 10px;
}
.ican_substrand_wrapper .ican_levels .ican_level_item{
    width: 80px;
    height: 50px;
    border: 2px solid #eee;
    border-radius: 10px;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    float: left;
    margin: 10px;
}
.my_numeracy_learning_goals_v1{
	font-family: 'Open Sans', 'sans-serif';
	width: 210mm;
	width: 200mm;
	margin: 0 auto;
	height: 297mm;
	height: 282mm;
	page-break-before:always;
	position: relative;
	clear: both;
	border-radius: 10px;
	margin: 0;
}
.my_numeracy_header_v1{
    width: 100%;
    height: 120px;
    position: relative;
    float: left;	
}
.my_numeracy_logo_v1{
	margin: 0 auto;
	position: absolute;
	left: 10px;
	width:35%;
	top: 0;
}
.my_numeracy_v1_four{
	width: 98%;
	margin: 0 auto;
	position: relative;
}
.my_numeracy_v1_content{
	width:100%;
	border-radius:5px;
	margin-top: 40px;
	clear: both;
}
.my_numeracy_learning_goals_v2{
	font-family: 'Open Sans', 'sans-serif';
	width: 287mm !important;
	height: 200mm !important;
	margin: 0 auto !important;
	position: relative !important;
	display: block !important;
	clear: both;
	page-break-before: always;
}
.export_print_pdf_wrapper{
	font-family: 'Open Sans', 'sans-serif';
	width: 287mm !important;
	height: 200mm !important;
	margin: 0 auto !important;
	position: relative !important;
	display: block !important;
	clear: both;
	page-break-before: always;
    overflow: hidden;
}
.export_pdf_image_wrapper{
    transform: none !important;
    -webkit-transform: none !important;
    top: 0 !important;
}
.export_pdf_image_wrapper:before{
	display: none;
}
.export_pdf_image_wrapper:after{
	display: none;
}
.export_print_pdf_wrapper .idontknow{
    background: transparent !important;
    color: #666;
    border-radius: 5px;
    z-index: 0;
}
.export_print_pdf_wrapper .idontknow .idontknow_label:before{
    background: #eee !important;
    top: 0 !important;
}
.learning_goals_v1{
    position: absolute;
    width: 580px;
    left: 250px;
    top: 60px;
    border-radius: 5px;
    height: 60px;
    font-size: 30px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.mynumeracy_v1_learning_goal{
	position: absolute;
    width: 70%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #4298cc;
    font-size: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.my_numeracy_v1_learning_goal_counter{
    border: 2px solid #4298cc;
    background: #FFF;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    left: 10px;
    top: 10px;	
}
.my_numeracy_v1_learning_goal_wrapper{
	width: 100%;
	height: 180px;
	clear: both;
	border-radius: 10px;
	margin-top: 19px;
	border: 2px solid #4298cc;
    background: #f6f6f6;
    position: relative;
}
.my_numeracy_v1_ican{
	position: absolute;
    background: #FFF;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    width: 170px;
    text-align: center;
    font-size: 20px;
    left: 0;
    right: 0;
    font-weight: 400;
    margin: 0 auto;
    top: 50px;
    border: 2px solid #4298cc;	
}
.my_numeracy_v1_statement{ 
	display: table;
    width: 100%;
    height: 90px;
    margin-top: 90px;
    line-height: normal;
}
.my_numeracy_worksheet_code{
	position: absolute;
    right: 8px;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 270px;
    text-align: right;
    font-size: 14px;
}
.my_numeracy_worksheet_level{
	position: absolute;
	left:0;
}
.my_numeracy_worksheet_level_sheet{
    position: absolute;
    left: 8px;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 270px;
    text-align: left;
    font-size: 14px;	
}
.my_numeracy_v1_statement .my_numeracy_v1_statement_internal{
	display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    line-height: normal;
}
.my_numeracy_v1_feedback{
	border: 2px solid #4298cc;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 2px;
}
.my_numeracy_v1_feedback_tick{
	background-image: url(../images/review_tick.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
#ican_header{
    width: 100%;
    height: 70px;
    position: relative;	
}
#ican_header #learning_goals_header{
	position: absolute;
    width: 580px;
    left: 250px;
    top: 10px;
    height: 60px;
    font-size: 25px;
    text-align: center;
    font-family: 'Open Sans';
    font-weight: 100;	
}
#learning_goals_substrand{
	font-size: 15px;
}
#ican_wrapper{
    width: 95%;
    position: relative;
    margin: 0 auto;
}

#ican_wrapper #ican_heading{
	height: 40px;
}

#ican_wrapper .ican_mynumeracy{
    width: 20%;
    float: left;
    height: 100%;
    position: relative;
    background: #eee;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#ican_wrapper .ican_mynumeracy .ican{
    position: absolute;
    width: 100px;
    background: #FFF;
    /* border-radius: 15px; */
    text-align: left;
    /* padding-left: 30px; */
    text-align: center;
    font-size: 17px;
    height: 22px;
    line-height: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* border-right: 2px solid #4298cc; */
    border-bottom: 2px solid #4298cc;
    border-left: 2px solid #4298cc;
    border-right: 2px solid #4298cc;
    top: 0px;
    left: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 400;
}
#ican_wrapper #ican_heading .ican_mynumeracy{
    background: #FFF;
    border-radius: 0;
    font-size: 25px;
    text-align: center;
}
#ican_wrapper #ican_heading .ican_mynumeracy #ican_heading_mynumeracy_internal{
    border: 2px solid #4298cc;
    border-radius: 5px;
    /* border-top-left-radius: 20px; */
    height: 40px;
    background: #eee;
    line-height: 45px;
    /* border-bottom-left-radius: 20px; */
    font-weight: 100;
    width: 94%;
    margin-left: 5%;
}
#ican_wrapper .ican_mynumeracy .ican_master{
    border: 2px solid #4298cc;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 7px;
  background: #FFF;
  left: 3px;
  top: 3px;
  z-index: 10;
  text-align: center;
  line-height: 40px;
}
#ican_wrapper .ican_mynumeracy .ican_code{
	  position: absolute;
    left: 4px;
    font-size: 12px;
    bottom: 1px;
    font-weight: 400;
}
.my_numeracy_learning_goals_5_1 #ican_wrapper .ican_mynumeracy .ican_code{
    font-size: 10px;
    line-height: 10px;
}
#ican_wrapper .ican_mynumeracy .ican_level{
    position: absolute;
    right: 10px;
    bottom: 1px;
    font-size: 12px;
    font-weight: 400;
}
#ican_wrapper .ican_mynumeracy .ican_tick{
	background-image: url(../images/review_tick.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
#ican_wrapper .ican_mynumeracy .ican_mynumeracy_internal_wrapper{
	width: 95%;
    padding-left: 5%;
    height: 100%;
}
#ican_wrapper .ican_mynumeracy .ican_mynumeracy_internal{
    width: 100%;
    height: 100%;
    display: table;
    border-right: 2px solid #4298cc;
}
#ican_wrapper .ican_mynumeracy .ican_mynumeracy_internal .ican_mynumeracy_text{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 13px;
	text-decoration: underline;
    font-weight: 400;
}
.my_numeracy_learning_goals_5_1 #ican_wrapper .ican_mynumeracy .ican_mynumeracy_internal .ican_mynumeracy_text{
    font-size: 11px;
}
#ican_wrapper #ican_heading .ican_proficiancy{
	width: 20%;
    float: left;
    text-align: center;
    line-height: 60px;
    line-height: 70px;
    height: 40px;
    font-weight: 400;
    font-size: 15px;
}
#ican_wrapper .ican_row{
    width: 100%;
    height: 115px;
    float: left;
    margin: 5px 0px;
    border: 2px solid #4298cc;
    border-radius: 10px;	
}
#ican_wrapper .ican_row .ican_cell{
    width: 20%;
    float: left;
    position: relative;
    height: 90%;
    margin-top: 11px;
}
#ican_wrapper .ican_row .ican_cell .ican_star{
    background: url(../images/star_outline.svg) no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    background-size: cover;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 5px;
}
#ican_wrapper .ican_row .ican_cell .ican_tile{
    width: 90%;
    height: 60%;
    margin: 0 5%;
    /* border-radius: 10px; */
    /* border-bottom: 1px solid #ddd; */
    display: table;
    /* padding: 2.5%; */
    /* border-top: 2px solid #4298cc; */
    /* border-bottom: 2px solid #4298cc; */
}
#ican_wrapper .ican_row .ican_cell .ican_tile_understood{
    background: url(../images/star.svg) no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    margin: 6px;
}
#ican_wrapper .ican_row .ican_cell .ican_tile .ican_title{
    display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	font-weight: 400;
}
.classes_selection{
	width: 270px;
	padding: 0;	
	height: 38px;
}
.classes_selection .dropdown_classes{
	padding: 0;
	width: 100% !important;
}
.classes_selection .dropdown_classes dt{
	width: 100% !important;
}
.classes_selection .dropdown_classes dd{
    width: 170px !important;
    height: 260px;
    position: absolute;
    left: -185px;
    top: -220px;
    border: 1px solid #ddd;
    border-radius: 5px;
    z-index: 2;
    overflow: hidden;
    display: none;
}
.classes_selection .dropdown_classes dd .mutliSelect .class_edit_all{
	padding: 0;
}
.classes_selection .dropdown_classes dd .mutliSelect .class_edit_all button{
  width: 100%;
  z-index: 100;
  padding: 0;
  border: 0;
  line-height: 20px;
  height: 20px;
  margin: 0;
  border-radius: 0;
}
.classes_selection .dropdown_classes dd .mutliSelect{
	width: 100%;
	height: 100% !important;
	background: #FFF;
}
.classes_selection .dropdown_classes dd ul{
    width: 170px !important;
    height: 100%;
    overflow: visible;
    z-index: 10;
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    top: 0;
    margin: 0;
    display: block;
}
.classes_selection .dropdown_classes dd ul li:nth-child(even){
    background: #f6f6f6;	
}
.classes_selection .dropdown_classes dd ul li{
    height: 18px;
    line-height: 10px;
    padding: 5px 5px 5px 25px;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
}
.classes_selection .dropdown_classes dd ul li .dashboard_check{
    margin: 0 !important;
}
.classes_selection .dropdown_classes dd ul li .dashboard_check:before{
    left: -26px;
    top: -8px;
}
.classes_selection .dropdown_classes dd ul li .dashboard_check:after{
    left: -23px;
    top: -4px;
}
.classes_selection .dropdown_classes dd ul .class_dropdown_trial{
  height: 40px;
  text-align: center;
}
.classes_selection .dropdown_classes dt a{
    padding: 0;
    background: #ffffff;
    width: 100%;
    height:38px;
}
.classes_selection .dropdown_classes dt a:hover{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);	
}
.classes_selection .dropdown_classes dt a .classes_add{
	width: 25px;
	height: 25px;
	background-image: url(../images/menu_icons_all_v6.svg);
    position: absolute;
    background-size: 1560%;
    background-position: -129px 0px;
    right: 2px;
    top: 7px;
    border-radius: 50%;
}
.classes_selection .dropdown_classes dt a:hover .classes_add{
	background-color: #eee;
}
.classes_selection .dropdown_classes dt a span{
	color: #4298cc;
    font-weight: 100;
    text-transform: none;
    font-size: 14px;
    width: auto;
    float: left;
    padding: 0px 5px;
	line-height: 38px;
	border: 1px solid #ddd;
    border-radius: 5px;
    height: 25px;
    line-height: 25px;
    margin: 5px 0px 5px 5px;
}
.classes_selection .dropdown_classes dt a .multiSel{
	color: #4298cc;
    font-weight: 100;
    text-transform: none;
    font-size: 14px;
    padding: 0;
    width: 100%;
}
.classes_edit_selection{
	float: left;
	width: 25%;
	margin: 0;
	position: relative;
	height: 30px;
	margin-top: 4px;
}
.classes_edit_selection .dropdown_classes{
	height: 30px;	
}
.classes_edit_selection .dropdown_classes dt{
	height: 30px;	
}
.classes_edit_selection .dropdown_classes dt a{
    background-position: 95%;
    background-size: 10%;
    height: 30px;
    background: #fbfbfb;
}
.classes_edit_selection .dropdown_classes dt a span{
	height: 20px;
    line-height: 20px;
    margin: 5px 0px 5px 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.classes_edit_selection .dropdown_classes dd{
    top: -1px;
    left: -179px;
}
.classes_edit_selection .dropdown_classes dt a .classes_add{
	top: 3px;
}
.class_error_label{
    font-size: 12px;
    text-align: center;
    margin-right: 20px;
    display: block;
    padding: 0;
    position: absolute;
    width: 300px;
    margin: 0;
    z-index: 0;
    height: 30px;
    top: -1px;
    line-height: 30px;
    left: -308px;
    display: none;
    background: #eee;
    box-shadow: none;
	background: #e0645c;
    color: #FFF;
    border: 1px solid #e0645c;
}
#add_students{
    position: fixed;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;	
    transition: 0.5;
    -webkit-transition: 0.5s;
    z-index: 100001;
}
#add_students h2{
	position: absolute;
    width: 100%;
    background: #FFF;
    z-index: 1;	
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#add_students_overlay{
	z-index: 10001 !important;
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.3);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.add_students_start{
	height: 140px;
	width: 750px;
}
#students_which{
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 40px;
    z-index: 0;
    height: 100px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#students_which .edit_new_students{
    height: 60px;
}
#students_which #student_which_1{
	width: 100%;
    height: 100px;
	background: #FFF;
	position: absolute;
    top: 0;
}
#students_which #student_which_2{
	width: 100%;
    height: 100px;
	display: none;
	background: #FFF;
	position: absolute;
    top: 0;
}
#students_which #student_which_2 .settings_student_numbers{
  margin-top: 10px;
}
#students_which .student_create_lock{
  pointer-events: none;
  opacity: 0.5;
}
#students_which .students_which{
    background-image: url(../images/user_white.svg);
    background-repeat: no-repeat;
    width: 200px;
    height: 40px;
    border-radius: 5px;
    margin: 25px 25px;
    border: 0;
    float: left;
    background-size: 15px;
    background-position: 10px 10px;
    /* margin: 0 auto; */
    /* clear: both; */
    display: block;
    font-size: 13px;
}
#student_input{
    width: 300px;
    height: 50px;
    margin: 0 auto;
    margin-top: 10px;
}
#student_input .student_input_text{
    width: 140px;
    float: left;
    font-weight: 100;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}
#student_input #new_students_num{
    width: 50px;
    text-align: center;
    float: left;
    margin: 0px 10px;
    font-size: 22px;	
    padding: 0;
}
#create_students_button{
    border-radius: 5px;
    border: 0;
    clear: both;
    margin: 0px 20px;
    margin: 0 auto;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 100px;	
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.student_add_animation{
	top: -40px !important;
    bottom: unset !important;	
}
#existing_students_wrapper{
	position: absolute;
  height: 100%;
  width: 100%;
}
#existing_students_wrapper .col_50{position: relative;}
#existing_students_wrapper .col_50:first-child{
	width: 70%;	
  height: 100%;
  height: calc(100% - 80px);
}
#existing_students_wrapper .col_50:last-child{
	width: 30%;
    background: #fbfbfb;
    z-index: 13;
}
#existing_students_wrapper .col_50:last-child #rollover_sn{
  position: absolute;
  z-index: 1;
  left: 0;
  right: 17px;
  top: 10px;
  width:90%;
}
#existing_students_wrapper .existing_students{
	overflow-y: scroll;
	position: relative;
	border-top: 1px solid transparent;
	overflow-x: hidden;
}
#existing_students_wrapper .existing_students .flexi_interior_scroll{
  width: calc(100% - 10px);
  padding-bottom: 100px;
}
#existing_students_wrapper .scroll-wrapper{
  height: 100% !important;
  height: calc(100% - 80px) !important;
  overflow-x: hidden !important;
}
#existing_students_wrapper .add_to_class{
  padding-top: 50px;
}
#existing_students_wrapper #existing_students_internal{
	border-right: 1px solid #ddd;
	height: 100%;
    /*height: calc(100% + 80px);*/
}
#students_which #existing_students_wrapper #existing_students_internal{
    height: calc(100% + 80px);
}
#existing_students_wrapper #flexi_col_2 .scroll-wrapper{
  height: calc(100% - 93px) !important;
}
#existing_students_wrapper .flexi_lock_overlay{
	display: none;
}
#existing_students_wrapper .flexi_lock_overlay .flexi_message_edit{
    background: #FFF;
    position: absolute;
    width: 500px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
    font-weight: 600;
}
#existing_students_wrapper .flexi_lock_overlay .flexi_message_edit p{
    color: #000;
    padding: 10px 0px;
    line-height: 20px;
}
#existing_students_wrapper .flexi_locked .flexi_lock_overlay{
	display: block;
	position: absolute;
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    z-index: 10;
}
#existing_students_wrapper .flexi_locked #existing_students_internal{
	pointer-events: none !important;
}
#existing_students_wrapper .existing_students .flexi_strand_header{
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 2px;
}
#existing_students_wrapper .existing_students .existing_flexi_wrapper{
	clear: both;
    display: flex;
    flex-direction: column;
}
#existing_students_wrapper .existing_students .existing_year_wrapper{
	clear: both;
}
#existing_students_wrapper .existing_students .existing_year_wrapper:last-child{
	margin-bottom: 150px;
}
#existing_students_wrapper .existing_students .existing_year_heading{
    font-size: 22px;
    font-weight: 100;
    color: #4298cc;
    line-height: 30px;
    /*
    position: -webkit-sticky;
    position: sticky;
    */
    height: 30px;
    display: inline-block;
    top: 0;
    background: #FFF;
    z-index: 6;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    clear: both;
    background: #fbfbfb;
	width: 96%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px 1%;
}
#existing_students_wrapper .existing_students .existing_student_row{
    height: 40px;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
	
	z-index: 0;
    margin: 0 auto;
	margin: 2px 1%;
	width: 100%;
}
#existing_students_wrapper .existing_students .existing_student_column{
	width: 31%;
    float: left;
    margin: 2px 1%;
}
.existing_student_row_left{
	float: left;	
	width: 31%;
}
.existing_student_row_right{
	float:none;
    width: 90% !important;
    margin: 7px 5% !important;
}
#existing_students_wrapper .existing_students .existing_student_row .existing_student_internal{
	border: 1px solid #ddd;
	border-radius: 5px;
	height:39px;
}
#existing_students_wrapper .existing_students .existing_student_row:hover{
    background: #ccebf3 !important;
}
#existing_students_wrapper .existing_students .existing_student_row .existing_avatar{
	width: 30px;
    height: 40px;
    position: absolute;
}
#existing_students_wrapper .existing_students .existing_student_row .existing_avatar img{
	margin: 7px 0px;
}
#existing_students_wrapper .existing_students .existing_student_row .existing_student_name{
    width: 80%;
    padding-left: 30px;
    font-size: 13px;
    font-weight: 100;
    display: table;
    height: 40px;
}
#existing_students_wrapper .existing_students .existing_student_row .existing_student_name div{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 40px;
}
#existing_students_wrapper .existing_students .existing_student_row .existing_icon{
    width: 25px;
    height: 25px;
    background-image: url(../images/menu_icons_all_v6.svg);
    position: absolute;
    background-size: 1550%;
    right: 5px;
    z-index: 4;
    background-position: -128px 1px;
    top: 8px;
    border-radius: 50%;
}
#existing_students_wrapper .existing_students .existing_student_row:hover .existing_icon{
	background-color: #fff !important;
}
#existing_students_wrapper .existing_students .existing_student_row_right .existing_icon{
	background-position: -159px 1px !important;
}
#existing_students_wrapper .existing_students .student_rolled_over .existing_icon{
	display: none !important;
}
#existing_students_wrapper .existing_students .existing_student_row_right .existing_student_internal{
	background-color: #ccebf3 !important;
	border: 1px solid #ccebf3 !important;
}
#existing_students_wrapper .existing_students .existing_student_row_right .existing_student_internal{
	background-color: #ccebf3 !important;
}
#existing_years{
    position: absolute;
    background: #FFF;
    width: 30px;
    right: 10px;
    /*box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);*/
    border-radius: 5px;
    z-index: 3;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px;
    overflow: hidden;
}
#existing_years .existing_years_jump{
	height: 30px;
	width: 30px;
	font-size: 20px;
    font-weight: 100;
    color: #4298cc;
    text-align: center;
	float: left;
	text-decoration: none;
	outline: 0;
  border-radius: 5px;
    border: 0;
    background: #FFF;
    
    cursor: pointer;
}
#existing_years .existing_years_jump:hover{
	background: #4298cc;
	color: #FFF;
}
#existing_search_wrapper{
	margin: 0 auto;
    display: block;
    width: 400px;
    padding-top: 45px;
	height: 30px;
	margin-bottom: 5px;
	position: relative;
}
#existing_search_wrapper #existing_search{
 	width: 100%;
    height: 30px;
	text-align: center;
	box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}
#existing_search_wrapper #existing_search_clear{
    position: absolute;
    z-index: 1;
    height: 24px;
    line-height: 23px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    right: 2px;
    top: 48px;
    display: none;
}
#existing_search_wrapper #existing_search_clear:hover{
	background: #ddd;
}
#add_to_class{
	height: 589px;
  background: #fbfbfb;
}
#add_to_class_heading{
    position: absolute;
    z-index: 1;
    /*
    background: #fff;
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
    border-radius: 5px;
    */
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-weight: 100;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -30px;
    font-size: 15px;
    border-top: 1px solid #ddd;	
}
#main_menu_next_year{
	display: none;
}
.return_to_current{
	top: -45px;
    position: absolute;
    left: 0;
    width: 140px !important;	
}
.return_to_current button{
	width: 90px !important;
	color: #FFF !important;
	background: url(../images/left-arrow_white.svg) !important;
	background-repeat: no-repeat !important;
	background-size: 19px;
    background-position: 5px 5px;
}

.return_to_current button:hover{
	background-position: 0px 5px;
}
.class_list_empty{
	width: 100% !important;
	font-weight: 100;
}
.class_list_empty:hover td{
	box-shadow: none !important;
	border: 0 !important;
}
#rollover_timeline{
	width: 100%;
    height: 100px;
    position: absolute;
    -webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 6px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    border-radius: 10px;
    top: -4px;
    display: none;
}
#rollover_breadcrumb{
	width: 1024px;
    margin: 0 auto;
    height:110px;
    position: relative;
    background: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 6px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    border-radius: 10px;
    z-index: 100;
}
#rollover_breadcrumb .rollover_item_wrapper{
	width: 33.33%;
    float: left;
    position: relative;
    height: 100px;
}
#rollover_breadcrumb .rollover_item_wrapper .rollover_item_internal{
    width: 100%;
    height: 110px;
    /* border-top: 2px solid #a0cbe5; */
    border-top-left-radius: 20px;
    position: relative;
    border-top-right-radius: 20px;
}
#rollover_breadcrumb .rollover_item_wrapper .rollover_item_internal .rollover_content{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#rollover_breadcrumb .rollover_item_wrapper .rollover_stage{
    position: absolute;
	width: 50px;
    height: 50px;
    -webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 6px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    font-size: 25px;
    font-weight: 100;
    left: 0;
    right: 0;
    margin: auto;
    top: -25px;
	background: #FFF;
}
#rollover_breadcrumb .rollover_item_wrapper .rollover_stage .rollover_stage_internal{
	-webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    width: 36px;
    height: 36px;
    margin: 7px;
    border-radius: 50%;
    line-height: 36px;
    background: #a0cbe5;
    color: #FFF;	
}
#rollover_export_button{
	width: 180px;
}
.add_more_button {
    height: 30px !important;
    line-height: 30px !important;
}
#export_rollover_validation {
    width: 190px !important;
    font-size: 13px;
    text-transform: none;
    height: 32px;
    margin: 0;
    background-repeat: no-repeat;
}
.add_class_rollover{
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
}
.add_class_rollover:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 26.3px;
    border-color: transparent transparent transparent #a0cbe5;
    position: absolute;
    right: -17px;
    top: 44px;
    display: none;
}
.rollover_item_wrapper:last-child .add_class_rollover:after{
	display: none;
}
.add_class_rollover .add_class_add{
    position: absolute;
    left: 0;
    right: 0;
    width: 160px;
    margin: auto;
    top: 40px;
    /* border: 1px solid #a0cbe5; */
    /* text-align: center; */
    padding: 0;
    float: none;
    /* -webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff; */
    /* box-shadow: inset 0 1px 6px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff; */
    border: 1px solid #ddd;
}
.rollover_1_buttons:hover{
	background: #FFF !important;
}
.add_class_rollover .add_class_add .rollover_1_button{
	width: 50%;
	float:left;
	text-decoration: none;
	line-height: 36px;
}
.rollover_1_button:hover{
	background: #ccebf3;	
}
.add_class_rollover .add_class_add_w{
	display: none;
    background: none;
    width: 255px;
    height: 40px;
}
.add_class_rollover .add_class_add_w #name_class{
    width: 220px;
    background: #FFF;
    height: 36px;	
}
.add_class_rollover .add_class_add_w #class_create{
    width: 240px;
    margin: 0 auto;
    float: none;
    margin-top: 40px;
}
.add_class_rollover .add_class_add_w #create_new_students{
    float: none;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    z-index: 1;
    position: absolute;
    right: 6px;
    width: 70px;
    top: 40px;
    height: 38px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.add_class_rollover .upload_icons{
    left: 135px;
    right: 0;
    margin: auto;
    top: -18px;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #4298cc url(../images/rollover.svg) no-repeat !important;
    background-position: 0px 0px;
    background-size: 200px;
    background-color: #4298cc;
    border: 1px solid transparent;
}
.add_class_add:hover .upload_icons{
	transform: scale(1.1);
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.rollover_button_wrapper{
	width: 160px;
    height: 40px;
    margin: 0 auto;
    margin-top: 40px;
    position: relative;
}
.rollover_button_wrapper .rollover_button_style{
	top: 0 !important;
}
.rollover_button_wrapper .export_pdf_wrapper{
    top: 0;
    height: 40px !important;
    border-radius: 5px;
}
.rollover_button_wrapper .export_pdf_wrapper .animate{
	height: 40px !important;
}
.rollover_button_wrapper .export_pdf_wrapper .animate .pdf_animator{
	height: 40px !important;
}
.rollover_overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,0.2);
    border-radius: 10px;
    /* margin: 2%; */
    display: none;	
}
#rollover_upload{position: relative;}
#rollover_upload_input{
    width: 220px;
    background: #FFF;
    height: 18px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 0 auto;
    display: block;
    margin-top: 39px;
    padding: 9px;
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
}
#rollover_submit{
    position: absolute;
    border: 0;
    width: 70px;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    padding: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    top: 0;
    right: 8px;
    height: 38px;	
}
.rolllover_year:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 22.6px;
    border-color: transparent transparent transparent #a0cbe5;
    position: absolute;
    z-index: 1;
    top: 11px;
    right: -15px;
    display: none;
}
.rollover_edit_shade{
    width: 485px;
    height: 36px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    z-index: 1;
    border-radius: 5px;
    top: 2px;
    left: 0px;
}
.readonly_style{
	background: #eee !important;
	pointer-events: none !important;
	color: #868686 !important;
}
#rollover_1 .upload_icons{
	background-position: 2px 3px !important;	
}
#rollover_2 .upload_icons{
    background-position: -37px 3px !important;	
}
#rollover_3 .upload_icons{
    background-position: -80px 3px !important;	
}
#rollover_4 .upload_icons{
    background-position: -124px 3px !important;	
}
.rollover_help{
	left: 0;
    position: absolute;
    right: 0;
    margin: 0 auto;
    top: 80px;	
}
.rollover_help .my_numeracy_help_content{
    left: -95px;
    right: 0;
    top: 30px;
    margin: 0 auto;	
}
#student_search_main_rollover{
	display: none;
}
#video_rollover{
	display: none;
	left: 0;
    right: 0;
    width: 640px;
    height: 360px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px;
}
#video_rollover #video_rollover_internal{
	border-radius: 10px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#spelling_difficulty_header{
    float: left;
    width: 100px;
    height: 50px;	
}
#spelling_switch{
	width: 200px;
	position: absolute;
    left: 0;
    right: 0;
    top: -10px;
}
#spelling_main_header{
	position: relative;
    height: 50px;
    margin-top: 10px;
}
#spelling_main_header .toolbar_headings_functions{
	margin: 8px 0px 0px 0px;	
}
#spelling_options{
    border-bottom: 1px solid #ddd;
    height: 40px;	
}
#spelling_options .spelling_level_header{
    width: 275px;
    float: left;
    position: relative;	
}
#spelling_options .spelling_level_header .spelling_level_header_text{
	line-height: 40px;
    font-size: 13px;
    padding-left: 40px;	
}
#spelling_options .spelling_level_header .student_review_container{
	top:2px;
}
#spelling_options .spelling_level_header .student_review_container .student_review_switch .switch-input:checked ~ .student-review-handle{
	background-color: #4298cc;
}
#spelling_options .my_numeracy_help_content{
	width: 600px;
    left: -630px;
    height: 290px;
    top: 0px;
}
#spelling_options #spelling_help_keyboard{
	overflow: hidden;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;	
    margin-top: 10px;
    height: 220px;
}
#spelling_options #spelling_help_keyboard img{
    width: 95%;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
}
#spelling_level_header{
	width: calc(100% - 150px);
    position: relative;
    float: right;
    height: 50px;
    margin-right: 50px;
}
#spelling_level_header #spelling_level_header_internal{
    width: 100%;
    height: 100%;
    border: 1px solid transparent;	
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header{
    width: 11.11%;
    height: 50px;
    float: left;
    position: relative;
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header .spelling_level_header_text{
	text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 100;
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header .container{
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
    top: 15px;	
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header .container label .switch-input ~ .switch-label:before{
	color: #4298cc !important;
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header .container label .switch-input:checked ~ .switch-label:before{
	color: #FFF !important;
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header .container label .student-review_label:after{
	color: #FFF;	
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header .container label .switch-input ~ .switch-label{
    background: #FFF;
}
#spelling_level_header #spelling_level_header_internal .spelling_level_header .container label .switch-input:checked ~ .switch-label{
    background: #4298cc;	
}
#spell_view_toggle{
	top: -283px;
    left: 0;
    right: 0;
    margin: auto;
    width: 120px;
}
#spell_view_toggle label{
	width: 120px;
}
#spell_view_toggle .student_review_switch .switch-input:checked ~ .student-review-handle{
	left: 101px;	
}
#spell_view_toggle #spell_view_text{
    font-size: 13px;
    position: absolute;
    left: -60px;
    top: 9px;	
}
#spell_hear_filter{
    left: 0;
    top: -230px;
    right: 0;
    margin: auto;
    width: 120px;
}
#spell_hear_filter #spell_hear_filter_heading{
    text-align: center;
    width: 120px;
    font-size: 14px;
    height: 30px;	
}
#spell_hear_filter .switch-field{
  width: 120px; 
}
.filter_parent_100 #filter_100{
	display: none;
}
.filter_parent_0 #filter_0{
	display: none;
}
.filter_parent_1 #filter_1{
	display: none;
}
.filter_parent_2 #filter_2{
	display: none;
}
.my_spelling_options{
	height: 170px !important;
}
.my_numeracy_help_content img{
    width: 100%;
    border-radius: 5px;	
}
#spell_hear_mode{
    left: 0;
    top: -78px;
    right: 0;
    width: 200px;
    z-index: 10000;
    margin: auto;
    position: absolute;
}
#spell_hear_mode ul{
	left: -65px;
    width: 250px;
    border-radius: 5px;
    overflow: hidden !important;	
}
#spell_hear_mode ul button span{
    background: url(../images/mn_align.svg) !important;
    background-size: 60px !important;
}
#spell_hear_mode #mn_switch_wrapper button:last-child{
	background: #FFF;
}
#spell_hear_mode .my_numeracy_help{
    right: unset;
    margin: auto;
    top: 0px;
    left: -8px;
}
#spell_hear_mode .my_numeracy_help .my_numeracy_help_content{
    left: 50px;
}
#spell_hear_mode #mn_switch_wrapper button{
    width: 80%;
    margin: 0 auto;
    float: none;	
}
.spelling_class_hear_wrapper{
    margin-top: 70px !important;
    /*z-index: 1;*/
}
.spelling_hear_names{
	margin-top: 364px !important;
	margin-bottom: 100px;
}
.spelling_hear_names .spell_preview_student{
    background: url(../images/mn_icons.svg) no-repeat;
    position: absolute;
    right: -40px;
    border: 1px solid #ccc;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    top: 0;
    background-position: -410px 0px;
    background-size: 448px;	
    background-color: #fff;
}
.spelling_hear_names .spell_preview_student:hover{
	background-color: #ecf4f9;	
}
.spelling_hear_names .class_list_a{
	margin-bottom: 3px !important;
}
.spelling_hear_names .class_list_a:last-child{
	border-bottom: none !important;
}
.spelling_content_wrapper{
	margin-top: 0px;
	margin-bottom: 100px;
	/*overflow: auto;*/
}
.spelling_content_wrapper #class_list_table{
	position: relative;
  display:block;
}
.spelling_content_wrapper #class_list_table #spelling_auto_align{
    width: 150px;
    top: -40px;
    right: 50px;
    margin: auto;	
}
.spelling_content_wrapper #class_list_table #spelling_auto_align .student_range_reset_icon{
    background: url(../images/mn_align.svg);
    background-size: 84px;	
}
.spelling_content_wrapper #class_list_table #spelling_auto_align .my_numeracy_help{
	left: -40px;
    top: 4px;
}
.spelling_content_wrapper #class_list_table .my_numeracy_help_content{
	color: #000;
}
.spell_hear_detail_wrapper #stu_ctive_interior .myn_active_col{
    position: relative;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    border: 3px solid transparent !important;
}
.spell_hear_detail_wrapper #spelling_hear_wrapper{
    position: relative;
    height: 80px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #FFF;
}
.spell_hear_detail_wrapper #spelling_hear_wrapper .spelling_hear_deck{
    height: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 4px;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear{
	position: absolute;
    right: 5px;
    top: 5px;
    width: 31px;
    height: 31px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    background: #FFF;
    transition: 0.3s ease;
    display: none;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear_show{
	display: block;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear_open{
	width: 400px;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear .cell_data_clear{
    width: 31px;
    height: 31px;
    border: 0;
    border-radius: 5px;
    background: url(../images/list_class_icons.svg);
    background-size: 150px;
    background-position: -59px 0px;
    background-repeat: no-repeat;
    z-index: 1;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear .cell_data_clear:hover{
	background-color: #ecf4f9;	
}
.spell_hear_detail_wrapper .spell_hear_status .cell_data_clear_view{
	display: block;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear .spell_hear_clear_content{
	position: absolute;
    width: 369px;
    height: 31px;
    left: 31px;
    top: 0;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear .spell_hear_clear_content .spell_hear_clear_cover{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: transparent;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear .spell_hear_clear_content .spell_hear_clear_text{
	font-size: 12px;
    width: 220px;
    line-height: 14px;
    text-align: center;	
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear .spell_hear_clear_content .message_buttons{
	width: 140px;
    position: absolute;
    right: 3px;
    top: 3px;
}
.spell_hear_detail_wrapper .spell_hear_status .spell_hear_clear .spell_hear_clear_content .message_buttons button{
	height: 25px;
}
.spell_hear_detail_wrapper .myn_active_content{
    z-index: 1;
}
.spell_hear_detail_wrapper #spelling_hear_wrapper .spell_hear_status{
	height: 40px;
	position: relative;
}
.spell_hear_detail_wrapper #spelling_hear_wrapper .spell_hear_status .spell_card_icon{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    top: -47px;
    background: #FFF;
    border-radius: 50%;
    z-index: 1;
}
.spell_hear_detail_wrapper #spelling_hear_wrapper .spell_hear_status .spell_card_icon img{
    top: 0;
    position: absolute;
    width: 46px;
    margin: 2px;	
}
.spell_hear_detail_wrapper .spell_stu_percent{
	position: absolute;
    font-size: 11px;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 5px;
    left: 5px;
    top: 5px;
	font-weight: 600;
    color: #FFF;
    z-index: 1;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.spell_hear_detail_wrapper .cell_status_understood_0{
	background: #eeaea9;
}
.spell_hear_detail_wrapper .cell_status_understood_1{
	background: #78e1c0;
}
.spell_hear_detail_wrapper .cell_status_understood_3{
	background: #ffdeaf;
}
.spell_hear_detail_wrapper .cell_status_0_1 .spell_stu_percent_text{
	display: none;
}
.spell_hear_detail_wrapper .cell_status_0_1 .spell_stu_status{
	display: block;
}
.spell_hear_detail_wrapper .cell_status_1_1 .spell_stu_percent_text{
	display: block;
}
.spell_hear_detail_wrapper .cell_status_1_1 .spell_stu_status{
	display: none;
}
.spell_hear_detail_wrapper .spell_stu_percent .spell_stu_status{
    background: transparent;
    width: 17px;
    height: 17px;
    margin: 6px;
	border: 2px solid #666;
    border-radius: 5px;
    position: absolute;
    top: 0;
}
.spell_hear_detail_wrapper .spell_percent_color{
	background: #78e1c0;
}
.spell_hear_detail_wrapper .spell_stu_enable{
    background: #fff url(../images/mn_icons.svg) no-repeat;
    position: absolute;
    width: 31px;
    height: 31px;
	left: 406px;
    top: 0;
    background-size: 699px;
    background-position: -297px -11px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.spell_hear_detail_wrapper .spell_stu_enable:hover{
    border: 1px solid #666;
    transform: scale(1.2) !important;	
}
.spell_hear_detail_wrapper .spell_stu_remove{
	background-position: -370px -11px;	
}
.spell_hear_detail_wrapper .cell_status_0_1 .spell_stu_enable{
	display: none;
}
.spell_hear_detail_wrapper .cell_status_0_1 .spell_stu_remove{
	display: block;
}
.spell_hear_detail_wrapper .cell_status_1_1 .spell_stu_enable{
	display: block;
}
.spell_hear_detail_wrapper .cell_status_1_1 .spell_stu_remove{
	display: none;
}
.spell_hear_detail_wrapper .myn_active_header{
	display: table;
    width: 70%;
    margin: 0 auto;
}
.spell_hear_detail_wrapper .myn_active_header .spell_student_header{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	font-size: 12px;
	line-height: initial;
}
.spell_hear_detail_wrapper .spell_stu_header{
    text-align: center;
    font-size: 13px;
    height: 30px;
    border-bottom: 5px solid #ecf4f9;
}
.spell_hear_detail_wrapper .spell_stu_header .col50{
	width: 33.33%;
	border-radius: 5px;
}
.spell_hear_detail_wrapper .spell_stu_header .col50 div{
	width: 90%;
    margin: 0 auto;
    /*background: #ecf4f9;*/
    height: 25px;
    border-radius: 5px;
    line-height: 25px;
    font-weight: 600;
}
.spell_hear_detail_wrapper .spell_stu_content{
	height: 100%;
    overflow: auto;
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row{
	float: left;
    width: 100%;
    height: 30px;
    font-family: 12px;	
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row:nth-child(even){
	background: #f9f9f9;	
	border-radius: 5px;
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row .spell_stu_count{
	width: 30px !important;
    left:-4px;
    height: 30px;
    position: absolute;	
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row .spell_stu_count div{
    width: 18px !important;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid transparent;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin: 4px !important;
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row .spell_stu_count .counter_color_0{
	background: #eeaea9;	
	color: #FFF;
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row .spell_stu_count .counter_color_1{
	background: #78e1c0;
	color: #FFF;	
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row .col50{
    width: 33.33%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}
.spell_hear_detail_wrapper .spell_stu_content .spell_stu_row .col50 div{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.achievement_wrapper_spelling .mn_interior_bar{
    background: #ecf4f9 !important;	
}
.achievement_wrapper_spelling .class_list_headings_cells:hover{
	background: rgba(253,253,175,1) !important;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(253,253,175,1) 100%) !important;
	border-radius: 5px;
}
.achievement_wrapper_spelling .mn_group_interior .achievement_header{
    height: 240px !important;	
}
.achievement_wrapper_spelling .mn_group_interior .achievement_header .curric_head{
	width: 230px !important;
    margin-right: -186px !important;
    right: 73px !important;
    height: 35px !important;
    padding-bottom: 5px !important;
    top: 21px !important;
}
.achievement_wrapper_spelling .mn_group_interior .achievement_header .curric_head .tag_spell_card_icon{
	width: 35px;
    height: 35px;
    position: absolute;
    transform: rotate(90deg);
    left: 199px;
    top: 1px;	
}
.achievement_wrapper_spelling .mn_group_interior .achievement_header .curric_head .tag_spell_card_icon img{
	width: 100%;
}
.spell_hear_tag:hover{
	background: #ecf4f9;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.spell_hear_tag .code_popup{
    width: 80%;	
}
.spell_hear_tag .code_edit_wrapper{
	left: -58px;
    width: 60px;
}
.spell_hear_tag .code_edit_wrapper .mn_add_remove{
    transform: rotate(90deg) translate(13px, 18px);	
    -webkit-transform: rotate(90deg) translate(13px, 18px);	
    transform-origin: right;
}
.spell_hear_tag .zpd_list{
	transform: rotate(90deg) scale(0.8);
    margin: 0;
    position: absolute;
    left: -4px;
    z-index: 2001;
    top: 3px;
}
.spell_hear_tag .zpd_list:hover{
	background-color: #ecf4f9 !important;
}
.spell_hear_tag .curric_hidden{
 	height: 270px !important;
    width: 230px !important;
    font-weight: 600;
}
.spell_hear_tag .curric_hidden h2{
	font-size: 15px;
}
.spell_hear_tag .curric_hidden .spell_card_icon{
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
    background: #FFF;
    border-radius: 50%;	
    z-index: 1;	
}
.spell_hear_tag .curric_hidden .spell_card_icon img{
    top: 0;
    position: absolute;
    width: 50px;
    margin: 5px;	
}
.spell_hear_tag .curric_hidden .spell_hear_word_list{
	white-space: normal;
    position: absolute;
    top: 90px;
    width: 90%;
    left: 0;
    right: 0;
    appearance: auto;
    margin: auto;	
    top: 110px;
}
.spell_hear_tag .curric_hidden .spell_hear_word_list .spell_hear_word{
	line-height: 16px;	
}
.spell_hear_tag .curric_hidden .spell_hear_word_list .spell_hear_word:nth-child(even){
	background: #f9f9f9;
    border-radius: 5px;
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_pattern{
	position: absolute;
    width: 150%;
    height: 150%;
    top: 0;
    transform: scale(0.67);
    transform-origin: top left;
}
.spelling_content_wrapper #spelling_header{
    border-bottom: 10px solid #eee;
    margin-bottom: 50px;
}
.spelling_content_wrapper #spelling_header .spelling_header_wrapper{
	width: 82%;
	float:left;
}
.spelling_content_wrapper #sortable_table #class_list_table .class_list_a{
	z-index: 0;
}
.spelling_difficulty_header{
	width: 100%;
    height: 255px;
    position: relative;
    float: left;
}
.spelling_difficulty_header .class_list_cells_spelling_content{
	float: right;
    height: 100px;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper{
	float: right;
	height: 100px;	
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_admin_wrapper{
	float: right;
	height: 100px;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper{
    height: 195px;
    border: 1px solid #ddd;
    margin-left: -1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 5px;
    background: #efefef;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile{
    height: 195px;
    margin: 0;
    width: 11.11%;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile:first-child{
	border-bottom-left-radius: 5px;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile:last-child{
	border-bottom-right-radius: 5px;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile .spelling_game_tile_shadow{
    /*box-shadow: inset 0 0px 4px rgba(0,0,0,.39), 0 -1px 1px #fff0, 0 1px 0 #fff0;
     border: 1px solid #fff!important; */
    /* border: 1px solid #ddd; */
    position: absolute;
    width: 100%;
    height: 100%; 
    z-index: 2;	
    /* border-right: 1px solid #ddd; */
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile:last-child .spelling_game_tile_shadow{
	border: 0 !important;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile .spelling_difficulty_item{
	width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    height: 140px;
    /* margin-top: 15px; */
    border-radius: 5px;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile .spelling_difficulty_name_student{
    position: absolute;
    width: 96%;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    top: 2px;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 20px);
    top: 15px;	
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile .spelling_difficulty_name{
    font-size: 12px;
    text-align: center;
    position: absolute;
    z-index: 1;
    background: transparent;
    width: 100%;
    bottom: 45px;
    height: 40px;
    left: 0;
    right: 0;
    margin: auto;
    /* border-right: 1px solid #efefef; */
    display: table;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile .spelling_difficulty_name .spelling_difficulty_name_child{
    display: table-cell;
    vertical-align: middle;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile:last-child .spelling_difficulty_name{
	border: 0;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile .spelling_difficulty_item .spelling_difficulty_background{
    background: url(../images/game/spelling_game/images/levels/w_2_0.svg);
    width: 100%;
	height: calc(100% - 40px);
    background-size: cover;
    position: absolute;
    z-index: 0;
    transition: 0.1s ease;
    background-color: #bae1ff !important;
    border-radius: 7px;
    width: calc(100% - 10px);
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile .spelling_difficulty_item .spelling_difficulty_background_off{
	opacity: 0.4;
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile_class{
	width: 90%;
    margin: 0% 5%;
}
.class_list_cells_spelling{
	height: 50px;
	line-height: 50px;
}
.class_list_cells_spelling_content{
	width: 82% !important;
}
.spelling_student_wrapper{
	width: 100%;
	float: left;
}
.spelling_student_wrapper .spelling_year_level{
	width: 13%;
    float: left;
    position: relative;
    height: 60px;	
}
.spelling_student_wrapper .spelling_tile_wrapper .dropdown_wrapper{
    width: 100px;
    float: left;
    border: 1px solid #ddd;
    height: 30px;
    border-radius: 5px;
    position: relative;
    margin-top: 14px;
}
.spelling_student_wrapper .spelling_tile_wrapper .dropdown_wrapper a{
    height: 100%;
    width: 100%;	
}
.spelling_student_wrapper .spelling_tile_wrapper .dropdown_wrapper a .class_view_ranges{
    height: 100%;
    width: 100%;
    line-height: 30px;
    font-size: 13px;	
}
.spelling_student_wrapper .spelling_game_wrapper{
	width: 100%;
	float: left;	
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper{
    height: 60px;
    width: calc(100% - 150px);
    position: relative;
    float: left;
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_dropdown_wrapper{
    width: 100px;
    position: relative;
    float: left;
    height: 60px;
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_dropdown_wrapper .dropdown_wrapper{
    width: 100%;
    height: 35px;
    margin: 7.5px 0px;	
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_dropdown_wrapper .dropdown_wrapper a{
	height: 34px;	
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_dropdown_wrapper .dropdown_wrapper a .class_view_ranges{
	line-height: 35px;
  font-weight: 400;
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_admin_wrapper{
    width: 50px;
    height: 60px;
    float: left;
    position: relative;
}
.spelling_game_tile{
	height: 60px;
    width: 50px;
    position: relative;
    float: left;
    width: 10.11%;
    float: left;
    margin: 0% 0.5%;
    cursor: pointer;
}
.spelling_game_expand{
    background: #FFF;
    position: absolute;
    bottom: 90px;
    right: 10px;
    width: 23px;
    height: 23px;
    border-radius: 3px;
}
.spelling_game_expand div{
    background: url(../images/expand_icon.svg);
    height: 17px;
    width: 17px;
    margin: 3px;
    background-size: cover;	
}
.spelling_difficulty_header .class_list_cells_spelling_content .spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_game_tile:hover .spelling_difficulty_item .spelling_difficulty_background{
	transform:scale(1.1);
}
.spelling_game_tile .spelling_game_item_wrapper{
    width: 95%;
    border: 1px solid #ddd;
    border-radius: 5px;
     height: 20px;
     margin: 15px 0px;
    position: relative;
    overflow: hidden;
}
.spelling_game_tile .spelling_game_item_wrapper:hover{
	border: 1px solid #4298cc;
  transform:scale(1.1);
}
.spelling_game_tile .spelling_game_item_wrapper .spelling_game_level{
	position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 20px;
    line-height: 28px;
    z-index: 0;
    pointer-events: none;
    font-size: 11px;
    color: #666;
}
.spelling_student_wrapper .spelling_extra_wrapper .spelling_game_tile_solo{
    margin: 0 auto;
    margin-top: 4px;
    float: none;	
}
.spelling_student_wrapper .spelling_extra_wrapper .spelling_game_tile_solo .spelling_game_tile_status{
	width: 29px;
    height: 29px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 10px;
    background: url(../images/game/spelling_game/game_icons.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 230px;
    background-color: #FFF;
    /*
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
    */
}
.spelling_tile_wrapper .spelling_star_background{
	background-color: #dff1fd;	
}
.spelling_tile_wrapper .spelling_star_background .spelling_game_tile_status{
	background: url(../images/game/spelling_game/tile_background_reward.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    /*	
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
    */
    background-color: transparent;
    border: 0 !important;
}
.spelling_tile_wrapper .spelling_game_tile .spelling_game_tile_status{
	width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    background: #FFF;
}
.spelling_tile_wrapper .spelling_game_tile .spelling_game_tile_status .spelling_tile_cell{
    width: 5%;
    float: left;
    height: 50%;
    background: #f7f7f7;
    background: #fff;
    width: 5%;
    height: 100%;
}
.spelling_tile_wrapper .spelling_game_tile .spelling_game_tile_status .spelling_cell_incorrect{
	background: #ffb3ba;
}
.spelling_tile_wrapper .spelling_game_tile .spelling_game_tile_status .spelling_cell_correct{
	background: #baffc9;
}
.spelling_tile_wrapper .spelling_game_tile .spelling_game_tile_status .spelling_cell_started{
	background: #e4f9ff;
}
.spelling_tile_wrapper .spelling_game_tile .spelling_game_tile_status .spelling_hover:last-child:after{
	  content: '';
    position: absolute;
    background: url(../images/expand_icon.svg);
     height: 14px;
     width: 14px;
     margin: 0px;
     background-size: 14px;
     right: 1px;
     top: 1px;
     display: none;
     background-color: #FFF;
     padding: 2px 2px;
     background-repeat: no-repeat;
     background-position: 2px 2px;
     border-radius: 3px;
}
.spelling_game_tile .spelling_game_item_wrapper:hover .spelling_game_tile_status .spelling_hover:last-child:after{
	display: block;
}
.spelling_header_wrapper_internal{
	position: relative;
	width: 642px;
	margin: 0 auto;
}
.spelling_header_year{
	position: absolute;
	left: 10px;
}
.spelling_header_game{
    width: 78% !important;
    float: left;	
}
#spelling_admin_overview_parent .scrollbar-inner{
	position: absolute;
	width: 100%;
	height: 100%;
}
#spelling_admin_overview_parent .scroll-x{
	display: none;
}
#spelling_admin_overview_parent #spelling_progress{
    position: relative;
    width: 500px;
    margin: auto;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;	
    margin-top: 50px;
}
#spelling_admin_overview_parent #spelling_progress .spelling_progress_internal{
	width: 100%;
    height: 100%;	
    border-radius: 4px;
    overflow: hidden;
}
#spelling_admin_overview_parent #spelling_progress .spelling_progress_internal .spelling_progress_cell{
	width: 25px;
    height: 100%;
    float: left;
    border-radius: 3px;
    width: 23px;
    height: 23px;
    margin: 1px;	
}
#spelling_admin_overview_parent #spelling_progress .spelling_progress_internal .spelling_cell_incorrect{
	background: #ffb3ba;
}
#spelling_admin_overview_parent #spelling_progress .spelling_progress_internal .spelling_cell_correct{
	background: #baffc9;	
}
#spelling_admin_overview_parent #spelling_progress .spelling_progress_internal .spelling_cell_started{
	background: #f7f7f7;
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty{
	width: 100%;
    position: absolute;
    height: 45px;
    top: -10px;
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty .spelling_difficulty{
	height: 100%;
    float: left;
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty .spelling_difficulty .spelling_difficulty_internal{
	height: 100%;
	position: relative;
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty .spelling_difficulty:nth-child(2) .spelling_difficulty_internal{
	border-left: 3px solid #4298cc;
    border-right: 3px solid #4298cc;	
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty .spelling_difficulty .spelling_difficulty_internal .spelling_triangles{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    transform: scale(1.5);
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty .spelling_difficulty:nth-child(1) .spelling_difficulty_internal .spelling_triangles{
	width: 10px;
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty .spelling_difficulty:nth-child(2) .spelling_difficulty_internal .spelling_triangles{
	width: 20px;
}
#spelling_admin_overview_parent #spelling_progress #spelling_difficulty .spelling_difficulty:nth-child(3) .spelling_difficulty_internal .spelling_triangles{
	width: 30px;
}
#spelling_admin_overview_parent #spelling_data{
	width: 90%;
	margin: 0 auto;
	clear: both;
	margin-top: 70px;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal #spelling_student_export{
	position: absolute;
    right: 0;
    top: -40px;	
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_focus{
    width: 90%;
    margin: 0 auto;
    background: #eef8ff;
    border-radius: 5px;
    display: table;
    border: 1px solid #ddd;
    position: relative;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_focus .spelling_focus_child{
    text-align: center;
    width: 90%;
    margin: 0 auto;
    height: 90px;
    display: table;
    margin-top: 10px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: calc(100% - 20px);
    position: relative;
    margin-bottom: 10px;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_focus_class{
	display: flex;
  flex-direction: column;
  margin-top: 30px;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_focus_class .spelling_focus_child{
	height: 90px;
  margin: 5px 10px;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_focus .spelling_focus_child .spelling_focus_child_interior{
	display: table-cell;
	vertical-align: middle;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_download{
	position: absolute;
    bottom: 5px;
    width: 98% !important;
	left: 0;
    right: 0;
    margin: auto;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_download #results_export{
	width: 100%;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_download .export_button_wrapper{
	width: 100%;
  max-width: 230px;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal #spell_focus_all{
    width: 230px !important;
	display: table;
    bottom: unset;
    left: 0;
    right: unset;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_data_heading{
	line-height: 40px;
	text-align: center;
    margin: 0 auto;
    color: #4298cc;
    font-size: 2em;
    font-weight: 100;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_data_result{
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    border: 1px solid #eee;
    /*overflow: auto;*/
	display: table;
    padding-bottom: 200px;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;
    border: 1px solid #ddd;
    position: relative;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_data_result .spelling_data_heading{
	font-size: 1.3em !important;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_data_result .spelling_data_result_child .spelling_data_result_row{
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;	
    position: relative;
}
#spelling_admin_overview_parent #spelling_data .spelling_data_internal .spelling_data_result .spelling_incorrect .spelling_data_result_row:before{
	content: '';
    background: #ffb3ba;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    border-radius: 3px;
    top: 9px;
}
#spelling_admin_overview_parent #spelling_class_view_progress{
    width: 1200px;
    width: 90%;
    margin: 0 auto;
   	margin-top: 50px;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_progress_class_header{
    width: 198px;
    float: left;
    text-align: center;
    line-height: 27px;
    margin-top: 5px;
	font-size: 15px;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	position: relative;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview #my_spelling_reset{
	position: absolute;
    right: 90px;
    bottom: 10px;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview #my_spelling_reset button span{
    background: url(../images/assessment_functions.svg);
    background-size: 280px;
    background-position: -91px 1px;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview #my_spelling_reset_warning #my_spelling_text{
	width: 90%;
    margin: 0 auto;
    font-size: 15px;
    margin-top: 30px;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview #spelling_land_thumbnail{
position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    bottom: 5px;
    background-color: #bae1ff !important;
    right: 0;
    margin: auto;	
    background-position: center;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_name{
	color: #4298cc;
    font-size: 2em;
    font-weight: 100;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_name .spelling_land_name_main{
    width: 50%;
    float: left;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_name .spelling_land_name_child{
	float: left;
    width: 50%;
    text-align: right;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_detail{
    width: 500px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px;
    clear: both;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_detail .spelling_land_summary{
	text-align: center;
    font-size: 15px;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_detail .spelling_land_examples{
	width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 100;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_detail .spelling_land_examples .spelling_land_example{
	width: 33.33%;
    float: left;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_land_overview .spelling_land_detail .spelling_land_examples .spelling_land_example div{
	width: 90%;
    margin: 0 auto;
    height: 100%;
    border-radius: 5px;
    background: #e4f9ff;
    border: 1px solid #ddd;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_class_flex{
  display: flex;
  flex-direction: row-reverse;
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_class_overview_wrapper{
	width: 700px;
    margin: 0 auto;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_class_overview{
	float: left;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_class_users_detail{
    clear: both;
    float: left;
    margin-top: 25px;
    margin-bottom: 50px;
}
#spelling_admin_overview_parent #spelling_class_view_progress .spelling_class_user{
    width: 700px;
    margin: 0 auto;	
}
#spelling_admin_overview_parent #spelling_class_view_progress .spelling_class_user .spelling_class_user_button button{
	height: 27px !important;
    margin-top: 5px;
}
#spelling_admin_overview_parent #spelling_class_view_progress .spelling_class_user .spelling_class_user_button button .zpd_name{
    display: table;
    width: 87%;
    float: left;
    height: 100%;
}
#spelling_admin_overview_parent #spelling_class_view_progress .spelling_class_user .spelling_class_user_button button .zpd_name div{
	display: table-cell;
	vertical-align: middle;
}
#spelling_admin_overview_parent #spelling_class_view_progress .spelling_class_user .spelling_class_user_button{
	width: 200px;
    float: left;
}
#spelling_admin_overview_parent #spelling_class_view_progress .spelling_progress_class_wrapper{
    width: 500px;
    float: left;	
}
#spelling_admin_overview_parent #spelling_class_view_progress #spelling_progress{
	margin-top: 5px;
	float: right;
}
#spelling_admin_overview{
    width: 100%;
    height: 100%;
}
#spelling_user_details{
    position: absolute;
    background: #FFF;
    top: -20px;
    height: 40px;
    width: 300px;
    z-index: 13;
    border: 1px solid #ddd;
    border-radius: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#spelling_user_details #spelling_user_avatar{
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
}
#spelling_user_details #spelling_user_avatar img{
    width: 80%;
    margin: 10%;
}
#spelling_user_details #spelling_user_name{
    display: table;
    width: 300px;
    height: 40px;
    float: left;
    text-align: center;
    font-weight: 100;
    color: #4298cc;
    font-size: 20px;
}
#spelling_user_details #spelling_user_name #spelling_user_name_child{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper{
    float: left;
    height: 60px;
	width: 100%;
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_tile_progress_child{
	width: 100%;	
}
.spelling_student_wrapper .spelling_game_wrapper .spelling_tile_wrapper .spelling_tile_progress_wrapper .spelling_tile_progress_child .spelling_tile_progress{
    clear: both;
    height: 60px;
    display: none;
}
#teacher_account_explain{
    height: 60px;
    position: absolute;
    width: 500px;
    border-bottom: 1px solid #ddd;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #3479a3;
    font-size: 14px;
}
#teacher_account_explain div{
	width: 100%;
	padding: 0px 10px;
}
#create_teacher_account{
	display: none;
    position: fixed;
    width: 500px;
    height: 260px;
    background: #FFF;
    border-radius: 10px;
    z-index: 100000;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
    top: 0;
    bottom: 0;
    margin: auto;
}
.teacher_accont_inputs{
    height: 60px;
    clear: both;
    width: 100%;
    float: left;
}
.teacher_accont_inputs:first-child{
	margin-top: 20px;
}
.teacher_accont_inputs input{
    margin-top: 10px;
    margin-bottom: 0;	
}
#edit_teacher_account_form .teacher_accont_inputs{
    height: 70px;	
}
#edit_teacher_account_form .teacher_accont_inputs input{
	margin-top: 0;
}
#create_teacher_account #create_teacher{
    position: absolute;
    left: 0;
    margin: auto;
    width: 200px;
    border-radius: 5px;
    top: 185px;
}
.teacher_account_edit{
	position: absolute;
	right: 70px;
}
#edit_teacher_account{
	display: none;
	height: 340px;
}
#edit_teacher_account label{
	font-size: 12px;
    text-align: center;
    margin-right: 20px;
    display: block;
    padding: 0;
}
#teacher_account_password_change{
	position: absolute;
    left: 0;
    right: 0;
    top: 148px;
    text-align: center;
    line-height: 40px;
    background: #eee;
    color: #666 !important;
    cursor: pointer;
    padding: 0;
    width: 270px;	
}
#teacher_account_password_change:hover{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);	
}
#save_teacher_account{
    width: 200px;
    border-radius: 5px;
    left: 0;
    margin: 0 auto;
    top: 275px;	
}
.teacher_class_list_headings{
	padding-left: 2%;
}
.teacher_account_class{
	width: 30%;
	float: left;
	padding: 0;
}
#teacher_account_headings{
	border-bottom: 10px solid #eee;
    background: #FFF;
    pointer-events: none;
}
#teacher_account_headings div{
    font-size: 12px;
    text-align: left;
}
.class_names_wrapper{
	position: relative;
    width: 70%;
    top: 0;
    height: 40px;
    right: 100px;
    float: left;
}
.class_names_wrapper .class_child{
	color: #4298cc;
    font-weight: 100;
    text-transform: none;
    font-size: 14px;
    width: auto;
    float: left;
    padding: 0px 5px;
    line-height: 38px;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 25px;
    line-height: 25px;
    margin: 7px 0px 5px 5px;
    background: #FFF;
}
/* Rollover */
/* css for rollover uploader */
#rollover_wrapper {
    font-family: 'Open Sans', 'sans-serif';
    color: #484848;
    font-size: 13px;
}
#rollover_wrapper .table {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #CCC;
  }
  
  #rollover_wrapper .row {
    display: flex;
    width: 97%;
    padding: 2px;
  }

  #rollover_wrapper .cell {
    /* flex-basis: 33.33%; */
    padding: 10px;
    border: 1px solid #CCC;
  }
  
  #rollover_wrapper .header {
    font-weight: bold;
  }
#rollover_wrapper #rollover_header{
	text-align: center;
    line-height: 40px;
    height: 40px;
    position: absolute;
    width: 100%;
    background: #FFF;	
    top: 0;
    font-size: 22px;
    border-bottom: 1px solid #eee;
    font-weight: 100;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-decoration: underline;
}
#rollover_wrapper #rollover_submit_buttons{
    position: absolute;
    right: 0;
    bottom: 0;	
    z-index: 10000;
}
#rollover_wrapper #rollover_submit_buttons #rollover_submit_button{
    border-radius: 5px;
    border: 0;
    margin: 5px;
    font-size: 15px;	
}
#rollover_wrapper #rollover_content{
    width: 100%;
    margin-top: 45px;
    position: absolute;
    height: 80%;
    overflow: auto;
    z-index: 1;
}
#rollover_wrapper #rollover_content #rollover_message_incomplete{
    width: 95%;
    text-align: center;
    margin: 0 auto;	
    font-weight: 100;
    font-size: 15px;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year{
	width: calc(100% - 150px);
    margin: 0 auto;	
    height: auto;
    clear: both;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_heading{
    height: 75px;
    font-size: 40px;
    font-weight: 100;
    width: auto;
    text-align: center;
    background: #d3f6ff;
    border-radius: 5px;
    margin: 5px 0px;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_heading .rollover_sub_year{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    height: 30px;	
    font-weight: 400;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_heading .rollover_sub_heading{
	height: 20px;
    line-height: 20px;
    font-size: 15px;	
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_heading .rollover_sub_heading .rollover_student_id{
    width: 15%;
    float:left;	
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_heading .rollover_sub_heading .rollover_name{
    width: 25%;
    float: left;	
    font-size: 14px;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_heading .rollover_sub_heading .rollover_class{
    width: 17.5%;
    float: left;	
}
#rollover_wrapper .rollover_year_content{
    margin: 10px 0px;
}
#rollover_wrapper .rollover_year_content h1{
    float: left;
    width: 100%; 
    line-height: 24px;
}
#rollover_wrapper .footer{
    z-index: 9999999;
    background: white;
    width: 96.5%;
    position: fixed;
    bottom: 100px;
    border-top: 1px solid #ddd;
}
#rollover_wrapper .footer_button {
    border: 0;
    border-radius: 5px;
    margin: 0 auto 2px;
    width: 256px;
}
#rollover_wrapper .fixed_footer{
    padding-top: 10px;
    position: absolute;
    z-index: 9999999;
    text-align: right;
    right: 0px;
    left: 0px;
    width: 90%;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year .rollover_year_content .rollover_year_student{
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year .rollover_year_content .rollover_year_student:last-child{
	margin-bottom: 100px;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_content .rollover_year_student:nth-child(odd) {
    background: #f6f6f6;
    border-radius: 5px;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_content .rollover_year_student .rollover_cell{
    width: 33.33%;
    float: left;	
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_content .rollover_year_student .rollover_student_id{
	width: 15%;	
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_content .rollover_year_student .rollover_name{
    width: 25%;	
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_content .rollover_year_student .rollover_class{
	width: 17.5%;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_issue_wrapper{
	overflow: auto;
    margin: 10px 0px 50px 0px;
    width: 90%;
    margin: 0 auto;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_sub_heading{
	width: 100%;
    margin: auto;
    text-align: center;
    padding: 10px 0px 10px 0px;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}
#rollover_wrapper #rollover_content #rollover_internal .subcription_limit_not_exceed {
    color: #484848;
}
#rollover_wrapper #rollover_content #rollover_internal .subcription_limit_exceed {
    background: rgb(224, 100, 92, 0.87); 
    /*df6f68*/
    color: #FFF;
    border-radius: 5px;
}
#rollover_wrapper .bolded {
    font-weight: 700;
}

#rollover_wrapper #rollover_content #rollover_internal .rollover_sub_heading div:first-child{
    font-weight: 600;	
}
/* #rollover_wrapper #rollover_content #rollover_internal .rollover_sub_heading div:last-child{
	font-size: 13px;	
} */
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_content .rollover_year_student .rollover_upload_internal{
	/* width: 60%; */
	margin: 0 auto;
    display:flex;
}
#rollover_wrapper #rollover_content #rollover_internal .rollover_year_content .rollover_year_student .rollover_upload_internal div{
	width: 33.33%;
	float: left;
    padding: 8px;
}
#rollover_wrapper button{
    border: 0;
    border-radius: 5px;
    margin: 0 auto;
}

#rollover_wrapper .show_more_button{
    position: inherit;
    bottom: 5px;
    width: 120px;
    right: 6px;
    height: 25px;
    background: #4298cc;
    border: 0;
    border-radius: 5px;
    color: #FFF;	
}

#rollover_wrapper .dropdown {
    position: relative;
    display: inline-block;
    height: 80px;
  }
  
  #rollover_wrapper .dropdown-content {
    display: none;
    position: relative;
    right: 4px;
    background-color: #f6f6f6;
    min-width: 110px;
    z-index: 1;
    border-radius: 5px;
    }

#rollover_wrapper .dropdown-content span {
    color: #484848;
    padding: 5px 8px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    }

#rollover_wrapper .dropdown-content span:hover {
    background-color: #ddd; 
    color: #4298cc;
    border-radius: 5px;
}
#rollover_wrapper .show_more_button:hover{ background:#005587; }
#rollover_wrapper .dropdown:hover .dropdown-content {display: block;}

#rollover_wrapper .error_message, div.error_message{
    font-size: 14px;
	display: block;
	color: #e0645c;
}

#rollover_wrapper .rollover_sub_heading .success_message{
    font-size: 14px;
	display: block;
	color: #6ac7a1;
}
.rollover_switch{
    position: absolute;
    z-index: 100;
    right: -65px !important;
    top: 1px;
}
.rollover_switch .student_review_switch{
	width: 58px;
}
.rollover_switch .student_review_switch .student-review-handle{
    height: 23px !important;
    top: 3px !important;
    width: 23px !important;
    box-shadow: none;
    border-radius: 4px;
}
.rollover_switch .student_review_switch .switch-input ~ .switch-label{
    background: #e8e8e8;	
}
.rollover_switch .student_review_switch .switch-input:checked ~ .switch-label{
    background: #4298cc;	
}
.rollover_switch .student_review_switch .switch-input ~ .student-review-handle{
	left: 3px !important;
}
.rollover_switch .student_review_switch .switch-input:checked ~ .student-review-handle{
	left: 34px !important;
    background: #FFF;
}
#confirm_account_rollover{
    transform: scale(3);
    top: 0;
    bottom: 0;
    right:0;
    left: 0;
    margin: auto;
    display: none;
    z-index: 2;	
}
.tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
#confirm_message_rollover{
	display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 600px;
    font-size: 3em;
    text-align: center;
    font-weight: 100;
    z-index: 2;
    color: #4298cc;
    bottom: 100px;
}
.my_numearcy_actions{
	width: 25px;
    float:right;
    height: 25px;
    border-radius: 50%;
    z-index: 1000;
	list-style: none;
	margin-top: 9px;
}
.my_numearcy_actions:hover ul{
	display: block;
}
.my_numearcy_actions ul{
    list-style: none;
    width: 140px;
    height: 40px;
    right: 20px;
	position:absolute;
    border: 0;
    z-index: 100;
    margin-top: -34px;
	display:none;
    -webkit-box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
    box-shadow: 0 6px 24px 3px rgba(0, 0, 0, 0.26);
    border-radius: 20px;
}
.my_numearcy_actions ul li a .my_numearcy_actions_icon{
    background: url(../images/assessment_functions.svg);
     width: 20px;
     height: 20px;
     display: block;
     position: absolute;
     left: 3px;
     background-size: 266px;
     top: 3px;
     border-radius: 3px;
}
.my_numearcy_actions ul li:first-child a .my_numearcy_actions_icon{
  background-position: 177px -1px;
}
.my_numearcy_actions ul li:last-child a .my_numearcy_actions_icon{
  background-position: -134px -1px;
}
.my_numearcy_actions ul li:first-child a:hover .my_numearcy_actions_icon{
  background-position: 155px -1px;
}
.my_numearcy_actions ul li:last-child a:hover .my_numearcy_actions_icon{
  background-position: -156px -1px;
}
.my_numearcy_actions .mn_dots{
    text-align: center;
    width: 20px;
    display: block;
    font-size: 19px;
    line-height: 7px;
    border-radius: 5px;
    height: 20px;
    cursor: pointer;
    
    color: #4298cc;
}
.my_numearcy_actions:hover .mn_dots{
    background: #e5e5e5;
}
.my_numearcy_actions ul li a{
	width: 140px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #616263;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    background: #FFF;
    height: 25px;
    position: relative;
}
.my_numearcy_actions ul li a:hover{
    color: #FFF;
    background-color: #4298cc;
}
.class_list_parent_report{
    width: 25%;
    text-align: left;
    padding-left: 5%;	
}
.class_list_parent_report div{
	background: url(../images/home_tick.svg);
  background-size: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 5px;
    background-position: -1px 0px;
    top: 6px;	
    display: none;
}
.parent_row_active .class_list_parent_report div{
	display: block;
}
.class_list_parent_strand{
	width: 45%;
}
.class_list_parent_strand .pr_report_strand:first-child .pr_report_strand_internal{
	border-left: 1px solid #ddd;
}
.class_list_parent_strand .pr_report_strand:last-child .pr_report_strand_internal{
	border-right: 1px solid #ddd;
}
.class_list_parent_strand .pr_report_strand{
   float: left;
   height: 36px;
   margin: 2px 0px;
   border-radius: 5px;
   display: flex;
   justify-content: center;
   width: 100%;
   align-items: center;
}
.class_list_parent_strand .pr_report_strand .pr_report_strand_cell{
    line-height: 20px;
    padding: 5px;
    height: 20px;
    border-radius: 5px;
    margin: 0px 5px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.parent_row_active{
    background: #e9faff !important;
    background: linear-gradient(90deg, rgba(233,250,255,1) 0%, rgba(0,0,0,0) 100%) !important;
}
.parent_row_active .class_list_parent_report{
	font-weight: 600;
	font-size: 15px;
}
.parent_delete{
    width: 30px;
    height: 30px;
    background: url(../images/list_class_icons.svg);
    background-position: -70px -2px;
    float: right;
    border-radius: 5px;
    background-size: 170px;
    margin: 5px 10px 5px 0px;
}
.parent_delete:hover{
	background-color:#ccebf3;
}
.pr_row{
    height: 40px;
    overflow: hidden;
    transition: 0.3s ease !important;
    top: 0;
}
.pr_row .class_list_completed{
	float: right;
	width: 25% !important;
}
.pr_delete_active{
	height: 80px;
	background: #fcffda !important;
	border-top: 1px solid #abb8b8;
	border-bottom: 1px solid #abb8b8;
}
.pr_delete_active .class_list_parent_report{
	font-weight: 600;
}
.pr_report_inactive{
	opacity: 0.5;
	pointer-events: none;
}
.pr_row .pr_report_delete{
	width: 100%;
    float: left;
    height: 40px;	
    display: none;
}
.pr_row .pr_report_delete .pr_report_delete_text{
    position: absolute;
    width: 450px;
    z-index: 1;
    background: #fcffda !important;
    top: 0;
    height: 40px;
    line-height: 40px;
    right: 0;
    font-size: 14px;
}
.pr_row .pr_report_delete .pr_report_buttons{
    width: 140px;
    float: right;
    position: relative;
    margin: 7px;	
}
.parent_controls{
    width: 220px;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;	
}
.parent_controls .container{
    left: 5px;
    top: 2px;	
    width: 80px;
}
.parent_controls .container label{
	width: 80px;	
	background-color: transparent;
}
.parent_controls .container label .switch-input:checked ~ .student-review-handle{
	background: #4298cc;
	left: 61px;
}
.pr_date_wrapper{
	position: absolute;
    left: 90px;
    top: 10px;
    width: 120px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
}
.pr_date_wrapper:hover{
	border: 1px solid #4298cc;
}
.pr_date_wrapper button{
    background: url(../images/parent_update.svg);
    width: 19px;
    height: 20px;
    position: absolute;
    right: 0;
    border: 0;
    background-size: 202px;
    background-position: -29px 0px;
    background-color: #eee;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;	
}
.pr_date_wrapper button:hover{
	background-color: #ddd;
}
.pr_date_wrapper button:hover + .add_student_labels{
	display: block;
}
.pr_date{
    border: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    height: 20px;
    border-right: 1px solid #ddd;
    float: left;
}
.pr_date:hover{
	background: #eee;
}
.pr_date:hover + .add_student_labels{
	display: block;
}
.pr_date_wrapper:after{
	content: '';
    position: absolute;
    background: url(../images/parent_update.svg);
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    background-size: 220px;
    background-position: -58px 0px;
    pointer-events: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: 1px solid transparent !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
	background: #4298cc !important;
    color: #FFF !important;
}
.parent_controls .pr_date_active{
	/*background: #4298cc;
    color: #FFF;*/
    background: #eee;
}
.parent_controls .pr_date_active:hover{
    color: #000 !important;
    border-right: 1px solid #ddd !important;
    background: #eee;
}
#export_parent_letters{
	position: absolute;
    right: 30px;
    z-index: 10;
    top: 120px;
    width: 200px;	
}
#export_parent_letters #results_export{
	width: 200px;	
}
#export_parent_letters #results_export .export_button_wrapper{
	width: 200px;
}
#export_parent_letters #results_export button{
	width: 200px;
}
#export_parent_letters #results_export .export_button_wrapper #export_options_wrapper{
	width: 200px;
}
#export_parent_pdf{
	position: absolute;
    z-index: 10000;
    top: 5px;
    width: 140px;
    right: 15px;
    display:none;	
}
#export_parent_pdf #results_export{
	width: 140px;	
}
#export_parent_pdf #results_export .export_button_wrapper{
	width: 140px;
}
#export_parent_pdf #results_export button{
	width: 140px;
	border: 1px solid #ddd;
}
#export_parent_pdf #results_export .export_button_wrapper #export_options_wrapper{
	width: 240px;
}
#export_parent_pdf #results_export .export_button_wrapper #export_options_wrapper button{
	border: 0;
	width: 100%;
}
.pr_title{
	text-align: center;
	background: #FFF !important;
	pointer-events: none;
}
#pr_internal{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 10px;
}
#pr_internal #pr_header{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
    background: #f5f4f4;
    border-top: 1px solid #ddd;
    z-index: 1;
}
.pr_preview_mode #pr_header{
	width: 20% !important;
    right: 0;
}
.pr_preview_mode #pr_header #pr_header_internal{
	border-left: 1px solid #eee;
    height: 100%;
}
#pr_internal #pr_header #pr_header_internal{
	max-width: 100%;
	margin: 0 auto;
}
#pr_internal #pr_report_options{
	width: 730px;
    float: left;	
}
#pr_internal #pr_report_options #pr_report_edit{
	position: relative;
    float: left;
    height: 60px;
    width: 378px;
	position: absolute;
    bottom: 0;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit{
  height: 20px;
  position: relative;
  float: left;
  width: 210px;
  font-size: 13px;
  float: left;
  text-align: center;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit #pr_report_results{
  width: 180px;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  height: 100%;
  display: flex;
  margin-right: 2px;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit #pr_report_results label{
  width: 55px;
  padding: 0;
  font-size: 13px;
  border-radius: 0;
  background: #FFF;
  position: relative;
  height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 20px;
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  color: #4298cc;
  border-radius: 0;
  border: 1px solid transparent;
  margin-top: -1px;
  margin-left: -1px;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit #pr_report_results label:hover{
  background: #4298cc !important;
  color: #FFF !important;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit #pr_report_results label:first-of-type{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit #pr_report_results label:last-of-type{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit #pr_report_results input:checked + label{
  background: #d0f5ff;
  color: #4298cc;
  z-index: 1;
  border-left: beige;
  border: 1px solid #ddd;
  margin-top: -1px;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit #pr_report_results input:checked + label:after{
  content: '';
  box-shadow: -1px 1px 5px rgb(0 0 0 / 30%);
  position: absolute;
  width: 18px;
  height: 18px;
  background: #FFF;
  border-radius: 3px;
  right: 1px;
  top: 1px;
  display:none;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit .pr_report_edit_name{
    display: table;
    height: 30px;
    width: 80%;
    margin: 0 auto;	
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit .pr_report_edit_name .pr_cust_head{
  font-size: 11px;
  width: 200%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit .pr_report_edit_name .pr_report_edit_name_child{
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    font-size: 11px;	
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit .container{
    left: 0;
    right: 0;
    margin: auto;
    top: 22px;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit .container .switch{
	margin: 0 auto;
    margin-top: 7px;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit .container .switch .switch-input:checked ~ .switch-label{
	background: #d0f5ff;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit .container .switch .switch-input:checked ~ .switch-label:hover{
	background: #4298cc;
}
#pr_internal #pr_report_options #pr_report_edit .pr_report_edit_icon:before{
  content: '';
  position:absolute;
  width:25px;
  height:25px;
  left:0;
  right: 0;
  background-repeat: no-repeat !important;
  margin: auto;
}
#pr_internal #pr_report_options #pr_report_edit #pre_teachers_comments:before{
  background-size: 20px !important;
  background: url(../images/teacher.svg);
  background-position: 3px 0px;
  left: -70px;
}
#pr_internal #pr_report_options #pr_report_edit #pr_student_custom_comment:before{
  background-size: 15px !important;
  background: url(../images/user.svg);
  background-position: 6px 2px;
  left: -80px;
}
#pr_internal #pr_report_options #pr_report_edit #pr_question_review:before{
  background-size: 280px !important;
  background: url(../images/assessment_functions.svg);
  background-position: 0px 0px;
  left: -80px;
}
#pr_internal #pr_report_options #pr_report_edit #pre_teachers_comments{
    border-left: 1px solid #ddd;
    font-size: 11px;
}
#pr_internal #pr_report_options_save{
    width: 100px;
	position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
}
#pr_internal #pr_report_mode{
	width: 180px;
  position: absolute;
  right: 10px;
  height: 50px;
  top: 10px;
  display: none;
}
#pr_internal #pr_report_mode .switch-field{
	padding: 0;	
}
#pr_internal #pr_report_mode .switch-field label{
	height: 40px;
  padding: 0px 5px;
  width: 80px;
  line-height: 40px;
  font-size: 12px;
}
#pr_report_name{
	margin: 10px;
    width: 270px;
    padding: 0;
    text-align: center;
    float: left;
    border: 1px solid #4298cc;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
    width: 400px;
}
#pr_report_add{
    height: 40px;
    margin: 0;
    width: 180px;
    float: left;
    position: absolute;
    left: 10px;
    bottom: 70px;
}
#pr_report_add button{
    box-shadow: none;
    height: 42px;
    width: 100%;
    right: 0;
    border-radius: 5px;
    margin: 0;
    font-size: 14px;
    color: #FFF;
    padding-left: 20px;
    text-align: center;
}
#pr_report_add button .add_student_common{
    top: 5px;
    left: 1px;
    width: 30px;
    height: 30px;
}
#pr_report_add button:hover{
  background-color: #005587;
}
#pr_report_remove{
    position: absolute;
    right: 10px;
    top: 9px;
    margin: 0;
    width: 40px;
    height: 40px;
}
#pr_report_remove button{
	background: #4298cc url(../images/close_icon.svg);
    background-size: 100px;
    background-position: -60px -8px;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    box-shadow: none;
    right: -3px;
}

#pr_report_add #pr_report_add_button{
	position: relative;
    float: none;
    margin: 0 auto;
    right: auto;
    display: block;
    height: 40px;
	width: 232px;
    margin-top: 10px;
    outline: 0;
    border: 1px solid #ddd;	
}
#pr_report_save{
	border-radius: 5px;
    border: 0;
	width: 100px;
    height: 40px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}
#pr_internal #pr_body #toolbar_headings_sub_wrapper{
    box-shadow: none;
    width: 100%;
    width: calc(100% - 10px);
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    overflow: auto;
    margin-bottom: 50px;
    /* border-bottom: 1px solid #ddd; */
    border-radius: 0;
    top: 0;
    position: absolute;
    margin: 0;
    -webkit-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
    display: none;
    border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#pr_internal .pr_message_edit{
	background: #ccebf3 url(../images/list_class_icons.svg);
    background-size: 430%;	
    background-position: 7px 10px;
}
#pr_notes_wrapper{
	width: 100%;
    height: auto;
    background: #FFF;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
#pr_notes_wrapper .pr_comments{
  position: relative;
}
#pr_student_comment #pr_student_save{
  position: absolute;
  right: 12px;
  border: 0;
  border-radius: 5px;
  line-height: 30px;
  height: 30px;
  bottom: 5px;
  display: none;
}
.pr_notes_hidden{
	height: 40px !important;
}
#pr_notes_wrapper #pr_notes_button{
	position: absolute;
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    padding: 0;
    border: 0;
    top: 5px;
    right: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;	
}
#pr_notes_wrapper #pr_teacher_note_duel{
  height: 2px;
  width: 60%;
  background: #e8f6ff;
  margin: 0 auto;
}
#pr_notes_wrapper .pr_notes{
	  width: 97%;
    min-height: 40px;
    height: auto;
    font-size: 14px;
    margin: 0 auto;
    border: 0;
    border-radius: 5px;
    background: transparent;
    padding: 0.5%;
    display: block;
}
.pr_notes_edit .pr_notes{
	background: #fbfbfb !important;
  margin: 1% !important;
  border: 1px dashed #eee !important;
}
#pr_student_comment{
  position:relative;
  margin: 0 !important;
}
.pr_student_comment_edit #pr_notes_student{
  margin-top: 30px !important;
}
.pr_student_comment_edit #pr_notes_student_edit{
  display:block !important;
}
#pr_student_comment #pr_notes_student_edit{
  background: #fff3aa;
  position: absolute;
  display: none;
  height: 20px;
  right: 0;
  left: 0;
  top: -25px;
  font-size: 10px;
  width: 220px;
  border-radius: 5px;
  margin: auto;
  text-align: center;
  line-height: 20px;
}
#pr_student_comment #pr_notes_student_label{
  position: absolute;
  font-size: 12px;
  padding: 1%;
  border-radius: 7px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 40px;
  margin: auto;
  height: 20px;
  width: 80%;
  text-align: center;
}
.pr_student_comments .pr_notes{
  pointer-events: none;
}
#pr_notes_wrapper #pr_notes_header_wrapper{
    height: 30px;
    width: calc(100% - 10px);
    background: #e8f6ff;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 5px;	
    position:relative;
}
.pr_notes_student_preview #pr_student_comment #pr_notes_header_wrapper{
  right: 0;
  position: absolute;
  top: -20px;
  margin: 0 auto;
  left: 0;
}
.pr_notes_student_preview #pr_student_comment #pr_notes_header_wrapper{
  display:none;
}
.pr_notes_hidden #pr_notes_header_wrapper{
	opacity: 0.5;
}
#pr_notes_wrapper #pr_notes_header_wrapper .pr_notes_header{
    border: 0;
    background: transparent;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    width: 100%;
    display: block;
    border-radius: 5px;
    width: 95%;
    padding-left: 5%;
}
#pr_notes_wrapper #pr_notes_header_wrapper .pr_notes_icon{
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 15px;
}
#pr_notes_wrapper #pr_notes_header_wrapper #pr_notes_icon_teacher img{
  width: 30px;
  margin: 0px 2px;
  height: 30px;
}
#pr_notes_wrapper #pr_notes_header_wrapper #pr_notes_icon_student img{
    width: 16px;
    margin: 4px 6px;
}
.pr_visible{
	display: block !important;
}
.pr_strand_wrapper{
    width: 100%;
    min-height: 100px;
    border-radius: 10px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    display: none;
    background: #FFF;
    border: 1px solid transparent;
}
.pr_strand_wrapper:last-child{
	margin-bottom: 100px;
}
.pr_strand_wrapper .pr_strand_heading{
    height: 40px;
    font-size: 20px;
    font-weight: 100;
    background: #eee;
    border-radius: 5px;
    width: 98%;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 10px;
    line-height: 40px;	
}
.pr_strand_wrapper .pr_strand_heading .pr_strand_heading_text{
    padding-left: 20px;
}
.pr_strand_wrapper .pr_strand_body{
	width: 98%;
    margin: 0 auto;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body{
    width: 95%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: none;
    border-bottom: 1px solid #eee;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body:last-child{
  border-bottom: 0;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_header{
    height: 30px;
    line-height: 30px;
    font-weight: 400;	
    margin-top: 5px;
    position:relative;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_header .pr_substrand_result{
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0px;
  top: 0;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_header .pr_substrand_result .pr_substrand_result_child{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  display:none;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_header .pr_substrand_result .pr_substrand_result_child .myStat{
  position: absolute;
  width: 150%;
  left: -27%;
  top: -28%;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_desc{
	font-size: 12px;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content{
    width: 100%;
    margin: 0 auto;
    height: 100%;
    clear: both;
    display: table;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content{
	float: left;
    min-height: 100px;
    position: relative;
    margin-bottom: 10px;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal{
	width: 95%;
    /* border: 1px solid #eee; */
    margin: 0 auto;
    height: 100%;
    border-radius: 5px;
    position: relative;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_header{
    width: 95%;
    margin: 0 auto;
	  height: 36px;
    margin: 2px 0px;
    font-size: 14px;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    max-width: 400px;
    margin: 0 auto;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_header .pr_content_header_parent{
    display: table;
    width: 75%;
    height: 100%;
    margin: 0 auto;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_header .pr_content_header_parent .pr_content_header_child{
    display: table-cell;
    vertical-align: middle;
    font-weight:400;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_header .pr_content_header_icon{
	background: url(../images/assessment_functions.svg);
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: 300px;
    display: none;
    margin: 5px 3px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_header_button{
	border: 1px solid #ddd;
    border-radius: 5px;
    background: #fbfafa;
    cursor: pointer;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_header_button:hover{
	background: #e8f6ff;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_header_button .pr_content_header_icon{
	display: block;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .export_pdf_wrapper{
    top: -1px;
    width: 95%;
    left: 0;
    right: 0;
    height: 34px;
    margin: 2px 0px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .export_pdf_wrapper #progress{
	height: 36px;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .export_pdf_wrapper #progress #pdf_animator_all{
	height: 36px;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body{
	clear: both;
    width: 100%;
    position: relative;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body ul{
    width: 90%;
    margin: auto;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body ul li{
    font-size: 13px;
    position: relative;
    padding-left: 15px;
    min-height: 20px;
    pointer-events: none;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body ul li:before{
	content: '';
    background: #4298cc;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 5px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body_learn ul li{
  border-radius: 5px;
  cursor: pointer;
  pointer-events: initial;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body .pr_i_cans{
  font-size: 13px;
  font-weight: 600;
  margin-left: 10px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body_learn ul li:before{
  background: url(../images/quiz_tools_v3.svg);
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: 124px;
  left: -6px;
  background-position: -62px 0px;
  background-color: #4298cc;
  border-radius: 3px;
  top: 1px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body_learn ul li.no_videos:before{
	content: '';
    background: #4298cc;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 5px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body_learn ul li.no_videos{
  /* border-radius: 5px;
  cursor: pointer;
  pointer-events: none !important; */
    font-size: 13px;
    position: relative;
    padding-left: 15px;
    min-height: 20px;
    pointer-events: none;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body_learn ul li:hover:before{
  transform:scale(1.1);
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content .pr_content_internal .pr_content_body_learn ul li:hover{
  background: #e8f6ff;
  text-decoration:underline;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_body_content .pr_content_30{
	width: 33.33%;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content{
	clear: both;
    margin: 0;
    overflow: auto;	
    position: relative;
    padding-bottom: 24px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_mynumeracy_type_1 #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_icon .myn_icon_element{
  background: url(../images/my_literacy_icons_v2.svg) no-repeat !important;
  background-size: 2000px !important;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_mynumeracy_content_hidden{
	display: none;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content .pr_mynumeracy_heading{
    height: 40px;
    line-height: 40px;
    font-weight: 400;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content .pr_myn_overflow{
	  position: absolute;
    bottom: -1px;
    z-index: 1;
    width: 50%;
    border-bottom: 1px dashed #ddd;
    left: 0;
    right: 0;
    margin: auto;
    height: 15px;
    margin-bottom: 16px;
    display: none;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content .pr_myn_overflow button{
    background-image: url(../images/parent_update.svg);
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    background-position: -126px 3px;
    background-color: #4298cc;
    border: 0;
    border-radius: 5px;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 250px;
    bottom: -15px;
    outline: 0;
    background-repeat: no-repeat;
    padding: 0;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content{
	width: 100%;
	overflow: hidden;
	height: 220px;
  height: auto;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile{
	pointer-events: none;
	z-index: 0;
	margin: 0% 1.66% 10px 1.66%;
  height: 60px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner{
    border: 1px solid #ddd;	
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent{
  border-radius: 5px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .proficiency_results{
  position: absolute;
  right: 0;
  bottom: 5px;
  transform: scale(0.5);
  transform-origin: right bottom;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon{
  height: 50px;
  width: 50px;
  margin: 5px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_trophy{
  width: 30px;
  height: 30px;
  background: url(../images/trophy_smaller.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: auto;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_percent{
  border: 0;
  top: 27px;
  border-radius: 8px;
  height: 20px;
  line-height: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_title{
  padding-left: 60px;
  top: 5px;
  font-size: 11px;
  line-height: 13px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_element{
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    margin: 8px;
}
.pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_element_results{
  transform: scale(0.35) !important;
  -webkit-transform: scale(0.35) !important;
  transform-origin: top left !important;
  margin: 2px 13px !important;
}
#parent_quiz_overlay{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.3);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;	
}
#pr_internal #pr_body #pr_body_students{
	width: 20%;
    position: absolute;
    right: 0;
    height: 100%;
    height: calc(100% - 120px);
    /* overflow-y: scroll; */
    z-index: 0;
    background: #fff;
}
#pr_internal #pr_body #pr_body_students #pr_body_student_child{
	display: none;
  height:100%;
}
#pr_internal #pr_body #pr_body_students #pr_body_student_child #pr_body_student_scroll{
	height:100%;
}
#pr_internal #pr_body #pr_body_students #pr_body_student_child .scroll-wrapper{
	position: absolute;
    width: 100%;
    height: 100%;	
}
#pr_internal #pr_body #pr_body_students #class_message_help_internal{
	height: 100%;
	height: calc(100% - 40px);
}
#pr_internal #pr_body #pr_body_students #class_message_help_internal #class_message_help_wrap{
	padding: 0px 15px;
    width: calc(100% - 35px) !important;
    width: calc(100% - 50px) !important;
    margin: 0 auto;
}
#pr_internal #pr_body_mode #pr_preview{
	display: none;
	background: #baffc9;
}
#pr_internal #pr_body #pr_body_students .class_list_cells{
	width: 90% !important;
    margin: 0 auto;
    float: none;
    background: transparent;	
}
#pr_internal #pr_body #pr_body_students #pr_body_student_child .class_list_cells:first-child{
	margin-top: 10px !important;
}
#pr_internal #pr_body #pr_body_students #pr_body_student_child .class_list_cells:last-child{
	margin-bottom: 100px;
}
#pr_internal #pr_body #pr_body_students #pr_body_student_child .class_list_cells button{
    margin: 0;
    float: none;
    width: 100%;	
}
#pr_internal #pr_body #pr_body_students #pr_body_student_child .class_list_cells .pr_student_active{
	background-color: #4298cc;
	color: #FFF;
	border: 1px solid #4298cc;
}
#pr_internal #pr_body #pr_body_content{
    width: 100%;
    height: 100%;
    height: calc(100% - 120px);
    position: absolute;	
    border-right: 1px solid #eee;
    width: 80%;
}
#pr_internal #pr_body #pr_body_content .scroll-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;	
}
.pr_preview_mode #pr_body #pr_body_content{
	height: 100% !important;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal{
	position: relative;
	width: 100%;
	height: 100% !important;
	overflow: scroll;
	background: #fcfffa;
	background: #f5f5f5;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    display: none;
    min-height: 1000px;	
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff{
	width: 90%;
    margin: 0 auto;
    padding-bottom: 100px;
    max-width: 900px;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff .pr_student_wrap{
    height: 100px;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff .pr_student_wrap .pr_student{
	font-weight: 100;
    color: #4298cc;
    width: 50%;
    float: left;
    display: table;
    height: 100%;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff .pr_student_wrap .pr_student .pr_student_child{
	display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_student #pr_student_name{
    font-size: 1.8em;
    text-align: left;
    width: 80%;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_student #pr_student_year{
	font-size: 1.5em;
	text-align: right;
  width: 20%;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_teacher{
	min-height: 50px;
    height: auto;	
    font-size: 1.3em;
    margin-bottom: 10px;
    overflow: auto;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff #pr_teacher .pr_student{
	height: 50px;
  width: 50% !important;
  float: left;	
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff .pr_teacher_master #pr_student_name{
    position: relative;
    width:100%;
}
#pr_internal #pr_body #pr_body_content #pr_body_content_interal #pr_body_stuff .pr_teacher_master .pr_student_teacher{
	width: 90%;
	margin-left: 5%;
}
#pr_internal #pr_body #toolbar_headings_sub_wrapper .strand_wrapper h1{
	border: 1px solid transparent;
	background: #FFF;
	pointer-events: none;
}
#pr_internal #pr_body #toolbar_headings_sub_wrapper .strand_wrapper .single_substrand_wrapper{
	background: #FFF !important;
	box-shadow: none !important;
}
#pr_internal #pr_body #toolbar_headings_sub_wrapper .strand_wrapper .single_substrand_wrapper .substrand_title{
	cursor: auto;
	text-decoration: none;
}
#pr_internal #pr_body #toolbar_headings_sub_wrapper .strand_wrapper .single_substrand_wrapper .toggle_enable_message{
	top: 0 !important;
    right: 70px;	
}
.parent_page{
	min-width: 100% !important;
  height:100%;
}
.parent_page #student_home{
	min-width: 100% !important;
	height: 100%;
    height: calc(100% - 70px);
    top: 70px;
}
.parent_page #student_home #student_login_box{
	width: 100%;
	max-width: 500px;
	height: 300px;
	bottom: -70px;
	position: fixed;
}
.parent_page .header_width{
	background: #FFF;
	border-bottom: 1px solid #eee;
}
.parent_page #header_logo_grid{
	margin: 0;
    top: 0 !important;
    width: 100%;
    border-radius: 0;
    left: 0;
    width: 424px;
    right: 0;
    margin: auto;
    padding: 0;
}
.parent_page .student_loader{
	margin: auto !important;
    z-index: -1;
}
.parent_page #student_home #student_login_heading{
    width: 100%;
    left: 0;
    padding: 20px 0px;
    top: 0px;
    box-shadow: none;	
   position: relative;
}
.parent_page #student_home #student_login_heading span{
	display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}
.parent_page #student_home #scanner_datawall_header{
  display: block;
  right: 10px;
  margin: auto;
  box-shadow: none;
  bottom: 10px;
  background: transparent;
  position: absolute;
  height: 80px;
}
.parent_page #student_home #scanner_datawall_header .scanner_datawall{
  top: 5px;
  background-image: url(../images/qr_code_parent.svg);
  background-size: 50px;
  background-position: 15px 15px;
}
.parent_page #student_home #scanner_datawall_header #scanner_pr_label{
  display:none;
  bottom: -30px;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  background: #4298cc;
}
html.non-touch .parent_page #student_home #scanner_datawall_header:hover #scanner_pr_label{
  display:block;
}
.parent_page #student_home  #student_login_form{
	margin: 15px 0px;	
}
.parent_page #student_home #student_login_form ul{
    width: 90% !important;
    margin: 0 auto;
    position: relative;
}
.parent_page #student_home #t_login_w{
	width: 100%;
	height: 210px;
}
.parent_page #student_home #t_login_w #lds_grid{
    transform: scale(2) translate(0px, -20px);	
}
.parent_page #student_home #student_login_form ul li{
	width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    height: 60px;
}
.parent_page #student_home #student_login_form ul li .prefix{
    border: 0;
    height: 52px;	
}
.parent_page #student_home #student_login_form ul li input{
	margin: 0;
    float: left;
    border: 1px solid transparent;
    background: #f9f9f9;
    padding: 0;
    width: calc(100% - 102px) !important;
    text-align: center;
    padding-right: 50px;
}
.parent_page #student_home #student_login_form ul li #schoolname_result{
    width: calc(100% - 52px) !important;
    font-size: 15px;
    background: #f9f9f9;
    border: 1px solid transparent;	
}
.parent_page #student_home #student_login_form ul li #schoolname{
	width: calc(100% - 50px) !important;
}
.parent_page #parent_logged_in{
    position: absolute;
    top: 45px;
    right: 0;
    width: 100%;
    height: 25px;
}
.parent_page #parent_logged_in #parent_school{
	width: 100%;
    height: 25px;
    text-align: center;
    font-weight: 100;
    font-size: 18px;	
}
.parent_page #parent_logged_in #parent_log_out{
    width: 40px;
    height: 40px;
    float: right;
    position: absolute;
    left: 5px;
    top: -33px;
    transform: rotate(180deg);
}
.parent_page #parent_logged_in #parent_log_out button{
    width: 40px;
    border: 0;
    border-radius: 3px;
    height: 40px;
    line-height: 25px;
    display: block;
    margin-right: 5px;
    background-image: url(../images/parent_update.svg);
    background-size: 420px;
    background-position: 255px -1px;
}
#parent-page #student_home #pr_internal #pr_body #pr_body_content{
	height: 100% !important;
	height: calc(100% - 70px) !important;
  width: 100% !important;
}
.parent_page #student_home #pr_internal #pr_body #pr_body_content .scroll-wrapper{
	position: absolute !important;
    width: 100% !important;
    height: 100% !important;	
}
#pr_body_review{
    transform: scale(0.7);
    position: fixed;
    z-index: 10001;
    height: 100%;
    width: 100%;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;	
}
#parent-page{
  height:100%;
}
#parent-page #pr_body_review{
	z-index: 1000 !important;
  transform: scale(1);
  height: 100%;
  position: absolute;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: fixed;
  border:1px solid #ddd;
}
#parent-page #pr_body_review #pr_body_review_internal{
  background: rgba(0,0,0,0.3);
  border-radius: 0;
}
#parent-page #student_home #student_active #student_home_page_wrapper #pr_internal{
  border-radius: 0;
}
#pr_body_review #pr_body_review_internal{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
    box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);	
    background:#FFF;
}
.pr_report_comment{
    position: absolute;
    z-index: 1000000;
    width: 100%;
    bottom: 5px;
    text-align: center;
    height: 30px;
}
.pr_report_comment .pr_report_comment_parent{
	display: table;
    width: 80%;
    margin: 0 auto;
    height: 100%;
    background: #eee;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: fit-content;
    padding: 0px 10px;
}
.pr_report_comment .pr_report_comment_parent .pre_report_comment_child{
	display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
}
#pr_body_overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    display: none;
    z-index: 3;	
}
#pr_internal #pr_save_warning{
	background: #fcffda;
    border: 1px solid #ddd;
    position: absolute;
    z-index: 100;
    border-radius: 5px;
    width: 800px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 140px;
    height: 90px;
    display: none;
}
#pr_internal #pr_save_warning #pr_save_warning_heading{
    width: 199px;
    float: left;
    height: 90px;
    line-height: 90px;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    border-right: 1px solid #ddd;
}
#pr_internal #pr_save_warning #pr_save_warning_required{
	width: 600px;
    float: left;
}
#pr_internal #pr_save_warning #pr_save_warning_required .pr_save_warning_cell{
	width: 33.33%;
    float: left;	
    height: 90px;
    position: relative;
}
#pr_internal #pr_save_warning #pr_save_warning_required .pr_save_warning_cell div{
    font-size: 12px;
    height: 90px;
    text-align: center;
}
#pr_internal #pr_save_warning #pr_save_warning_required .pr_save_warning_cell img{
    position: absolute;
    width: 160px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}
#nsw_syllabus_explain{
    right: 0;
    margin: auto;
    left: -330px;
    top: 18px;
}
#nsw_syllabus_explain #nsw_syllabus_table{
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f8f8f8;
    position: relative;
}
#nsw_syllabus_explain #nsw_syllabus_table .nsw_syllabus_row{
    display: flex;
    flex-direction: row;
    height: 30px;
    line-height: 30px;
}
#nsw_syllabus_explain #nsw_syllabus_table .nsw_syllabus_row div{
    width: 50%;
    font-size: 12px;
    text-align: center;
}
#flexi_filter{
    position: absolute;
    z-index: 100;
    width: 100px;
    top: -45px;
    left: 20px;
    width: 100%;
    width: 130px;
    left: 0;
    right: 0;
    margin: auto;
}
#flexi_filter label{
    display: flex;
    flex-direction: column;
    height: 10px;
    line-height: 10px;
    border-radius: 0;
}
#flexi_filter label:first-child{
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
#flexi_filter label:last-child{
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
#flexi_filter input:checked + label:first-child{
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.flexi_filter_active{
    overflow:hidden;
}
#flexi_switcher{
  width: 300px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: -2px;
  width:fit-content;
  display:flex;
}
.flexi_switcher label{
    font-size: 13px;
    line-height: 11px;
    height: 22px;
    display: table;
    padding: 4px 4px;
    width: 90px;
}
.flexi_switcher label div{
    display: table-cell;
    vertical-align: middle;
}
.flexi_switcher label .flexi_syllabus{
    font-size: 10px;
    width: 100%;
    text-align: center;
    display: table;
}
.flexi_class_wrapper{
  display: none;
  min-height: 605px;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper{
    width:100%;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper{
    display:flex;
    flex-wrap: wrap;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper{
    width: 33.33%;
    padding-bottom: 5px;
    min-width: 33.33%;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper .substrand_title{
    padding: 8px 0px 8px 5px;
    width: 200px;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper .substrands_status .substrand_status_style{
    position: absolute;
    right: 44px;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper .substrand_title .uow_row{
    margin-bottom: 4px;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper .uow_tags{
    display: flex;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper .uow_tags .uow_tag{
    font-size: 11px;
    border-radius: 4px;
    background: #fbcb99;
    padding: 0px 2px;
    margin: 0px 2px;
}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper .uow_tags .uow_tag_y{

}
#mathematics_class_wrapper_2 .flexi_curric_wrapper .strand_wrapper .substrand_wrapper .single_substrand_wrapper .uow_tags .uow_tag_s{

}
.flexi_class_wrapper #add_flexi_empty{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 100px;
    font-size: 20px;
    font-weight: 100;	
}
#add_flexi{
	position: fixed;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100001;
    /*max-width: 1200px;*/
}
#add_flexi #students_which #existing_students_wrapper .scroll-wrapper{
    /*margin-top: 80px;*/
    /*height: calc(100% - 80px) !important;*/
    height: 100% !important;
}
#add_flexi h2{
	border: 0 !important;
}
.add_flexi_wrapper{
    position: absolute;
    right: 3px;
    margin: 0;
    height: 60px;
    top: 6px;
    width: 60px;
}
.flexi_remove_finished{
    position: absolute;
    top: 19px;
    height: 30px;
    right: 16px;
    padding: 0;
    z-index: 2;
    border: 0;
    line-height: 30px;
    width: 80px;
    border-radius: 5px;
    display:none;
}
.add_flexi_start{
	height: 140px !important;
	width: 700px !important;
}
.add_flexi_start_next{
	height: 340px !important;
	width: 900px !important;
}
.add_flexi_browse{
	height: 100% !important;
	height: calc(100% - 40px) !important;
}
.add_flexi_start_next #students_which{
	height: 300px;	
}
#add_flexi #students_which #student_which_1{
    left: 0;
    right: 0;
	margin: 0 auto;
	width: 600px;
}
#add_flexi #students_which .students_which{
	width: 250px;
	line-height: normal;
	background-image: none;	
}
#add_flexi #students_which #student_which_2{
	height: 260px;
}
.add_flexi_wrapper #add_student_button{
    width: 35px;
    height: 35px;
    border-radius: 5px;	
    box-shadow: none;
    margin: 10px;
}
.add_flexi_wrapper #add_student_button #add_plus{
	top: 8px;
    left: 9px;
}
.add_flexi_wrapper #add_student_button #add_user{
	top: 8px;
    left: 12px;
}
.flexi_curric_wrapper{
	min-height: 250px;
}
#edit_flexi_wrapper{
	right: 45px !important;
	z-index: 2;
}
.substrand_flexi_remove{
	width: 75px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 0;	
}
.substrand_flexi_remove button{
	border-radius: 5px;
	position: absolute;
  right: 4px;
  top: 4px;
  background-color: #4298cc;
  color: #FFF;
  border: 0 !important;
}
.substrand_flexi_remove button:hover{
  background:#005587 !important;
}
.substrand_flexi_remove_confirm{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 1;
    background: #ffdfba;
    border-radius: 5px;
    display: none;
}
.substrand_flexi_remove_confirm button{
    width: 7px;
    float: right;
    margin-top: 4px;	
}
.substrand_flexi_remove_confirm .felxi_remove_text{
	font-size: 12px;
    line-height: 33px;
    position: absolute;
    padding-left: 4px;
}
.flexi_substrand_started_no{
	opacity: 0.5;
	pointer-events: none;
}
.substrand_flexi_remove{
	display: none;
}
.flexi_substrand_started_no .substrand_flexi_remove{
	display: none !important;
}
.flexi_edit_mode{
	z-index: 100000 !important;
}
.flexi_edit_mode_no h1{
	pointer-events: none;
	background: #FFF !important;
}
.flexi_input_assessment{
    padding: 0;
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
}
.flexi_input_assessment label{
    width: 33.33%;
    float: left;
    padding: 0 !important;
    height: 40px;
    line-height: 40px;	
}
.flexi_input_assessment label:before{
  display:none; 
}
.flexi_input_assessment label:after{
  display:none; 
}
#flexi_input_numlit{
    height: 40px;
    width: auto;
    display: flex;
    justify-content: center;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;	
}
#flexi_input_numlit label{
	height: 40px;
    line-height: 40px;
    padding: 0;
    width: 95px;
    min-width: 95px;
}
#flexi_split_wrapper{
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
/* if we released VC2 literacy flexi, this will block to display it in UI */ 
/* .flexi_split_wrapper_1 , .flexi_split_wrapper_2{
    display:none !important;
} */
.flexi_split_wrapper_2 #flexi_input_8{
    display:none;
}
.flexi_input_wrapper{
	height: 60px;
    position: relative;
    clear: both;
    width: 100%;	
}
.flexi_input_wrapper_split{
  width: 33.33%;
  float: left;
  clear: none;
}
.flexi_curriculum{
	display: none;
}
#flexi_warning{
    position: absolute;
    width: 250px;
    right: 10px;
    height: 40px;
    bottom: -25px;
}
#flexi_warning_edit{
	position: absolute;
    width: 60%;
    bottom: 102px;
    height: 40px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 15;
    pointer-events: none;	
}
.flexi_warning_main .flexi_warning{
	width: 100%;
	display: none;
	background: #ffcaca;
	height: 100%;
    border-radius: 5px;
}
.flexi_warning_main .flexi_warning .flexi_warning_child{
    display: table;
    width: 100%;
    text-align: center;
    height: 100%;
    font-size: 15px;
}
.flexi_warning_main .flexi_warning .flexi_warning_child div{
	display: table-cell;
	vertical-align: middle;
}
#flexi_warning_edit .flexi_warning .flexi_warning_child{
	font-size: 12px;
    font-weight: 600;
}
#flexi_input_1 input{
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    width: 400px;	
    text-align: center;
}
#flexi_input_stage{
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    display: flex;
    justify-content: center;	
}
#flexi_input_stage label{
	padding: 0;
    height: 40px;
    line-height: 40px;
    width: 90px;	
}
#flexi_input_stage label:before{
	display: none;
}
#flexi_input_stage label:after{
	display: none;
}
.flexi_input_stage_1 label , .flexi_input_stage_2 label{
    width:40px !important;
}
#flexi_input_4 button{
	margin: 0 !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto !important;
    top: 6px;	
}
.flexi_stage_disabled{
	opacity: 0.5;
	pointer-events: none;
}
.flexi_wrapper{
	height: 100%;
}
.flexi_wrapper #flexi_view{
    background: url(../images/preview_eye.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 100;
    left: 10px;
    bottom: 10px;
    border: 0;
    background-color: #4298cc;
    background-size: 70px;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: -32px 2px;	
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
.flexi_wrapper #flexi_view:hover{
	background-color:#005587;
}
.flexi_wrapper #felxi_header{
    position: absolute;
    z-index: 12;
    background: transparent;
    width: 100%;
    border-radius: 5px;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
}
.flexi_wrapper #felxi_header .flexi_header_item{
	border: 1px solid #ddd;
    background: #f5f5f5;
    height: 50px;
    width: 95%;
    border-radius: 5px;
    margin: 0 auto;
}
.flexi_wrapper #felxi_header #flexi_input_1 #felix_name{
    position: relative !important;
    width: 95%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.flexi_wrapper .col_50{
	height: 100%;
	width: 70%;
}
.flexi_wrapper .col_50 #existing_students_internal{
    height: 100% !important;
    margin-top: 35px;
}
.flexi_wrapper #add_to_class_heading{
    top: 0;
    height: 30px;
    border: 0;
    width: 60%;
    border-radius: 5px;
    top: 10px;
    font-weight: 600;
    bottom: unset;	
    display: flex;
    width: 100%;
    justify-content: center;
}
.flexi_wrapper #add_to_class_heading div{
    font-size: 14px;
    padding: 0px 5px;
}
.flexi_wrapper .existing_students{
    height: 100% !important;
    overflow-x: hidden !important;
}
.flexi_wrapper .scroll-x{
	display: none !important;
}
.flexi_wrapper .existing_students .existing_year_heading{
	position: relative;
    position: sticky;
    margin: 0 auto !important;
    top: 0px !important;
    z-index: 11 !important;
    margin-top: 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 0 !important;
    display:block !important;
}
.flexi_wrapper .existing_students .flexi_headings_active{
	cursor: pointer;
    width: 80% !important;
    width: fit-content !important;
    padding: 0px 20px;  
}
.flexi_wrapper .existing_students .flexi_headings_active:hover{
	background: #f3f1f1 !important;	
}
.flexi_wrapper .flexi_code_card{
    width: 97%;
    margin: 1%;
    border: 1px solid #fff;
    border-radius: 5px;
    position: relative;
    clear: both;
    margin-top: 10px;
    margin-bottom: 30px;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading{
    height: 80px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    width: 95%;
    float: left;
}
.flexi_wrapper .flexi_code_card_1 .flexi_code_heading , .flexi_wrapper .flexi_code_card_2 .flexi_code_heading{
    height: 50px !important;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_description{
	width: 98%;
    height: 40px;
    float: left;
    clear: both;
    display: table;
    padding-left: 3%;
	position: relative;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_description:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #4298cc;
    border-radius: 50%;
    left: 5px;
    top: 50%;
    transform: translateY(-5px);
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_description .flexi_description_child{
	display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_description .flexi_description_locked{
    opacity:0.5;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_button{
	width: 270px;
    float: left;
    padding-left: 10px;
    border-radius: 10px;
    background: #fbfbfb;
    position: relative;
    border: 1px solid #ddd;
    font-size: 12px;
    cursor: pointer;
    min-height: 38px;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_button:hover{
	background: #f3f1f1;	
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_button:hover .flexi_add{
  background-position: 0px;
  background-size: 25px;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_button .flexi_code_button_item{
	 float: left;
    width: 50%;
    line-height: initial;
    width: 80%;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_button .flexi_code_button_item_style{
    line-height: 35px !important;
    font-weight: 600;
    font-size: 1.1em;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_button .flexi_add{
	top: 5px;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_detail{
	float: right;
    width: 50%;
    text-align: right;
    height: 40px;
}
.flexi_wrapper .flexi_code_card .flexi_code_heading .flexi_code_detail div{
	width: 100%;
	float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.flexi_wrapper .flexi_code_card .flexi_code_body{
    clear: both;
    position: relative;
    float: left;	
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item{
  width: 46%;
  float: left;
  margin: 1%;
  height: auto;
  position: relative;
  border-radius: 10px;
  cursor: pointer;
  padding: 0.5% 0%;
  min-height: 62px;
  border:2px solid transparent;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item:hover{
	/*-webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.8);*/
    border:2px solid #6d6e72;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item:hover .flexi_code_item_interior{
	overflow: visible;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item:hover .flexi_add{
  background-position: 0px;
  background-size: 25px;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_code_item_action{
    z-index: 1;
    height:100%;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_preview{
    background: url(../images/preview_eye.svg);
    background-color: #4298cc;
    border-radius: 5px;
    z-index: 2;
    background-position: -18px 1px;
    background-repeat: no-repeat;
    top: 38px;
    border: 2px solid transparent;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_preview:hover{
    border: 2px solid #6d6e72;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .indicator_used{
    border-bottom: 5px solid #4298cc;
}
.flexi_wrapper #flexi_confirm{
    height: 100px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    position: absolute;
    width: 100%;
    font-weight:600;
    z-index: 100;
    text-align: center;
    line-height: 50px;
    box-shadow: 27px -2px 50px rgba(0, 0, 0, .2);
    font-size: 14px;
    display:none;
}
.flexi_wrapper #flexi_preview_content_overlay{
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 12;
    top:0;
    display:none;
}
.flexi_wrapper #flexi_preview_content{
    display:none;
    position: absolute;
    z-index: 13;
    background: #fff;
    height: 65%;
    max-height: 500px;
    overflow:hidden;
    width:100%;
    bottom: 0;
    left: -1px;
    box-shadow: 0px -2px 50px rgba(0, 0, 0, .2);
}
.flexi_wrapper #flexi_preview_content #flexi_preview_header{
    text-align: center;
    font-weight: 600;
    background: #fbfbfb;
    color: #4298cc;
}
.flexi_wrapper #flexi_preview_content #flexi_preview_question{
    padding: 5px;
    font-size: 18px;
    background: #fbfbfb;
    border-bottom: 1px solid #eee;
}
.flexi_wrapper #flexi_preview_content #flexi_preview_image{
    position: relative;
}
.flexi_wrapper #flexi_preview_content #flexi_preview_image img{
    width: 90%;
    height:auto;
    display: block;
    margin: 0 auto;
}
.flexi_code_hover{
	/*-webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.8);*/
    border:2px solid #6d6e72 !important;
}
.flexi_code_hover .flexi_add{
  background-position: 0px;
  background-size: 25px;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item_locked{
	opacity: 0.5;
	pointer-events: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_code_item_interior{
	height: 100%;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    overflow:hidden;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_code_item_interior .flexi_code_item_parent{
	width: 90%;
    width: calc(95% - 40px);
    display: table;
    height: 100%;
    padding-left: 5%;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_code_item_interior .flexi_code_item_parent .flexi_code_item_child{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_assessments{
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    min-height: 60px;
    border-radius: 5px;
    z-index: 100;
    left: 0;
    margin: auto;
    top: 120%;
    background: #eee;
    border: 1px solid #ddd;
    font-size: 13px;
    display:none;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item:hover .flexi_assessments{
    display:block;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_assessments:before{
    content:'';
    position: absolute;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_assessments .flexi_assessment_header{
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_assessments .flexi_assessement_names{
    display: flex;
    flex-direction: column;
    width: 86%;
    margin: 0 auto;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_assessments .flexi_assessement_names .flexi_assessment_row{
    position: relative;
}
.flexi_wrapper .flexi_code_card .flexi_code_body .flexi_code_item .flexi_assessments .flexi_assessement_names .flexi_assessment_row:before{
    content: '';
    position: absolute;
    background: #2d2d2d;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: -10px;
    top: 6px;
}
.flexi_icon{
	width: 25px;
    height: 25px;
    background-image: url(../images/menu_icons_all_v6.svg);
    position: absolute;
    background-size: 1000%;
    right: 5px;
    z-index: 4;
    background-position: -129px 0;
    top: 14px;
    border-radius: 50%;	
}
.flexi_add{
    background-color: #4298cc;
    top: 5px;
    border-radius: 5px;
    background-position: 3px;
    background-size: 19px;
    background-image: url(../images/add.svg);
    background-repeat: no-repeat;
    border: 2px solid transparent;
}
#flexi_save{
	border: 0;
    border-radius: 5px;
	width: 95%;
    margin: 0 auto;
    float: none;
    display: block;
    margin-top: 2px;
    font-size: 1em;
}


.flexi_feedback_error {
    position:relative;
    top : 30px;
    margin:0 auto;
    text-align: center;
    width:503px;
    height:25px;
    background: #e0645c;
    padding: 5px;
    color: #FFF;
    border-radius: 4px;
    
}
#flexi_quiz_name{
    border: 0 !important;
    background: transparent !important;
    height: 100px;
    /* margin-top: -50px; */
    position: absolute;
    width: 97%;
    bottom: 0;
    z-index: 10;
}
#flexi_quiz_name input{
	width: 88%;
	margin-bottom: 0;
    margin-top: 6px;
	border: 2px solid #4298cc;
}

.flexi_wrapper .existing_students .flexi_quiz_items_year:first-child{
  margin-top: 60px;
}
.flexi_wrapper .existing_students .flexi_quiz_items_year_active{
	height: 50px;
	overflow: hidden;
}
.flexi_wrapper .existing_students .flexi_quiz_items_year .flexi_quiz_items_year_heading{
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    border-radius: 5px;
	position: relative;
	cursor: pointer;
  color: #4298cc;
  font-size: 20px;
  font-weight: 100;
}
.flexi_wrapper .existing_students .flexi_quiz_items_year .flexi_quiz_items_year_heading .flexi_quiz_year_warning{
    position: absolute;
    height: 30px;
    width: 200px;
    right: 3px;
    top: 3px;
    display: table;
    font-size: 12px;
    background: #ffcaca;
    border-radius: 5px;	
    color:#484848;
    font-weight: 400;
}
.flexi_wrapper .existing_students .flexi_quiz_items_year .flexi_quiz_items_year_heading .flexi_quiz_year_warning div{
	display: table-cell;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
}
.flexi_wrapper .existing_students .flexi_quiz_items_year .flexi_quiz_items_year_heading:before{
    background-position: 0px 0px;
    background-size: 25px;
    background-image: url(../images/hamburger.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 3px;
    top: 0;
    content: '';
    bottom: 0;
    margin: auto;
    display:none;
}

.flexi_wrapper .existing_students .flexi_quiz_items_year{
    width: 92%;
    margin-left: 2%;
    margin-top: 0px;
}
.flexi_wrapper .existing_students .flexi_quiz_items_year ul{
  display: flex;
  flex-wrap: wrap;
  background: #fbfbfb;
  margin-top: 5px;
}
.flexi_wrapper .existing_students .flexi_quiz_items_year:last-child{
	margin-bottom: 200px;
}
.flexi_wrapper .flexi_quiz_0 .flex_li{
	background: rgba(245, 223, 121, 0.3);	
}
.flexi_wrapper .flexi_quiz_1 .flex_li{
	background: rgba(180, 215, 235, 0.3);
}
.flexi_wrapper .flexi_quiz_2 .flex_li{
	background: rgba(247, 182, 176, 0.3);	
}
.flexi_wrapper .flexi_quiz_3 .flex_li{
	background: rgba(216, 205, 236, 0.3);	
}
.flexi_wrapper .flexi_quiz_4 .flex_li{
	background: rgba(255, 221, 212, 0.3);	
}
.flexi_wrapper .flexi_quiz_5 .flex_li{
  background: rgba(	165, 211, 202, 0.3);
}
.flexi_wrapper .existing_students .flexi_quiz_items .flex_li{
    width: 98%;
    border-radius: 10px;
    height: 70px;
    min-height: 32px;
    height: auto;
    margin: 1%;
    cursor: pointer;
    position: relative;
    border: 2px solid transparent;
}
.flexi_wrapper .existing_students .flexi_quiz_items .flex_li:hover{
    /*-webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.8);*/
  border:2px solid #6d6e72;
}
.flexi_wrapper .existing_students .flexi_quiz_items .flex_li .flex_move_me{
    border-radius: 5px;
    background-position: 0px 0px;
    background-size: 25px;
    background-image: url(../images/hamburger.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.flexi_wrapper .existing_students .flexi_quiz_items .flex_li .flex_remove_me{
    border-radius: 5px;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #4298cc;
}
.flexi_wrapper .existing_students .flexi_quiz_items .flex_li .flex_remove_me:after{
	content: '';
    position: absolute;
    background: #FFF;
    height: 2px;
    width: 13px;
    left: 0;
    right: 0;
    margin: auto;
    top: 11px;
}
.flexi_wrapper .existing_students .flexi_quiz_items .flex_li_parent{
    width: 90%;
    width: calc(95% - 80px);
    display: table;
    height: 100%;
    padding-left: 40px;
}
.flexi_wrapper .existing_students .flexi_quiz_items .flex_li_parent .flex_li_child{
	display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    pointer-events: none;
}
.flexi_stored_wrapper{
    position: absolute;
    margin-top: 0;
    width: 100%;	
}
.flexi_stored_wrapper .scroll-wrapper{
	position: absolute !important;
    height: 100% !important;
    width: 100% !important;
}
.flexi_stored_wrapper #flexi_rollover{
    position: absolute;
    z-index: 1;
    width: 120px;
    padding: 0;
    left: 10px;
    bottom: 10px;
}
.flexi_stored_wrapper #flexi_rollover label{
    width:60px;
    padding: 6px 0px;
}
.flexi_stored_wrapper #flexi_card_header{
    height: 40px;
    position: absolute;
    width: 100%;
    background: #FFF;
    z-index: 1;
}
.flexi_stored_wrapper #flexi_card_header .flexi_input_wrapper{
	height: 40px;	
}
#existing_students_wrapper #flexi_card_browse #flexi_search{
  width: 90%;
  margin: 0 auto;
}
#existing_students_wrapper #flexi_card_browse #flexi_search input{
    padding: 0;
    text-align: center;
    width: 100%;
}
#existing_students_wrapper #flexi_card_browse #flexi_search #flexi_search_clear{
  display: none;
}
.flexi_stored_wrapper #flexi_card_header .flexi_input_wrapper #flexi_search input{
  line-height: 28px;
  height: 28px;
  width: 100%;
  padding: 0;
  text-align: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid #FFF;
  z-index: 1;
}
#existing_students_wrapper #flexi_card_browse #flexi_search input:focus{
  border-radius:5px;
}
#existing_students_wrapper #flexi_card_browse #flexi_search button{
  border: 0;
  height: 26px;
  line-height: 26px;
  border-radius: 5px;
  position: absolute;
  top: 1px;
  right: 1px;
}
.flexi_stored_wrapper #flexi_card_header #flexi_input_filter{
    height: 30px;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;	
}
.flexi_stored_wrapper #flexi_card_header #flexi_input_filter .col_50{
	width: 50% !important;
}
.flexi_stored_wrapper #flexi_card_header #flexi_input_filter .col_50 .flexi_filter_options{
	padding: 0;
	width: 90%;
	margin: auto;
}
.flexi_stored_wrapper #flexi_card_header #flexi_input_filter .col_50 .flexi_filter_options label{
	padding: 2px 0px;
	font-size: 12px;
}
.flexi_stored_wrapper #flexi_card_header .flexi_input_assessment_strand{
    top: 0;
    display: none;
}
.flexi_stored_wrapper #flexi_card_header .flexi_input_assessment_strand_visible{
  display:flex;
}
.flexi_stored_wrapper #flexi_card_header .flexi_input_assessment label{
	height: 30px !important;
	line-height: 30px !important;
	font-size: 13px;
    max-width: 170px;
    width: auto;
    padding: 0px 20px !important;
}
.flexi_stored_wrapper #flexi_input_type{
  position: absolute;
  left: 10px;
  margin: auto;
  width: 120px;
  bottom: 60px;
  padding: 0;
  z-index: 1;
  bottom: 50px;
}
.flexi_stored_wrapper #flexi_input_type label{
  height: 30px !important;
  line-height: 30px !important;
  font-size: 12px;
  width: 60px;
  padding: 0;
  display: flex;
    flex-direction: column;
}
.flexi_stored_wrapper #flexi_input_type label div{
    height: 15px;
    line-height: 15px;   
}
#flexi_rollover label{
    width: 30px;
}
#existing_students_wrapper #flexi_card_browse{
    position: absolute;
    width: 100%;
    height: 100%;
    height: calc(100% - 40px) !important;
    top: 40px;
    display: flex;
}
#existing_students_wrapper #flexi_card_filter .ps__rail-x{
    display: none !important;
}
#existing_students_wrapper #flexi_card_filter{
    width: 15%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    height:100%;
}
#existing_students_wrapper #flexi_card_filter #create_new_flexi{
    border-radius: 5px;
    border: 0;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: normal;
    position: relative;
}
#existing_students_wrapper #flexi_card_filter #create_new_flexi img{
    position: absolute;
    right: 5px;
    display: block;
    top: 8px;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    margin: 0 auto;
    display:none;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub{
    margin: 5px 0px;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub_Year .filter_sub_content{
    flex-direction: row !important;
    flex-wrap: wrap;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub_Year .filter_sub_content label{
    width: 20px !important;
    margin: 2px !important;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub_Stage .filter_sub_content{
    flex-direction: row !important;
    flex-wrap: wrap;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub_Stage .filter_sub_content label{
    width: 20px !important;
    margin: 2px !important;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub .filter_sub_heading{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub .filter_sub_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub .filter_sub_content label{
    width: 100%;
    width: calc(100% - 10px);
    margin: 1px 0px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    height: auto;
    padding: 0px 5px;
    min-height: 20px;
    background: #e1f6fb;
    border: 1px solid transparent;
    cursor:pointer;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub .filter_sub_content label:before{
    display:none;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub .filter_sub_content label:after{
    display:none;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub .filter_sub_content label:hover{
    background: #4298cc;
    color: #FFF;
    border: 1px solid #4298cc;
}
#existing_students_wrapper #flexi_card_filter .filter_substrand .filter_sub .filter_sub_content .filter_sub_item:checked + label{
    background: #4298cc;
    color: #FFF;
    border: 1px solid #4298cc;
}
.flexi_stored_wrapper #flexi_card_content{
	height: calc(100% - 40px) !important;
    position: relative;
    clear: both;  
    padding-top: 0;;
    margin-top: 40px;
}
#add_flexi #students_which .flexi_stored_wrapper #flexi_card_content{
    /*height: calc(100% - 40px) !important;
    padding-bottom: 40px;*/
    /*height: calc(100% - 40px) !important;
    /*height: calc(100% - 120px) !important;
    margin-top: 120px;*/
    width: 85%;
    height: 100% !important;
    margin-top: 0;
}
#existing_students_wrapper #flexi_card_content{
  height: calc(100% - 120px) !important;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_view{
    z-index: 1;
    position: absolute;
    bottom: 5px;
    width: 120px;
    right: 6px;
    height: 25px;
    background: #4298cc;
    border: 0;
    border-radius: 5px;
    color: #FFF;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper{
	background: #fbfbfb;
    width: 95%;
    margin: 0 auto;
    height: 176px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    position: relative;
    transition: 0.5s ease;	
    display: none;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_visible{
	display: block;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_internal{
    overflow: hidden;
    height: 100%;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_message{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;	
    background: #e1f6fb;
    border-radius: 10px;
    display: none;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_message .flexi_message{
	text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    margin-top: 60px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_message .flexi_card_message_buttons{
	width: 200px;
    margin: 0 auto;
    height: 26px;
    margin-top: 20px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_message .flexi_card_message_buttons button{
    float: left;
    width: 100px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_message .flexi_card_message_buttons button:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_message .flexi_card_message_buttons button:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.flexi_functions{
	position: absolute;
    width: 100px;
	right: 3px;
    height: 35px;
    top: 5px;
}
.flexi_functions button{
    background: #4298cc;
    border: 0;
    border-radius: 5px;
    height: 32px;
    width: 32px;
    margin: 0;	
    z-index: 1;
}
.flexi_functions .add_student_labels{
	z-index: 1;
}
.flexi_functions button img{
	margin-left: -2px;
}
.flexi_functions button:hover + .add_student_labels{
	display:block;
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper #flexi_functions_add{
    top: 0;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper #flexi_functions_rollover{
    top: 0;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper #flexi_functions_preview{
	top: 35px;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper #flexi_functions_preview button{
	background-image: url(../images/preview_eye.svg) !important;
    background-size: 50px !important;
    background-repeat: no-repeat;
    background-position: -22px 3px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper #flexi_functions_edit{
	top: 70px;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper #flexi_functions_remove{
	top: 105px;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_name{
	width: 99%;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    margin-top: 5px;
    width: calc(100% - 30px);
    margin: 0 auto;
    margin-top: 5px;
    color: #4298cc;
    /*
	   border-bottom: 2px solid #4298cc;
	   font-weight: 100;   
	*/
    font-size: 20px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_stages{
    height: 25px;
    position: absolute;
    right: 50px;
    top: 5px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_stages div{
	height: 25px;
    font-size: 12px;
    width: auto;
    background: #eee;
    border-radius: 5px;
    line-height: 25px;
    text-align: center;
    float: left;
    margin: 0px 5px;
    padding: 0px 5px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body{
	width: 95%;
    margin: 0 auto;
	padding-top: 10px;
	overflow: auto;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_substrand{
    background: #f7f7f7;
    width: 400px;
    height: 20px;
    border-radius: 5px;
    line-height: 20px;
    padding-left: 20px;
    clear: both;
    font-size: 13px;
    width: fit-content;
    padding-right: 20px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_item_wrapper{
    position: relative;
    clear: both;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_code{
	border-radius: 5px;
    line-height: 25px;
    clear: both;
    font-size: 12px;
    margin: 5px 0px;
    position: relative;
    height: 25px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_code .flexi_item_description{
	width: auto;
    height: 25px;
    background: #eee;
    border-radius: 5px;
    float: left;
    margin: 0px 5px;
    padding: 0px 5px;
    position: relative;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_code .flexi_card_code_item{
	float: left;
	width: 50%;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_code .my_numeracy_help{
	z-index: 10;
    position: absolute;
    float: right;
    left: -3px;
    width: 20px;
    height: 20px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_code .my_numeracy_help .my_numeracy_help_icon{
	width: 15px;
    height: 15px;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_further{
	position: absolute;
    height: 30px;
    width: 200px;
    right: 0;
    top: -2px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_card_further_item{
	height: 15px;
    font-size: 10px;
    text-align: right;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_indicator{
    width: 100%;
    float: left;
    /* min-height: 40px; */
    height: auto;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_indicator .flexi_indicator_parent{
    display: table;
    width: 95%;
    margin: 0 auto;
    height: 100%;
    /* height: 40px;	*/
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_indicator .flexi_indicator_parent .flexi_indicator_child{
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;	
}
.flexi_stored_wrapper #flexi_card_content .flexi_card_wrapper .flexi_card_body .flexi_indicator .flexi_indicator_parent .flexi_indicator_child:before{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #4298cc;
	left: 10px;
    top: 50%;
    transform: translateY(-5px);
}
.flexi_stored_wrapper .flexi_empty{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 40px;
    position: absolute;
    left: 0;
    right: 0;
    background: #fafafa;
}
#assessment_facilitator_switch{
  display: flex;
  width: 200px;
  position: absolute;
  bottom: 5px;
  z-index: 10000;
  right: 5px;
  padding: 0;
}
#export_quiz_pdf{
    z-index: 10000;
    bottom: 7px;
    margin: 0;
    right: 210px;
    position: absolute;
    width: 170px;
}
#export_quiz_pdf .inlp_wrapper{
	width: 170px;
}
.range_submenu_descrip{
	display: none;
    width: 150px;
    height: 100px;
    position: absolute;
    right: -160px;
    background: #FFF;
    top: 0;
    border-radius: 5px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2) !important;
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.1) !important;
}
#class_profile_content #class_profile_name #profile_class_name{
    position: absolute;
    right: 10px;
    top: 50px;
    width: 300px;	
}
#class_profile_content #class_profile_teachers{
	margin-top: 20px;
	position: relative;
}
#class_profile_content #class_profile_teachers #class_profile_help{
    right: 10px;
    top: 0;
    width: 230px;
}
.class_profile_help_style{
	text-align: center;
    height: 41px;
    font-size: 11px;
    background: #fcffda;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 40px;
 	position: absolute;
}
.class_profile_help_style .class_profile_help_icon{
	background-image: url(../images/menu_icons_all_v6.svg);
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    margin: 3px;
    background-position: -82px 3px;
    transform: rotate(180deg);
    background-size: 1420%;	
}
.class_profile_help_style #class_profile_help_parent{
	display: table;
	height: 100%;
}	
.class_profile_help_style #class_profile_help_child{
	display: table-cell;
    vertical-align: middle;	
}
#class_profile_content .class_profile_sub_headings{
    border: 1px solid #ddd;
    background: #e4f9ff;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    margin: 9px 10px;
    font-size: 14px;	
}
#class_profile_add_wrapper{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    margin: 0;
    right: 290px;	
}
#class_profile_add_wrapper button{
	width: 42px;
    height: 42px;
    right: 0;
    margin: 0;
    border-radius: 5px;
	box-shadow: none;
}
#class_profile_add_wrapper button .add_student_common{
	top: 8px;
    left: 9px;	
}
#class_profile_content #class_profile_teachers #class_profile_teacher_list{
	height: 336px;
    overflow: hidden;
    background: #fbfbfb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #ddd;
}
#class_profile_content #class_profile_teachers #class_profile_teacher_list .scroll-wrapper{
	height: 336px;
}
#class_profile_content #class_profile_teachers #class_profile_teacher_list .view_teachers_wrapper .class_card_profile{
	width: 80%;
    margin: 20px 10%;
}
.educator_type_parent{
    display: flex;
    justify-content: center;
    height: 30px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: rgba(180, 215, 235, 0.1);
    margin-top: 5px;
    width: 95%;
    margin: 0 auto;
    margin-top: 4px;
}
.educator_type_parent li{
    width: 20%;
    line-height: 22px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.educator_type_parent li:first-child{
    font-size: 12px;
    width: 90px;
}
.educator_type_parent li:first-child .my_numeracy_help{
    position:relative;
}
.educator_type_parent li:nth-child(2){
    border-right: 1px solid #ddd;
    margin-right: 10px;
    width: 70px;
}
.educator_type_parent li label{
    width: 20px;
    height: 20px;
    padding-left: 5px !important;
}
.educator_type_parent li label:before{
    left: 0 !important;
    top: 0 !important;
}
.educator_type_parent li label:after{
    left: 3px !important;
    top: 4px !important;
}
.class_profile_tile{
    float: left;
    z-index: 100000;
    width: 30%;
    margin: 0 auto;
    height: 49%;
    background: #fbfbfb;
    margin-top: 10px;	
    position: relative;
    margin: 10px 1.33%;
}
.class_profile_tile .class_profile_internal{
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.class_profile_internal_non_edit:hover + .class_profile_edit{
	display: block;
}
.class_profile_internal_non_edit .class_profile_lock{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;	
}
.class_card_profile .class_profile_edit{
  /*background-color: rgba(255,255,255,0.55);*/
  position: absolute;
  width: 100%;
  width: calc(100% - 2px);
  height: 100%;
  top: 1px;
  left: 1px;
  display: none;
  border-radius: 10px;
  z-index: 100;
}
.class_card_profile .class_profile_edit:hover{
	display: block;
}
.class_card_profile .class_profile_edit .class_profile_edit_buttons{
    display:flex;
    height:100%;
}
.class_card_profile .class_profile_edit .col50{
	height: 100%;
}
.class_card_profile .class_profile_edit .class_profile_edit_button{
    border: 0;
    border-radius: 5px;
    right: 10px;
    position: absolute;
    bottom: 10px;
    display: block;
    margin: auto;	
    line-height: normal;
}
.class_card_profile .class_profile_edit .class_profile_modify_hidden{
	display: none;
}
.class_profile_tile .class_profile_tile_name{
	height:40px;
	position: relative;
}
.class_profile_tile .class_profile_tile_name .educator_type_parent{
    border:0;
    background:none;
}
.class_profile_tile .class_profile_tile_name .educator_type_parent li:first-child{
    font-size: 12px;
    justify-content: center;
}
.class_profile_tile .teacher_last_login{
    font-size: 10px;
    position: absolute;
    bottom: 5px;
    left: 40px;
}
.class_profile_tile .class_profile_tile_name #create_edit_error{
    position: absolute;
    z-index: 1;
    font-size: 12px;
    width: 250px;
    left: 10px;
    bottom: 20px;
    border-radius: 5px;
    text-align: center;
    background: #ffc2c2;
    display:none;
}
.class_profile_tile .class_profile_tile_name_readonly{
	pointer-events: none;
}
#teacher_color{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 45px;
  height: 45px;
  z-index: 1;
}
#teacher_color #teacher_color_button{
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 0;
  padding: 0;
  cursor: pointer;
  border: 2px solid #fff;
  color: #484848;
  font-size: 10px;
}
#teacher_color #teacher_color_button:hover{
  border: 2px solid #4298cc;
}
#teacher_color #teacher_color_pallet{
  width: 137px;
  display: flex;
  flex-wrap: wrap;
  background: #FFF;
  border-radius: 5px;
  padding: 2px;
  position: absolute;
  top: 50px;
  display:none;
}
#teacher_color #teacher_color_pallet .color_pallet_cell{
  border: 0;
  border-radius: 5px;
  width: 29px;
  height: 29px;
  margin: 1px;
  border: 1px solid transparent;
  cursor: pointer;
}
#teacher_color #teacher_color_pallet .color_pallet_cell:hover{
  border: 1px solid #4298cc;
}
.create_edit_key_contact{
	position: absolute !important;
    left: 0;
    right: 0;
    margin: auto;
    top: 127px;
    z-index: 1;
    border: 1px solid #ddd;
    padding: 0;
    height: 27px !important;
    border-radius: 5px;	
    border: 1px solid transparent;
}
.create_edit_key_contact #create_edit_key_contact{
	position: relative;	
}
.create_edit_key_contact .my_numeracy_help{
	left: 135px;
    top: -2px;
}
.create_edit_key_contact .my_numeracy_help .my_numeracy_help_content{
    left: 40px;
}
.create_edit_key_contact .my_numeracy_help .my_numeracy_help_icon{
	background-color: #FFF;
    border-radius: 50%;	
}
.create_edit_key_contact #create_edit_key_contact label{
	position: absolute;
    left: 24px;
    top: -6px;
}
.class_profile_tile #class_profile_warning{
    position: absolute;
    display: table;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 1% 5%;
    font-size: 12px;
    height: 50px;
    text-align: center;
    background: #ff5e5e;
    bottom: -66px;
    border-radius: 10px;
    color: #FFF;
}
.class_profile_tile #class_profile_warning div{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.class_profile_tile .class_profile_label{
    font-size: 12px;
    width: 15%;
    float: left;
    text-align: center;
    height: 40px;
}
.class_profile_tile .class_profile_label div{
	display: table;
    height: 100%;
    width: 100%;
}
.class_profile_tile .class_profile_label div div{
	display: table-cell;
	vertical-align: middle;
}
.class_profile_tile input{
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    float: left;
    color: #666;
    font-weight: 400;
    border: 1px solid transparent;
}
.class_profile_tile .class_profile_tile_name .class_profile_input{
    width: 85%;
    float: left;
}
.class_profile_tile .teacher_email{
	width: 97%;
	width: calc(97% - 20px);
	float: left;
}
.class_profile_tile #class_profile_remove_wrapper{
	position: absolute;
    width: 30px;
    height: 30px;
    margin: 0;
    right: 5px;
    top: 5px;	
}
.class_profile_tile #class_profile_remove_wrapper button{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    right: 0;
    top: 0;
    margin: 0;
    box-shadow: none;
    overflow: hidden;	
}
.class_profile_tile #class_profile_remove_wrapper button img{
	width: 80px;
    position: absolute;
    left: 3px;
    top: -26px;	
}
.class_profile_tile #class_profile_remove_wrapper .add_student_labels{
	right: -115px;
    top: 3px;
}
.view_teachers_wrapper{
	width: 100%;
    height: 100%;
    position: relative;
}
.view_teachers_wrapper #view_teachers_internal{
	width: 100%;
    height: 100%;
    display: block;
    border-radius: 10px;
    position: absolute;
}
.view_teachers_wrapper #view_teachers_internal h2{
	line-height: 39px;	
}
.view_teachers_wrapper #view_teachers_internal #existing_search_wrapper{
    padding: 0;
    position: absolute;
    top: 4px;
    right: 45px;
    width: 300px;
    height: 28px;	
}
.view_teachers_wrapper #view_teachers_internal #existing_search_wrapper input{
	background: #e4f9ff;
    font-weight: 400;
    color: #000;
    height: 28px;
}
#view_teachers_wrapper_modify{
	height: 100%;
	height: calc(100% - 40px);
	margin-top: 40px;
	background: #f1f1f1;
}
#view_teachers_wrapper_modify .class_card_profile{
	width: 90%;
	height: 80px;
}
#view_teachers_wrapper_modify .class_card_profile .class_profile_edit .class_profile_modify{
	display: none !important;
}
#view_teachers_wrapper_modify .class_card_profile .class_profile_edit .class_profile_modify_hidden{
	display: block !important;
}	
#view_teachers_wrapper_modify .class_card_profile .class_card_details{
	height: 100%;
}	
#view_class_teachers_content{
    width: 20%;
    position: absolute;
    right: 0;
    height: 100%;
    background: #FFF;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
#add_to_class_help{
    z-index: 100;
    width: 70%;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    bottom: 10px;
    height: 70px;	
}
#view_class_teachers_content .view_teachers_wrapper .class_card_profile{
    width: 90% !important;
    margin: 10px 5%;
}
#view_class_teachers_content .view_teachers_wrapper .class_card_profile .class_card_icon_circle{
  transform: scale(0.8);
  transform-origin: top left;
}
#view_class_teachers_content #add_to_class_heading{
    top: 0;
    border-bottom: 1px solid #ddd;
    height: 40px;
    bottom: auto;
    border-top: 0;
    background: #fbfbfb;
    line-height: 40px;
    font-weight: 400;	
}
.view_teachers_wrapper #view_teachers_content{
	width: 100%;
    height: 100%;
    height: calc(100% - 40px);
	position: absolute;
	top:40px;
	z-index: 99998;
	background: #fbfbfb;
	overflow: hidden;
}
.view_teachers_wrapper #view_teachers_content .scroll-wrapper{
	height: 100%;
}
.view_teachers_wrapper #view_teachers_content #view_teachers_content_internal{
    width: 85%;
    /* padding: 0% 5%;*/
    margin: 0 auto !important; 
    height:100%;
    position: relative;
}
.view_teachers_wrapper #create_edit_teachers_content{
	width: 100%;
    
    height: calc(100% - 40px);
	position: absolute;
	top:40px;
	display: none;
	z-index: 100000;
}
.view_teachers_wrapper  #create_edit_teachers_overlay{
	width: 100%;
  
    height: calc(100% - 40px);
	position: absolute;
	top:40px;
	display: none;
	z-index: 99999;
	background-color: rgba(0,0,0,0.1);
	transition: 0.3s ease;
}
#view_class_teachers_content .view_teachers_wrapper .class_card_profile_smaller{
	height: 100px;	
}
#view_class_teachers_content .view_teachers_wrapper .class_card_profile_smaller .class_card_icon{
	height: 50px;
}
#view_class_teachers_content .view_teachers_wrapper .class_card_profile_smaller .class_card_details{
	height: 85px;	
}
.add_teacher_wrapper_common{
    z-index: 99999;
    height: 70px;
    position: absolute;
    right: 10px;
    bottom: 60px;
    bottom: 0;
    margin: 0;	
}
.add_teacher_wrapper_common #add_student_button{
	right: 5px;
}
.add_teacher_upload{
    bottom: 0px;
    z-index: 99998;
    right: 70px;
}
.add_teacher_upload #add_plus{
  display: block;
  background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
  background-size: 740%;
  width: 30px;
  height: 30px;
  left: 10px;
  top: 10px;
  background-position: 1px -142px;
}
.teacher_profile_classes{
    width: 85%;
    float: left;
}
.teacher_profile_classes .analyse_button_wrapper{
	width: 97%;	
  border: 1px solid transparent;
}
.view_teachers_wrapper #create_edit_teacher{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	border-radius: 10px;
	display: none;
    height: 288px;
    width: 500px;
}
.view_teachers_wrapper .create_edit_teacher_saving{
	overflow: hidden;
}
#class_profile_message{
	background: #fbfbfb;
	width: 100%;
    height: 100%;
    position: absolute;	
	border-radius: 10px;
	z-index: 11;

}
#class_profile_message #confirm_account{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: scale(2);
    opacity: 0;
}
#class_profile_message #confirm_account .bubble{
	background: #eee;
	z-index: 1;
}
#class_profile_message #confirm_account .bubble:checked + .bubble{
    background: #3CCC97;	
}
#class_profile_message .trial_save_heading{
	text-align: center;
    line-height: 60px;
    font-size: 30px;
    font-weight: 100;
    color: #4298cc;	
	display: none;
}
.view_teachers_wrapper #create_edit_teacher .class_profile_internal{
	border: 0;	
	z-index: 12;
    position: absolute;
    background: #fbfbfb;
}
.view_teachers_wrapper #create_edit_teacher .class_profile_tile_name h2{
	border-bottom: 0;	
}
.view_teachers_wrapper #create_edit_teacher .analyse_dropdown_style_wrapper{
    left: -250px !important;
    top: -140px !important;
    height: 290px;
}
.view_teachers_wrapper #create_edit_teacher .classes_selection .dropdown_classes dd ul li{
    line-height:18px;
}
.view_teachers_wrapper #create_edit_teacher .classes_selection .dropdown_classes dd ul li .dashboard_check{
    padding-left: 10px;
}
.view_teachers_wrapper #create_edit_teacher .classes_selection .dropdown_classes dd ul li .dashboard_check:before{
    top: -11px;
    left: -20px;
}
.view_teachers_wrapper #create_edit_teacher .classes_selection .dropdown_classes dd ul li .dashboard_check:after{
    top: -6px;
    left: -16px;
}
.view_teachers_wrapper #create_edit_teacher .classes_selection .dropdown_classes dd ul li input{
    display:none;	
}
.view_teachers_wrapper .class_card_profile{
    background: #FFF;
    width: 30%;
    float: left;
    height: 150px;
    margin: 20px 1.6666%;
    border-radius: 10px;
    position: relative;
    max-width: 400px;
}
.view_teachers_wrapper .class_card_profile_hidden{
	display: none;
}
.view_teachers_wrapper .class_card_profile .class_card_profile_internal{
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
.view_teachers_wrapper .class_card_profile .class_card_profile_internal .class_card_key_contact{
    position: absolute;
    z-index: 1;
    background: #fff;
    width: 100px;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    right: 5px;
    top: 5px;
    line-height: 20px;
    border: 1px solid #ddd;
}
.view_teachers_wrapper .class_card_profile .class_card_details{
    height: 130px;
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.view_teachers_wrapper .class_card_profile .class_card_icon{
    width: 100%;
    background: #dbf3ff;
    position: absolute;
    z-index: 0;
    height: 100%;
    z-index: 0;
    opacity: 0.3;
    border-bottom: 1px solid #b3b3b3;
}
.view_teachers_wrapper .class_card_profile .class_card_icon_circle{
	position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    left: 5px;
    top: 5px;	
    border: 2px solid #fff;
}
.class_card_icon_wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.class_card_icon_circle div{
  background-image: url(../images/teacher_white.svg);
  background-size: 30px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 4px 0px;
}
#create_edit_teacher .class_card_icon_wrapper .class_card_icon{
	width: 100%;
    background: #dbf3ff;
    position: absolute;
    height: 77%;
    z-index: 0;
    opacity: 0.5;
    border-bottom: 1px solid #b3b3b3;
}
#create_edit_teacher #create_teacher_header{
	position: absolute;
	width: 100%;
	height: 40px;
}
#create_edit_teacher #create_new_teacher_wrapper{
	position: absolute;
    width: 100%;
    top: 50px;
    height: calc(100% - 50px);	
}
#create_edit_teacher #create_new_teacher_wrapper #create_teacher_upload{
  background: #FFF;
  width: 80%;
  margin: 0 auto;
  border-radius: 5px;
  padding: 5% 5% 3% 5%;
  margin-top: 0px;
  border: 1px solid #ddd;
  font-size: 12px;
  text-align: center;
}
#create_edit_teacher #create_new_teacher_wrapper #create_teacher_upload #class_teacher_upload_i{
  width:100%;
}
#create_edit_teacher #create_new_teacher_wrapper #create_teacher_upload #create_teacher_upload_table{
  border-top: 1px solid #ddd;
}
.view_teachers_wrapper .class_card_profile .class_card_name{
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    height: 40px;
}
.view_teachers_wrapper .class_card_profile .class_card_email{
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    height: 20px;	
}
.view_teachers_wrapper .class_card_profile .class_card_details .analyse_button_wrapper{
	width: 90%;
    float: none;
    margin: 0 auto;
    margin-top: 20px;
}
#my_numeracy_growth_header{
	margin-top: 50px;
}
#myn_growth_wrapper{
	width: 100%;
}
#myn_growth_wrapper #results_table_content{
	padding-bottom: 500px;
	overflow: hidden;
}
#myn_growth_wrapper #myn_growth_picker{
    position: absolute;
    z-index: 1;	   
    width: 100%;
    height: 100px;
}
#myn_growth_wrapper .myn_growth_dropdown{
	width: 100px;
	padding: 10px;
	margin-left: 0;
}
#myn_growth_wrapper .myn_growth_dropdown label:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
}
#myn_growth_wrapper .myn_growth_dropdown label:last-of-type {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#myn_growth_wrapper #myn_growth_term_week{
    overflow: visible;
    position: absolute;
    top: 30px;
}
#myn_growth_wrapper #myn_growth_scale #myn_growth_scale_year:checked + label:after{
	content: '';
    position: absolute;
    top: 1px;
    left: -12px;
    width: 30px;
    height: 27px;
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    -moz-transform: scale(0.707) rotate(45deg);
    -o-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(-135deg);
    background: #4298cc;
    border-radius: 0 5px 0 50px;
    box-shadow: 2px -2px 0 2px #FFF, 3px -3px 0 2px #FFF;
    z-index: 1;
}
#myn_growth_wrapper #myn_growth_term_week input:checked + label:after{
	content: '';
    position: absolute;
    top: 1px;
    right: -12px;
    width: 30px;
    height: 27px;
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    -moz-transform: scale(0.707) rotate(45deg);
    -o-transform: scale(0.707) rotate(45deg);
    transform: scale(0.707) rotate(45deg);
    background: #4298cc;
    border-radius: 0 5px 0 50px;
    box-shadow: 2px -2px 0 2px #FFF, 3px -3px 0 2px #FFF;
    z-index: 1;
}
#myn_growth_wrapper .myn_growth_dropdown .myn_breadcrumb_main{
  width: 30px;
}
#myn_growth_wrapper #myn_growth_term{
  left: 60px;
  position: absolute;
  width:200px;
}
#myn_growth_wrapper #myn_growth_weeks{
    width: auto;
    position: absolute;
    top: 59px;
    left: 60px;
    z-index: 0;
}
#myn_growth_wrapper .myn_growth_weeks label{
	width: 15px;
}
#myn_growth_wrapper .myn_growth_weeks label:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}
#myn_growth_wrapper .myn_growth_weeks label:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_descrip{
    position: absolute;
    width: 400px;
    left: 0;
    right: 0;
    margin: auto;
    height: 50px;
    background: #F3F9FF;
    border: 1px solid #ddd;
    border-radius: 5px;
    top: 10px;	
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_descrip .myn_growth_descrip{
    display: table;
    width: 100%;
    height: 100%;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_descrip .myn_growth_descrip div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
}
#myn_growth_wrapper .myn_growth_dropdown .myn_growth_picker{
    width: 30px;
    position: relative;
    float: left;
    border: 0;
    background-color: #f6f6f6;
    height: 30px;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_scale{
	position: absolute;
    right: 0;
    top: 0;
    padding-left: 20px;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_terms{
    position: absolute;
    top: 30px;
    left: 60px;
    width: auto;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_terms label{
	width: 30px;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_terms label:last-of-type{
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;	
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_years{
    width: auto;
    position: absolute;
    right: 100px;
    z-index: 0;
    top: 58px;
    height: 30px;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_years label{
    width: 30px;
    text-align: center;
    padding: 6px 0px;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_years label:first-of-type{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#myn_growth_wrapper #myn_growth_picker #myn_growth_years label:last-of-type{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: 15px;
}
#myn_growth_wrapper #myn_growth_picker .myn_growth_picker_right .myn_growth_picker{
	float: right;	
}
#myn_growth_wrapper #myn_growth_picker .myn_growth_picker_right label{
	float: right;	
}
#myn_growth_wrapper #myn_growth_picker .myn_growth_picker_right label:first-of-type{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0px;
}
#myn_growth_wrapper #myn_growth_picker .myn_growth_picker_right label:last-of-type{
	border-top-left-radius: 0px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;	
}
#myn_growth_wrapper .myn_growth_dropdown label{
	font-size: 12px;	
	position: relative
}
#myn_growth_wrapper #zpd_main{
	margin-top: 141px;
}
#myn_growth_wrapper .range_wrapper .myn_growth_left_header{
    position: absolute;
    height: 30px;
    width: 8%;
    text-align: center;
    line-height: 40px;
    font-size: 18px !important;
    font-weight: 100 !important;
    color: #1fa1d2;
    left: 5%;
    top: 100px;
}
#myn_growth_wrapper #zpd_main .class_list_a{
	height: 42px;	
	background: #f6f6f6 !important;
}
#myn_growth_wrapper #zpd_main .class_list_a:first-child{
	border-top: 1px solid #eee !important;
    margin-top: -1px !important;
}
#myn_growth_wrapper .results_name_asr_zpd{
	background: transparent;
	z-index: 0;	
}
#myn_growth_wrapper .analyse_view_student{
	margin-top: 3px;
    border: 1px solid transparent;
	border-radius: 0 !important;
    background: transparent !important;
    color: #000 !important;
}
#myn_growth_wrapper .analyse_view_student .my_growth_class{
	width: 100%;
}
#myn_growth_wrapper .myn_growth_student_total{
	float: left;
    width: 20%;
    height: 35px;
    position: relative;
    z-index: 1;
}
#myn_growth_wrapper .myn_growth_student_total .export_pdf_wrapper{
    width: 35px;
    height: 35px;
    top: 3px;
    left: 6px;	
}
#myn_growth_wrapper .myn_growth_student_total .export_pdf_wrapper .animate{
	width: 100%;
    height: 100%;
}
#myn_growth_wrapper .myn_growth_student_total .export_pdf_wrapper .animate .pdf_animator{
    height: 100%;	
}
#myn_growth_wrapper .myn_growth_student_total:hover .myn_growth_download{
	display: block;	
}
#myn_growth_wrapper .myn_growth_student_total .myn_growth_download{
    bottom: 0;
    right: -138px;
    top: 5px;
    width: 135px;
    height: 20px;
    line-height: 20px;	
}
#myn_growth_wrapper .myn_growth_student_total .myn_growth_download_icon{
    background-image: url(../images/menu_icons_all_v6.svg);
    position: absolute;
    z-index: 2;
    width: 31px;
    height: 31px;
    top: 5px;
    background-color: #FFF;
    background-position: -274px 0px;
    border-radius: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    background-size: 1560%;
}
#myn_growth_wrapper .myn_growth_student_total:hover .myn_growth_download_icon{
	display: block;	
}
#myn_growth_wrapper .myn_growth_student_total .myn_growth_trophy_icon{
	background: url(../images/trophy_smaller.svg);
    width: 31px;
    height: 31px;
    position: absolute;
    background-size: cover;
    border: 2px solid #ffcf40;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 3px;
    background-color: #fbfbfb;
}
#myn_growth_wrapper .myn_growth_student_total .myn_growth_trophy_icon_top{
    border: 2px solid #5caee0;
    background-color: #5caee0;	
}
#myn_growth_wrapper .myn_growth_student_total .myn_growth_total{
    position: absolute;
    width: 17px;
    height: 17px;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    right: 0px;
    background: #4298cc;
    color: #FFF;
    margin: auto;
    bottom: 0;
    bottom: -5px;	
}
#myn_growth_data{
	width: 80%;
	float:right;
	position: relative;
	margin-top: 100px;
	min-height: 500px;
}
#myn_growth_data #myn_growth_data_internal{
	width: 100%;
	height: 100%;
	margin-top: 40px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col{
	float: left;
	height: 100%;
	position: relative;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col:first-child{
	border-top-left-radius: 5px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col:first-child .myn_growth_col_internal .myn_growth_cell:first-child{
	border-top-left-radius: 5px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col:first-child .myn_growth_col_internal .myn_growth_cell:last-child{
	border-bottom-left-radius: 5px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col .myn_growth_header{
    position: absolute;
    text-align: center;
    width: 100%;
    height: 40px;
    top: -40px;
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;	
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col .myn_growth_header:hover{
	background: #f6f6f6;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col .myn_growth_header_today{
	background: #e2f4ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal{
    border-top: 1px solid #eee;
    width: 100%;
    height: 100%;
    border-left: 1px solid #eee;
    background: #fbfbfb;
    border-bottom: 1px solid #eee;
    min-height: 240px;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell{
	height: 40px;
	position: relative;
	border: 1px solid transparent;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_cell_highlight{
	background: #F3F9FF !important;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_cell_highlight .cell_activity_interior{
	background-color:  transparent !important;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy{
    cursor: pointer;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_expand{
    width: 15px;
    height: 15px;
    display: block;
    background-image: url(../images/menu_icons_all_v6.svg);
    background-image: url(../images/expand_icon.svg);
    /* background-position: -128px 0px; */
    /* background-size: 250px; */
    background-size: contain;
    position: absolute;
    left: 5px;
    bottom: 5px;
    display: none;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy:hover{
    background: #F3F9FF !important;
    border: 1px solid #4298cc;
    z-index: 1;
    border-radius: 5px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy:hover .myn_growth_expand{
	display: block;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell:nth-child(even){
	background: #FFF;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_trophy{
	width: 35px;
    height: 35px;
    border-radius: 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_trophy .myn_growth_trophy_icon{
	background: url(../images/trophy_smaller.svg);
    width: 100%;
    height: 100%;
    background-size: cover;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_trophy .myn_growth_total{
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    bottom: 2px;
    right: -9px;
    font-size: 12px;
    background: #4298cc;
    color: #FFF;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details{
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    position: absolute;
    width: 320px;
    z-index: 1;
    overflow: auto;
    background: #FFF;
    top: 42px;
    border-radius: 5px;
    max-height: 400px;
    display: none;
    padding-right: 10px;
    padding-left: 10px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details_right{
	right:0;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .scroll-x{
	display: none;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .scroll-wrapper .scrollbar-inner{
	top: 0 !important;
	overflow-x: hidden !important;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper{
	width: 95%;
	margin: 0 auto;
	margin-top: 5px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper:last-child{
	margin-bottom: 50px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_strand_header{
    position: relative;
    top: 0;
    line-height: 30px;
    border-radius: 5px;
    height: 30px;
    font-weight: 400;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_header{
	line-height: 20px;
    height: 20px;
    font-size: 13px;
    font-weight: 400;	
    margin: 5px 0px;
    background: #eee;
    width: 100%;
    margin: 0 auto;
    margin-top: 5px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile{
	width: 100%;
    min-height: 70px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 5px;	
    margin: 5px 0px;
    background: #fbfbfb;
    position: relative;
    transition: 0.3s ease;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_growth_user_icons{
    position: absolute;
    right: 0;
    top: 55px;
    pointer-events: none;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_growth_user_icons .myn_growth_user{
	width: 15px;
    height: 15px;
    background-image: url(../images/user.svg);
    background-size: cover;
    float: left;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_growth_users{
	margin-top: 70px;
	display: none;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_growth_users .myn_growth_user{
    width: 100%;
    height: 30px;
    font-size: 13px;
    display: table;	
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_growth_users .myn_growth_users_header{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    font-size: 15px;	
    font-size: 13px;
    font-weight: 600;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_growth_users .myn_growth_user .myn_growth_user_name{
    display: table-cell;
    vertical-align: middle;
    text-align: center;	
	font-size: 12px;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_star_wrapper #my_numearcy_legend{
    width: 150px;
    position: absolute;
    right: -36px;
    bottom: -90px;
    height: 100px;
    z-index: 1;
    display: none;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .mylit_icon_wrapper{
	width: 60px;
    height: 60px;
    margin: 5px;
    float: left;
    border-radius: 5px;
    position: relative;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .mylit_icon_wrapper .mylit_icon_trophy{
	background: url(../images/trophy_smaller.svg) no-repeat;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .mylit_icon_wrapper .mylit_icon{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: contain;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .mylit_desc{
	font-size: 11px;
    width: 200px;
    float: right;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_star_wrapper{
    position: absolute;
    right: 0;
	top: 30px;
    transform: scale(0.7);
    transform-origin: bottom right;
    z-index: 1;
}
#myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell_trophy .myn_growth_details .myn_growth_strand_wrapper .myn_growth_substrand_wrapper .myn_growth_tile .myn_star_wrapper:hover #my_numearcy_legend{
	display: block;
}
#student_activity #zpd_main{
	width: 15%;
}
#student_activity #zpd_main .class_list_a{
	height: 165px;
}
#student_activity #zpd_main .class_list_a:nth-child(even){
	border-top: 5px solid #efefef !important;
    border-bottom: 5px solid #efefef !important;
}
#student_activity #zpd_main .class_list_a .results_name_asr_zpd{
	height: 100% !important;
	width: 100% !important;
}
#student_activity #zpd_main .class_list_a .results_name_asr_zpd button{
	margin: 0;
	height: 100% !important;
	font-size: 15px;
	position: relative;
}
#student_activity #zpd_main .class_list_a .results_name_asr_zpd button .stu_activity_last_seen{
   	position: absolute;
    width: 100%;
    height: 30px;
    line-height: 15px;
    font-size: 10px;
    bottom: 0;	
}
#student_activity #zpd_main .class_list_a .results_name_asr_zpd button .stu_activity_last_seen div{
    float: left;
    clear: both;
    height: 15px;
}
#student_activity #myn_growth_data{
	width: 85%;
}
#student_activity #myn_growth_data #myn_growth_data_internal .col_width{
    width: 14.285714285714%;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .col_inactive{
    width: 13.33333333333%;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .col_active{
    width: 20%;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col{
	transition: 0.3s ease;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal{
	height: auto;
	min-height: auto;	
}
#myn_activity_filter_dates #student_activity #zpd_main{
    margin-top: 90px;	
}
#myn_activity_filter_dates #student_activity #myn_growth_data{
	margin-top: 50px;
}
#myn_activity_filter_dates #student_activity #myn_growth_data #myn_growth_data_internal{
	margin-top: 0;
    height: 40px;	
}
#myn_activity_filter_dates #student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col{
    height: 40px;
    background: #FFF;	
}
#myn_activity_filter_dates #student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col .myn_growth_header{
	top: 0;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell{
	height: 164px;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell:nth-child(even){
	border-top: 5px solid #efefef;
    border-bottom: 5px solid #efefef;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior{
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .cell_activity_expand{
    background-size: cover;
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(../images/expand_icon.svg);
    right: 5px;
    bottom: 5px;
    z-index: 1;
    display: none;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .cell_options{
	display: none;
	margin-top: 12px;
	max-height: 155px;
	overflow: hidden;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn_wrapper{
    margin: 0 auto;
    width: calc(100% - 20px);
    overflow: auto;	
    max-height: 110px;
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn .stu_active_trophy{
    background-image: url(../images/trophy_smaller.svg);
    position: absolute;
	width: 20px;
    height: 20px;
    z-index: 0;
    left: 2px;
    top: 5px;
    background-size: cover;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn_wrapper:nth-child(even) {
	margin-top: 5px;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .cell_options .cell_options_split{
	width: calc(50% - 4px);
    float: left;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .cell_options .cell_options_split:first-child{
    margin-top: 5px !important;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .cell_options .cell_options_split:last-child{
   float:right;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior_logged_in{
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23a5a5a5' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	background-color: #FFF;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell:hover .cell_activity_interior{
	border: 1px solid #ddd;
    position: absolute;
    width: 100%;
    z-index: 1;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.30), 0 2px 6px 2px rgba(60,64,67,.15);
    margin-left: -1px;
    margin-top: -1px;
    border-radius: 5px;
    border:1px solid #4298cc;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell:hover .cell_activity_interior .cell_activity_expand{
	display: block;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_assessment{
    height: 30px;
    border-radius: 4px;
    background: #FFF;
    margin: 0 auto;
    width: 100%;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_assessment .stu_activity_started{
	background: #FFF;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_assessment .stu_activity_started{
    display: table;
    width: 101%;
    height: 100%;
    border-radius: 2px;
    background: #e2f4ff;
    background: #c9eaff;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_assessment .stu_activity_started div{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn:first-child{
	margin-top: 0 !important;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn{
	border-radius: 40px;
	width: 100%;
	width: calc(100% - 2px);
	margin-top: 5px;
	position: relative;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn .stu_activity_started{
	background: #FFF;
	border-radius: 20px;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn_style{
	border: 1px solid #f5df79;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myn_style .stu_activity_started{
    background: rgba(245,223,121,.8);
	background: #fcf5d6;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myl_style{
	border: 1px solid #a5d3ca;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_myl_style .stu_activity_started{
    background: rgba(165,211,202,.6);
    background: #e4f1ef;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_ll{
	border: 1px solid #f7b6b0;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_ll .stu_activity_started{
	background: #fbe1df;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_game{
    height: 30px;
    background-color: transparent;
    width: 40%;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_game_2{
    float: left;
    margin: 0px 3% 5px 3%;	
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_game_2:last-child{
	float:right;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_game .stu_activity_sunset{
	 background-image: url(../images/game_calander_icons_large_sunset.png);
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_game .stu_activity_spelling{
    background-image: url(../images/game_calander_icons_large_spelling.png);
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_game .stu_activity_jetpack{
    background-image: url(../images/game_calander_icons_large_jetpack.png);
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_activity_game .stu_activity_started{
    background-size: cover;
	background-color: transparent;
	margin: 0 auto;
    width: 50px;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .stu_active_hov{
    position: absolute;
    left: calc(100% + 10px);
    top: -1px;
    z-index: 1;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.30), 0 2px 6px 2px rgba(60,64,67,.15);
    width: 420px;
    min-height: 150px;
    border-radius: 5px;
    font-size: 14px;
    padding-bottom: 5px;
    display: none;
    border: 1px solid #cecece;
    pointer-events: none;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell .cell_activity_interior .myn_activity_details_right{
    left: -410px;
}	
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell:hover .cell_activity_interior .stu_active_hov{
	display: block;
}
#student_activity #myn_growth_data #myn_growth_data_internal .myn_growth_col_internal .myn_growth_cell:hover .cell_activity_interior .stu_active_hov_hidden{
	display: none !important;
}
.stu_active_hov_type{
    width: 400px;
    margin: 0 auto;
    margin-top: 5px;	
}
.stu_active_hov_type .stu_active_hov_student{
	height: 20px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}
.stu_active_hov_type .stu_active_hov_student div{
    float: left;
    width: 75%;
}
.stu_active_hov_type .stu_active_hov_student div:first-child{
	font-weight: 600;
}
.stu_active_hov_type .stu_active_hov_student div:last-child{
	float: right;
	width: 25%;
	text-align: right;
}
.stu_active_hov_type .stu_active_hov_content{
	padding-bottom: 30px;
	clear: both;
	display: none;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_type{
    font-weight: 600;
    margin: 5px 0px;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
    padding-left: 0px;
    font-size: 15px;
    text-align: center;
}
.stu_active_hov_type .stu_active_divider{
	border-top: 1px solid #ddd;
}	
.stu_active_hov_type .stu_active_hov_content .stu_active_row{
	padding-left: 30px;
    position: relative;
    font-size: 13px;
    min-height: 20px;
    padding-top: 5px;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_row .stu_active_hov_started{
	position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
	top: 0px;
    border-radius: 4px;	
}
.stu_active_hov_type .stu_active_hov_content .stu_active_row .stu_active_hov_submitted div{
    width: 20px !important;
    height: 20px !important;
    margin: 0px !important;	
}
.stu_active_hov_type .stu_active_hov_content .stu_active_row .stu_active_hov_started div{
    width: 22px;
    height: 22px;
    margin: 0;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_row .stu_active_hov_myn_started{
	border-radius: 50% !important;
	width: 22px !important;
    height: 22px !important;
    background: #FFF;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_row .stu_active_hov_myn_started div{
	border-radius: 50%;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_hov_row_strand{
	margin: 5px 0px 5px 0px;
	width: 100%;
    width: calc(100% - 5px);
    padding-left: 5px;
    line-height: 20px;
    font-weight: 600;
}
.stu_active_hov_type .stu_active_hov_head{
	height: 40px;
    line-height: 40px;
    background: #f3f9ff;
    border-radius: 5px;
    margin: 0 auto;
    border-radius: 5px;
    /* text-align: right; */
    font-weight: 600;
    font-size: 18px;
    float: left;
    /* padding-left: 10px; */
    text-decoration: underline;
    text-align: center;
    width: 100%;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_game_icon{
    float: none;
    position: relative;	
    margin-bottom: 10px;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_game_icon div{
    margin: 0 auto;
    height: 70px;
    width: 110px;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_game_sunset div:first-child{
	background-image: url(../images/game_calander_icons_large_sunset.png);	
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_game_sunset div:last-child{
	height: 30px;
    bottom: -25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 13px;
    text-align: center;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_game_spelling div:first-child{
	background-image: url(../images/game_calander_icons_large_spelling.png);
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_game_jetpack div:first-child{
  background-image: url(../images/game_calander_icons_large_jetpack.png);
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_game_spelling div:last-child{
	height: 30px;
    bottom: -25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 13px;
    text-align: center;
    width: 150px;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_gane_row .stu_active_hov_cell_2{
	width: 50%;
	float: left;
	position: relative;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video{
    width: 95%;
    height: 64px;
    float: none;
    margin: 0 auto;	
    pointer-events: none;
    margin-bottom: 5px;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video .sc_video_wrapper{
    width: 100%;	
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video .sc_video_wrapper .sc_video_internal{
    width: 100%;
    height: 64px;
    border-radius: 5px;	
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video .sc_video_wrapper .sc_video_internal .sc_video_thumbnail{
	width: 115px;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #ddd;
    overflow: hidden;
    padding-right: 5px;
    background: #FFF;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video .sc_video_wrapper .sc_video_internal .sc_video_title{
    width: calc(100% - 130px);
    padding-left: 130px;
    text-align: left;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video .sc_video_wrapper .sc_video_internal .myn_playbar_wrapper{
    -webkit-box-shadow: inset 0 0px 2px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 0px 2px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff;
	width: 30%;
    position: absolute;
    height: 20px;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
    overflow: hidden;
    background: #fbf9f9;
    left: 245px;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video .sc_video_wrapper .sc_video_internal .myn_playbar_wrapper .myn_playbar{
    height: 16px;
    margin: 2px;
    border-radius: 10px;
    overflow: hidden;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_video .sc_video_wrapper .sc_video_internal .myn_playbar_wrapper .myn_playbar_fill{
	width: 0;
    height: 100%;
    border-radius: 10px;
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_strand_0 .sc_video_wrapper .sc_video_internal .myn_playbar_wrapper .myn_playbar_fill{
    background: #f5df79;
    background: rgba(245, 223, 121, 0.8);	
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_strand_1 .sc_video_wrapper .sc_video_internal .myn_playbar_wrapper .myn_playbar_fill{
	background: #b4d7eb;
    background: rgba(180, 215, 235, 0.8);	
}
.stu_active_hov_type .stu_active_hov_content .stu_active_ll_row .sc_strand_2 .sc_video_wrapper .sc_video_internal .myn_playbar_wrapper .myn_playbar_fill{
    background: #f7b6b0;
    background: rgba(247, 182, 176, 0.8);
}
#myn_activity_filter{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    background: #fff;
    height: 90px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;	
    display: none;
}
#student_activity_data{
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto !important;
    z-index: 1;	
    width: 500px !important;
    width: fit-content !important;
}
#student_activity_data label{
	width: 110px !important;
    padding: 6px 0px;
    font-size: 11px !important;
}
#student_activity_data label:first-of-type{
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-top-right-radius: 0 !important;
}
#student_activity_data label:last-of-type{
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 0 !important;
}
#student_activity_data input{
	display: none;
}
#student_activity_students{
	position: absolute;
    right: 10px;
    z-index: 1;
    width: 150px !important;
}
#student_activity_students label{
	width: 130px;	
}
#student_activity_students input{
	display: none;
}
#stu_active_details{
	position: fixed;
    z-index: 10000;
    width: 500px;
    height: 90%;
    background: #FFF;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    background: #f6f6f6;	
    display: none;
}
#stu_active_details #stu_active_names{
    width: 100%;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
    border-top-left-radius: 10px;	
    border-top-right-radius: 10px;	
    font-weight: 600;
    font-size: 22px;
    background: #FFF;
}
#stu_active_details #stu_active_names .stu_active_student_name{
	display: none;
	border-top-left-radius: 10px;
}
#stu_active_details .scroll-wrapper{
	position: absolute;
    width: 100%;
    height: 100%;
    height: calc(100% - 41px) !important;
    top: 41px;	
}
#stu_active_details #stu_ctive_interior{
	position: absolute !important;
	width: 100% !important;
    height: calc(100% - 41px) !important;
}
#stu_active_details #stu_ctive_interior #stu_active_scroll{
	width: 100%;
	height: 100%;
}
#stu_active_details #stu_ctive_interior .myn_active_col{
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
}
#stu_active_details #stu_ctive_interior .myn_active_col_focus{
  background: #f2faff;
}
#stu_active_details #stu_ctive_interior .myn_active_col .myn_active_header{
	text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    font-size: 20px;
    color: #4298cc;
    z-index: 1;
}
#stu_active_details #stu_ctive_interior .myn_active_col .myn_active_content .stu_active_hov_type{
	width: 95%;
	padding-bottom: 10px;
}
#stu_active_details #stu_ctive_interior .myn_active_col .myn_active_content .stu_active_hov_type .stu_active_hov_content{
	display: block;
	overflow: auto;
}
.stu_active_hov_type .stu_active_row_wrapper{
	padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fbfbfb;
    overflow: auto;	
    width: 92%;
    margin: 0 auto;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
}
/*.stu_active_hov_type .stu_active_row_wrapper_1{
   pointer-events:none; 
}*/
.stu_active_hov_type .stu_active_row_wrapper_1:after{
  /* content: '';
  width: 30px;
  height: 30px;
  background-image: url(../images/paper_quiz.svg);
  position: absolute;
  background-size: 169px;
  right: 0;
  top: 0; */
  content: '';
  width: 24px;
  height: 24px;
  /* background-image: url(../images/paper_quiz.svg); */
  position: absolute;
  background-size: 150px;
  right: 57px;
  top: 8px;
}

.stu_active_hov_type .stu_active_row_wrapper .stu_active_preview{
	background: url(../images/assessment_functions.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
    display: none;
    right: 5px;	
}
.stu_active_hov_type .stu_active_row_wrapper{
	background: #fbfbfb;
}
#stu_active_details #stu_ctive_interior .myn_active_col_focus .myn_active_content .stu_active_hov_type .stu_active_row_wrapper{
	background: #FFF;
	position: relative;
}
#stu_active_details #stu_ctive_interior .myn_active_col .myn_active_content .stu_active_hov_type .stu_active_row_wrapper:hover{
	border: 1px solid #4298cc;
	background: #e2f4ff;
}
.stu_active_hov_type .stu_active_row_wrapper:hover .stu_active_preview{
	display: block;
}
#stu_active_details #stu_ctive_interior .myn_active_col .myn_active_content .stu_active_hov_type .stu_active_row_wrapper .stu_active_row{
    padding-bottom: 10px;
}
.stu_active_row_wrapper .stu_active_row_results{
	clear: both;
	padding-left: 30px;
    padding-top: 8px;
	font-size: 14px;
	position: relative;
    display: flex;
}
.stu_active_row_wrapper .stu_active_row_results_mynl{
    height: 40px;	
}
.stu_active_row_results .stu_active_level{
	width: 100px;
	float: right;
	text-align: right;
}
.stu_active_row_results .stu_active_pre_post{
    width: 48px;
    text-align: center;
    float: right;	
}
.stu_active_row_wrapper .stu_active_row_results .stu_active_time{
	width: 120px;
	float: left;
	text-align: left;
}
.stu_assessment_type {
    width: 55px;
    position: relative;
    /* left: -164px;
    right: 0;
    top: 17px; */
    z-index: 5;
    float:left;
}

.stu_active_row_results .stu_active_level1{
	width: 125px;
	float: right;
	text-align: center;
}
.stu_active_row_results .stu_active_pre_post1{
    width: 48px;
    text-align: left;
    float: left;	
}

.stu_active_row_results_mynl .stu_active_level{
    position: absolute;
    left: 160px;
    bottom: 10px;
    width: 60px;
    text-align: center;
}
.stu_active_row_results_mynl .stu_active_time{
    position: absolute;
	left: 32px;
    bottom: 10px;
}
.stu_active_row_results_mynl .proficiency_stars{
	position: absolute;
    right: 0;
}
.stu_active_row_results_mynl .stu_active_trophy{
	background-image: url(../images/trophy_smaller.svg);
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: cover;
    left: 0;
    bottom: 0;
}
#class_messages button span{
    background-image: url(../images/message.svg);
    background-size: 75px;
    background-position: -2px -7px;
}
#parent_update button span{
	background-image: url(../images/parent_update.svg);
    background-size: 1000%;
    background-position: -5px 0px !important;
}
#studet_activity button span{
	background-position: -297px 0px;
}
#edit_add_class #export_options_wrapper{
    width: 170px;
    right: -30px;
}
#edit_add_class #export_options_wrapper button{
	width: 170px;
}
#add_class_message{
    position: absolute;
    right: 21%;
    bottom: 10px;
    width: 70px;
    margin: 0;
    height: 70px;
    z-index: 1000;
}
#add_class_message button{
    right: 0;
	margin: 10px;
}
#view_class_wrapper_list{
	width: 100%;
    height: 100%;	
}
#view_class_wrapper_list #view_class_internal{
	position: absolute;
	width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}
#view_class_wrapper_list #view_class_internal h2{
	height: 39px;	
}
#view_class_wrapper_list #create_edit_class_content #create_edit_class_message{
	position: absolute;
    background: #FFF;
    width: 800px;
    height: 400px;
    left: 0;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 100000;
    border-radius: 5px;	
    display: none;
}
#view_class_wrapper_list #create_edit_class_content #create_edit_class_message #class_profile_message{
	display: none;
}
#view_class_wrapper_list #create_edit_class_content #create_edit_class_message .class_message_profile_internal .scroll-textarea{
	border: 0 !important;
}
#view_class_wrapper_list #create_edit_class_content #create_edit_class_message .class_message_profile_internal{
	height: 100%;
	overflow: hidden;
	position: relative;
}
#view_class_wrapper_list #create_edit_class_content #create_edit_class_message .class_message_profile_internal #class_message_edit{
	border: 1px solid #ddd !important;
    background: #fbfbfb;
    width: 90% !important;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    height: 260px !important;
    margin-top: 20px;
    font-size: 16px;
    padding: 10px;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
}
#view_class_wrapper_list #create_edit_class_content #create_edit_class_message .class_message_profile_internal #class_message_save{
	border: 0;
    border-radius: 5px;
    position: absolute;
	right: 30px;
    bottom: 15px;
    width: 100px;	
}
#view_class_wrapper_list #create_edit_class_overlay{
	width: 100%;
    height: 100%;
    height: calc(100% - 40px);
	position: absolute;
	top:40px;
	display: none;
	z-index: 99999;
	background-color: rgba(0,0,0,0.1);
	transition: 0.3s ease;	
}
#view_class_wrapper_list #view_class_content{
	height: 100%;
    position: absolute;
    width: 80%;
	height: calc(100% - 40px);
	top:40px;
	background: #f9f9f9;
	overflow: hidden;
	transition: 0.3s ease;
	z-index: 1;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
#view_class_wrapper_list .view_class_content_help{
	border-right: 1px solid #ddd;	
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .scrollbar-inner{
	position: absolute !important;
    width: 100% !important;
    height: 100% !important;	
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_headers{
    width: 740px;
    background: #ccebf3;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_headers span{
    position: absolute;
    left: 0;
    background-image: url(../images/class_messages_icons.svg);
    width: 30px;
    height: 30px;
    background-size: 245px;
    background-color: #FFF;
    border-radius: 5px;
    margin: 5px;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style{
    width: 90%;
    margin: 0 auto;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 20px;
    background: #FFF;
    position: relative;	
    width: 740px;
    height: 300px;
    overflow: hidden;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal #view_class_message_active .view_class_message_style{
	border: 2px solid #ddd !important;
	background: #fffff8;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_edit{
	top: 10px;
    position: absolute;
    right: 10px;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_message_button{
    border: 0;
    height: 25px;
    line-height: 25px;
    padding: 0;
    width: 100px;
    border-radius: 5px;
    padding-left: 20px;
    position: relative;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_message_button span{
	width: 25px;
	height: 25px;
    display: block;
    background-image: url(../images/class_messages_icons.svg);
    position: absolute;
    background-size: 200px;
    left: 0;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_message_interior{
    margin: 0 auto;
    padding: 40px 20px 20px 20px;
    width: 90%;
    display: block;
    padding-top: 40px;
    border: 0;
    font-size: 16px;
    font-weight: 100;
    pointer-events: none;
    height: 100%;
    font-family: 'Open Sans', 'sans-serif';
    overflow: hidden;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal #view_class_message_active .view_class_message_style .view_class_message_interior{
	background: #fffff8;	
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_message_warning{
	top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 80px;
    background: #fffcdd;
    overflow: hidden;
    display: none;
    border-radius: 5px;
    font-size: 14px;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_message_warning .view_class_message_warning_buttons{
    position: absolute;
    right: 0;
    left: 0;
    width: 200px;
    top: 100px;
    margin: auto;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_message_warning .view_class_message_warning_buttons button{
    border: 1px solid #ddd;
    width: 70px;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal .view_class_message_style .view_class_no_active{
	text-align: center;
	line-height: 20px;
}
#view_class_wrapper_list #view_class_content #view_class_content_internal #view_class_message_active{
	margin-top: 20px;	
}
#view_class_wrapper_list #view_class_content #view_class_content_internal #view_class_message_list{
    margin-top: 20px;
    padding-bottom: 100px;	
}
#view_class_wrapper_list #class_message_help{
	width: 20%;
    height: 100%;
    position: absolute;
    z-index: 0;
    right: 0;
    height: calc(100% - 40px);
    top: 40px;
    overflow: hidden;
}
#view_class_wrapper_list .class_message_help h2{
	font-weight: 400;
    text-align: center;
    height: 39px;
    line-height: 39px;
    font-size: 14px;	
    border-bottom: 1px solid #ddd;
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal{
	overflow: hidden;
    height: 100%;
    height: calc(100% - 40px);
    position: absolute;
    width: 100%;	
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal .scroll-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;	
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal #class_message_help_wrap{
	padding: 15px;	
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal #class_message_help_wrap .class_message_help_item{
	width: 96%;
    float: left;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 2%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal #class_message_help_wrap .class_message_help_item:first-child{
	margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal #class_message_help_wrap .class_message_help_item:last-child{
	margin-bottom: 20px;
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal #class_message_help_wrap .class_message_help_item .class_message_help_text{
	font-weight: 100;
    font-size: 13px;
    text-align: center;
}
#view_class_wrapper_list .class_message_help #class_message_help_content #class_message_help_internal #class_message_help_wrap .class_message_help_item .class_message_help_image img{
	display: block;
    margin: 0 auto;
    border-radius: 5px;
	max-width: 100%;
}
#ui-datepicker-div{
	z-index: 100000000001 !important;
  border-radius: 5px;
}
#ea_version_wrappr{
    height:100%;
}
#ea_version_wrappr #ea_version_interal{
    height:100%;
    height: calc(100% - 40px);
    padding: 20px;
    margin-bottom: 50px;
    position: relative;
}
#ea_version_wrappr #ea_version_interal .scroll-wrapper{
	position: absolute !important;
	height: 100%;
  width:100%;
}
#ea_version_wrappr #ea_version_interal #ea_version_scroll #ea_version_padding{
	padding: 20px;
}
#student_login_icon{
	background-image: url(../images/menu_icons_all_v6.svg);
	background-size: 1550%;
	left: 0;
}
#student_login_download{
	width: 170px;	
}
#student_login_download #results_export{
	width: 170px;
	margin: 0;
}
#student_login_download #results_export .export_button_wrapper{
	width: 170px;
}
#student_login_download #results_export .export_button_wrapper #export_options_wrapper{
	width: 200px;
	right: -15px;
}
#student_login_download #results_export .export_button_wrapper #export_options_wrapper button{
	width: 200px;
    border-radius: 0;
    border-radius: 0;
}
#student_login_download #results_export .export_button_wrapper #export_options_wrapper .toolbar_headings_functions button{
  /*border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;*/
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
#school_year_datawall_cards{
  width: 70%;
  margin: 0 auto;
  padding-bottom: 20px;
}
#school_year_datawall_cards .school_year_datawall_cards_parent:first-child{
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
#school_year_datawall_cards .school_year_datawall_cards_parent:last-child{
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
#school_year_datawall_cards .school_year_datawall_cards_parent{
  clear: both;
  overflow: auto;
}
#school_year_datawall_cards .school_year_datawall_cards_parent .dw_cards_export{
  margin-bottom: 20px;
  background: #FFF;
}
#school_year_datawall_cards .school_year_datawall_cards_parent .dw_cards_export button{
  border-radius:0 !important;
}
#school_year_datawall_cards .school_year_datawall_cards{
  width: 100%;
  border-radius: 0;
  background:transparent;
}
#school_year_datawall_cards .school_year_datawall_cards:hover{
  text-decoration: underline;
}
.dw_cards_export{
  background: #efefef;
  clear: both;
  height: 54px;
  width: 95%;
  margin: 0 auto;
  border-radius: 10px;
  display: none;
  margin-bottom: 5px;
  overflow: hidden;
}
.dw_cards_export button{
  background: transparent;
  width: 100% !important;
}
.dw_cards_export button:hover{
  background: #ccebf3;
  color: #666;
}
.dw_cards_export button:hover:last-child{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
#export_options_wrapper #export_options_internal #export_class_results .dw_cards_export button:hover:last-child{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.scrollbar-inner > .scroll-element.scroll-y{
	width: 6px !important;
}
#export_parent_report_pdf{
	font-family: 'Open Sans', 'sans-serif';
    page-break-before: always;
    position: relative;
    clear: both;
    overflow: hidden;
}
#export_parent_report_pdf #pr_internal{
	background: #FFF;
	overflow: visible;
}
#export_parent_report_pdf #pr_internal #pr_body #pr_body_content #pr_body_content_interal{
	background: #FFF;
	overflow: visible;
}
#export_parent_report_pdf #pr_internal #pr_body #pr_body_content{
	height: auto;
	border: 0;
  width: 100%;
}
#export_parent_report_pdf .pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content #myn_content{
	overflow: visible;
	/*overflow: hidden;*/
}
#export_parent_report_pdf .pr_strand_wrapper .pr_strand_body .pr_substrand_body{
	margin-bottom: 0;
	overflow: hidden;
}
#export_parent_report_pdf .pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content{
	padding-bottom: 0;
}
#export_parent_report_pdf .pr_strand_wrapper{
	margin-bottom: 0;
}
#export_parent_report_pdf .pr_strand_wrapper .pr_strand_body .pr_substrand_body #myn_main_content{
	border-top: 0;
}
#export_parent_report_pdf #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_element{
	background-image: none;
	background: #fff;
	border-radius: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 12px;
}
.feedback_save{
	display: none;
	position: absolute;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    border: 0;
    right: 25px;
    top: 60px;
}
#notify_login{
  border: 0;
  background: #4298cc;
  width: 50px;
  height: 27px;
  float: right;
  position: relative;
  border-radius: 0;
}
#notify_login:hover{
  background: #005587;
  color: #FFF !important;
}
#notify_login span{
  background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
  background-position: -45px -126px;
  background-size: 190px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  height: 22px;
  top: 2px;
}
#ea_help{
    border: 0;
    background: #4298cc;
    width: 50px;
    height: 27px;
    float: right;
    position: relative;
    border-bottom-right-radius: 5px;
}
#ea_help:hover{
    background: #005587;
    color: #FFF !important;
}
#ea_help span{
    background: url(../images/quiz_admin_icons_v4.svg) no-repeat;
    background-position: 11px -149px;
    background-size: 190px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 22px;
    top: 2px;
}
#ea_current{
    position: absolute;
    width: 50px;
    right: 0;
    top: 70px;
    height: 50px
}
#ea_current #ea_current_name{
    font-size: 1.2em;
    line-height: 30px;
    width: 200px;
    text-align: right;
    pointer-events: none;
    position: absolute;
    right: 60px;
    top: 8px;
    color: #6d6e72;
    font-weight: 600;
}
#ea_current #ea_current_set{
  float: right;
  position: relative;
  border: 0;
  padding: 0;
  cursor: pointer;
}
#ea_current #ea_current_set:hover #ea_current_background_1{
  border: 2px solid #4298cc !important;
}
#ea_current #ea_current_set:hover #ea_current_label{
  display:block;
}
.ea_currrent_icon{
  background-image: url(../images/teacher.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
  z-index: 2;
  opacity: 0;
}
.ea_currrent_badge{
    background: url(../images/badge_content/badges_all.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    background-size: 220px;
}
.ea_currrent_badge_1{
    background-position: 3px 6px !important
}
.ea_currrent_badge_2{
    background-position: 3px -36px !important
}
.ea_currrent_badge_3{
    background-position: 3px -81px !important
}
.ea_currrent_badge_4{
    background-position: 3px -124px !important;
}
.ea_current_badge_status{
    background-color: #4298cc;
    background-color: #f49494;
    background-color: #6ec0ff;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: -4px;
    right: -4px;
    z-index: 2;
    display:none;
}
#ea_current #ea_current_set #ea_current_label{
  left: -56px;
  top: 62px;
  width: 80px;
}
#ea_current #ea_current_set #ea_current_label .arrow-up{
  left: 55px;
}
.ea_current_icon{
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  float: right;
  background: #FFF;
}
.ea_current_icon .ea_current_background_1{
  z-index: 1;
  border: 2px solid #ccebf3;
  width: 46px;
  height: 46px;
  background: transparent;
  border-radius: 10px;
}
.ea_current_icon .ea_current_background_2{
  z-index: 0;
  background: #ccebf3;
  opacity: 0.5;
}
.ea_current_set{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border-radius: 10px;
}
#ea_current #ea_current_teachers{
  display:none;
  width: 300px;
  right: 0px;
  min-height: 100px;
  max-height: 450px;
  top: 55px;
  border-radius: 10px;
}
#ea_current #ea_current_teachers .scroll-wrapper{
  position: absolute;
  width: 100%;
  max-height: 400px;
  display: block !important;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal{
    height: 100%;
    max-height: 450px;
    position: relative;
    min-height: 450px;
    border-radius: 10px;
    overflow: hidden;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal .ea_current_teachers_list{
    display: none;
    position: absolute;
    width: 280px;
    padding: 5px 10px;
    padding: 5px 10px 0px 10px; 
    min-height: 445px;
    background: #FFF;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal .ea_current_teachers_list .ps{
    max-height: 445px;
    min-height: 445px;
    position: relative;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_teachers_list{
    z-index: 0;
    width: 100%;
    padding: 5px 0px 0px 0px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level{
    z-index: 1;
    padding: 0;
    min-height: 450px;
    width: 302px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_teachers_internal_2{
    min-height: 450px;
    position: relative;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_teachers_internal_2 .ea_current_add{
    right: 15px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_options{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_options button{
    position: relative;
    bottom: 0;
    right: 0;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .ps__rail-y{
    background: transparent;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_wrapper{
    height: 83px;
    position: relative;
    border-radius: 20px;
    margin: 5px 0px
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_wrapper:after{
    content: '';
    background: #f4f4f4;
    height: 2px;
    width: 90%;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: auto;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_wrapper:last-child{
    margin-bottom: 100px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items #teacher_badge_wrapper_focus{
    background: #ebf6ff;
    margin-bottom: 20px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items #teacher_badge_wrapper_focus:after{
    /* display: none; */
    background: #cae2f7;
    bottom: -16px;
    width: 108%;
    left: -15px;
    height: 5px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_wrapper:hover{
    background: #f4f4f4;
    background: #ebf6ff;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge{
    height: 70px;
    width: 70px;
    border-radius: 15px;
    margin: 5px 5px 20px 5px;
    cursor: pointer;
    border: 2px solid transparent;
    position: relative;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge .ea_current_badge_item{
    position: relative;
    background: url(../images/badge_content/badges_all.svg);
    background-position: 2px 6px;
    background-repeat: no-repeat;
    background-size: 330px;
    width: 100%;
    height: 100%;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge .ea_current_badge_item .ea_current_badge_complete{
    position: absolute;
    background: #77ab59;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: -5px;
    top: -5px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge .ea_current_badge_item .ea_current_badge_complete:after{
    content: '';
    position: absolute;
    background: #FFF;
    border-radius: 5px;
    height: 3px;
    width: 12px;
    transform: rotate(-50deg);
    right: 3px;
    top: 9px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge .ea_current_badge_item .ea_current_badge_complete:before{
    content: '';
    position: absolute;
    background: #FFF;
    border-radius: 5px;
    height: 3px;
    width: 5px;
    transform: rotate(44deg);
    right: 11px;
    top: 11px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_1{
    background-position: 2px 6px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_2{
    background-position: 2px -57px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_3{
    background-position: 2px -124px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_4{
    background-position: 2px -189px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_5{
    background-position: 2px -255px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_6{
    background-position: -63px 8px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_7{
    background-position: -63px -59px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_8{
    background-position: -63px -124px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_9{
    background-position: -63px -190px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_10{
    background-position: -63px -255px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_11{
    background-position: -129px 9px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge #ea_current_badge_status_12{
    background-position: -129px -57px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge .ea_current_badge_label{
    text-align: center;
    line-height: initial;
    position: absolute;
    top: 0;
    left: 80px;
    width: 155px;
    height: 70px;
    display: flex;
    align-items: center;
    font-size: 1.1em;
    justify-content: center;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge .teacher_badge_cell{
    width: 100%;
    height: 100%;
    opacity: 0.5;
    border-radius: 11px;
    position: absolute;
    z-index: 0;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge:hover{
    border: 2px solid #666 !important;
    border: 2px solid #6ec0ff !important;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_locked{
    pointer-events: none;
    opacity: 0.3;
    /*transform: scale(0.8);*/
    background: transparent;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_locked .teacher_badge .ea_current_badge_item .ea_current_badge_complete{
    display:none;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_locked .ea_current_badge_label{
    /*display:none;*/
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_locked .ea_current_badge_item{
    /*display: none;*/
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_open{
    /*transform: scale(0.8);*/
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_open:hover{
    /*transform: scale(1);*/
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_open:hover .ea_current_badge_item{
   opacity: 1;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_open .ea_current_badge_status{
    transform: scale(1.3);
    top: -5px;
    right: -5px;
    display: block;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge_open .ea_current_badge_item{
    /* opacity: 0.3;*/
}
#ea_current #ea_current_teachers #ea_current_teachers_internal #ea_current_level #ea_current_level_items .teacher_badge:hover{
    opacity: 1;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal .ea_current_icon{
  width: 24px;
  height: 24px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal .ea_current_icon .ea_current_background_1{
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal .my_numeracy_help{
  top: 5px;
  z-index: 1;
  background: #FFF;
  border-radius: 50%;
}
#ea_current #ea_current_teachers #ea_current_teachers_internal .my_numeracy_help .my_numeracy_help_content{
  left: 16px;
  line-height: 15px;
  top: 26px;
}
#ea_current #ea_current_teachers button{
  height: 29px;
  width:100%;
  padding: 2px;
  margin: 0 auto;
  float: none;
  width: calc(100% - 30px);
  padding: 2px 5px 2px 2px;
}
#ea_current #ea_current_teachers .ea_current_teacher_button:last-child{
    margin-bottom: 50px;
}
#ea_current #ea_current_teachers button .ea_current_teacher_text{
  text-align: right;
  padding-right: 10px;
  float: right;
}
#ea_current #ea_current_teachers #ea_current_actions{
    width: 70px;
    position: absolute;
    right: 15px;
    bottom: 0;
    display: flex;
    z-index: 2;
}
#ea_current #ea_current_teachers .ea_current_add{
    background-color: #4298cc;
    font-size: 11px;
    height: 30px;
    line-height: 12px;
    padding: 0;
    width: 30px;
    bottom: 15px;
}
#ea_current #ea_current_teachers .ea_current_add:hover .trial_error{
    display:block;
}
#ea_current #ea_current_teachers .ea_current_add .ea_current_add_icon{
    background: url(../images/ea_teacher_edit.svg);
    width: 100%;
    height: 100%;
}
#ea_current #ea_current_teachers .ea_current_add .trial_error{
    top: 6px;
    width: 100px;
    left: -150px;
}
#ea_current #ea_current_teachers  #ea_current_actions_2 div{
    background-position: -30px;
}
#ea_current #ea_current_teachers .ea_current_add:hover{
  background:#005587;  
}
#ea_current_level .ea_curret_change .ea_current_add{
    width: 100px !important;
    color: #FFF;
    font-weight: 400;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
#ea_current_level .ea_curret_change .ea_current_add div{
    display:none;
}
#ea_current_nt_confirm{
    position: absolute;
    width: 100%;
    height: 260px;
    margin: 120px 0px;
    display:none;
}
#ea_current_nt_confirm #class_profile_message{
    background: transparent;
}
.ea_intro_nt{
    position: absolute;
    width: 90%;
    top: 80px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    z-index: 0;
    height: 370px;
}
#ea_current_nt{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    max-width: 600px;
}
.ea_intro_nt .ea_intro_pd_child{
    flex-grow: 1;
    width: calc(60% - 20px);
    overflow: hidden;
    padding:5px;
    /*max-width: 600px;*/
    margin: 0 auto;
}
.ea_intro_nt .ea_intro_pd_child h2{
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 0.8em;
}
.ea_intro_nt .ea_intro_pd_child h3{
    display: flex;
    justify-content: center;
}
.ea_intro_nt .ea_intro_pd_child h3 .my_numeracy_help{
    position: relative;
    z-index: 10;
}
.ea_intro_nt .ea_intro_pd_child h3 .my_numeracy_help .my_numeracy_help_content{
    left: 0;
    top: 30px;
}
.ea_intro_nt .ea_intro_pd_child h3 .my_numeracy_help .my_numeracy_help_content ol{
    text-align: left;
    font-size: 12px;
    padding:10px;
}
.ea_intro_nt .ea_intro_pd_child h3 .my_numeracy_help .my_numeracy_help_content ol li{
    display: flex;
}
.ea_intro_nt .ea_intro_pd_child h3 .my_numeracy_help .my_numeracy_help_content ol li:before{
    content:'';
    background: #4298cc;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    min-width: 10px;
    margin: 5px;
}
.ea_intro_nt .ea_intro_pd_child_et{
    border-right: 1px dashed #ddd;
    width: calc(65% - 20px);
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    height: 338px;
    overflow: hidden;
    position: relative;
    padding-right: 10px;
    justify-content: center;
    align-content: baseline;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et{
    height: 50px;
    border-radius: 13px;
    margin: 5px;
    position: relative;
    min-height: 50px;
    width: 180px;
    border: 2px solid transparent;
    padding: 2px;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et:hover{
    background: #f8f8f8;
    border: 2px solid #ddd;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_badge{
    position: absolute;
    width: 50px;
    height: 50px;
    background: #FFF;
    border-radius: 10px;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_badge .ea_current_set{
    opacity: 1;
    z-index: 5;
    background-size: 220px;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_badge .ea_currrent_icon{
    background-size: 30px;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_badge .ea_current_set{

}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_badge .ea_current_background_1{
    width: 46px;
    height: 46px;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_badge .ea_current_background_2{
    opacity: 0.5;
    width: 50px;
    height: 50px;
    z-index: 4;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_n{
    z-index: 1;
    position: absolute;
    left: 55px;
    font-size: 14px;
    display: flex;
    height: 100%;
    top: 0;
    align-items: center;
}
.ea_intro_nt .ea_intro_pd_child #ea_intro_et .ea_intro_et .ea_intro_et_e{
    z-index: 1;
    position: absolute;
    font-size: 9px;
    bottom: 9px;
    left: 55px;
}
.ea_intro_nt .ea_intro_pd_child h3{
    text-align: center;
    font-size: 1.2em;
}
#ea_intro_sign_up{
    display:none;
}
#ea_intro_sign_up #ea_current_nt .ea_current_nt_p , #ea_intro_nt #ea_current_nt .ea_current_nt_p{
    width: 90%;
    margin: 0 auto;
    margin-top: 5px;
    z-index: 1;
}
#ea_intro_sign_up #ea_current_nt .ea_current_nt_p input{
    border: 2px solid #4298cc;
}
#ea_intro_sign_up #ea_current_nt .ea_current_nt_y ul{
    border: 2px solid #4298cc;
}
.ea_current_nt_y{
    z-index:0 !important;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c{
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    border-radius: 22px;
    overflow: hidden;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_h{
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #4298cc;
    margin: 0 auto;
    font-size: 1.1em;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_n{
    position: absolute;
    width: 70px;
    height: 40px;
    border: 0;
    border-radius: 15px;
    color: #4298cc;
    font-size: 1em;
    bottom: 5px;
    background: transparent;
    display: none;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_n:hover{
    background-color: #f2f2f2 !important;
    background-color: #ffffff !important;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_n div{
    background: url(../images/analyse_next.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute; 
    width: 30px;
    height: 30px;
    background-position: 0px 2px;
    top: 5px;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c #ea_badge_n_next{
    text-align: left;
    padding-left: 10px;
    right:5px;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c #ea_badge_n_next div{
    right:0;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c #ea_badge_n_back{
    text-align: right;
    padding-right: 10px;
    left:5px;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c #ea_badge_n_back div{
    left: 0;
    transform: rotate(180deg);
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    background: #FFF;
    background: #f8f8f8;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    /*display: flex;
    flex-direction: column;*/
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc .ea_badge_sci{
    height: 66%;
    display: flex;
    justify-content: center;
    width: 96%;
    height:fit-content;
    margin: 0 auto;
    margin-top: 15px;
    min-height: 260px;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc .ea_badge_sci video{
    width: 90%;
    height: fit-content;
    border-radius: 15px;
    border: 1px solid #eee;
    background: #fff;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc .ea_badge_sci img{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #eee;
    height: fit-content;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc .ea_badge_sct{
    height: 10%;
    width: 96%;
    margin: 0 auto;
    border-radius: 10px;
    /*margin: 1% 5% 7% 5%;*/
    font-size: 14px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc #ea_badge_teacher{
    width: 200px;
    height: 200px;
    border: 2px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    overflow: hidden;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc #ea_badge_teacher .ea_badge_teacher{
    position: absolute;
    width: 100%;
    height: 100%;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc #ea_badge_teacher #ea_badge_teacher_1{
    z-index: 1;
    border: 4px solid #FFF;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 30px;
    overflow: hidden;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c .ea_badge_sc #ea_badge_teacher #ea_badge_teacher_2{
    z-index: 0;
    opacity: 0.5
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c #ea_badge_breadcrumb{
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 20px;
    flex-direction: row-reverse;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c #ea_badge_breadcrumb .ea_badge_breadcrumb{
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 50%;
    margin: 0px 1px;
    border: 1px solid #ddd;
}
#ea_badge_j #ea_badge_j_i #ea_badge_c_c #ea_badge_breadcrumb .ea_badge_breadcrumb_active{
    border: 1px solid #6ec0ff !important;
    background: #6ec0ff !important;
}
#ea_current_nt .ea_current_nt_row{
    display: flex;
    line-height: 40px;
    margin: 5px 0px;
    height: 40px;
    width: 100%;
    cursor: unset;
    z-index: 2;
    justify-content: center;
}
#ea_current_nt .ea_current_nt_row:first-child{
    z-index: 3;
}
#ea_current_nt .ea_current_nt_row:last-child{
    margin-top: 15px;
    z-index: 1;
}
#ea_current_nt .ea_current_nt_row button{
    border: 0;
    border-radius: 5px;
    margin: 0 auto;
    position: relative;
    text-align: right;
    width: 160px;
}
#ea_current_nt .ea_current_nt_row button:after{
    content: '';
    background-image: url(../images/teacher_white.svg);
    background-size: 20px;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    background-repeat: no-repeat;
    background-position: 4px 2px;
    margin: 3px;
}
#ea_current_nt .ea_current_nt_row .ea_current_nt_i{
    width: 90%;
    display: flex;
    background: rgba(255,255,255,0.5);
}
#ea_current_nt .ea_current_nt_row input{
    margin: 0 5px;
    background: transparent;
    background: rgba(180, 215, 235, 0.1);
}
#ea_current_nt .ea_current_nt_row input::placeholder {
    color: #6d6e72;
    opacity: 1;
  }
#ea_badge_j{
    position: fixed;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    z-index: 10000000000;
    bottom: 10px;
    right: 10px;
    height: 400px;
    width: 500px;
    background: #FFF;
    border-radius: 20px;
    display:none;
}
#ea_badge_j #ea_badge_expand{
    position: absolute;
    z-index: 1;
    border: 0;
    background-size: 60px;
    cursor: pointer;
    background-position: 0 0;
    outline: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background: transparent;
}
#ea_badge_j #ea_badge_expand div{
    background: url(../images/dashboard_expand_icon.svg);
    width: 20px;
    height: 20px;
    background-size: 40px;
    margin: 6px;
}
#ea_badge_j #ea_badge_expand:hover{background:#fff;}
#ea_badge_j #ea_badge_j_i{
    display:none;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
#ea_badge_j #ea_badge_j_i .close_button{
    border: 2px solid transparent;
    border-radius: 50%;
    right: 5px !important;
    top: 5px !important;
    background-color: transparent;
}
#ea_badge_j #ea_badge_j_i .close_button:hover{
    background-color: #ffffff !important;
    background-position: -2px -6px;
}
#ea_updates{
	display: none;
    width: 110px;
    border: 0;
    height: 30px;
    line-height: normal;
    padding: 0px 10px 0px 20px;
}
#ea_updates div{
    background-position: -67px -86px !important;
}
#ea_webinar{
  display: none;
    position: absolute;
    right: 0;
    top: 30px;
    width: 110px;
    border: 0;
    height: 30px;
    line-height: normal;
    padding: 0px 10px 0px 20px;
}
#ea_webinar div{
    background-position: -67px -86px;	
}
#ea_term_main_heading{
	background: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 25px;
    font-weight: 100;
    height: 60px;	
    position: relative;
}
#ea_term_main_heading #header_logo{
	left: 0;
    right: 0;
    transform: scale(0.7);
    top: -8px !important;
}
#ea_term_main_heading .ea_term_main_sub_heading{
	line-height: 20px;
    position: absolute;
    width: 100%;
    bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.ea_term_item{
	background: #FFF;
    padding: 20px;
    margin-top: 10px;
    border-radius: 5px;	
}
.ea_term_item .ea_term_item_content{
	padding: 0px 20px;	
}
.ea_term_item .ea_term_heading{
	text-align: center;
    height: 40px;
    background: #ecf4f9;
    line-height: 40px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 20px;
}
.ea_term_item .ea_term_sub_heading{
    line-height: 30px;
    padding: 0px 10px;
    border-bottom: 2px solid #8fd0e8;
    font-size: 18px;
    margin: auto;
    text-align: center;
}
.ea_term_item .ea_term_content{
	font-size: 14px;
    padding-top: 10px;
}
.ea_term_item .ea_term_content ul{
	position: relative;
	margin-top: 10px;
}
.ea_term_item .ea_term_content ul li{
	padding-left: 40px;	
	padding-top: 10px;
	position: relative;
}
.ea_term_item .ea_term_content ul li div{
	display: table;
}
.ea_term_item .ea_term_content ul li div div{
	display: table-cell;
	vertical-align: middle;
}
.ea_term_item .ea_term_content ul li:before{
	content: '';
    position: absolute;
    background: url(../images/home_tick.svg);
    width: 30px;
    height: 30px;
    background-size: 100px;
	left: 0;
    top: 4px;
}
.ea_term_item .ea_term_image{
    width: 60%;
    margin: auto;
    margin-top: 10px;
    cursor: pointer;
}
.ea_term_item .ea_term_image:hover img{
	border: 1px solid #4298cc;
}
.ea_term_item .ea_term_image img{
	width: 100%;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.ea_term_item .ea_term_image_zoom img{
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);	
    border: 1px solid #4298cc;
}
.ea_term_item .ea_term_image_zoom_3 img{
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);	
    border: 1px solid #4298cc;
}
.ea_term_item .ea_term_image_zoom_3{
	z-index: 3;
}
#ea_term_image_3{
    min-height: 130px;
    height: auto;
    position: relative;
    display: flex;
}
#ea_term_image_3 .ea_term_image{
	float: left;
    width: 33.33%;	
}
#ea_term_image_3 .ea_term_image img{
    width: 95%;
    margin: 0 auto;
    display: block;	
    max-width: 160px;
}
#analyse_menu_curriculum{
    width: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    z-index: 1;
    height: 32px;
}
#analyse_menu_curriculum .switch-field{
    padding: 0;
}
#analyse_menu_curriculum .switch-field label{
    font-size: 10px;
}
#student_dashboard{
	position: absolute;
    width: 300px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
#student_dashboard label{
	width: 120px;
}
#dashboard_home{
	margin-top: 180px;	
}
#dashboard_home #dashboard_home_interior #class_list_table{
	clear: both;
	margin-top: 160px;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main{
	position: relative;
	width: 100%;
	overflow: auto;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main #dashboard_main_wrapper{
  background: #fbfbfb;
  clear: both;
  margin-top: 360px;
  padding: 10px 0px; 
  min-height: 400px;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_main_headings{
    max-width: 1200px;
    margin: 0 auto;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_main_headings .dashbaord_main_sub_headings{
    font-size: 20px;
    font-weight: 100;
    color: #4298cc;
    float: left;
    width: 50%;
    text-align: center;	
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_main_row{
    width: 100%;
    clear: both;
    margin-top: 100px;
    overflow: auto;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main #dashboard_main_stacked{
	/*overflow: visible;*/
    max-width: 1200px;
    min-height: 380px;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_child{
	float: left;
    width: 45%;
    margin: 0% 2.5%;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_child_solo{
	width: 70% !important;
	margin: 0% 15% !important;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_child div{
    width: 100%;
    height: 100px;
    font-size: 15px;
    text-align: center;
    line-height: 100px;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_child .dashboard_child_wrapper{
	height: auto;
	display: table;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_child .dashboard_legend{
	margin-top: 20px;
	width: 100%;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_child .dashboard_legend .dashboard_legend_child{
    width: 50%;
    float: left;
    height: 20px;
    line-height: 20px;
    position: relative;	
    font-size: 10px;
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main .dashboard_child .dashboard_legend .dashboard_legend_child .dashboard_legend_color{
    display: block;
    height: 15px;
    width: 12%;
    margin: 0 auto;
    border-radius: 3px;
    position: absolute;
    top: 4px;	
}
#dashboard_home #dashboard_home_interior #class_list_table #dashboard_main canvas{
	display: block;	
	width: 100% !important;
  background: #FFF;
  border-radius: 10px;
  padding: 1%;
  border: 1px solid #eee;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns{
    width: 70%;
    position: absolute;
    float: left;
    left: 0;
    top: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    width: 1024px;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #student_graph_main_button{
	background: transparent;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #student_graph_main_button el{
  position: absolute;
  left: 5px;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #student_graph_main_button:hover{
	background: #ccebf3;
}
#dashboard_home #dashboard_home_interior #dashboard_main #dashboard_main_wrapper #dashboard_main_year_wrapper{
  position: relative;
  height: 32px;
  margin: 5px 0px;
  z-index: 1;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #dashboard_main_year{
  background: #f5f5f7;
  border: 1px solid #ddd;
  width: 220px;
  border-radius: 5px;
  height: 30px;
  flex-shrink: 0;
  padding: 0px 2px;
  margin: 0px 10px;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #dashboard_main_year .toolbar_headings_functions{
  width:110px;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #dashboard_main_year .toolbar_headings_functions .export_button_wrapper{
  width: 100%;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #dashboard_main_year .toolbar_headings_functions .export_options_wrapper{
  width: 110px;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #dashboard_main_year .toolbar_headings_functions .export_options_wrapper button{
  width:100%;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdowns #dashboard_main_year .toolbar_headings_functions .export_button_wrapper button span{
   left: 77%;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdown_wrapper{
    position: absolute;
    width: 100%;
    top: -90px;
    left: 0;
    right: 0;
    margin: auto;
    height: 30px;
    z-index: 2;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdown_wrapper #student_graph_dropdowns #student_graph_options_other{
  flex-shrink: 0;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdown_wrapper #student_graph_button_01 .export_button_wrapper{
  width: 150px;
}
#dashboard_home #dashboard_home_interior #student_graph_dropdown_wrapper #student_graph_button_01 .export_button_wrapper button{
   width: 150px; 
}
#dashboard_home #dashboard_home_interior #student_graph_dropdown_wrapper #student_graph_button_01 .export_button_wrapper #export_options_wrapper{
   width: 150px; 
}
#dashboard_home #dashboard_home_interior .student_graph_dropdown_wrapper{
	position: fixed !important;
    top: 0 !important;
    z-index: 1;
    height: 35px !important;
    background: #FFF;
    border-bottom: 1px solid #ddd;
    border-top: 3px solid #fff;
}
#stacked_growth_wrap{
	height: 300px;
    width: 900px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#stacked_growth_wrap .stacked_growth_warning{
	text-align: center;
    font-weight: 100;
    line-height: 200px;	
}
#stacked_growth_wrap .stacked_growth_card{
    width: 50%;
    height: 300px;
    float: left;
}
#stacked_growth_wrap .stacked_growth_card .my_numeracy_circle{
    width: 50%;
    margin: 0 auto;	
}
#stacked_growth_wrap .stacked_growth_card .stacked_growth_text{
    display: table;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    height: 80px;	
}
#stacked_growth_wrap .stacked_growth_card .stacked_growth_text div{
    font-size: 15px;
}
#stacked_growth_wrap .stacked_growth_card .stacked_growth_text div .stacked_growth_bold{
    font-weight: 600;
    font-size: 18px;
}
#stacked_wrap{
	position: relative;
}
#stacked_wrap #achievement_legend_w{
	width: 680px;	
}
#stacked_wrap #achievement_legend_w .l_w{
    width: 225px;	
}
#stacked_wrap .col50{
	float: right;
}
#stacked_wrap #stacked_arrow{
	position: absolute;
    width: 400px;
    left: -10px;
    right: 0;
    margin: auto;
    height: 50px;
    z-index: 1;
    transition: 0.5s ease;
}
#stacked_wrap #stacked_arrow .arrow_box {
	position: relative;
    background: #baffc9;
    height: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    top: 5px;
    background: linear-gradient(to right,#ffffff 0%,#baffc9 98%);
}
#stacked_wrap #stacked_arrow .arrow_box:after {
	left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #baffc9;
	border-width: 20px;
    margin-top: -20px;
}
#stacked_wrap .stacked_wrap_int{
	width: 90%;
    margin: 0 auto;
    padding-bottom: 5px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_head{
	text-align: center;
	font-size: 18px;
    border-radius: 5px;
    height: 31px;
    width: 152px;
    margin: 0 auto;
    border: 1px solid #ddd;
    background: #f5f5f7;
	line-height: 31px;
}
#stacked_wrap .stacked_wrap_int #stacked_wrap_head{
	background: transparent;
	border: 1px solid transparent;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_head .stacked_year_choice_wrapper{
	float: none;
    margin: 0 auto;
    width: 145px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_head .stacked_year_choice_wrapper #export_options_wrapper{
    width: 145px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_head .stacked_year_choice_wrapper #export_options_wrapper button{
	width: 145px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_head .stacked_year_choice_wrapper .export_button_wrapper .stacked_button{
    background: transparent;
    margin-top: 2px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_head .stacked_year_choice_wrapper .export_button_wrapper .stacked_button:hover{
	background: #ccebf3;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_head .stacked_year_choice_wrapper .export_button_wrapper button div{
	font-size: 18px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont{
	padding-bottom: 50px;
    overflow: auto;	
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar{
    width: 100%;
    float: left;
    height: 30px;
    margin: 5px 0px;	
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar_no_data{
	text-align: center;
	font-size: 12px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar_heading{
	font-size: 20px;
    font-weight: 100;
    color: #4298cc;	
    background: #FFF;
    text-align: center;
    line-height: 30px;
    margin: 20px 0px 10px 0px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_title{
    width: 30%;
    float: left;
    height: 100%;	
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_title .stacked_bar_title_parent{
	display: table;
    height: 100%;	
    width: 100%;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_title .stacked_bar_title_parent .stacked_bar_title_child{
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;	
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_title .stacked_bar_title_parent .stacked_bar_title_child div{
	height: 15px;
    width: 100%;
    overflow: hidden;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_title .stacked_bar_title_parent .stacked_bar_title_child div:first-child{
    font-weight: 600;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_title .stacked_bar_title_parent .stacked_bar_title_child div:last-child{
	overflow: visible !important;
	font-size: 11px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_int{
	width: 70%;
    float: left;
    height: 100%;
    border-radius: 5px;
    background: #eee;
    overflow: hidden;
    transition: 0.5s ease;
}
.stacked_bar_int_closed{
	width: 0 !important;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_int .stacked_bar_ele{
	float: left;
    height: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 10px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_int .stacked_bar_ele:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_int .stacked_bar_ele:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_int .stacked_bar_ele_1{
	background: #ffb3ba;	
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_int .stacked_bar_ele_2{
	background: #ffdfba;
}
#stacked_wrap .stacked_wrap_int .stacked_wrap_cont .stacked_bar .stacked_bar_int .stacked_bar_ele_3{
	background: #baffc9;
}
.dynamic_adjust_wrapper{
  width: 19px;
  position: absolute;
  left: 0;
  right: 0;
  top: 62px;
  margin: auto;
}

.dynamic_adjust_wrapper_2 span {
    position: relative;
    left: 18px;
}

.snapshots_wrapper span {
    position: relative;
    left: 20px;
}

.dynamic_adjusted_2{
    content: '';
    width: 12px;
    height: 12px;
    background: #96e2ff;
    border-radius: 50%;
    margin: auto;
    cursor: pointer;
    position: absolute;
    border: 2px solid #fbfbfb;
    z-index: 6;
    /* top: 102px; */
}
.dynamic_adjusted{
	content: '';
  width: 15px;
  height: 15px;
  background: #96e2ff;
  border-radius: 50%;
  margin: auto;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  border: 2px solid #fbfbfb;
  z-index: 1;
}
.dynamic_adjusted .add_student_labels, .dynamic_adjusted_2 .add_student_labels{
  left: 0px;
  right: 0;
  top: -40px;
  margin: 0 auto;
  z-index: 6;
}

 .tooltip_wrap .add_student_labels{
    left: 20px;
    right: 0;
    top: 30px;
    margin: 0 auto;
    z-index: 6;
}
.dynamic_adjusted:hover .add_student_labels, .dynamic_adjusted_2:hover .add_student_labels, .tooltip_wrap:hover .add_student_labels{
	display: block;
}

.dynamic_adjusted_type{
  background-color: transparent;
  border-radius: 0;
  width: 0;
   height: 0;
   border-style: solid;
}
.dynamic_adjusted_type_down{
  top: 48px;
}
.dynamic_adjusted_type_down .dynamic_adjusted_type{
  border-width: 16.1px 6.5px 0 6.5px;
  border-color: #97e2ff transparent transparent transparent;
  top: 17px;
  left: 0;
  right: 0;
  z-index: 0;
}
.dynamic_adjusted_type_up .dynamic_adjusted_type{
  border-width: 0 6.5px 16.1px 6.5px;
  border-color: transparent transparent #97e2ff transparent;
  top: -12px;
  left: 0;
  right: 0;
  z-index: 0;
}

/* class and student snapshots - minimizing the icon size */
.dynamic_adjusted_type_down_2 .dynamic_adjusted_type{
    border-width: 12px 5.5px 0 5.5px;
    border-color: #97e2ff transparent transparent transparent;
    top: 16px;
    left: 1px;
    right: 40px;
    z-index: 5;
  }
  .dynamic_adjusted_type_up_2 .dynamic_adjusted_type{
    border-width: 0 5.5px 12px 5.5px;
    border-color: transparent transparent #97e2ff transparent;
    top: -12px;
    left: 1px;
    right: 40px;
    z-index: 5;
  }
#spelling_hear_wrapper .spelling_hear_deck .spell_card_40{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_41{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 0h80v80H0V0zm20 20v40h40V20H20zm20 35a15 15 0 1 1 0-30 15 15 0 0 1 0 30z' opacity='.5'%3E%3C/path%3E%3Cpath d='M15 15h50l-5 5H20v40l-5 5V15zm0 50h50V15L80 0v80H0l15-15zm32.07-32.07l3.54-3.54A15 15 0 0 1 29.4 50.6l3.53-3.53a10 10 0 1 0 14.14-14.14zM32.93 47.07a10 10 0 1 1 14.14-14.14L32.93 47.07z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_42{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_44{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_45{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M0 17.83V0h17.83a3 3 0 0 1-5.66 2H5.9A5 5 0 0 1 2 5.9v6.27a3 3 0 0 1-2 5.66zm0 18.34a3 3 0 0 1 2 5.66v6.27A5 5 0 0 1 5.9 52h6.27a3 3 0 0 1 5.66 0H0V36.17zM36.17 52a3 3 0 0 1 5.66 0h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 0 1 0-5.66V52H36.17zM0 31.93v-9.78a5 5 0 0 1 3.8.72l4.43-4.43a3 3 0 1 1 1.42 1.41L5.2 24.28a5 5 0 0 1 0 5.52l4.44 4.43a3 3 0 1 1-1.42 1.42L3.8 31.2a5 5 0 0 1-3.8.72zm52-14.1a3 3 0 0 1 0-5.66V5.9A5 5 0 0 1 48.1 2h-6.27a3 3 0 0 1-5.66-2H52v17.83zm0 14.1a4.97 4.97 0 0 1-1.72-.72l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1 0-5.52l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43c.53-.35 1.12-.6 1.72-.72v9.78zM22.15 0h9.78a5 5 0 0 1-.72 3.8l4.44 4.43a3 3 0 1 1-1.42 1.42L29.8 5.2a5 5 0 0 1-5.52 0l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1-.72-3.8zm0 52c.13-.6.37-1.19.72-1.72l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43a5 5 0 0 1 5.52 0l4.43-4.43a3 3 0 1 1 1.42 1.41l-4.44 4.43c.36.53.6 1.12.72 1.72h-9.78zm9.75-24a5 5 0 0 1-3.9 3.9v6.27a3 3 0 1 1-2 0V31.9a5 5 0 0 1-3.9-3.9h-6.27a3 3 0 1 1 0-2h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 1 1 2 0v6.27a5 5 0 0 1 3.9 3.9h6.27a3 3 0 1 1 0 2H31.9z'%3E%3C/path%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_46{
background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_47{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M12 0h18v6h6v6h6v18h-6v6h-6v6H12v-6H6v-6H0V12h6V6h6V0zm12 6h-6v6h-6v6H6v6h6v6h6v6h6v-6h6v-6h6v-6h-6v-6h-6V6zm-6 12h6v6h-6v-6zm24 24h6v6h-6v-6z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_48{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_49{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_50{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='96' viewBox='0 0 60 96'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M36 10a6 6 0 0 1 12 0v12a6 6 0 0 1-6 6 6 6 0 0 0-6 6 6 6 0 0 1-12 0 6 6 0 0 0-6-6 6 6 0 0 1-6-6V10a6 6 0 1 1 12 0 6 6 0 0 0 12 0zm24 78a6 6 0 0 1-6-6 6 6 0 0 0-6-6 6 6 0 0 1-6-6V58a6 6 0 1 1 12 0 6 6 0 0 0 6 6v24zM0 88V64a6 6 0 0 0 6-6 6 6 0 0 1 12 0v12a6 6 0 0 1-6 6 6 6 0 0 0-6 6 6 6 0 0 1-6 6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_51{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='Artboard-5' fill='%239C92AC' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M6 18h12V6H6v12zM4 4h16v16H4V4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_52{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='72' viewBox='0 0 36 72'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M2 6h12L8 18 2 6zm18 36h12l-6 12-6-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_53{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='46' viewBox='0 0 70 46'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpolygon points='68 44 62 44 62 46 56 46 56 44 52 44 52 46 46 46 46 44 40 44 40 46 38 46 38 44 32 44 32 46 26 46 26 44 22 44 22 46 16 46 16 44 12 44 12 46 6 46 6 44 0 44 0 42 8 42 8 28 6 28 6 0 12 0 12 28 10 28 10 42 18 42 18 28 16 28 16 0 22 0 22 28 20 28 20 42 28 42 28 28 26 28 26 0 32 0 32 28 30 28 30 42 38 42 38 0 40 0 40 42 48 42 48 28 46 28 46 0 52 0 52 28 50 28 50 42 58 42 58 28 56 28 56 0 62 0 62 28 60 28 60 42 68 42 68 0 70 0 70 46 68 46'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_54{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M29 58.58l7.38-7.39A30.95 30.95 0 0 1 29 37.84a30.95 30.95 0 0 1-7.38 13.36l7.37 7.38zm1.4 1.41l.01.01h-2.84l-7.37-7.38A30.95 30.95 0 0 1 6.84 60H0v-1.02a28.9 28.9 0 0 0 18.79-7.78L0 32.41v-4.84L18.78 8.79A28.9 28.9 0 0 0 0 1.02V0h6.84a30.95 30.95 0 0 1 13.35 7.38L27.57 0h2.84l7.39 7.38A30.95 30.95 0 0 1 51.16 0H60v27.58-.01V60h-8.84a30.95 30.95 0 0 1-13.37-7.4L30.4 60zM29 1.41l-7.4 7.38A30.95 30.95 0 0 1 29 22.16 30.95 30.95 0 0 1 36.38 8.8L29 1.4zM58 1A28.9 28.9 0 0 0 39.2 8.8L58 27.58V1.02zm-20.2 9.2A28.9 28.9 0 0 0 30.02 29h26.56L37.8 10.21zM30.02 31a28.9 28.9 0 0 0 7.77 18.79l18.79-18.79H30.02zm9.18 20.2A28.9 28.9 0 0 0 58 59V32.4L39.2 51.19zm-19-1.4a28.9 28.9 0 0 0 7.78-18.8H1.41l18.8 18.8zm7.78-20.8A28.9 28.9 0 0 0 20.2 10.2L1.41 29h26.57z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_55{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='84' viewBox='0 0 126 84'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M126 83v1H0v-2h40V42H0v-2h40V0h2v40h40V0h2v40h40V0h2v83zm-2-1V42H84v40h40zM82 42H42v40h40V42zm-50-6a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm96 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-42 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm30-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM20 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 24a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24-42a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_56{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%239C92AC' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_57{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_58{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='24' viewBox='0 0 88 24'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='autumn' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M10 0l30 15 2 1V2.18A10 10 0 0 0 41.76 0H39.7a8 8 0 0 1 .3 2.18v10.58L14.47 0H10zm31.76 24a10 10 0 0 0-5.29-6.76L4 1 2 0v13.82a10 10 0 0 0 5.53 8.94L10 24h4.47l-6.05-3.02A8 8 0 0 1 4 13.82V3.24l31.58 15.78A8 8 0 0 1 39.7 24h2.06zM78 24l2.47-1.24A10 10 0 0 0 86 13.82V0l-2 1-32.47 16.24A10 10 0 0 0 46.24 24h2.06a8 8 0 0 1 4.12-4.98L84 3.24v10.58a8 8 0 0 1-4.42 7.16L73.53 24H78zm0-24L48 15l-2 1V2.18A10 10 0 0 1 46.24 0h2.06a8 8 0 0 0-.3 2.18v10.58L73.53 0H78z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_59{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_60{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='107' viewBox='0 0 77 107'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='stamp-collection' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M46 101a5 5 0 0 1 5 5h5a5 5 0 0 1 10 0h5a5 5 0 0 1 5-5v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10V6a5 5 0 0 1-5-5h-5a5 5 0 0 1-10 0h-5a5 5 0 0 1-10 0h-5a5 5 0 0 1-10 0h-5a5 5 0 0 1-10 0H6a5 5 0 0 1-5 5v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 5 5h5a5 5 0 0 1 10 0h5a5 5 0 0 1 10 0h5a5 5 0 0 1 5-5zm15-2a7 7 0 0 0-6.71 5h-1.58a7 7 0 0 0-13.42 0h-1.58a7 7 0 0 0-13.42 0h-1.58a7 7 0 0 0-13.42 0H7.71A7.01 7.01 0 0 0 3 99.29v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58A7 7 0 0 0 3 9.29V7.71A7.02 7.02 0 0 0 7.71 3h1.58a7 7 0 0 0 13.42 0h1.58a7 7 0 0 0 13.42 0h1.58a7 7 0 0 0 13.42 0h1.58a7 7 0 0 0 13.42 0h1.58A7.02 7.02 0 0 0 74 7.71v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7.01 7.01 0 0 0-4.71 4.71h-1.58A7 7 0 0 0 61 99zM12 12h53v83H12V12zm51 81H14V14h49v79z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_61{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='105' viewBox='0 0 80 105'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='death-star' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M20 10a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm15 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zM20 75a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zm30-65a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm0 65a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zM35 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM5 45a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zm60 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_64{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='church-on-sunday' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M77.17 0H80v2.83l-.1.1A39.9 39.9 0 0 1 74.64 20a39.9 39.9 0 0 1 5.24 17.06l.11.11v2.89c-.01 6.9-1.8 13.79-5.35 19.94A39.96 39.96 0 0 1 80 79.94V80h-2.83L66.84 69.66a39.83 39.83 0 0 1-24.1 10.25l.09.09h-5.66l.1-.1c-8.7-.58-17.22-4-24.1-10.23L2.82 80H0V79.94c.01-6.9 1.8-13.8 5.35-19.94A39.96 39.96 0 0 1 0 40.06V37.17l.1-.1A39.9 39.9 0 0 1 5.36 20 39.9 39.9 0 0 1 .1 2.94L0 2.83V0h2.83l-.1.1a39.83 39.83 0 0 1 24.1 10.24L37.18 0H40c0 6.92-1.78 13.83-5.35 20A39.96 39.96 0 0 1 40 40c0-6.92 1.78-13.83 5.35-20A39.96 39.96 0 0 1 40 0h2.83l10.33 10.34A39.83 39.83 0 0 1 77.26.09L77.17 0zm.77 77.94c-.3-5.52-1.8-11-4.49-16a40.18 40.18 0 0 1-5.17 6.34l9.66 9.66zm-12.52-9.7l-6.83-6.83-5.46 5.46-1.41 1.41-9.66 9.66c8.4-.45 16.69-3.68 23.36-9.7zm-23.07 6.58l7.99-7.98a40.05 40.05 0 0 1-3.79-4.9 37.88 37.88 0 0 0-4.2 12.88zM47.68 60a37.98 37.98 0 0 0 4.07 5.42L57.17 60l-5.42-5.42A38 38 0 0 0 47.68 60zm2.66-6.84a40.06 40.06 0 0 0-3.79 4.9 37.88 37.88 0 0 1-4.2-12.88l7.99 7.98zm1.38-1.44l1.41 1.41 5.46 5.46 6.83-6.84a37.85 37.85 0 0 0-23.36-9.7l9.66 9.67zM60 60l6.87 6.87A38.1 38.1 0 0 0 72.32 60a38.11 38.11 0 0 0-5.45-6.87L60 60zm-14.65 0a39.9 39.9 0 0 0-5.24 17.06l-.11.11-.1-.1A39.9 39.9 0 0 0 34.64 60a39.9 39.9 0 0 0 5.24-17.06l.11-.11.1.1A39.9 39.9 0 0 0 45.36 60zm9.23-48.25a37.85 37.85 0 0 1 23.36-9.7l-9.66 9.67-1.41 1.41-5.46 5.46-6.83-6.84zm13.67 13.67L62.83 20l5.42-5.42A38 38 0 0 1 72.32 20a37.98 37.98 0 0 1-4.07 5.42zm5.2-3.47a40.05 40.05 0 0 1-3.79 4.89l7.99 7.98c-.61-4.45-2.01-8.82-4.2-12.87zm-6.58 4.92l1.41 1.41 9.66 9.66a37.85 37.85 0 0 1-23.36-9.7l6.83-6.83 5.46 5.46zM53.13 13.13L60 20l-6.87 6.87A38.11 38.11 0 0 1 47.68 20a38.1 38.1 0 0 1 5.45-6.87zm-1.41-1.41l-9.66-9.66c.3 5.52 1.8 11 4.49 16a40.18 40.18 0 0 1 5.17-6.34zm-9.66 26.22c.3-5.52 1.8-11 4.49-16a40.18 40.18 0 0 0 5.17 6.34l-9.66 9.66zm26.22 13.78l9.66-9.66c-.3 5.52-1.8 11-4.49 16a40.18 40.18 0 0 0-5.17-6.34zm8.98-11.81L66.84 50.34a39.83 39.83 0 0 0-24.1-10.25l10.42-10.43a39.83 39.83 0 0 0 24.1 10.25zm-7.6-26.75a40.06 40.06 0 0 1 3.79 4.9 37.88 37.88 0 0 0 4.2-12.88l-7.99 7.98zm-31.72 28.9c-8.4.45-16.69 3.68-23.36 9.7l6.83 6.83 5.46-5.46 1.41-1.41 9.66-9.66zM22.83 60l5.42 5.42c1.54-1.7 2.9-3.52 4.07-5.42a38 38 0 0 0-4.07-5.42L22.83 60zm5.45 8.28l-1.41-1.41-5.46-5.46-6.83 6.84a37.85 37.85 0 0 0 23.36 9.7l-9.66-9.67zm9.37 6.54l-7.99-7.98a40.05 40.05 0 0 0 3.79-4.9 37.88 37.88 0 0 1 4.2 12.88zM20 60l-6.87-6.87A38.11 38.11 0 0 0 7.68 60a38.11 38.11 0 0 0 5.45 6.87L20 60zm17.26-19.9L26.84 29.65a39.83 39.83 0 0 1-24.1 10.25l10.42 10.43a39.83 39.83 0 0 1 24.1-10.25zm-35.2 1.96l9.66 9.66a40.18 40.18 0 0 0-5.17 6.33c-2.7-5-4.2-10.47-4.5-16zm4.49 19.89c-2.7 5-4.2 10.47-4.5 16l9.67-9.67a40.18 40.18 0 0 1-5.17-6.33zm31.1-16.77c-.61 4.45-2.01 8.82-4.2 12.87a40.06 40.06 0 0 0-3.79-4.89l7.99-7.98zm-4.2-23.23c2.7 5 4.2 10.47 4.5 16l-9.67-9.67c1.97-1.97 3.7-4.1 5.17-6.33zm-14.86-.54l6.83 6.84a37.85 37.85 0 0 1-23.36 9.7l9.66-9.67 1.41-1.41 5.46-5.46zm-8.25 5.43l-7.99 7.98c.61-4.45 2.01-8.82 4.2-12.87a40.04 40.04 0 0 0 3.79 4.89zm1.41-1.42A37.99 37.99 0 0 1 7.68 20a38 38 0 0 1 4.07-5.42L17.17 20l-5.42 5.42zm-5.2-7.37a40.04 40.04 0 0 1 3.79-4.89L2.35 5.18c.61 4.45 2.01 8.82 4.2 12.87zm6.58-4.92l-1.41-1.41-9.66-9.66a37.85 37.85 0 0 1 23.36 9.7l-6.83 6.83-5.46-5.46zm13.74 13.74L20 20l6.87-6.87A38.1 38.1 0 0 1 32.32 20a38.1 38.1 0 0 1-5.45 6.87zm6.58-8.82a40.18 40.18 0 0 0-5.17-6.33l9.66-9.66c-.3 5.52-1.8 11-4.49 16z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_65{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_66{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_68{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_69{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_71{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 .04C2.6.22 4.99 1.1 7 2.5A13.94 13.94 0 0 1 15 0h4c.34 0 .67.01 1 .04v2A12 12 0 0 0 7.17 12h5.12A7 7 0 0 1 20 7.07V14a5 5 0 0 0-3-4.58A5 5 0 0 0 14 14H0V7.07c.86.12 1.67.4 2.4.81.75-1.52 1.76-2.9 2.98-4.05C3.79 2.83 1.96 2.2 0 2.04v-2z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_72{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M29.42 29.41c.36-.36.58-.85.58-1.4V0h-4v26H0v4h28c.55 0 1.05-.22 1.41-.58h.01zm0 29.18c.36.36.58.86.58 1.4V88h-4V62H0v-4h28c.56 0 1.05.22 1.41.58zm29.16 0c-.36.36-.58.85-.58 1.4V88h4V62h26v-4H60c-.55 0-1.05.22-1.41.58h-.01zM62 26V0h-4v28c0 .55.22 1.05.58 1.41.37.37.86.59 1.41.59H88v-4H62zM18 36c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm16-26a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 58a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 78a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zM34 4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm-8 82a2 2 0 1 1 4 0v2h-4v-2zm0-68a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V18zM66 4a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm0 72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm-48 0a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm0-72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm24-4h4v2a2 2 0 1 1-4 0V0zm0 60a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V60zm14-24c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm-28-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM36 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 68a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-34a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-12a2 2 0 1 0 0 4 6 6 0 1 1 0 12 2 2 0 1 0 0 4 10 10 0 1 0 0-20zm-64 0a2 2 0 1 1 0 4 6 6 0 1 0 0 12 2 2 0 1 1 0 4 10 10 0 1 1 0-20zm56-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-48 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm24 32a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-4a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm36-36a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM10 44c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm56 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm8 24c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zM3 68c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm0-48c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm71 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm6 66a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM8 86a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-68A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm36 36a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_73{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='44' viewBox='0 0 34 44'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M1 6.2C.72 5.55.38 4.94 0 4.36v13.28c.38-.58.72-1.2 1-1.84A12.04 12.04 0 0 0 7.2 22 12.04 12.04 0 0 0 1 28.2c-.28-.65-.62-1.26-1-1.84v13.28c.38-.58.72-1.2 1-1.84A12.04 12.04 0 0 0 7.2 44h21.6a12.05 12.05 0 0 0 5.2-4.36V26.36A12.05 12.05 0 0 0 28.8 22a12.05 12.05 0 0 0 5.2-4.36V4.36A12.05 12.05 0 0 0 28.8 0H7.2A12.04 12.04 0 0 0 1 6.2zM17.36 23H12a10 10 0 1 0 0 20h5.36a11.99 11.99 0 0 1 0-20zm1.28-2H24a10 10 0 1 0 0-20h-5.36a11.99 11.99 0 0 1 0 20zM12 1a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3.46-2a2 2 0 1 0-3.47 2 2 2 0 0 0 3.47-2zm0-4a2 2 0 1 0-3.47-2 2 2 0 0 0 3.47 2zM12 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3.46 2a2 2 0 1 0 3.47-2 2 2 0 0 0-3.47 2zm0 4a2 2 0 1 0 3.47 2 2 2 0 0 0-3.47-2zM24 43a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm0-14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3.46 2a2 2 0 1 0 3.47-2 2 2 0 0 0-3.47 2zm0 4a2 2 0 1 0 3.47 2 2 2 0 0 0-3.47-2zM24 37a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-3.46-2a2 2 0 1 0-3.47 2 2 2 0 0 0 3.47-2zm0-4a2 2 0 1 0-3.47-2 2 2 0 0 0 3.47 2z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_75{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='92' viewBox='0 0 112 92'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M72 10H40L16 20H0v8h16l24-14h32l24 14h16v-8H96L72 10zm0-8H40L16 4H0v8h16l24-6h32l24 6h16V4H96L72 2zm0 84H40l-24-6H0v8h16l24 2h32l24-2h16v-8H96l-24 6zm0-8H40L16 64H0v8h16l24 10h32l24-10h16v-8H96L72 78zm0-12H40L16 56H0v4h16l24 14h32l24-14h16v-4H96L72 66zm0-16H40l-24-2H0v4h16l24 6h32l24-6h16v-4H96l-24 2zm0-16H40l-24 6H0v4h16l24-2h32l24 2h16v-4H96l-24-6zm0-16H40L16 32H0v4h16l24-10h32l24 10h16v-4H96L72 18z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_76{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M41 37.59V25h-2v12.59l-8.9-8.9-1.41 1.41 8.9 8.9H25v2h12.59l-8.9 8.9 1.41 1.41 8.9-8.9V55h2V42.41l8.9 8.9 1.41-1.41-8.9-8.9H55v-2H42.41l8.9-8.9-1.41-1.41-8.9 8.9zM1 1h2v2H1V1zm0 4h2v2H1V5zm0 4h2v2H1V9zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm4 0h2v2H5v-2zm4 0h2v2H9v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zM5 1h2v2H5V1zm4 0h2v2H9V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm0 4h2v2h-2V5zm0 4h2v2h-2V9zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zM5 5h70v70H5V5zm2 68h66V7H7v66zM9 9h62v62H9V9zm2 60h58V11H11v58zm2-39.6V13h16.4A29.1 29.1 0 0 0 13 29.4zM15 15v6.67A31.17 31.17 0 0 1 21.67 15H15zm-2 52V50.6A29.1 29.1 0 0 0 29.4 67H13zm2-8.67V65h6.67A31.17 31.17 0 0 1 15 58.33zM67 67H50.6A29.1 29.1 0 0 0 67 50.6V67zm-8.67-2H65v-6.67A31.17 31.17 0 0 1 58.33 65zM67 13v16.4A29.1 29.1 0 0 0 50.6 13H67zm-2 8.67V15h-6.67A31.17 31.17 0 0 1 65 21.67zM39 13h2v2h-2v-2zm7.02.66l1.93.52-.51 1.93-1.94-.52.52-1.93zm6.61 2.46l1.74 1-1 1.73-1.74-1 1-1.73zm5.75 4.08l1.42 1.42-1.42 1.4-1.4-1.4 1.4-1.42zm4.5 5.43l1 1.74-1.73 1-1-1.74 1.73-1zm2.94 6.42l.52 1.93-1.93.52-.52-1.94 1.93-.51zM67 39v2h-2v-2h2zm-.66 7.02l-.52 1.93-1.93-.51.52-1.94 1.93.52zm-2.46 6.61l-1 1.74-1.73-1 1-1.74 1.73 1zm-4.08 5.75l-1.42 1.42-1.4-1.42 1.4-1.4 1.42 1.4zm-5.43 4.5l-1.74 1-1-1.73 1.74-1 1 1.73zM41 67h-2v-2h2v2zm6.95-1.18l-1.93.52-.52-1.93 1.94-.52.51 1.93zm-13.97.52l-1.93-.52.51-1.93 1.94.52-.52 1.93zm-6.61-2.46l-1.74-1 1-1.73 1.74 1-1 1.73zm-5.75-4.08l-1.42-1.42 1.42-1.4 1.4 1.4-1.4 1.42zm-4.5-5.43l-1-1.74 1.73-1 1 1.74-1.73 1zm-2.94-6.42l-.52-1.93 1.93-.52.52 1.94-1.93.51zM13 41v-2h2v2h-2zm.66-7.02l.52-1.93 1.93.51-.52 1.94-1.93-.52zm2.46-6.61l1-1.74 1.73 1-1 1.74-1.73-1zm4.08-5.75l1.42-1.42 1.4 1.42-1.4 1.4-1.42-1.4zm5.43-4.5l1.74-1 1 1.73-1.74 1-1-1.73zm6.42-2.94l1.93-.52.52 1.93-1.94.52-.51-1.93zM40 63a23 23 0 1 1 0-46 23 23 0 0 1 0 46zm0-2a21 21 0 1 0 0-42 21 21 0 0 0 0 42zm0-2a19 19 0 1 1 0-38 19 19 0 0 1 0 38zm0-2a17 17 0 1 0 0-34 17 17 0 0 0 0 34z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_77{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M11 0l5 20H6l5-20zm42 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM0 72h40v4H0v-4zm0-8h31v4H0v-4zm20-16h20v4H20v-4zM0 56h40v4H0v-4zm63-25a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM53 41a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-30 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-28-8a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zM56 5a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zm-3 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM21 0l5 20H16l5-20zm43 64v-4h-4v4h-4v4h4v4h4v-4h4v-4h-4zM36 13h4v4h-4v-4zm4 4h4v4h-4v-4zm-4 4h4v4h-4v-4zm8-8h4v4h-4v-4z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_78{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='58' viewBox='0 0 42 58'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M12 18h12v18h6v4H18V22h-6v-4zm-6-2v-4H0V0h36v6h6v36h-6v4h6v12H6v-6H0V16h6zM34 2H2v8h24v24h8V2zM6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM2 50h32v-8H10V18H2v32zm28-6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_83{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_84{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M5 3.59L1.46.05.05 1.46 3.59 5 .05 8.54l1.41 1.41L5 6.41l3.54 3.54 1.41-1.41L6.41 5l3.54-3.54L8.54.05 5 3.59zM17 2h24v2H17V2zm0 4h24v2H17V6zM2 17h2v24H2V17zm4 0h2v24H6V17z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_85{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_87{
background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='bevel-circle' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M10.414 29l-8 8h33.172l-8-8H10.414zM9 27.586l-8 8V2.414l8 8v17.172zM10.414 9l-8-8h33.172l-8 8H10.414zM29 10.414l8-8v33.172l-8-8V10.414zM11 11h16v16H11V11zm8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zM0 0h38v38H0V0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_89{
background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_90{
background-image: url("data:image/svg+xml,%3Csvg width='60' height='48' viewBox='0 0 60 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='fancy-rectangles' fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M6 12h6v12H6V12zm12 0h6v12h-6V12zm6-12h6v12h-6V0zM12 0h6v12h-6V0zm0 24h6v12h-6V24zM0 0h6v12H0V0zm6 36h6v12H6V36zm12 0h6v12h-6V36zm12-12h6v12h-6V24zM42 0h6v12h-6V0zm-6 12h6v12h-6V12zm12 0h6v12h-6V12zM36 36h6v12h-6V36zm12 0h6v12h-6V36zm-6-12h6v12h-6V24zm12 0h6v12h-6V24z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_91{
background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M2 0h2v12H2V0zm1 20c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM9 8c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-1 4h2v12H8V12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_93{
background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_94{
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_95{
background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_128{
background-image: url("data:image/svg+xml,%3Csvg width='48' height='32' viewBox='0 0 48 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M27 32c0-3.314 2.686-6 6-6 5.523 0 10-4.477 10-10S38.523 6 33 6c-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 6.627 0 12 5.373 12 12s-5.373 12-12 12c-2.21 0-4 1.79-4 4h-2zm-6 0c0-3.314-2.686-6-6-6-5.523 0-10-4.477-10-10S9.477 6 15 6c3.314 0 6-2.686 6-6h-2c0 2.21-1.79 4-4 4C8.373 4 3 9.373 3 16s5.373 12 12 12c2.21 0 4 1.79 4 4h2z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_129{
background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_130{
background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_131{
background-image: url("data:image/svg+xml,%3Csvg width='32' height='26' viewBox='0 0 32 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0v3.994C14 7.864 10.858 11 7 11c-3.866 0-7-3.138-7-7.006V0h2v4.005C2 6.765 4.24 9 7 9c2.756 0 5-2.236 5-4.995V0h2zm0 26v-5.994C14 16.138 10.866 13 7 13c-3.858 0-7 3.137-7 7.006V26h2v-6.005C2 17.235 4.244 15 7 15c2.76 0 5 2.236 5 4.995V26h2zm2-18.994C16 3.136 19.142 0 23 0c3.866 0 7 3.138 7 7.006v9.988C30 20.864 26.858 24 23 24c-3.866 0-7-3.138-7-7.006V7.006zm2-.01C18 4.235 20.244 2 23 2c2.76 0 5 2.236 5 4.995v10.01C28 19.765 25.756 22 23 22c-2.76 0-5-2.236-5-4.995V6.995z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_132{
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0H0v36h36V0zM15.126 2H2v13.126c.367.094.714.24 1.032.428L15.554 3.032c-.188-.318-.334-.665-.428-1.032zM18 4.874V18H4.874c-.094-.367-.24-.714-.428-1.032L16.968 4.446c.318.188.665.334 1.032.428zM22.874 2h11.712L20 16.586V4.874c1.406-.362 2.512-1.468 2.874-2.874zm10.252 18H20v13.126c.367.094.714.24 1.032.428l12.522-12.522c-.188-.318-.334-.665-.428-1.032zM36 22.874V36H22.874c-.094-.367-.24-.714-.428-1.032l12.522-12.522c.318.188.665.334 1.032.428zm0-7.748V3.414L21.414 18h11.712c.362-1.406 1.468-2.512 2.874-2.874zm-18 18V21.414L3.414 36h11.712c.362-1.406 1.468-2.512 2.874-2.874zM4.874 20h11.712L2 34.586V22.874c1.406-.362 2.512-1.468 2.874-2.874z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_133{
background-image: url("data:image/svg+xml,%3Csvg width='76' height='18' viewBox='0 0 76 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 18c-2.43-1.824-4-4.73-4-8 0-4.418-3.582-8-8-8H0V0h20c5.523 0 10 4.477 10 10 0 4.418 3.582 8 8 8h20c4.418 0 8-3.582 8-8 0-5.523 4.477-10 10-10v2c-4.418 0-8 3.582-8 8 0 3.27-1.57 6.176-4 8H32zM64 0c-1.67 1.256-3.748 2-6 2H38c-2.252 0-4.33-.744-6-2h32z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_134{
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_162{
background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M8 0v20L0 10M16 0v10L8 0M16 10v10H8'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_163{
background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586zM17.414 0L.707 16.707 0 17.414V0h17.414zM4.28 0L0 12.838V0h4.28zm10.306 0L2.288 12.298 6.388 0h8.198zM180 17.414L162.586 0H180v17.414zM165.414 0l12.298 12.298L173.612 0h-8.198zM180 12.838L175.72 0H180v12.838zM0 163h16.413l.5.5 7.294 7.293L25.414 172l-8 8H0v-17zm0 10h6.613l-2.334 7H0v-7zm14.586 7l7-7H8.72l-2.333 7h8.2zM0 165.414L5.586 171H0v-5.586zM10.414 171L16 165.414 21.586 171H10.414zm-8-6h11.172L8 170.586 2.414 165zM180 163h-16.413l-7.794 7.793-1.207 1.207 8 8H180v-17zm-14.586 17l-7-7h12.865l2.333 7h-8.2zM180 173h-6.613l2.334 7H180v-7zm-21.586-2l5.586-5.586 5.586 5.586h-11.172zM180 165.414L174.414 171H180v-5.586zm-8 5.172l5.586-5.586h-11.172l5.586 5.586zM152.933 25.653l1.414 1.414-33.94 33.942-1.416-1.416 33.943-33.94zm1.414 127.28l-1.414 1.414-33.942-33.94 1.416-1.416 33.94 33.943zm-127.28 1.414l-1.414-1.414 33.94-33.942 1.416 1.416-33.943 33.94zm-1.414-127.28l1.414-1.414 33.942 33.94-1.416 1.416-33.94-33.943zM0 85c2.21 0 4 1.79 4 4s-1.79 4-4 4v-8zm180 0c-2.21 0-4 1.79-4 4s1.79 4 4 4v-8zM94 0c0 2.21-1.79 4-4 4s-4-1.79-4-4h8zm0 180c0-2.21-1.79-4-4-4s-4 1.79-4 4h8z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_164{
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ehoundstooth%3C/title%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 18h6l6-6v6h6l-6 6H0M24 18v6h-6M24 0l-6 6h-6l6-6M12 0v6L0 18v-6l6-6H0V0'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_165{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_166{
background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0h2v20H9V0zm25.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm-20 20l1.732 1-10 17.32-1.732-1 10-17.32zM58.16 4.134l1 1.732-17.32 10-1-1.732 17.32-10zm-40 40l1 1.732-17.32 10-1-1.732 17.32-10zM80 9v2H60V9h20zM20 69v2H0v-2h20zm79.32-55l-1 1.732-17.32-10L82 4l17.32 10zm-80 80l-1 1.732-17.32-10L2 84l17.32 10zm96.546-75.84l-1.732 1-10-17.32 1.732-1 10 17.32zm-100 100l-1.732 1-10-17.32 1.732-1 10 17.32zM38.16 24.134l1 1.732-17.32 10-1-1.732 17.32-10zM60 29v2H40v-2h20zm19.32 5l-1 1.732-17.32-10L62 24l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM111 40h-2V20h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zM40 49v2H20v-2h20zm19.32 5l-1 1.732-17.32-10L42 44l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM91 60h-2V40h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM39.32 74l-1 1.732-17.32-10L22 64l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM71 80h-2V60h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM120 89v2h-20v-2h20zm-84.134 9.16l-1.732 1-10-17.32 1.732-1 10 17.32zM51 100h-2V80h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM100 109v2H80v-2h20zm19.32 5l-1 1.732-17.32-10 1-1.732 17.32 10zM31 120h-2v-20h2v20z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_167{
background-image: url("data:image/svg+xml,%3Csvg width='80' height='88' viewBox='0 0 80 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 21.91V26h-2c-9.94 0-18 8.06-18 18 0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73 3.212-6.99 9.983-12.008 18-12.73V62h2c9.94 0 18-8.06 18-18 0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73-3.212 6.99-9.983 12.008-18 12.73zM54 58v4.696c-5.574 1.316-10.455 4.428-14 8.69-3.545-4.262-8.426-7.374-14-8.69V58h-5.993C12.27 58 6 51.734 6 44c0-7.732 6.275-14 14.007-14H26v-4.696c5.574-1.316 10.455-4.428 14-8.69 3.545 4.262 8.426 7.374 14 8.69V30h5.993C67.73 30 74 36.266 74 44c0 7.732-6.275 14-14.007 14H54zM42 88c0-9.94 8.06-18 18-18h2v-4.09c8.016-.722 14.787-5.738 18-12.73v7.434c-3.545 4.262-8.426 7.374-14 8.69V74h-5.993C52.275 74 46 80.268 46 88h-4zm-4 0c0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73v7.434c3.545 4.262 8.426 7.374 14 8.69V74h5.993C27.73 74 34 80.266 34 88h4zm4-88c0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73v-7.434c-3.545-4.262-8.426-7.374-14-8.69V14h-5.993C52.27 14 46 7.734 46 0h-4zM0 34.82c3.213-6.992 9.984-12.008 18-12.73V18h2c9.94 0 18-8.06 18-18h-4c0 7.732-6.275 14-14.007 14H14v4.696c-5.574 1.316-10.455 4.428-14 8.69v7.433z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_168{
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_169{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6H6v4H4V6H2V4h2V0h2v4h10V0h2v4h2v2h-2v4h-2V6z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_170{
background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 .99C4 .445 4.444 0 5 0c.552 0 1 .45 1 .99v4.02C6 5.555 5.556 6 5 6c-.552 0-1-.45-1-.99V.99zm6 8c0-.546.444-.99 1-.99.552 0 1 .45 1 .99v4.02c0 .546-.444.99-1 .99-.552 0-1-.45-1-.99V8.99z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_171{
background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 0h35v35H0V0zm5 5h25v25H5V5zm5 5h15v15H10V10zm5 5h5v5h-5v-5zM40 5h25v25H40V5zm5 5h15v15H45V10zm5 5h5v5h-5v-5zM70 35H35v35h35V35zm-5 5H40v25h25V40zm-5 5H45v15h15V45zm-5 5h-5v5h5v-5zM30 40H5v25h25V40zm-5 5H10v15h15V45zm-5 5h-5v5h5v-5z'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_172{
background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_174{
background-image: url("data:image/svg+xml,%3Csvg width='40' height='12' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_175{	
background-image: url("data:image/svg+xml,%3Csvg width='32' height='64' viewBox='0 0 32 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28h20V16h-4v8H4V4h28v28h-4V8H8v12h4v-8h12v20H0v-4zm12 8h20v4H16v24H0v-4h12V36zm16 12h-4v12h8v4H20V44h12v12h-4v-8zM0 36h8v20H0v-4h4V40H0v-4z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_176{
background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_177{
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h10v10H0V10zM10 0h10v10H10V0z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_179{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");	
}
#spelling_hear_wrapper .spelling_hear_deck .spell_card_180{
background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");	
}
#paper_quiz_setup{
	display: none;
	position: fixed;
	width: 1100px;
	height: 220px;
}
#paper_quiz_setup #paper_quiz_icon{
	background: url(../images/paper_quiz.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: 240px;
    background-position: -80px 0px;
}
#paper_quiz_setup h2{
	background: transparent;
    z-index: 2;
    position: absolute;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0;
}
#paper_quiz_setup #paper_quiz_setup_content{
    z-index: 1;
}
#paper_quiz_setup #paper_quiz_setup_content .paper_quiz_info{
    position: absolute;
    width: 1000px;
    left: 0;
    right: 0;
    margin: auto;
    top: 35px;
    color: #666;
    z-index: 11;
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 5px;
}
#paper_quiz_setup #paper_quiz_setup_content .paper_quiz_info p{
	color: #666;
    text-align: center;
    padding: 10px 0px;	
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_info{
    line-height: 30px;
    height: 30px;
    width: 350px;
    background: none;
    border: 0;
    font-weight: 600;	
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_info p{
	padding: 0;
    line-height: 30px;	
}
#paper_quiz_setup #paper_quiz_setup_content .paper_quiz_info p span{
    display: block;
    padding: 10px;
    font-weight: 600;	
}
#paper_quiz_setup #paper_quiz_setup_content .class_card_icon_wrapper{
	opacity: 0.3;
    top: 0;	
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking{
    position: absolute;
    width: 100%;
    top: 80px;
    z-index: 1;	
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_submit_wrapper{
	position: absolute;
    width: 150px;
    right: 10px;
    bottom: 10px;
    height: 27px;	
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_submit{
	border-radius: 5px;
	position: absolute;
	width: 150px;
	background: #4298cc;
    color: #FFF;
    border: 1px solid #4298cc;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_submit:hover{
	background:#005587;	
	border: 1px solid #005587;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking #paper_quiz_form{
	display: flex;
    justify-content: center;	
    flex-wrap: wrap;
    row-gap: 10px;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper{
	float: left;
    height: 35px;
    width: 36px;
    position: relative;	
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper .paper_quiz_counter{
    position: absolute;
    height: 25px;
    bottom: -6px;
    text-align: center;
    width: 100%;
    font-size: 10px;
    line-height: 25px;
    z-index: 2;
    pointer-events: none;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper:last-child .paper_quiz_counter{
	border: 0;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper:first-child{
	width: 37px;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper:first-child label{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: 1px solid #ddd;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper:last-child label{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: 1px solid #ddd;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper label{
	width: 35px;
    height: 35px;
    margin: 0;
	background: #f5f5f5;
	border-radius: 0;	
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .paper_quiz_question_wrapper label:hover{
	background: #eee;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .bubble:not(:checked) + label:before{
	background: #ddd !important;
	transition: 400ms !important;
    -webkit-transition: 400ms !important;
    height: 17px !important;
    top: 59% !important;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .bubble:not(:checked) + label:after{
	background: #ddd !important;
	transition: 400ms !important;
    -webkit-transition: 400ms !important;
    height: 17px !important;
    top: 59% !important;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .bubble:checked + label{
 	animation: none !important;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .bubble:checked + label:after{
	height: 18px !important;
    top: 52% !important; 
    background: #4298cc!important;
    transition: 400ms !important;
    -webkit-transition: 400ms !important;
}
#paper_quiz_setup #paper_quiz_setup_content #paper_quiz_marking .bubble:checked + label:before{
    height: 8px !important;
    left: 63% !important;
    top: 33% !important;
    background: #4298cc!important;
    transition: 400ms !important;
    -webkit-transition: 400ms !important;
}
#sc_master{
	overflow: visible;
    display: table;
    height: auto !important;
    min-height: 900px;
}
#screen_cast_header{
	position: relative;
	height: 50px;
}
#screencast_menu_strand{
    position: absolute;
    width: 684px;
    left: 0;
    /* right: 0; */
    top: 0;
    z-index: 1;
    padding: 0;
    width: fit-content;
}
#screencast_menu_strand label{
    width: 200px;
    height: 35px;
    line-height: 35px;
    padding: 0;
}
#screencast_menu_year{
    position: absolute;
    right: 0;
    margin: auto;
    top: 0;
    width: fit-content;
    padding: 0;	
	overflow: visible;
}
#screencast_menu_year label{
	width: 30px;
    padding: 0;
    height: 35px;
    line-height: 35px;	
}
#screencast_menu_year #screencast_menu_heading{
    position: absolute;
    line-height: 37px;
    left: -40px;
}
#screencast_menu_filter{
    width: 648px;
    width: 432px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 65px;
}
#screencast_menu_filter #student_graph_button_02 #export_options_wrapper{
	left: -50px;
}
#screencast_menu_filter #student_graph_button_03 #export_options_wrapper{
	width: 200px;	
}
#screencast_menu_filter #student_graph_button_03 #export_options_wrapper button{
	width: 200px;
}
#screencast_menu_filter #student_graph_dropdowns{
    position: relative;
    width: 100%;
    top: 0;	
}
#screencast_menu_filter #student_graph_dropdowns #export_options_wrapper #export_options_internal #export_class_results{
	height: 100%;
    display: table;	
}
#screencast_menu_filter #student_graph_dropdowns #export_options_wrapper #export_options_internal #export_class_results button:first-child{
	border-bottom: 1px solid #ddd;	
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#screencast_menu_filter #student_graph_options_other{
    width: 600px;	
}
#screencast_menu_filter .sc_filter_dd_wrapper{
    width: 200px;
    float: left;
    margin: 0px 5px;
    background: #FFF;	
}
#screencast_menu_filter .sc_filter_dd_active{
	background: #ffffd8 !important;	
}
#screencast_library{
    clear: both;
    width: 100%;
    background: #f7f7f7;
    border-radius: 10px;
    padding-top: 60px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    min-height: 500px;	
}
#screencast_library .sc_strand{
    clear: both;
    width: 95%;
    margin: 0 auto;
    width: calc(100% - 40px);
}
#screencast_library .sc_strand .sc_substrand{
    clear: both;
    margin-bottom: 50px;	
}
#screencast_library .sc_strand .sc_substrand .sc_substrand_header{
    font-weight: 100;
    font-size: 25px;
    border-radius: 10px;
    padding: 10px;	
    margin-bottom: 20px;
}
#screencast_library #sc_strand_0 .sc_substrand .sc_substrand_header{
	background: rgba(245, 223, 121, 0.5);
}
#screencast_library #sc_strand_1 .sc_substrand .sc_substrand_header{
    background: rgba(180, 215, 235, 0.5);
}
#screencast_library #sc_strand_2 .sc_substrand .sc_substrand_header{
	background: rgba(247, 182, 176, 0.5);
}
#screencast_library .sc_strand .sc_substrand .sc_substrand_header .sc_substrand_ast{
    font-size: 12px;
    font-weight: 400;	
}
#screencast_library .sc_strand .sc_substrand .sc_substrand_content{
	position: relative;
    display: table;
    width: 100%;
}
#screencast_library .sc_strand .sc_substrand .sc_substrand_content .sc_video_year .sc_video_year_header{
     font-weight: 600;
	 padding-left: 10px;  
	 font-size: 18px;
}
#screencast_library .sc_strand .sc_substrand .sc_substrand_content .sc_video_code{
    clear: both;
    margin-bottom: 20px;
}
#screencast_library .sc_strand .sc_substrand .sc_substrand_content .sc_video_code .sc_video_code_header{
    padding-left: 20px;
    font-size: 12px;
    font-weight: 600;
}
.sc_video{
    height: 190px;
    text-align: center;
    position: relative;
    /* width: 25%; */
    float: left;
    margin-bottom: 20px;
}
.sc_video .sc_video_wrapper{
    position: relative;
    width: 239px;
    height: 100%;
    margin: 0 auto;
}
.sc_video:hover .sc_video_add{
    position: absolute;
    width: 40px;
    height: 40px;
    border: 0;
    right: 0px;
    top: 10px;
    margin: 0 auto;
    /* display: none; */
    background: transparent;
}
.sc_video:hover .sc_video_add .sc_video_icon{
    background: url(../images/add_remove.svg) no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #4298cc;
    border-radius: 5px;
    left: 0;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 60px;
    background-position: 0px -30px;
}
.sc_video .sc_video_add:hover .sc_video_icon{
	background-color: #005587; 
}

#screencast_library .sc_video .sc_video_icon_add .sc_video_icon{
	background-position: 0px -30px;
}
#screencast_library .sc_video .sc_video_icon_remove{
	display: none;
}
#screencast_playlist .sc_video .sc_video_icon_add{
	display: none;
}
#screencast_playlist .sc_video .sc_video_icon_remove{
	display: block;
}
#screencast_playlist .sc_video .sc_video_icon_remove .sc_video_icon{
	background-position: -30px -30px;
}
.learn_me_admin{
	z-index: 10000 !important;
}
.sc_video .sc_video_internal{
	position: absolute;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    width: 235px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 170px;
    cursor: pointer;
	background: #FFF;
}
.sc_video:hover .sc_video_internal{
	border: 2px solid #4298cc;
}
.sc_strand_0 .sc_video_internal .sc_video_title{
	background: rgba(245, 223, 121, 0.2);
}
.sc_strand_1 .sc_video_internal .sc_video_title{
	background: rgba(180, 215, 235, 0.2);
}
.sc_strand_2 .sc_video_internal .sc_video_title{
	background: rgba(247, 182, 176, 0.2);
}
.sc_video .sc_video_internal .sc_video_play{
    position: absolute;
    background: url(../images/quiz_tools_v3.svg) no-repeat;
    background-color: #4298cc;
    width: 35px;
    height: 35px;
    border-radius: 5px;
	left:0;
	right:0;
	top: 0;
    bottom: 0;
    margin: auto;
    background-size: 260px;
    background-position: -129px 1px;
    display: block;	
}
/* .sc_video:hover .sc_video_internal .sc_video_play {
	display: block;	
} */
.sc_video .sc_video_internal .sc_video_thumbnail{
	width: 100%;	
}
.sc_video .sc_video_internal .sc_video_thumbnail img{
	width: 100%;
}
.sc_video .sc_video_internal .sc_video_title{
	height: 100%;
    clear: both;
    font-size: 11px;
    font-weight: 600;
	border-top: 2px solid transparent;
	white-space: normal;
    text-align: left;
    margin-left: 3px;
}
#screencast_wrapper_video{
	position: fixed;
    width: 80%;
    top: -25px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    background: #000;
    border-radius: 10px;
    display: none;
    overflow: hidden;
    z-index: 100001;
    box-shadow: 0 10px 50px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.3);
}
#screencast_wrapper_video #screencast_content{
    position: relative;
    /* width: 100%; */
    width: calc(100% - -1px);
    padding-top: 56.35%;
    height: 0;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;	
}
#screencast_wrapper_video #screencast_content iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;	
}
#screencast_overlay{
	width: 100%;
    height: 100%;
    z-index: 10000;
    position: fixed;
    display: none;
}
#playlist_overlay{
	background: #FFF;
	width: 100%;
    height: 100%;
    z-index: 2 !important;
    position: absolute;
    display: none;
}
#screencast_playlist{
    position: fixed;
    width: 100%;
    height: 190px;
    background: rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.15);
    z-index: 1000;
    left: 0;
    bottom: -190px;
	box-shadow: 0 1px 2px 0 rgba(60,64,67,.30), 0 2px 6px 2px rgba(60,64,67,.15);
	box-shadow: none;
    right:0;
    margin: 0 auto;
}
#screencast_playlist .scroll-wrapper{
    position: absolute !important;
    width: 100% !important;
    height: 100%;	
}
#screencast_playlist #sc_playlist_main{
    border: 0;
    border-top-right-radius: 5px;
    top: -40px;
    left: 0;
    position: absolute;
    border-top-left-radius: 5px;
    margin: 0 auto;
	line-height: 40px;
    border-radius: 0;
    height: 40px;
    width: 250px;
    left: 0;
    border-top-right-radius: 5px;
}
#screencast_playlist #sc_playlist_main div{
	background-image: url(../images/video_library.svg);
    background-repeat: no-repeat;
	width: 30px;
    height: 30px;
    position: absolute;
    background-size: cover;
    left: -120px;
    right: 0;
    margin: auto;
    top: 5px;
}
#screencast_playlist #sc_playlist_internal{
	display: none;
    position: relative;
    height: 100%;
}
#screencast_playlist #sc_playlist_internal #sc_playlist_expand{
    position: fixed;
    background-color: #FFF;
    width: 31px;
    height: 31px;
    border: 0;
    right: 15px;
    top: 5px;
    z-index: 1;
    border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(60,64,67,.30), 0 2px 6px 2px rgba(60,64,67,.15);
    transition: none;
}
#screencast_playlist #sc_playlist_internal #sc_playlist_expand div{
	background: url(../images/expand_icon.svg);	
	width: 20px;
    height: 20px;
    background-size: contain;
    margin: -1px;
}
#screencast_playlist #sc_playlist_internal #sc_playlist_expand:hover{
	transform: scale(1.1);	
}
#screencast_playlist #sc_playlist_internal #sc_playlist_flex{
	display: flex;
    flex-wrap: wrap-reverse;	
}
.class_screencasts_wrapper #screencast_menu_year{
    z-index: 1;
    left: 0;
    top: 5px;
    border: 1px solid #fff;
    border-radius: 4px;
}
.class_screencasts_wrapper #existing_students_internal{
    height: 100% !important;
}
.class_screencasts_wrapper #screencast_library{
	margin-bottom: 0;
}
.class_screencasts_wrapper .sc_video_code_content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.class_screencasts_wrapper .sc_video{
	width: auto;
	margin: 0 0.5%;
	height: 130px;
}
.class_screencasts_wrapper .sc_class_locked{
	opacity: 0.4;
	pointer-events: none;
}
.class_screencasts_wrapper .sc_video .sc_video_wrapper{
	width: 200px;
}
.class_screencasts_wrapper .sc_video .sc_video_internal{
	width: 195px;	
	height: 120px;
}
.class_screencasts_wrapper .sc_video .sc_video_internal .sc_video_play{
	transform: scale(0.8);
}
.class_screencasts_wrapper .sc_video .sc_video_internal .sc_video_thumbnail{
    width: 75%;
    margin: 0 auto;	
}
.class_screencasts_wrapper #flexi_col_1 #screencast_library .sc_video .sc_video_add{
	display: block;
	top: 5px;
}
.class_screencasts_wrapper #flexi_col_1 #screencast_library .sc_video .sc_video_add .sc_video_icon{
	background-position: 0px -30px;
}
.class_screencasts_wrapper #flexi_col_1 .sc_video .sc_video_icon_remove{
	display: none !important;
}
.class_screencasts_wrapper #add_to_class .sc_video .sc_video_icon_remove{
    display: block;
    top: 0px;
    right: -2px;	
}
.class_screencasts_wrapper #add_to_class .sc_video .sc_video_icon_remove .sc_video_icon{
    background: url(../images/add_remove.svg) no-repeat;
    background-color: #4298cc;
    background-size: 60px;
    background-position: -30px -30px;	
}
.class_screencasts_wrapper #add_to_class .sc_video .sc_video_icon_remove .sc_video_icon:hover{
	background-color: #005587;
}
.class_screencasts_wrapper #flexi_col_2 #add_to_class_heading{
	background: #FFF;
}
.class_screencasts_wrapper #flexi_col_2 #flexi_save{
    position: absolute;
    bottom: 10px;
    left: 5px;	
}
.class_screencasts_wrapper .sc_video_gradient{
	position: absolute;
	width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    background: #FFF;
    border-bottom-left-radius: 5px;
}
.class_screencasts_wrapper #flexi_col_1{
	width: calc(100% - 250px) !important;
	position: absolute;
	z-index: 12;
}
.class_screencasts_wrapper #flexi_col_2{
	width: 250px !important;
	background: #f3f3f3;
	position: absolute;
	z-index: 12;
	right: 0;
}
#students_which #flexi_col_2 .existing_students{
    height: calc(100% - 60px) !important;
    margin-top: 60px;
}
.class_screencasts_wrapper #flexi_col_2 .sc_video{
	display: block !important;
    margin: 2px;
    flex:none;
}
.class_screencasts_wrapper #flexi_col_2 .sc_video .sc_video_wrapper{
  height: 120px;
}
.class_screencasts_wrapper #flexi_col_2 #add_to_class{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    background: #f3f3f3;
    padding-top: 60px;
    height: calc(100% - 60px) !important;
}
.class_screencasts_wrapper #flexi_col_2 #flexi_warning_edit{
	bottom: 60px;
}
.class_screencasts_wrapper #class_profile_message{
	border-top: 1px solid #ddd;
}
.sc_names{
    margin-top: 266px !important
}
.sc_names .class_list_a{
	border-bottom: 1px solid transparent;
}
.sc_names .class_list_a .class_list_cells{
	width: 95% !important;
}
#sc_add_videos{
	position: absolute;
    left: -90px;
    top: 25px;
    margin: 0;
    width: 90px;
    height: 135px;
    background: #f3f3f3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sc_video_playlist_label {
    position: relative;
    /* right: 28px; */
    right: -102px;
    margin: 0;
    top: 16px;
    width: 160px;
    font-size: 16px;
    color : #616161;
}
#sc_add_videos button{
    z-index: 0;
    right: 10px;
    margin: 0;
    top: 40px;
}
#sc_add_videos button:hover{
	background:#005587;
	background-position: 90% 50%;
}
.sc_achievement{
	position: absolute;
	left: 20%;
	top:10px;
}
.sc_achievement #sc_achievement_internal{
    margin-top: 40px;
    position: relative;	
}
.sc_achievement #achievement_body #achievement_wrapper{
    min-width: 100%;
    /*width: 100% !important;*/
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_header{
    background: #f3f3f3;
    width: 100%;
    height: 135px;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_header .screen_cast_class_video{
	width: 210px;
    float: left;
    position: relative;	
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_header .screen_cast_class_video .sc_time_reset{
    left: 0;
    right: 0;
    margin: auto;
    bottom: -57px;
    width: 145px;
    z-index: 1;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_header .screen_cast_class_video .sc_time_reset #export_pdf_wrapper_range_reset #progress #pdf_animator_all label{
	width: 24px;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_header .screen_cast_class_video .sc_time_reset #student_range_reset_internal{
	width: 145px;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_header .screen_cast_class_video .sc_time_reset #student_range_reset_internal .student_range_reset_icon{
	right: -10px;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content{
    width: 100%;
    min-width: 100%;
    min-height: 500px;
    background: #FFF;	
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col{
	width: 210px;
    float: left;
    height: 100%;
    position: relative;	
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col .sc_admin_control{
	height: 65px;	
	border-bottom: 1px solid #ddd;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col .sc_admin_row{
    height: 40px;
    position: relative;	
    border-bottom: 1px solid #ddd;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col .sc_admin_row .sc_admin_finished{
    background: url(../images/student_admin.svg);
    background-color: #eee;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
	left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    background-position: 3px -271px;
    background-size: 25px;
    top: 4px;	
    border: 1px solid #fff;
    display: none;
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_0 .sc_admin_col .sc_admin_row .sc_admin_finished{
	background-color: #f5df79 !important;
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_1 .sc_admin_col .sc_admin_row .sc_admin_finished{
	background-color: #b4d7eb !important;	
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_2 .sc_admin_col .sc_admin_row .sc_admin_finished{
	background-color: #f7b6b0 !important;		
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col .sc_admin_row .sc_admin_finished_show{
	display: block;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col .sc_admin_row .myn_playbar_wrapper{
    -webkit-box-shadow: inset 0 0px 2px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 0px 2px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff;
    width: 70%;
    position: absolute;
    height: 20px;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
    overflow: hidden;
    background: #fbf9f9;
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar{
  	height: 16px;
    margin: 2px;
    border-radius: 10px;
    overflow: hidden; 
}
.sc_achievement #achievement_body #achievement_wrapper #sc_admin_content .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    width: 0;
    height: 100%;
    border-radius: 10px; 	
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_0 .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #f5df79;
    background: rgba(245, 223, 121, 0.6);	
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_1 .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #b4d7eb;
    background: rgba(180, 215, 235, 0.6);	
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_2 .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #f7b6b0;
    background: rgba(247, 182, 176, 0.6);	
}

.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_3 .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #a5d3ca;
    background: rgba(165, 211, 202, 0.6);	
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_4 .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #d8cdec;
    background: rgba(216, 205, 236, 0.6);	
}
.sc_achievement #achievement_body #achievement_wrapper .sc_admin_content_5 .sc_admin_col .sc_admin_row .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #b8cbff;
    background: rgba(184, 203, 255, 0.6);	
}

.sc_achievement .sc_achievement_wrapper{
	min-height: 500px !important;
}
.sc_achievement .sc_achievement_wrapper .sc_video{
    margin: 0 5px;	
}
.sc_achievement .sc_achievement_wrapper .sc_video .sc_video_internal .sc_video_title{
	font-size: 10px;
}
#help_1{
    right: 15px;
    top: 19px;	
}
.help_videos{
    position: absolute;
    width: 90px;
    height: 30px;
    z-index: 1;
    border: 0;
    line-height: 30px;
    border-radius: 5px;
}
.help_videos span{
    background: url(../images/menu_icons_all_v6.svg);
    width: 25px;
    height: 25px;
    display: block;
    /* float: left; */
    position: absolute;
    left: 0;
    background-size: 450px;
    background-position: -406px 0px;
    top: 1px;	
}
.achievement_wrapper_jetpack{
  margin-top: -90px;
}
.achievement_wrapper_jetpack .mn_curric a{
  width: 100%;
  margin-right: 0px;
  padding-left: 5px;
}
.achievement_wrapper_jetpack .mn_curric a .myn_description{
  padding-left: 20px;
}
.achievement_wrapper_jetpack .mn_curric a .myn_description:before{
  content: '';
  position: absolute;
  background: url(../images/assessment_functions.svg);
  width: 25px;
  height: 25px;
  left: -4px;
  top: 7px;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  background-position: 4px 0px;
}
.achievement_wrapper_jetpack .jetpack_cell{
  border-radius: 50%;
}
.achievement_wrapper_jetpack .achievement_content{
  margin-top: 40px;
}
.achievement_wrapper_jetpack .jetpack_passed{
  background: #78e1c0;
  border-radius: 50%;
  opacity: 0.6;
  width: 70%;
  height: 70%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.achievement_wrapper_jetpack .jetpack_last_passed{
  margin: 0px 9px 0px 1px;
  background: #78e1c0;
  border-radius: 50%;
  opacity: 0.8;
  border: 1px solid #a09f9f;
}
.achievement_wrapper_jetpack .jetpack_code{
  width: 70px !important;
  right: 400px !important;
  height: 23px !important;
  padding-bottom: 5px !important;
  top: 5px !important;
  position: absolute;
  font-weight: 400;
  font-size: 8px;
  border: 1px solid transparent;
  text-align: right;
  padding-right: 2px;
  border-radius: 5px;
  line-height: 29px;
}
.achievement_wrapper_jetpack .jetpack_code:after{
  content: '';
  background: url(../images/mn_icons.svg) no-repeat;
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: 600px;
  background-position: -253px -8px;
  margin: 3px;
  left: -5px;
  top: -3px;
}
.achievement_wrapper_jetpack .jetpack_code:hover{
  background: #ecf4f9;
  font-weight: 600;
}
.achievement_wrapper_jetpack .jetpack_code:hover:after{
  transform: scale(1.2);
}
.achievement_wrapper_jetpack .jetpack_code .add_student_labels{
  transform: rotate(90deg);
  z-index: 1;
  top: 3px;
  right: -74px;
}
.achievement_wrapper_jetpack .jetpack_code:hover .add_student_labels{
  display:block;
}
.achievement_wrapper_jetpack .jetpack_tag{
  padding-left: 5px !important;
  width: 386px !important;
  border-radius: 5px;
}
.achievement_wrapper_jetpack .jetpack_tag:hover{
  z-index: 1001 !important;
}
.achievement_wrapper_jetpack .mn_group_wrapper{
  overflow: visible;
}
#jetpack_dropdown .jetpack_difficulty_active{
  background-image: url(../images/dropdown_arrow.svg) !important;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  transform: rotate(-90deg);
  display:none;
}
.jetpack_active .jetpack_difficulty_active{
  display: block !important;
}
.jetpack_active{
  background: #ecf4f9 !important;
}
#jetpack_difficulty_header{
  position: absolute;
  height: 40px;
  width: 70px;
  top: -45px;
  right: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  line-height: 40px;
}
.jetpack_names .results_name_asr_zpd{
  width: calc(100% - 105px) !important;
}
.jetpack_popup{
  transform: rotate(90deg);
  transform-origin: left;
}
.jetpack_popup img{
  border-radius: 10px;
}
.jetpack_popup .zpd_detail_achievement{
  text-transform: none;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px 0px;
  background: #ecf4f9;
}
.jetpack_dropdown{
  width: 100px;
  position: absolute;
  right: -100px;
  top: 0;
  height: 35px;
}
.jetpack_dropdown .spelling_game_wrapper .spelling_dropdown_wrapper{
  height: 40px;
}
.jetpack_dropdown .spelling_game_wrapper .spelling_dropdown_wrapper .dropdown_wrapper{
  margin:0;
}
#jetpack_preview:before{
  position: absolute;
  content: '';
  width:100%;
  height:15px;
  background: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#jetpack_preview img{
  width: 100%;
}
#main_datawall-page #student_login_box{
  width: 250px;
  height: 250px;
  border-radius: 10px;
  border: 0;
  padding: 0;
}
.scanner_datawall{
  padding: 0;
  position: absolute;
  width: 80%;
  height: 80%;
  right: 0;
  bottom: 0;
  top:-13px;
  left: 0;
  margin: auto;
  background-image: url(../images/qr_code_datawall.svg);
  background-image: url(../images/qr_code_parent.svg);
  background-size: cover;
  background-color: #FFF;
  border: 0;
}
.datawall_scan_label{
  text-align: center;
  position: absolute;
  bottom: -20px;
  width: 100%;
  font-weight: 600;
  width: 100%;
  padding: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 20px;
}
html.non-touch #student_login_box:hover .datawall_scan_label{
  background:#005587;
}
#scanner_datawall_header{
  position: fixed;
  top: unset;
  bottom: 5px;
  right: 25px;
  z-index: 10;
  width: 80px;
  height: 115px;
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  display: none;
}
#scanner_datawall_header .scanner_datawall{
  width: 80px;
  height: 80px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  top: -33px;
  z-index: 1;
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 5px;
}
#scanner_datawall_header .datawall_scan_label{
  bottom: 0;
  left: 0;
  height: 34px;
  line-height: 16px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0;
  font-size: 1em;
  width: 60px;
  padding: 0;
  width: 100%;
  font-weight:400;
}
html.non-touch #scanner_datawall_header:hover .datawall_scan_label{
  background:#005587;
}
#video-container{
  display: none;
  max-width: 800px;
  position: fixed;
  width: 80%;
  top: -25px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  background: transparent;
  border-radius: 10px;
  overflow: hidden;
  z-index: 100001;
  box-shadow: 0 10px 50px rgb(0 0 0 / 30%);
  -webkit-box-shadow: 0 10px 50px rgb(0 0 0 / 30%);
}
#video-container #video-container-internal{
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 56.35%;
  height: 0;
  overflow: hidden;
}
#video-container #video-container-internal #video-container-close{
  z-index: 10;
  position: absolute;
}
#qr-video{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
}
#datwall_export{
  position: absolute;
  right: 20px;
  top: 10px;
}
#datawall-page{
  z-index: 10;
}
#datawall-page #datawall_content{
  position: absolute;
  width: 100%;
  height: calc(100% - 80px);
  top: 80px;
  margin-top: 0;
  max-width: 1200px;
  left: 0;
  right: 0;
  margin: auto;
}
#datawall-page #datawall_content #wrapper{
  height: 100%;
  width: calc(100% - 20px) !important;
  margin: 0 auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position:relative;
}
#datawall_content .scroll-wrapper .datawall_content_scroll_fixed{
  position: fixed;
  top: 0;
  background: #FFF;
}
#datawall-page #datawall_content .datawall_header{
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  padding-left: 20px;
  width: 100%;
  font-weight: 400;
  box-sizing: border-box;
}
#datawall-page #datawall_content .datawall_cell{
  display: flex;
  flex-wrap: wrap;
}
#datawall-page #datawall_content .datawall_cell .datawall_cell_int{
  height: 110px;
  margin-bottom: 0px;
  min-width: 50%;
  float: left;
}
#datawall-page #datawall_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int{
  height: 100%;
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
#datawall-page #datawall_content .datawall_cell .datawall_cell_int:nth-child(1n){
  background: #ffffff;
}
#datawall-page #datawall_content .datawall_cell .datawall_cell_int:nth-child(2n){
  background: #fbfbfb !important;
  border-bottom-left-radius: 20px;
}
#datawall-page #datawall_content .datawall_cell .datawall_cell_int:nth-child(3n){
    background: #fbfbfb !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
#datawall-page #datawall_content .datawall_cell .datawall_cell_int:nth-child(4n){
    background: #ffffff !important;
}
.results_myn_level_dw{
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 36px;
}
#datawall-page #datawall_content .datawall_cell .datawall_cell_int:nth-child(even){
    border-top-right-radius: 0;
    border-top-left-radius: 20px;
}
#datawall-page #datawall_content .datawall_cell .datawall_strand_summary{
  top: 0;right: 10px;width: 400px;
}
#datawall-page #datawall_content  #user_profile{
  right: 0;
  top: 5px;
  width: 100%;
  position: fixed;
  z-index: 10;
  opacity: 1;
  display:none;
}
#datawall-page #datawall_content #user_profile #datawall_close{
  position: fixed;
  top: 12px !important;
  z-index: 10;
  right: 5px !important;
}
#datawall-page #datawall_content  #user_profile #user_image{
  width: 55px;
  height: 55px;
  border-radius: 10px;
  background: #ecf4f9;
  position: relative;
  float: left;
  margin-left: 10px;
}
#datawall-page #datawall_content  #user_profile #user_details{
  top: 40px;
  width: 100%;
  right: 0;
}
#datawall-page #datawall_content  #user_profile #user_details #student_year{
  padding-right: 0;
  text-align: center;
  font-family: 'Open Sans', 'sans-serif';
  font-weight: 400;
}
#datawall-page #datawall_content #datawall_error{
  width: 250px;
  height: 250px;
  border-radius: 10px;
  border: 0;
  padding: 0;
  margin: auto;
  position: absolute;
  top: -80px;
  left: 0;
  bottom: 0;
  right: 0;
  background: #FFF;
}
#datawall-page #datawall_content #datawall_error #datawall_close{
  position: absolute;
  z-index: 1;
}
#datawall-page #datawall_content #datawall_error #datawall_scan_label{ 
  background: #72d0b0;
}
#datawall_menu{
  margin-bottom: 20px;
  height: 120px;
  z-index: 100;
  position: absolute;
  width: 100%;
  top: 40px;
}
#datawall_menu #datawal_menu_curriculum{
    width: 240px;
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
    margin: auto;
}
#datawall_menu #datawal_menu_curriculum label{
    font-size: 10px;
}
#datawall_menu #datawal_menu_strands{
  position: absolute;
  width: 100%;
  top: 55px;
}
#datawall_menu #datawall_menu_filter{
  width: 95%;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  top: 100px;
}
#datawall_menu #datawall_menu_filter #student_graph_options_school{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -120px;
}
#datawall_menu #datawall_menu_filter #student_graph_options_other{
  width: 190px;
  right: 0;
  position: absolute;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns{
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  position: absolute;
}
#datawall_menu #datawall_menu_filter #student_graph_button_01{
  width: 90px;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns #student_graph_button_01 .export_button_wrapper{
  width: 90px;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns #student_graph_button_01 .export_button_wrapper button{
  width: 90px;
  position: relative;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns #student_graph_button_01 .export_button_wrapper button:hover .dw_year_text{
  text-decoration:underline;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns #student_graph_button_01 .export_button_wrapper button label{
  z-index: 2;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns #student_graph_button_01 .export_button_wrapper button .dw_year_checkbox{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns #student_graph_button_01 .export_button_wrapper button .dw_year_text{
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
#datawall_menu #datawall_menu_filter #student_graph_dropdowns #student_graph_button_01 .export_button_wrapper .export_options_wrapper{
  width: 90px;
}
#datawall_menu #datawall_menu_filter #student_graph_button_02{
  width: 100px;
}
#datawall_menu #datawall_menu_filter #student_graph_button_02 .export_button_wrapper{
  width: 100px;
}
#datawall_menu #datawall_menu_filter #student_graph_options_substrands{
  position: absolute;
  right: 200px;
  width: 180px;
}
#datawall_menu #datawall_menu_filter #student_graph_options_substrands #student_graph_button_03{
  width: 100%;
}
#datawall_menu #datawall_menu_filter #student_graph_options_substrands #student_graph_button_03 .export_button_wrapper{
  width: 100%;
}
#datawall_menu #datawall_menu_filter #student_graph_options_substrands #student_graph_button_03 .export_button_wrapper .dw_substrands{
  display:none;
}
#datawall_menu #datawall_menu_filter #student_graph_options_substrands #student_graph_button_03 .export_button_wrapper .dw_substrands button{
  height: auto;
}
#datawall_menu #datawall_menu_filter #student_graph_options_substrands #student_graph_button_03 .export_button_wrapper .dw_substrands button .dw_year_text{
  width: calc(100% - 30px);
  float: right;
  height: auto;
}
#datawall_menu #datawall_menu_filter #datawall_time #numeracy_progression_dates{
  margin: 0;
  height: 30px;
  float: left;
  position: absolute;
}
#datawall_menu #datawal_menu_strands .switch-field{
  display: flex;
  justify-content: center;
  width: 95%;
  max-width: 1200px;
  height: 40px;
  display: flex;
  overflow: hidden;
  border-radius: 5px;
  background-color: #e4e4e4;
  padding: 0;
}
#datawall_menu #datawal_menu_strands .switch-field .datawall_curriculum_hidden + label{
    display: none;
}
#datawall_menu #datawal_menu_strands .switch-field label{
  width: auto;
  height: 100%;
  padding: 0.5%;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 11px;
  font-weight: 600;
  flex-grow: 1;
}
#datawall_menu #datawal_menu_strands .switch-field label span{
    font-size: 9px;
}
#datawall_content{
  z-index: 1;
  margin-top: 175px;
}
#datawall_content .datawall_empty{
  text-align: center;
}
#datawall_content #datawall_content_header{
  position: absolute;
  z-index: 10;
  height: 40px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  top: 10px;
}
#datawall_content .datawall_content_header_fixed{
  position: fixed !important;
  top: 0 !important;
  border-top: 10px solid #FFF;
}
#datawall_content #datawall_content_int{
  width: 100%;
  min-height: 1000px;
  position: relative;
  padding-top: 10px;
}
#datawall_content #datawall_content_int #datawall_content_scroll{
  margin: 0 auto;
  position:relative;
}
#datawall_content #datawall_content_int .fixed_scrollbar{
    position: fixed;
    z-index: 9999;
}
.datawall_content_int_locked #datawall_content_int{
  overflow-x: hidden !important;
}
.datawall_content_int_locked .scroll-x{
  display:none !important;
}
#datawall_content #datawall_content_int .dw_level_col{
  width: 150px;
  float: left;
  height: 100%;
  min-height: 500px;
  border-radius: 10px;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#datawall_content #datawall_content_int .dw_level_col .dw_level_header{
  height: 40px;
  font-size: 0.7em;
  width: 100%;
  text-align: center;
  background: #FFF;
  line-height: 40px;
  font-weight: 600;
}
#datawall_content #datawall_content_header .dw_level_col{
  height: 100%;
  min-height: 100% !important;
  padding: 0 !important;
}
#datawall_content #datawall_content_int .dw_level_col:nth-child(even) .dw_level_header{
  background: #fbfbfb;
}
#datawall_content #datawall_content_int .dw_level_col:nth-child(even){
  background: #fbfbfb;
}
#datawall_content #datawall_content_int .dw_level_col .dw_cell{
  margin: 5px 0px;
  background: #FFF;
  width: 75%;
  height: 30px;
  border-radius: 8px;
  border: 2px solid transparent;
  position: relative;
}
#datawall_content #datawall_content_int .dw_level_col .dw_cell:hover{
  border: 2px solid #6d6e72;
}
#datawall_content #datawall_content_int .dw_level_col .dw_cell_obscure{
  opacity: 0.4;
}
#datawall_content #datawall_content_int .dw_level_col .datawall_sep{
  width: 80%;
  height: 1px;
  background: #ddd;
  margin: 10px 0px;
}
#datawall_content #datawall_content_int .dw_level_col .datawall_sep:last-child{
  display: none;
}
#datawall_content #datawall_content_int .dw_level_col .dw_cell .dw_cell_open{
  position: absolute;
  background: transparent;
  border: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#datawall_content #datawall_content_int .dw_level_col .dw_cell .dw_user{
  font-size: 11px;
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
}
#datawall_content #datawall_content_int .dw_level_col .dw_cell .dw_user .dw_user_name{
  display: table-cell;
  vertical-align: middle;
}
#datawall_control{
  position: fixed;
  width: 30px;
  height: 30px;
  bottom: 40px;
  right: 5px;
  z-index: 1;
  background: #FFF;
  padding: 2px;
  border-radius: 5px;
  box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
  display:none;
}
#datawall_control:hover{
  transform:scale(1.1);
}
#datawall_control .datawall_control{
  width: 100%;
  height: 100%;
  background: url(../images/dashboard_expand_icon.svg);
  border: 0;
  background-size: 60px;
  cursor: pointer;
  background-position: 0px 0px;
  outline:0;
}
.datawall_control_reset .datawall_control{
  background-position: -30px 0px !important;
}
#datawall_legend{
  position: fixed;
  height: 30px;
  z-index: 10000;
  bottom: 0;
  width: 100%;
  background: #FFF;
  width: fit-content;
  right: 0;
  border-top-left-radius: 5px;
  box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
  padding-right: 20px;
}
#datawall_legend #datawall_legend_cell_main{
  width: 50px;
  border: 2px solid transparent;
  display:block;
}
#datawall_legend .datawall_legend_cell{
  width: 0px;
  float: left;
  font-size: 12px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  border: 0px solid transparent;
  display:none;
}
#datawall_legend .datawall_legend_cell_active{
  width: 26px;
  border: 2px solid #FFF;
  border-radius: 5px;
  cursor:pointer;
  position: relative;
  display:block;
}
#datawall_legend .datawall_legend_cell_active .trial_error{
  top: -24px;
  width: 60px;
  left: -23px;
}
#datawall_legend .datawall_legend_cell_active:hover{
  border: 2px solid #6d6e72;
}
#datawall_legend .datawall_legend_cell_active:hover .trial_error{
  display:block;
}
.dw_card{
  width: 400px;
  position: absolute;
  background: #FFF;
  border-radius: 10px;
  min-height: 350px;
  box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
  -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
  left: -145px;
  top: 40px;
  z-index: 2;
  display: none;
}
.dw_card_right{
  left: 0;
}
.dw_card_left{
  left: -280px;
}
.dw_card .dw_card_int{
  clear:both;
  width: 99%;
  width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 10px;
}
.dw_card .dw_card_int .dw_card_int_content{
  clear:both;
  margin-bottom: 10px;
  position:relative;
  width:100%;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_header{
  line-height: 40px;
  border-radius: 5px;
  text-align: center;
  height: 70px !important;
  padding: 0 !important;
  width: 100%;
  font-weight: 400;
  box-sizing: border-box;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell{
  clear: both;
  margin-top: 10px;
  display:flex;
  flex-direction: column;
  max-height: 400px;
  overflow:hidden;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_scroll{
  min-height: 400px;
  position:relative;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int{
  width:100%;
  height:100px;
  margin-bottom:0px;
  position:relative;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int:nth-child(even){
  background: #fbfbfb;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss{
  text-align: center;
  width:100%;
  font-size: 15px;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int{
  width: 100%;
  height: 100%;
  position: relative;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int .results_wrapper .results_circulful{
  width: 70px;
  height: 70px;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int .results_wrapper .results_circulful .dw_pre_post{
  text-align: center;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -3px;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int .results_wrapper .results_circulful .dw_pre_post div{
  font-size: 10px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  top: 14px;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int .growth_wrapper{
  position: absolute;
  bottom: 30px;
  -webkit-transform: scale(0.7);
  -webkit-transform-origin: bottom;
  transform: scale(0.7);
  transform-origin: bottom;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int .growth_wrapper .growth_wrapper_int{
  width: 100%;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_cell .datawall_cell_int .datawall_cell_ss_int .growth_wrapper_duel .growth_wrapper_int{
  width:35%;
  margin-left: 8%;
  float: left;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_strand_summary{
  width: 100% !important;
  top: 30px !important;
  left: 0;
  right: 0 !important;
  margin: auto;
  display: flex;
  justify-content: center;
  height: 25px;
  position: absolute;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_strand_summary span{
  font-weight:600;
}
.dw_card .dw_card_int .dw_card_int_content .datawall_strand_summary h3{
  border: 0;
  height: 25px !important;
  line-height: 25px !important;
  margin: 8px 2px;
  background: #FFF;
  width: 120px;
  float: right;
  border-radius: 5px;
  color: #585657;
  font-size: 11px;
  text-align: center;
}
.zpd_main_lc{
  z-index: 1002;
  background: #FFF;
  padding-top: 181px;
  margin-top: 0 !important;
  border-right: 1px solid #eee;
  width: calc(20% - 1px) !important;
  padding-bottom: 20px;
}
.lc_zpd_main_fixed{
  padding-top: 229px;
}
.zpd_main_lc_1_5{
  padding-top: 271px !important;
}
.zpd_main_lc #lc_name_cover{
  /*position: fixed;*/
  z-index: 10001;
  background: #FFF;
  height: 185px;
  top: 0;
  border-bottom: 1px solid #eee;
  min-width: 204px;
  position: absolute;
  width: 100%;
}
.zpd_main_lc .lc_name_cover_fixed{
  position: fixed !important;
  width: calc(20% - 1px) !important;
  height: 174px !important;
}
.zpd_main_lc_1_5 .lc_name_cover_fixed{
  height: 264px !important;
}
.range_wrapper_lc_1_5 .lc_zpd_main_fixed{
  padding-top: 276px !important;
}
.zpd_main_lc #lc_name_cover #a_e_sort{
  top: 120px;
}
.zpd_main_lc #lc_name_cover #a_e_sort .matrix_result #a_e_sort{
  top: 0;
}
.zpd_main_lc .height_PRE{
  height: 94px !important;
  margin: 0 !important;
}
.zpd_main_lc .height_PRE .class_list_cells{
  height: 100% !important;
  width: 100% !important;
}
.zpd_main_lc .height_PRE .class_list_cells button{
  height: 100% !important;
  border: 1px solid transparent;
  width: 45% !important;
  float:left !important;
  border-radius: 0 !important;
  background: transparent;
}
.zpd_main_lc .height_PRE .class_list_cells button .zpd_name div{
  font-size: 1.2em;
  color: #616263 !important;
}
.zpd_main_lc .group_students:nth-child(odd) .class_list_cells{
  background: #faf9f9;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages{
  width: 55%;
  float: right;
  width: calc(55% - 1px);
  height: 64px;
  margin: 15px 0px;
  border-left: 1px solid #eee;
  font-size:11px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #FFF;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display:none;
}
.zpd_main_lc .group_students:nth-child(even) .class_list_cells .lc_averages{
  background: #faf9f9;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row{
  height: 32px;
  position: relative;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row .results_myn_level{
  left: 0;
  right: 0;
  position: absolute;
  width: 36px;
  margin: 0 auto;
  top: -3px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_h{
  border-bottom: 1px solid #eee;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_h .lc_average_row:first-child{
  width:70%;
  border-right: 1px solid #eee;
  float: left;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_h .lc_average_row:last-child{
  width:30%;
  width: calc(30% - 1px);
  float: left;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_h .lc_average_row:last-child .lc_average_h:last-child{
  color: #4298cc;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_mn{
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_mn .lc_average_h_c{
  width: 32px;
  position: relative;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_mn .lc_average_h_c_tr{
  width: 23px;
  color: #4298cc;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_mn .lc_average_h_c_mn{
  width: 72px;
  float:right;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_mn .lc_average_h_c_mn .proficiency_stars{
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  margin: 0;
  position: absolute;
  right: 2px;
  transform-origin: right;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row_mn .lc_average_h_c_mn .proficiency_stars .star_outline span{
    left: 0;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row .lc_average_h{
  width: 100%;
  height: 16px;
  display: -webkit-box;
  display: flex;
  line-height: 16px;
  -webkit-box-pack: center;
  justify-content: center;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row .lc_average_h .lc_average_h_c{
  width: 50%;
  height:100%;
  color: #4298cc;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row .lc_average_h .lc_average_h_c:first-child{
  width:60%;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row .lc_average_h .lc_average_h_c:last-child{
  width:40%;
}
.zpd_main_lc .group_students .class_list_cells .lc_averages .lc_average_row .lc_average_h .lc_mn_trophy{
  background: url(../images/trophy_smaller.svg) no-repeat;
  width: 20px;
  height: 20px;
  background-size: cover;
}
.lc_year_curric_hide{
  display:none;
}
.lc_curric_hide{
  display: none;
}
#lc_overlay{
  z-index: 10001 !important;
  display:none;
  position: fixed;
}
.lce_header{
  text-align: center;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.lce_header .lce_header_sub{
  font-size: 12px;
  width: 98%;
  margin: 0 auto;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 0px 5px;
  width: calc(100% - 10px);
}
.achievement_header_lc{
  margin-top: 10px;
  padding: 0px 20px 0px 20px;
  background: #ecf4f9;
  width: auto;
}
.achievement_header_lc .class_list_headings_cells{
  margin-right: -71px !important;
  height: 33px !important;
  padding-bottom: 0 !important;
  border-bottom: 0;
  margin: 3px 0px 3px 0px;
  right: 19px !important;
  top: 0px;
}
.achievement_header_lc .class_list_headings_cells:after{
  content: '';
  background: #eee;
  background: #fff;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -3px;
}
.achievement_header_lc .class_list_headings_cells:last-child:after{
  display:none;
}
.achievement_header_lc .class_list_headings_cells .lc_understood{
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: -35px;
  z-index: 0;
}
.achievement_header_lc .class_list_headings_cells .lc_understood .code_circlful{
  display: none;
  transform: rotate(90deg) scale(1.4);
  -webkit-transform: rotate(90deg) scale(1.4);
}
.achievement_header_lc .class_list_headings_cells .lc_understood .zpd_yellow_strand_overview:before{
  content: '';
  position: absolute;
  background: rgb(255,255,255);
  background: #fdfdaf;
  border-radius: 5px;
  height: 70px;
  width: 20px;
  top: -68px;
  left: 7px;
  z-index: 0;
  opacity: 0.5;
}
.achievement_header_lc .class_list_headings_cells .lc_understood .code_circlful .number{
  font-weight: 600;
}
.achievement_header_lc .class_list_headings_cells .lc_understood .lc_growth_2:after{
  content: '';
  width: 31px;
  height: 31px;
  background: url(../images/growth_1.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  background-size: cover;
  background-position: 0px 6px;
  transform: translate(0px, -44px) scale(0.3);
  -webkit-transform: translate(0px, -44px) scale(0.3);
}
.achievement_header_lc .class_list_headings_cells .code_popup{
  height: 33px;
  line-height: 33px;
  z-index: 1;
  text-align: left;
  padding-left: 5px;
}
.achievement_header_lc_1_5{
  height: 220px !important;
}
.achievement_header_lc_1_5 .class_list_headings_cells{
  width: 220px !important;
  margin-right: -181px !important;
  height: 33px !important;
  padding-bottom: 0 !important;
  border-bottom: 0;
  margin: 3px 0px 3px 0px;
  right: 74px !important;
  top: 73px;
}
.achievement_header_lc_1_5 .class_list_headings_cells .code_popup{
  width: 175px;
  float: right;
}
.achievement_header_lc_1_5 .class_list_headings_cells .code_popup span span .code_popup_curric_code{
  text-transform: none;
  line-height: 9px;
  text-align: left;
  white-space: normal;
  font-size: 9px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.achievement_header_lc_1_5 .class_list_headings_cells .lc_understood{
  left: 3px !important;
}
.achievement_header_lc_1_5 .class_list_headings_cells .lc_understood .zpd_yellow_strand_overview:before{
  height: 130px !important;
  top: -130px !important;
}
.achievement_header_lc .class_list_headings_cells .code_popup .curric_hidden{
  height: 120px;
  width: 400px;
}
.achievement_header_lc .class_list_headings_cells .code_popup .curric_hidden .asr_content_statement_wrapper{
  height: auto;
}
.results_heading_wrapper_lc{
  height: 40px !important;
}
.results_heading_wrapper_lc .result_strand_wrapper{
  height: 40px !important;
}
.results_heading_wrapper_lc .result_strand_wrapper #asr_headings{
  height: 40px !important;
}
.results_heading_wrapper_lc .result_strand_wrapper #lc_which_view{
  top: 20px;
  left: 0;
  right: 0;
  width: 356px;
  padding: 0;
  margin: 0 auto;
}
.results_heading_wrapper_lc .result_strand_wrapper #lc_which_view .switch-field{
    padding: 0;
}
.results_heading_wrapper_lc .result_strand_wrapper #lc_which_view .switch-field label{
    width: 150px;
}
.results_heading_wrapper_lc .result_strand_wrapper #lc_show_all{
  position: absolute;
  margin: 0;
  top: 25px;
  width: auto;
  left: 10px;
  height: 20px;
  width: fit-content;
}
.results_heading_wrapper_lc .result_strand_wrapper #lc_show_all .switch-field{
  padding: 0;
}
.results_heading_wrapper_lc .result_strand_wrapper #lc_show_all .switch-field label{
  padding: 0 10px;
  width: auto;
}
.results_heading_wrapper_lc .result_strand_wrapper #asr_heading_functions{
  height: 40px !important;
}
.range_wrapper_lc #achievement_wrapper_parent #achievement_body #achievement_wrapper .mn_group_wrapper{
  padding: 20px 0px 20px 0px;
}
.range_wrapper_lc #achievement_wrapper_parent #achievement_body #achievement_wrapper .mn_group_wrapper .mn_group_interior .code_heading{
  z-index: 1001;
}
.range_wrapper_lc #achievement_wrapper_parent #achievement_body .fixed_scrollbar{
    margin-left: 20%;
}
.lc_achievement_body_fixed #achievement_body #achievement_wrapper{
    margin-top: 188px;
    margin-top: -35px;
}
 .lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .code_heading{
  position: fixed;
  left: unset;
  right: unset;
  margin-left: 0px;
  z-index: 1001;
  top: 12px;
  border-top: 3px solid #FFF;
}
.lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .code_heading .code_heading_sub{
  position: relative;
}
.lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .achievement_header{
  position: fixed;
  top: 0;
  background: #fff;
  background: #ecf4f9;
  padding-right: 20px;
  padding-top: 34px;
  border-bottom: 1px solid #eee;
}

.range_wrapper_lc_1_1 .lc_achievement_body_fixed #achievement_body #achievement_wrapper{
    margin-top: 188px !important;
    margin-right: 0px;
  }
.range_wrapper_lc_0_5 .lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .achievement_content{
  margin-top: 185px !important;
  margin-right: 0px;
}
.range_wrapper_lc_0_1 .lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .achievement_content{
  margin-top: 185px !important;
  margin-right: 0px;
}
.range_wrapper_lc_0_2 .lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .achievement_content{
  margin-top: 185px !important;
  margin-right: 0px;
}
.range_wrapper_lc_1_2 .lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .achievement_content{
    margin-top: 185px !important;
    margin-right: 0px;
  }
.range_wrapper_lc_1_5 .lc_achievement_body_fixed #achievement_body #achievement_wrapper .zpd_range_wrapper .mn_group_interior .achievement_content{
  margin-top: 275px !important;
  margin-right: 0px;
}
.range_wrapper_lc_0_5 .lc_zpd_main_fixed{
  padding-top: 186px !important;
}
.range_wrapper_lc_0_1 .lc_zpd_main_fixed{
  padding-top: 186px !important;
}
.range_wrapper_lc_0_2 .lc_zpd_main_fixed{
  padding-top: 186px !important;
}
.range_wrapper_lc_1_2 .lc_zpd_main_fixed{
    padding-top: 186px !important;
}
.achievement_content_lc{
  display:flex;
  flex-direction: column;
  margin-top: 5px !important;
}
.height_lc{
  height: 64px;
  line-height: 15px !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  padding: 5px;
  padding: 5px 20px 5px 20px;
}
.height_lc:nth-child(odd){
  background: #faf9f9;
  padding: 15px 20px 15px 20px;
  margin: 0 !important;
}
.height_lc .achievement_cells_lc{
  height: 31px;
  min-height: 31px;
  height: auto;
  border: 1px solid #eee;
  width: 31px !important;
  background: #FFF;
  background: transparent;
  border-radius: 5px;
  margin: 0px 3px 0px 3px;
}
.lc_assessed_0{
  display:none;
}
.height_lc .lc_code_inactive{
  opacity: 0.5;
  pointer-events: none;
  width: 19px !important;
  height: 19px !important;
  min-height: 19px !important;
  margin: 6px 9px 6px 9px;
  /* background: #78e1c0; */
  border: 1px solid #78e1c0;
  border-radius: 3px;
}
.height_lc .lc_cell_locked{
    pointer-events: none;
}
.height_lc .achievement_cells_lc .lc_cell_internal{
  display: flex;
  flex-direction: column;
}
.height_lc .achievement_cells_lc .lc_cell_internal .lc_as_data{
  width: 31px;
  height: 31px;
}
.height_lc .achievement_cells_lc:hover{
  border: 1px solid #666;
  box-shadow: none;
}
.height_lc .lc_cell{
  pointer-events: none;
}
.height_lc .lc_cell_data{
  background: #FFF;
  pointer-events: unset;
}
.height_lc .lc_cell_mn{
  height: 62px;
}
.height_lc .achievement_cells_lc .achievement_cells_zpd{
  width: 31px !important;
  height: 31px;
  margin: 0px 9px 0px 0px;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  border-radius: 5px;
  box-shadow: none;
  display:none;
}
.height_lc .achievement_cells_lc .lc_as_hover:before{
  content:'';
  top: 5px;
  left: 5px;
  width: 21px;
  height: 21px;
  position:absolute;
  background: url(../images/expand_icon.svg) no-repeat;
  background-size: cover;
}
.height_lc .achievement_cells_lc .lc_growth_2:after{
  content: '';
  width: 31px;
  height: 31px;
  background: url(../images/growth_1.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  background-size: cover;
  background-position: 0px 4px;
  transform: translate(0px, -34px) scale(0.6);
  -webkit-transform: translate(0px, -34px) scale(0.6);
}
.height_lc .achievement_cells_lc_mn{
  background: transparent;
}
.height_lc .achievement_cells_lc_mn .mn_complete{
  border-radius: 5px;
  border: 0;
  display: block;
}
.height_lc .achievement_cells_lc_mn .mn_complete .mn_complete_wrapper .mn_lc{
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 4px;
  opacity: 0.8;
}
.range_wrapper_lc_indicator_1 .zpd_main_lc .height_PRE{
  height: 64px !important;
}
.range_wrapper_lc_indicator_1 .zpd_main_lc .height_PRE .class_list_cells .lc_averages{
  height: 32px;
}
.range_wrapper_lc_indicator_1 .zpd_main_lc .height_PRE .class_list_cells .lc_averages .lc_average_row_mn{
  display:none;
}
.range_wrapper_lc_indicator_1 .achievement_content_lc .height_lc{
  height: 34px !important;
}
#lce_interior #stu_ctive_interior #lce_code_content .stu_active_hov_type{
  width: 100%;
}
#lce_interior #stu_ctive_interior #lce_code_content .stu_active_hov_type .stu_active_hov_content{
  display: block;
}
#lce_interior #stu_ctive_interior .myn_active_col{
  display:none;
}
#lce_interior #stu_ctive_interior .lce_header_wrap{
  border: 0;
  overflow: hidden;
}
#lce_interior #stu_ctive_interior .myn_active_col .myn_active_content .stu_active_hov_type{
  display:none;
}
#lc_date_picker{
  position: absolute;
  height: 30px;
  width: 90%;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: auto;
  top: 70px;
}
#lc_date_picker #numeracy_progression_dates{
  margin: 0;
}
#lc_date_picker .slidecontainer {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#lc_date_picker .slider {
  width: 100%;
  height: 10px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  border-radius: 5px;
}
#lc_date_picker .slider:hover {
  opacity: 1;
}
#lc_date_picker .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4298cc;
  cursor: pointer;
  border-radius:50%;
}
#lc_date_picker .slidecontainer .rangeslider--horizontal{
  margin: 0;
  background: #eee;
  height: 15px;
  box-shadow: none;
  border: 1px solid #ddd;
}
#lc_date_picker .slidecontainer .rangeslider--horizontal .rangeslider__fill{
  box-shadow: none;
}
#lc_date_picker .lc_range_status_1 .rangeslider--horizontal .rangeslider__fill{
  background: rgba(245, 223, 121, 0.5);
}
#lc_date_picker .lc_range_status_2 .rangeslider--horizontal .rangeslider__fill{
  background: rgba(180, 215, 235, 0.5);
}
#lc_date_picker .lc_range_status_3 .rangeslider--horizontal .rangeslider__fill{
  background: rgba(247, 182, 176, 0.5);
}
#lc_date_picker .slidecontainer .rangeslider--horizontal .rangeslider__handle{
  height: 25px;
  top: -6px;
  width: 25px;
  border-radius: 50%;
  background: #4298cc;
  border: 1px solid transparent;
  border-radius: 5px;
}
.ea_intro_ntlc_date_picker .slidecontainer #lc_range_status{
  position: absolute;
  width: 100px;
  top: -33px;
  height: 20px;
  text-align: center;
  right: 0;
  left: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 20px;
  font-size: 14px;
  margin: auto;
  background: #ecf4f9;
}
@media (max-width: 800px) {
  .datawall_cell{
    flex-direction: column;
  }
  .datawall_header{
    text-align: center;
    height: 70px !important;
    padding: 0 !important;
  }
  .datawall_strand_summary{
    width:98% !important;
    top: 30px !important;
    left:0;
    right:0 !important;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  #main_datawall-page .header_width #header_logo{
    transform: scale(0.6);
  }
  #video-container #video-container-internal{
    padding-top: 132.35% !important;
  }
  .pr_notes_edit_duel .pr_comments{
    width: 100%;
  }
  #pr_notes_wrapper .pr_notes{
    min-height: initial;
  }
  .pr_strand_wrapper .pr_strand_body .pr_substrand_body .pr_substrand_header .pr_substrand_result{
    width: 35px;
  }
  #pr_notes_wrapper #pr_notes_header_wrapper .pr_notes_header{
    padding-left: 10%;
  }
  #datawall-page #datawall_content .datawall_cell .datawall_cell_int:nth-child(1n){
    background: #ffffff !important;
  }
  #datawall-page #datawall_content .datawall_cell .datawall_cell_int:nth-child(2n){
    background: #fbfbfb !important;
    border-radius: 0;
  }
  #datawall-page #datawall_content #user_profile #user_image{
    width: 45px;
    height: 45px;
  }
  #datawall-page #datawall_content #user_profile #user_image img{
    width: 35px !important;
  }
  #scanner_datawall_header{
    height: 110px;
    bottom: 10px;
    transform: scale(0.8);
    border-radius: 10px;
    overflow: hidden;
  }
  #scanner_datawall_header .datawall_scan_label{
    border-radius: 5px;
    padding: 0px 0px;
    font-weight: 600;
    line-height: 16px;
    height: 33px;
    font-size: 14px;
  }
}
#ea_sub_trial{
  height: 100% !important;
  width: 100% !important;
}
#ea_sub_trial #ea_sub_trial_internal{
  position: relative;
  width:100%;
  height:100%;
  background: #FFF;
}

.sub_options{
	position: relative;
    float: left;
    width: 30px;	
}
.class_card_profile_edit .sub_box{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1000;
  }
  .sub_options .sub_box{
    width: 32px;
    margin: 0 auto;
    position: relative;
    height: 32px;
}
.sub_options [type="checkbox"]:not(:checked) + label:before, .sub_options [type="checkbox"]:checked + label:before{
	left: 1px;
    top: 1px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd !important;
    box-shadow: none !important;
}
.sub_options [type="checkbox"]:not(:checked) + label:after, .sub_options [type="checkbox"]:checked + label:after{
    left: 7px;
    top: 7px;
    transform: scale(1.3);
    background: #4298cc;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.create_edit_key_contact #create_edit_admin{
	position: relative;	
    width:100% !important;
    border: 1px solid #ddd;
}
.create_edit_key_contact #create_edit_admin label{
	position: absolute;
}
.class_profile_tile .create_edit_key_contact{
  top: 138px;
  left: 0;
  right: unset;
  margin: auto;
}
.class_profile_input .create_edit_key_contact {
    position: absolute;
    top:0 !important;
}
.create_edit_key_contact #create_edit_key_contact .sub_options,.create_edit_key_contact #create_edit_admin label{
    position: absolute;
    left: 0;	
}
.create_edit_key_contact #create_edit_key_contact .sub_options .sub_box,.create_edit_key_contact #create_edit_admin label{
    position: absolute;
    left: 0;	
}
#create_edit_admin {
  position: absolute;
  left: 50px;
  width: 65% !important;
}
/* ------------- */

.tree-menu-1st-example ul {
    padding-left: 0px;
  }
  
  .tree-menu-1st-example ul li {
    list-style-type: none;
    padding-left: 30px;
     /*position: relative;
    line-height: 2em; */
  }
  
  .tree-menu-1st-example ul li:before {
    content: "";
    position: absolute;
    border-right: 2px dotted #ccc;
    border-bottom: 2px dotted #ccc;
    border-radius: 0 0 0 0px;
    height: 48%;
    z-index: 1;
    left: 63px;
  }
  
  .tree-menu-1st-example ul li:after {
    content: "";
    display: block;
    position: absolute;
    border-top: 2px dotted #ccc;
    border-radius: 0px 0 0 0;
    width: 20px;
    height: 50%;
    left: 66px;
    top: 18px;
  }

  #class_view_assessment_defaults .tree-menu-1st-example ul li:after{
    left: 46px;
}

.tree-menu-1st-example .toolbar_dropdown_box .toolbar_headings_functions_indent2 .toolbar_headings_functions #student_review_wrapper .student_review_container{
    right: 5px;
}
  
  .child_option_add_opacity
  {
    opacity : 0.5;
    pointer-events:none;
  }

  .child_option_remove_opacity
  {
    opacity : 1;
    pointer-events:auto;
  }

  .assessment_list_buttons {
    background: url(../images/list_class_icons.svg);
    background-repeat: no-repeat;
    background-position: -20px -2px;
    background-size: 100px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 76px;
    top: 10px;
}
.locked_notification
{
    left: 5px;
    top: 2px;
}
#flexi_library_main #existing_students_wrapper #flexi_col_1{
    height: calc(100% - 70px);
    padding-top: 70px;
    width:100%;
    z-index: 1;
    background: #FFF;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2{
    width:50%;
    position: absolute;
    right: 0;
    z-index: 0;
    display:none;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class_heading{
    top: 20px;
    background: #FFF;
    border: 0;
    font-size: 1em;
    font-weight: 100;
    display: flex;
    flex-direction: column;
    line-height: 20px;
    height: 40px;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class_heading div:first-child{
    font-weight: 400;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #flexi_quiz_name{
    height: 30px;
    bottom: unset;
    right: 10px;
    left: unset;
    top: 30px;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #flexi_quiz_name #flexi_save{
    width: 150px;
    line-height: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    font-size: 14px;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class{
    height: calc(100% - 70px) !important;
    display: flex;
    width: 100%;
    border: 0;
    border-top: 1px solid #ddd;
    margin: 0;
    margin-top: 100px;
    background: #e8f6ff;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content{
    display:block;
    border: 0;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_code_uow_heading{
    flex-direction: column;
    align-items: normal;
    height: fit-content;
    position: relative;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_code_uow_heading .flexi_custom_remove{
    width: 30px;
    height: 30px;
    position: absolute;
    right: -30px;
    margin:0;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_code_uow_heading .flexi_custom_remove button{
    border: 0;
    border-radius: 5px;
    padding:0;
    width: 100%;
    height: 100%;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_code_uow_heading .flexi_custom_remove button:after{
    content: '';
    background: #fff;
    height: 2px;
    width: 16px;
    position: absolute;
    left: 7px;
    top: 14px;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_code_uow_heading .flexi_custom_remove:hover .add_student_labels{
    display:block;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_code_uow_heading div{
    margin: 5px 0px;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description:nth-child(odd){
    /*background: #FFF;*/
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description:before{
    display: none;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description{
    padding-left:5px;
    display: flex;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description .flexi_uow_toggle{
    width: 35px;
    height: 25px;
    min-width: 35px;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description .flexi_uow_toggle label{
    padding: 0;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description .flexi_uow_toggle [type="checkbox"]:not(:checked) + label:before, #flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description .flexi_uow_toggle [type="checkbox"]:checked + label:before{
    left:0;
    top:0;
}
#flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description .flexi_uow_toggle [type="checkbox"]:not(:checked) + label:after, #flexi_library_main #existing_students_wrapper #flexi_col_2 #add_to_class #unit_of_work_content .flexi_description .flexi_uow_toggle [type="checkbox"]:checked + label:after{
    top: 4px;
    left: 3px;
}
#flexi_library_main #flexi_library_filter{
    position: absolute;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #ddd;
    z-index: 1;
    display: flex;
    justify-content: center;
    top: 0;
    flex-direction: column;
    background: #FFF;
}
#flexi_library_main #flexi_library_filter .flexi_library_filter_row{
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    height: 25px;
}
#flexi_library_main #flexi_library_filter .flexi_library_filter_row:first-child{
    z-index: 1;
}
#flexi_library_main #flexi_library_filter .flexi_library_filter_row .flexi_library_filter .flexi_library_filter_locked + label{
    opacity: 0.5;
    pointer-events: none;
}
#flexi_library_main #flexi_library_filter .flexi_library_filter_row .flexi_library_filter{
    margin: 0px 5px;
    display:flex;
}
#flexi_library_main #flexi_library_filter .flexi_library_filter_row .flexi_library_filter .switch-field{
    padding:0;
    display:flex;
    overflow: visible;
}
#flexi_library_main #flexi_library_filter .flexi_library_filter_row .flexi_library_filter .switch-field label{
    width: fit-content;
    font-size: 10px;
    position:relative;
}
#flexi_library_main #flexi_library_filter .flexi_library_filter_row .flexi_library_filter .switch-field label div{
    top: 30px;
    display: none;
    font-size: 15px;
    right: 0;
    left: -40px;
    margin: auto;
    height: 40px;
    width: 150%;
    background: rgba(245, 223, 121, 1);
    color: #666;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-radius: 10px;
    border: 2px solid rgba(97, 97, 97, 0.9);
    line-height: 40px;
}
#flexi_library_main #existing_students_scroll{
    display: flex;
    flex-direction: column;
}
#flexi_library_main .flexi_code_card{
    display: flex;
    flex-direction: column;
    height: fit-content;
    border-radius: 10px;
    padding: 10px 10px 20px 10px;
    margin: 0 auto;
    width: calc(95%);
    display:none;
    margin-top: 4px;
}
#flexi_library_main .flexi_code_card:hover{
    background:#e8f6ff !important;
}
#flexi_library_main .flexi_code_card:nth-child(even){
    background: #f7f7f7;
    border-radius: 10px;
}
#flexi_library_main .flexi_code_card_locked{
    opacity:0.5;
    pointer-events: none;
}
#flexi_library_main .flexi_code_card .flexi_code_heading{
    display: flex;
    flex-direction: column;
    height: fit-content;
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_uow_organiser_wrapper{
    border-bottom: 1px dashed #ddd;
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_uow_organiser_wrapper:last-child{
    border-bottom: 0;
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_uow_organiser_wrapper .flexi_uow_organiser{
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    width: calc(100% - 40px);
    padding-left: 30px;
    position: relative;
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_uow_organiser_wrapper .flexi_uow_organiser:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #4298cc;
    border-radius: 50%;
    left: 5px;
    top: 50%;
    transform: translateY(-5px);
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_description{
    display: flex;
    align-items: center;
    height: fit-content;
    width: calc(100% - 50px);
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    display:none;
}
#flexi_library_main .flexi_code_card_expand .flexi_code_heading .flexi_description{
    display: block !important;
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_description:last-child{
    border: 0;
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_description:before{
    left: 3%;
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #4298cc;
    border-radius: 0;
    transform: none;
}
#flexi_library_main .flexi_code_card .flexi_code_heading .flexi_description .flexi_description_child{

}
#flexi_library_main .flexi_code_card .flexi_unit_length{
    position: absolute;
    font-size: 11px;
    right: 128px;
    top: 14px;
    z-index: 0;
    color: #666;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px;
    border-radius: 5px;
    font-weight: 600;
    background-color: #ddd;
}
#flexi_library_main .flexi_code_card_locked .flexi_unit_length{
    display:none;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading{
    height: 40px;
    line-height: normal;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #4298cc;
    width: calc(100% - 40px);
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_uow_message{
    position: absolute;
    font-size: 11px;
    right: 216px;
    top: 14px;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px;
    border-radius: 5px;
    background: #fbcb99;
    color: #666;
    font-weight: 600;
    display:none;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_uow_message_1{
    display: block !important;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_code_uow_heading_internal{
    display:flex;
    flex-direction: column;
    margin-top: 5px;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_substrands{
    display: flex;
    margin: 20px 0px;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_substrands div{
    font-size: 12px;
    padding: 0px 5px;
    margin: 0px 2px;
    border-radius: 5px;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_functions{
    display: flex;
    flex-direction: row-reverse;
    width: 80px;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_functions .flexi_function_unit{
    position: relative;
    width: 30px;
    height: 30px;
    margin: 5px;
    z-index: 1;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_functions .flexi_functions_add{
    z-index: 3;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_functions .flexi_functions_edit button img{
    width: 30px;
    margin-left: -5px;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_functions .flexi_functions_expand{
    z-index: 2;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_functions .flexi_functions_expand button img{
    margin-left: 0;
}
#flexi_library_main .flexi_code_card .flexi_code_uow_heading .flexi_functions .flexi_function_unit_custom{
    display: none;
} 
#flexi_library_main #flexi_feedback{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: calc(100% - 70px);
    top: 70px;
    background: rgba(255, 255, 255, 0.6);
    opacity: 0;
    display: none;
}  
#flexi_library_main #flexi_feedback .flexi_feedback_options{
    display:none;
}
#flexi_library_main #flexi_feedback .confirm_message{
    color: #4298cc;
    text-align: center;
    font-size: 2em;
    font-weight: 100;
    display:block;
}
#flexi_library_main #flexi_feedback #confirm_account{
    left: 0;
    right: 0;
    display:none;
}
#flexi_library_main #flexi_feedback #confirm_message_remove .confirm_image{
    background: #ccebf3 url(../images/trash.svg);
    background-size: cover;
}

.uow_list_buttons {
    position: relative;
    float: right;
    width: 25px;
    border-radius: 5px;
}

.uow_list_buttons a {
    margin: 0 auto;
    background: url(../images/list_class_icons.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    background-size: 106px;
    width: 25px;
    height: 25px;
}


/* student achievement assessment statements */
#achievement_standard_statements_view {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    display: none;
    margin-top: -20px;
}

#achievement_standard_statements_settings {
    display: flex;
    margin-bottom: 10px;
}

#achievement_standard_statements_type {
   padding: 5px;
}

#achievement_standard_statements_type .s_a_heading {
    font-size: 13px;
    width: 140px;
}

.achievement_standard_statements_table {
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 2px;
    color: #000;
}

.achievement_standard_statements_table td {
    border: 1px solid #ddd;
    padding: 2px;
}

.achievement_standard_statements_table th {
    border: 1px solid #ddd;    
    background-color: #f0f7fb;
    font-weight: bold;
    vertical-align: text-top;
    padding: 2px;
}

#achievement_standard_statements_settings .help_icon {
    display: inline-block;
	background-image: url(../images/info_v2.svg);
	background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 11px;
    right: 40px;
}

#achievement_standard_statements_info {
    display: none;
    position: absolute;
    z-index: 1;

    top: 35px;
    right: 20px;
    width: 400px;

    background: white;
    border: 2px solid #ccebf3;
    border-radius: 5px;
    
    font-size: 13px;
    padding: 10px;
    text-align: left;

    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);    
}

#achievement_standard_statements_info li.info_demonstrated {
    margin-bottom: 5px;
    background-color: #b6d7a8;
    color: #000;
}

#achievement_standard_statements_info li.info_partially {
    margin-bottom: 5px;
    background-color: #fefed9;
    color: #000;
}

#achievement_standard_statements_info li.info_not {
    margin-bottom: 5px;
    background-color: #ffdcd9;
    color: #000;
}

#achievement_standard_statements_info li.info_na {
    margin-bottom: 5px;
    background-color: #fff;
    color: #222;
}

.generic_tooltip_icon {
    display: inline-block;
	background-image: url(../images/info_v2.svg);
	background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
}

.generic_tooltip {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    padding: 30px;
    z-index: 1000000;
    text-align: center;
    max-width: 300px;
}

.generic_tooltip a {
    color: white;
}


/* problematic section for highlighting */
.export_1{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='137' viewBox='0 0 126 84'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M126 83v1H0v-2h40V42H0v-2h40V0h2v40h40V0h2v40h40V0h2v83zm-2-1V42H84v40h40zM82 42H42v40h40V42zm-50-6a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm96 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-42 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm30-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM20 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 24a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24-42a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.export_2{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='175' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.export_3{
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.export_4{
	background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.export_5{
	background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.3' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.export_6{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='53' viewBox='0 0 56 28' %3E%3Cpath fill='%23ffffff' fill-opacity='0.3' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
}
.export_7{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='404' height='404' viewBox='0 0 304 304' %3E%3Cpath fill='%23ffffff' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
}
.export_8{
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.export_9{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='212' height='212' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}