@charset "UTF-8";

/* ================== */
/*	    QUIZ ADMIN    */
/* ================== */
::-ms-clear { display: none; }
.col25{
	width:25%;
	float:left;
	position: relative;
}
.col50{
	width:50%;
	float:left;
	position: relative;
}
.col70{
	width:70%;
	float:left;
}
.col30{
	width:30%;
	float:left;
}
.col33{
	width:33.33%;
	float:left;
}
.bar_graph_0{
	width:0% !important;
}
#t_login_w{
	width: 500px;
	height: 230px;	
}
.login_message{
    width: 499px;
    left: 0;
	right: 0;
	margin: auto;
}
.ppfix{
	width: 427px !important;
	height: 50px;
	font-size: 20px;
}
.login_common ul li{
	width: 500px !important;
	margin: 0 !important;
    display: inline-block;
}
.login_common ul li:first-child{
	margin-bottom: 15px !important;
}
#teacher_student_preview_notice{
    position: absolute;
    z-index: 100;
    background: #FFF;
    text-align: center;
    top: 120px;
    right: 0;
    left: 0;
    background: #ff6d10;
    border-radius: 5px;
    font-size: 12px;
    color: #FFF;
    padding: 2px;
    width: 500px;
    width: 800px;
    height: 35px;
    margin: 0 auto;
}
#teacher_student_preview_notice a{
    color: #000;
    font-weight: 600;
}
#pinch_to_zoom{
	position: fixed;
	background: #FFF;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: #4298cc;
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='%23ffffff' fill-opacity='0.25'%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");
	display: none;
}
#pinch_to_zoom #pinch_to_zoom_messange{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/pinch_to_zoom.svg);
}
#schoolname{
	position: absolute;
    top: 0;
    left: 51px;
    line-height:50px;
    height: 50px;
    display: none;
}
#schoolname #schoolname_result{
	top: 0;
    left: 46px;
    line-height: 50px;
    height: 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow:hidden;
    font-size: 18px;
}
#schoolname #schoolname_change{
    position: absolute;
    border: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 80px;
    padding: 0;
    height: 52px;
    line-height: 42px;
    right: 0;
    top: 0;
    font-size: 16px;
}
.quiz_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background-color: rgba(0,0,0,0.3); /*dim the background*/
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.quiz_overlay_darker{
	background-color: rgba(0,0,0,0.6) !important;
}
.common_hover {
	text-decoration: none;
	background: #FFF;
	/*background: #ecf4f9;*/
	display: block;
	color: #000;
}
html.non-touch .common_hover:hover {
	display: block;
}
.class_list {
	margin: 0 auto;
	width: 100%;
	font-weight:400;
	position: relative;
}
.export_pdf_wrapper{
	display:none;
	position: absolute;
	background:#FFF;
    width: 100%;
    height: 27px;
    z-index: 1;
    top: 48px;
}
.edit_result_button {
	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: none;
    font-size: 11px;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 5px;
    top: 20px;
    position: absolute;
    right: 10px;
    border-radius: 5px !important;
}
.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{
    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;
}

#game_loader{
	transform: scale(1.5);
    z-index: 10000;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
	bottom: 80px;
    right: 0;
    display: none;
    border-left: 3.1em solid #1fa1d2;
    width: 150px;
    height: 150px;
    border-top: 3.1em solid rgba(255, 255, 255, 0.2);
    border-right: 3.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 3.1em solid rgba(255, 255, 255, 0.2);
}

@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;
}

/* Question Layout */
  #header_student{
	height: 80px;
    background: none;
    width: 100%;
}
#full_screen{
	display: none;
}
.full_screen{
	background: url(../images/expand_icon.svg);
    width: 35px;
    height: 35px;
    position: absolute;
    right: 18px;
    top: 18px;
    display: block;
    background-repeat: no-repeat;
    background-size: 30px;
    border: 0;
    outline: 0;
    z-index: 100;
    background-color: #FFF;
    padding: 5px;
    background-position: 3px 2px;
    border-radius: 5px;
}
.full_screen_assessment{
	z-index: 10000;
    top: 0 !important;
    right: 0 !important;
    width: 20px !important;
    height: 20px !important;
    background-size: 16px !important;
    background-color: #fbfbfb !important;
}
#header_wrapper{
	/*
  	background: #FFF;
  	*/
  	width: 100%;
    height: 80px;
    position: absolute;
    z-index: 4;
	top: 0px;
	/*
	border-bottom: 10px solid #eee;
	*/
}
.student_page {
    overflow:hidden;
    position:fixed !important;
    touch-action: none;
}
#quiz_progress_bar {
	height: 10px;
	position: absolute;
	top: 85px;
	background: #6ac7a1;
	z-index: 3000;
	transition: 1s;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#quiz_list_toolbar {
    width: 724px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 10001;
    background: transparent;
    position: absolute;
    top: 74px;
}
.quiz_list_disabled{
	display: none;
}
#quiz_save_progress{
	position: absolute;
    display: none;
    background: #FFF;
    line-height: 40px;
    width: 200px;
    border-radius: 20px;
    z-index: 1000000;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 10px 80px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);
    top: 10px;
}
#quiz_save_progress #quiz_save_animation{
	background: transparent;
	top: 40px;
	display: block;
}
#quiz_save_progress #quiz_save_animation #progress{
	background: transparent;	
}
#quiz_save_progress #quiz_save_animation #progress #pdf_animator_all{
	background: transparent;	
}
#quiz_save_progress #quiz_save_animation #progress #pdf_animator_all .cs-loader-inner{
	color: #4298cc;	
}
#question_wrapper {
	width: 100%;
	/*height: 600px;*/
    height: 100vh;
	font-family: 'Open Sans', 'sans-serif';
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 1001;
}
.question_wrapper_animate{
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	will-change: transform;
}
.question_wrapper_scaled{
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
	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;
    opacity: 0.7;
    pointer-events: none;
	/*filter: blur(2px);*/
}
.question_wrapper_scaled_smaller{
	transform:scale(0.8) !important;
	-webkit-transform:scale(0.8) !important;
	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;
}
.question_content {
	margin: 0 auto;
	position: relative;
	height: 800px;
	/* background: #fff; */
	width:100%;
}
.question_content_sketch{
	width: 75%;
	float:left;
}
.question_content_2 {
	margin: 0 auto;
	position: relative;
	height: 50%;
	background: #fff;
	width:100%;
}
.question_text{
	background-color:#fbfbfb;
	font-family: 'Open Sans', 'sans-serif';
	height: 85px;
	width: 100%;
	border-bottom: 10px solid #eee;
	font-weight: 100;
	font-size: 1.2em;
	line-height: 23px;
	position: absolute;
	z-index: 2;
}
.body_internal{
	position: absolute;
    width: 100%;
    transform: translateY(95px);
    -webkit-transform: translateY(95px);
    height: 100%;
}
.my_literacy_width{
	width: 66.66% !important;
}
.my_literacy_width .literacy_image_wrapper:after{
	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='%234298cc' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.body_internal_animate{
	transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    will-change: transform;
}
.body_smaller{
	transform: translateY(95px) scale(0.9);
    transform-origin: top;
    -webkit-transform: translateY(95px) scale(0.9);
    -webkit-transform-origin: top;
}
.question_text_sub{
    position: absolute;
    z-index: 1;
    background: #eee;
    width: 85%;
    height: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* border: 2px solid #eee; */
    background: #fbfbfb;
    top: 25px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    /* display: table; */
    z-index: 100;
    box-shadow: none;
    background: #FFF;
    border-bottom: 1px solid #eee;
    border: 0;
    background: transparent;
    /* text-shadow: 3px 1px 5px rgba(150, 150, 150, 1); */
    font-size: 18px;
}
.question_text_sub .question_text_sub_internal{
	/*vertical-align: middle;
	display: table-cell;*/
	/* font-style: italic; */
    text-align: center;
    font-weight: 100;
    padding: 5px;
    min-height: 20px;
    /* border: 1px solid #ddd; */
}
.question_text_sub .question_text_sub_internal_smaller{
	transform: scale(0.75);
    transform-origin: top;	
}
.question_text_sub .question_text_sub_internal .question_sub_text_image{
    margin: 0 auto;
    display: block;
    margin: auto;
}
.question_text_sub .question_text_sub_internal .question_sub_text_image img{
	border-radius: 10px;	
    margin: auto;
    display: block;
    height:auto;
    max-height: 100px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd !important;
    padding: 5px;
}
.question_text_sub_my_literacy{
	top: 52px !important;
	top: 35px !important;
}
.question_text_sub_my_literacy .question_text_sub_internal{
	background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
	display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
}
.question_text_sub_my_literacy .question_text_sub_internal div{
	border: 0 !important;
}
.question_text_sub_my_literacy .question_text_sub_internal_image{
    background: transparent;
    border: 0;
}
.question_text_sub_review{
    width: 45%;
    left: 3%;
    right: unset;
}
.quiz_images{
	display:block;
}
.question_text h1{
	/*padding:15px 15px 0 15px;*/
	font-weight: 400;
	font-size: 1.5em;
    line-height: 1.1em;
    padding: 5px 15px 0 15px;
}
.highlight{
	background: #f5df79;
    /*outline: solid 3px #f5df79;*/
}
.my_numeracy_graded{
    width: 150px;
    height: 150px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: url(../images/correct_incorrect_v2.svg);
    background-size: 460% !important;
    display: none;
}
.my_numeracy_graded_correct{
    background-position: -159px 4px;
}
.my_numeracy_graded_incorrect{
    background-position: -4px -1px;
}
/* Audio Skin */
.audio_wrapper{
    position: relative;
    width: 40px;
    height: 40px;
    float: left;
    z-index: 20001;
    margin: 5px;
    margin-bottom: 30px;
	pointer-events: all !important;
}
.audioPlayer{
	width: 40px;
    height: 40px;
    display: block;
    background: url(../images/speaker_icon.svg);
    border: 0;
    outline: 0;
    cursor: pointer;
    cursor: hand;
    background-repeat: no-repeat;
    background-color: #4298cc;
    border-radius: 5px;
    background-position: 5px 5px;
}
.audioPlayer_literacy{
	width: 40px;
    height: 40px;
    display: block;
    background: url(../images/speaker_icon.svg);
    border: 0;
    outline: 0;
    cursor: pointer;
    cursor: hand;
    background-repeat: no-repeat;
    background-color: #4298cc;
    border-radius: 5px;
    background-position: 5px 5px;
    position: absolute;
}
.audioPlayerDynamic{
  width: 40px;
    height: 40px;
    display: block;
    background: url(../images/speaker_icon.svg);
    border: 0;
    outline: 0;
    cursor: pointer;
    cursor: hand;
    background-repeat: no-repeat;
    background-color: #4298cc;
    border-radius: 5px;
    background-position: 5px 5px;
    position: absolute;
    border-radius: 8px;
}
html.non-touch .audioPlayer:hover{
	background-color:#005587;
}
html.non-touch .audioPlayer_literacy:hover{
	background-color:#005587;
}
.audio_wrapper .audiojs .play{
	width: 30px;
    height: 30px;
    display: block;
    background-position: 0px 0px;
    background: url(../images/speaker_icon.svg);
    margin: 6px 5px!important;
    border: 0;
    outline: 0;
    cursor: pointer;
    cursor: hand;
}
.audio_wrapper_mc{
    position: absolute;
    left: 0;
    left: -4px;
    /*right: 0;*/
    bottom: -29px;
    margin-left: auto;
    margin-right: auto;
    float: initial;
    width: 45px;
}
.audio_wrapper_mc .audioPlayer{
	background-position: 0px 0px;
	width: 30px;
	height: 30px;	
	margin: 6px 9px!important;
}
.audio_wrapper_mc_v2{
	top: 0;
    left: 0;
    right: auto;
    bottom: auto;	
}
.audio_wrapper_mc_v2_sub{
	top: -12px;
    left: auto;
    right: -41px !important;
    bottom: auto;	
}
.audio_wrapper_mc_lit_1, .audio_wrapper_mc_lit_2, .audio_wrapper_mc_lit_3{
    right: initial;
    top: 4px;
	position: absolute;
}
.audio_wrapper_mc_lit_1{
    right: 1px;
	top: 50%;
    transform: translateY(-50%);
    height: 40px;
}
.audio_wrapper_mc_lit_2{
    right: 5px;
	top: 50%;
    transform: translateY(-50%);
    height: 40px;
}
.audio_wrapper_mc_lit_3{
    right: 2px;
	top: 50%;
    transform: translateY(-50%);
    height: 40px;
}
.audio_wrapper_mc_lit_1 .rsbtn_play{
	margin: 5px !important;
}
.audio_wrapper_mc_lit_2 .rsbtn_play{
	margin: 5px !important;
}
.audio_wrapper_mc_lit_3 .rsbtn_play{
	margin: 5px !important;
}
.audio_wrapper_mc_lit_1 .audioPlayer{
	width: 35px !important;
    height: 35px !important;
    background-position: 2px 2px !important;
}
.audio_wrapper_mc_lit_2 .audioPlayer{
	width: 35px !important;
    height: 35px !important;
    background-position: 2px 2px !important;
}
.audio_wrapper_mc_lit_3 .audioPlayer{
	width: 35px !important;
    height: 35px !important;
    background-position: 2px 2px !important;
}
.audio_wrapper_lit{
	position: absolute;
    bottom: 20px;
    left: 18px;
    z-index: 1;
    height: 40px;
    width: 40px;
}
.audio_wrapper_lit_highlight{
	top: 127px;
    left: -25px;
}
.audio_wrapper_lit_highlight .audioPlayer{
	margin:0 !important;
}
.audio_wrapper_lit_center{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.audio_wrapper .audio_wave_wrapper{
	position: absolute;
    height: 100%;
    width: 100%;
	display:none;
	cursor: pointer;
	width: 30px;
    margin: auto;
/*    margin: 3px 9px!important;
*/
}
.audio_wrapper .audio_span {
  display: block;
  /* bottom: 0px; */
  bottom: 50%;
  width: 9px;
  height: 5px;
  background: #9b59b6;
  position: absolute;
  border-radius: 5px;
  animation: audio-wave 1.5s infinite ease-in-out;
}

.audio_wrapper .audio_span:nth-child(2) {
left: 11px;
animation-delay: 0.2s !important;
}

.audio_wrapper .audio_span:nth-child(3) {
left: 22px;
animation-delay: 0.4s !important;
}

.audio_wrapper .audio_span:nth-child(4) {
left: 33px;
animation-delay: 0.6s !important;
}

.audio_wrapper .audio_span:nth-child(5) {
left: 44px;
animation-delay: 0.8s !important;
}
.audio_wrapper_drag{
    bottom: -25px;
    bottom: 5px;
    height: 45px;
    left: auto;
    left: unset;
    right: -19px;
}
.mc_a_1 .audio_wrapper{
    float: none;
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.mc_a_2 .audio_wrapper{
    float: none;
    margin: 0 auto;	
}
.mc_a_1_no_audio .question_audio_wrapper{
	width: 100%  !important;	
}
.mc_a_1_no_audio .question_side_wrapper{
	display: none;
}
.mc_a_2_text{
	display: table;
	width: 100%;
	height: 100%;
}
.mc_a_2_text .mc_a_2_text_internal{
	text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 30px;	
}
.mc_a_2_audio{
	right: initial !important;
    bottom: initial !important;
    top: -10px !important;
    left: -10px !important;	
}
.mc_grid_1_parent{
	height: 500px;
	height: auto;	
}
.mc_lit_4_parent .audio_wrapper{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto !important;
    bottom: -100px;	
}
.mc_a_1_audio_wrapper{
    width: 80px;
    height: 80px;	
} 
.mc_a_1_audio_wrapper button{
    background-size: 70px;
    width: 80px;
    height: 80px;	
}
.mc_a_1_audio_wrapper .audio_wave_wrapper{ 
    transform: scale(2);
    top: 0px;	
}
.audio_wrapper_literacy{
	margin: 0;
	margin-bottom: 0;
}
@keyframes audio-wave {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:40px;transform:translateY(20px);background:#3498db;}
/*effect is to animate the height of each span from 5px to 30px*/
/*translateY makes Y axis move down to give the effect that it is growing from the center*/

    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}

.rsbtn{width:30px !important;}
.rsbtn_play{
	width:30px;
	height:30px;
	display:block;
	background-position: 0px 0px;
	background: url(../images/speaker_icon.svg);
	margin: 15px 5px !important;
	border:0;
	outline:0;
	cursor: pointer;
	cursor: hand;
}
.rsbtn.rsexpanded .rsbtn_exp{display:none !important;}
/*.styled_cards{font-size:22px !important;}*/
.styled_cards {
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Standard */
}
#question_text_error {
	background: #e5e5e5;
	font-family: 'Open Sans', 'sans-serif';
	height: 64px;
	width: 797px;
}
#question_text_error h1 {
	padding: 20px;
	color: #443a39;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: left;
}
.play_audio{
	display:block;
    height: 40px;
    width: 50px;
	background: url(../images/audio_playback.svg);
	background-position: 0px -7px;
	float:left;
	margin:0px 10px 0px 5px;
	border: 0;
    outline: 0;
	cursor: pointer;
	cursor: hand;
}
#review_quiz_wrapper{
	overflow: hidden;
    display: none;
    z-index: 3;
    position: absolute;
    width:100%;
    background: transparent;
}
#review_submit_wrapper{
	position: absolute;
    width: 100%;
    display: none;
}
#submit_content{
    position: relative;
    height: 100%;
}
#submit_content #submit_return{
	position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../images/dropdown_arrow.svg);
    background-size: contain;
    transform: rotate(180deg);
    z-index: 1;
    cursor: pointer;
    transition: 0.2s ease;
}
html.non-touch #submit_content #submit_return:hover{
	transform:scale(1.2) rotate(180deg);
}
#quiz_complete_submit{
	width: 900px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    clear: both;
}
#dynamic_level_confirm{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  top: 0;
  left: 0;
  background: transparent;
  border: 0;
}
.teacher_review_overview{
	display: none;
    position: absolute !important;
    z-index: 1000000000;
    left: 0;
    right: 0;
}
.quiz_complete_submit_smaller{
	transform: translateY(-50%) scale(0.8) !important;
    -webkit-transform: translateY(-50%) scale(0.8) !important;
}
#quiz_complete_submit #quiz_summary_wrapper{
	overflow: visible;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row{
	width: 100%;
    height: auto;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row_2{
	display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell{
    width: 60px;
    height: 60px;
    float: left;
    margin: 6px;
    text-align: center;
	color: #FFF;
    border: 1px solid #f17a72;
    border-radius: 5px;
    line-height: 60px;
    font-size: 1.8em;
    font-weight: 100;
	background: #f17a72;
	transform: scale(0);
	-webkit-transform: scale(0);
	cursor: pointer;
    cursor: hand;
    transition: none;
    border: 1px solid #d7d7d7;
    background: #d7d7d7;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_sketchpad:before{
  content: '';
  background: url(../images/quiz_tools_v3.svg) no-repeat;
  position: absolute;
  width: 17px;
  height: 16px;
  background-size: 130px;
  background-position: -16px 0px;
  bottom: 1px;
  left: 0;
  margin: auto;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell .add_student_labels_0{
	display: none;
}
html.non-touch #quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell:hover{
	background: #005587 !important;
	border: 1px solid #005587 !important;
}
html.non-touch #quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_cell_overview:hover{
	background: #eee !important;
	border: 1px solid #eee !important;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .dynamic_summary{
	pointer-events: none;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_complete{
	background: #4298cc;
  border: 1px solid #4298cc;
  color: #FFF;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_idontknow{
  background: #FFF;
  border: 1px solid #ffffff;
  color: #012b53;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_idontknow:after{
  content:'';
  position: absolute;
  width: 50px;
  height: 3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 3px;
  background: #012b53;
  border-radius: 20px;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_idontknow:hover{
  color:#fff;
}
#quiz_complete_submit #quiz_summary_wrapper .quiz_summary_row .quiz_summary_idontknow:hover:after{
  background: #fff;
}
#review-page{
	background: transparent;
    position: absolute;
    width: 100%;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    z-index: 8;
}
#grid-page{
	z-index: 7;
}
.review_quiz_wrapper_student{
	/* opacity: 0; */
	-webkit-transition: 1s ease;
	transition: 1s ease;
	/*
    -webkit-transform: translateY(100%);
    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;
}
@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: transparent;
    height: 93%;
    height: 100vh;
}
#quiz_summary #quiz_summary_internal{
	height: 100%;
    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;
}
html.non-touch #quiz_summary .quiz_summary_nav_down:hover{
	background-position: -4px -5px;
}
#quiz_summary .quiz_summary_nav_up{
	background-position: -55px -5px;
	bottom: -30px;
}
html.non-touch #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;
    clear: both;
    position: absolute;
    background: #FFF;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    margin-top: 80px;
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    left: 0;
    right: 0;
}
#quiz_summary #quiz_summary_achievement .col50{
	height: 100%;
}
#quiz_summary .my_numeracy_summary{
	border: 2px solid #4298cc;
	overflow: hidden;
}
#quiz_summary .quiz_summary_point{
    font-weight: 100;
    font-size: 13px;
    padding: 5px 0px;
    text-align: center;
    height: 40px;
    padding: 0;
    position: relative;
	border-bottom: 1px dashed #ddd;
    width: 95%;
    margin: 0 auto;
}
#quiz_summary .quiz_summary_point:last-child{
	margin-bottom: 40px;
}
#quiz_summary .quiz_summary_point .quiz_summary_count{
	position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    top: 5px;
    left: 5px;
    font-weight: 400;
}
#quiz_summary .quiz_summary_point .quiz_summary_text_wrapper{
	display: table;
	width: 94%;
	height: 100%;
}
#quiz_summary .quiz_summary_point .quiz_summary_text_wrapper .quiz_summary_text{
    width: 88%;
    text-align: left;
    padding-left: 10%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;	
}
#quiz_summary .quiz_summary_point .quiz_summary_text_wrapper .quiz_summary_code{
    position: absolute;
    right: 40px;
    font-size: 10px;
    bottom: 13px;
}
#quiz_summary .quiz_summary_point .quiz_summary_circle{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #4298cc;
    right: 0;
    top: 4px;
}
#quiz_summary .quiz_summary_point .quiz_summary_circle_correct{
    background: url(../images/review_tick.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
#quiz_summary #quiz_summary_percent{
	position: absolute;
    width: 130px;
    height: 130px;
    left: 0;
    right: 0;
    top: -15px;
    margin: 0 auto;
    z-index: 100;
}
#quiz_summary #quiz_summary_actions{
    width: 100%;
    margin: 0 auto;
    overflow: visible;
    height: 40px;
    position: absolute;
    bottom: -20px;
    z-index: 100;
    display: flex;
    max-width: 420px;
    justify-content: center;
    left: 0;
    right: 0;
}
#quiz_summary #quiz_summary_actions .student_actions_review{
    text-align: center;
    line-height: 38px;
    margin: 0 5px;
    max-width: 250px;
}
#quiz_summary #quiz_summary_actions .student_actions_review .student_growth_icon{
    background-position: 0px 0px;
    transform: rotate(-90deg);
}
#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;
	position: relative;
	height:100%;
}
#quiz_summary .quiz_summary_achievment .quiz_summary_scroll{
	position: absolute;
    width: 100%;
    height: 100%;
}
#quiz_summary .quiz_summary_achievment .quiz_summary_scroll .scroll-element{
	width: 5px;
}
#quiz_summary .quiz_summary_achievment .quiz_summary_scroll .scroll-content{
    height: 100% !important;
}
#quiz_summary h2{
    line-height: 40px;
    height: 40px;
    position: absolute;
    width: 50%;
    z-index: 2;
    text-align: t;
    top: 8px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 10px;
    min-width: 380px;
}
#quiz_summary #quiz_summary_achievement #myn_main_content{
	margin-top: 0 !important;
	width: 100%;
	height: 100%;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content{
	width: 100%;
	height: 100%;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile{
	margin: 1% 3% !important;
    width: 94%;
    height: 70px;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile .myn_tile_review{
    position: absolute;
    z-index: 2;
    width: 35px;
    height: 35px;
    border: 0;
    background-size: cover;
    background-image: url(../images/dropdown_arrow.svg);
    background-color: transparent;
    left: 0;
    right: 0px;
    margin: auto;
    bottom: -4px;
    border-radius: 50%;
}
html.non-touch #quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile .myn_tile_review:hover{
	background-image: url(../images/dropdown_arrow.svg);
    background-color: #eee !important;
    background-size: cover;	
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile .myn_tile_inner{
	overflow: hidden;
	box-shadow: none !important;
  border-radius: 10px;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile .myn_icon{
    transform: scale(0.64);
    transform-origin: top left;
    -webkit-transform: scale(0.64);
    -webkit-transform-origin: top left;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile .myn_title{
    padding-left: 70px;	
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile_reivew_open .myn_star_wrapper{
	width: 95%;
    left: 0;
    margin: 0 auto;
    bottom: 135px;	
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile_reivew_open .myn_star_wrapper .myn_star_parent{
    width: 24%;
    margin: 0 0.5%;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile_reivew_open .myn_star_wrapper .myn_star_parent .myn_star{
    margin: 0 auto;
    float: none;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile_reivew_open .myn_star_wrapper .myn_star_parent .myn_heading{
	display: block;
	top: -70px;
    font-size: 11px;
    height: 35px;
    width: 90%;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile_reivew_open .myn_star_wrapper .myn_star_parent .myn_ican{
    display: block;	
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile_reivew_open .myn_star_wrapper .myn_star_parent .myn_ican .myn_ican_internal{
    margin-top: 0;
    font-size: 10px;
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile_reivew_open .myn_star_wrapper .myn_star_parent .myn_ican .myn_ican_internal .myn_audio{
	top: 110px;
    left: 0;
    right: 0;	
}
#quiz_summary #quiz_summary_achievement #myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading .myn_heading_parent .myn_heading_child{
	font-size: 12px;
}
#quiz_summary .quiz_summary_internal{
	position: absolute;
    overflow: hidden;
    width: 100%;
    top: 50px;
    z-index: 1;
    padding-bottom: 25px;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
}
.review_submit{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	position: absolute;
	height: 85%;
	bottom: 0px;
	right:0px;
	width: 100%;
	z-index: 9999;
	background: linear-gradient(#FFFFFF, #c6e0ef);
    box-shadow: 0 10px 50px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.3);
}
.review_submit #review_back{
	position: absolute;
    background: transparent;
    width: 100%;
    top: -18%;
    height: 18%;
    z-index: 10000;
    border: 0;
    outline: none;
}
.review_submit #review_back_icon{
	height: 60px !important;
    width: 60px !important;
    border: none;
    background: url(../images/quiz_nav_arrows_v2.svg) no-repeat 0px 0px;
    cursor: pointer;
    cursor: hand;
    position: absolute;
    top: 50%;
    left: -30px;
    z-index: 10001;
    margin-top: -30px;
    outline: none;
}
#submit_quiz{
    width: 230px;
    height: 80px;
    display: block;
    border: 0;
    cursor: pointer;
    cursor: hand;
    color: #FFF;
    font-size: 30px;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    position: absolute;
    z-index: 10;
    border-top-left-radius: 5px;
    font-weight: 100;
    outline: 0;
    text-transform: uppercase;
    padding: 0;
    box-shadow: 0 10px 50px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.3);
    background: #6ac7a1;
    font-family: 'Open Sans', 'sans-serif';
    padding-left: 30px;
}
#submit_quiz span{
  background-image: url(../images/student_admin.svg)!important;
  background-repeat: no-repeat !important;
  background-size: 70px;
  background-position: 0px -348px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 5px;
}
html.non-touch #submit_quiz:hover{
	background: #4298cc;
}
#logged_out{
	width: 400px;
	height: 200px;
	margin: -100px 0px 0px -200px;
}
#logged_out h1{
	background: #1ecd97;
	color: #FFF;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}
#submit_button_wrapper{
	width: 300px;
    margin: 0 auto;
    position: relative;
    clear: both;
    position: relative;
    height: 300px;
}
#submit_quiz_percent{
    z-index: 2;
    position: absolute;
    left: -5px;
    top: -25px;
    width: 300px;
    height: 300px;
}
#submit_header{
	width:100%;
	position: absolute;
	background: transparent;
	height: 50px;
	z-index: 1;
	display: none;
}
#submit_header h2{
	width: 100%;
	text-align:center;
	height: 50px;
  	line-height: 60px;
	font-size: 21px;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #ddd;
}
.error {
	color: red !important;
}
#review_quiz_button{
	width: 200px !important;
}
.idontknow{
  position: absolute;
  border: 0 !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 200px;
  bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 11px 0px;
  font-size: 14px;
  text-align: center;
  z-index: 3;
  background: #4298cc !important;
  height: 37px;
  line-height: 37px;
  padding: 0;
  font-size: 1em !important;
}
.idontknow_review{
    height: 30px;
    line-height: 30px;	
}
.idontknow span{
	width: 30px;
    height: 30px;
    display: block;
    position: absolute;
	background: url(../images/quiz_tools_v3.svg) no-repeat;
	background-position: -60px 0px;
	top: 4px;
    left: 5px;
    background-size: 240px;
}
.idontknow_review span{
	top: 1px;	
}
.idontknow_review .idontknow_label{
    top: 7px;
    right: 17px;	
}
.idontknow_label{
	position: absolute !important;
    top: 9px;
    right: 22px;
}
[type="checkbox"]:not(:checked) + .idontknow_label:before,
[type="checkbox"]:checked + .idontknow_label:before {
	box-shadow: none;
	border: 1px solid #fff !important;
	background: #4298cc;
    left: 14px;
    top: -2px;
}
[type="checkbox"]:not(:checked) + .idontknow_label:after,
[type="checkbox"]:checked + .idontknow_label:after {
	color:#fff;
	content: '✔';
    left: 18px;
    top: 2px;
}
.question_review_wrapper{
	transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    z-index: 1;
    background: transparent;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;	
}
.admin_background{
	background: #FFF !important;
}
#marking_required_instructions{
    z-index: 11;
    width: 600px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
    background: #FFF;
    background: #fbe700;
    margin: 0 auto;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.question_note_button span{
    background: url(../images/marking_feedback.svg) no-repeat !important;
    transform: rotate(90deg);
    background-size: 100px !important;
}
#feedback_button{display: none;}
.feedback_button_left:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f98383;
    top: 30px;
    right: -10px;
}
#marking_guide_button{
	text-align: right;
}
.marking_guide_button span{
     background-position: -35px 0px !important; 
}
.marking_guide_lock{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    display: none;
}
.question_note_text_edit{display: none;}
.teacher_admin_functions{
	z-index: 10;
    position: absolute;
    width: 100%;
    background: transparent;
    top: 95px;
}
.teacher_admin_functions .review_edit_button{
    font-size: 14px;
    width: 200px !important;
    font-size: 14px;
    width: 210px !important;
    text-align: right;
    padding-right: 10px;	
}
.teacher_admin_functions_student .student_review_result{
    background: #f2f2f2 !important;
    color: #666 !important;
    right: 10px;
    top: 20px;
    position: absolute;
    border-radius: 5px !important;
    pointer-events: none;
    border: 1px solid #ddd !important;
    text-transform: none;
    width: auto !important;
    min-width: 150px;
    padding: 0;
    text-align: center;
}
.review_edit_icon{
    background: url(../images/edit.svg) no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 2px;
    background-color: #ddd;
    border-radius: 5px;
    background-size: 25px;
    background-position: 0px -1px;
}
.student_review_result .review_edit_icon{
    display:none;
}
.expose_quiz_student{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1000000;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 0px !important;
    outline: 0;
    border: 0;
    width: 120px !important;
    height: 40px !important;
    display:block !important;
}
.expose_quiz_student div{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	background: url(../images/preview_eye.svg) no-repeat;
	background-size: cover;
    background-position: -29px 0px;
}
.question_content_expose{
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    position: absolute !important;
    top: 0;
    display: block !important;
}
.assessment_preview_shade{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    display: none;
}
#assessment_summary{
	border-radius: 5px;	
}
.quiz_summary_cell_overview{
    background: #FFF !important;
    border: 1px solid #FFF !important;
    line-height: 30px !important;
    color: #4298cc !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
    font-size: 20px !important;
    overflow: hidden;
}
html.non-touch .quiz_summary_cell_overview:hover{
	background: #eee !important;
}
.final_grade {
    position: absolute;
    left: 10px;
    z-index: 100000;
    /* top: 22px; */
    margin: 0 auto;
    background: #eee;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-top: 15px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    border: 1px solid #ddd;
}
.form input {
    position: absolute;
    left: -9999px;
}
.bubble_wrapper{
	width: 60px;
	height: 60px;
}
.marking_bubble{
	display: none;
    border-radius: 50%;
    margin: 0 auto;
}
.marking_bubble .marking_image{
	width: 100%;
    height: 100%;
	background: url(../images/correct_incorrect_v2.svg) no-repeat;
    background-size: 360%;
    background-position: -146px 7px;
}
.marking_bubble .marking_image img{
	width: 100%;
    height: 100%;
    display: block;
}
.marking_bubble .i_dont_know{
	width: 100%;
    height: 100%;
    background: url(../images/correct_incorrect_v2.svg) no-repeat;
    background-size: 360%;
    background-position: -96px 7px;
}
.bubble_cover{
	z-index: 3;
	position: absolute;
	width: 60px;
	height: 60px;
}
.bubble{
	display: block;
	position: absolute !important;
    z-index: 2;
    /* top: 50%; */
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 50px;
    width: 50px;
    margin-top: 5px;
    /* transform: translate3d(-75%,-50%,0); */
    background: #e0645c;
    border-radius: 50%;
    border-right: 0px solid #BBBBBB;
    border-left: 0px solid #BBBBBB;
    padding: unset !important;
    padding-left: 0px !important;
}
.bubble:checked + .bubble{
  animation: toggle 2s 1;  
  background: #3CCC97;   
}
.bubble:after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -15px !important;
    margin-left: -2px !important;
    height: 30px !important;
    width: 4px !important;
    background: #fff !important;
    left: 50% !important;
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    border-radius: 2px !important;
    transition: 500ms ease all 1s !important;
    -webkit-transition: 500ms ease all 1s !important;
    line-height: unset !important;
    font-size: unset !important;
    opacity: 1 !important;
    color: unset !important;
}
.bubble:before {
	content: '';
    position: absolute;
    top: 50% !important;
    margin-top: -15px;
    margin-left: -2px;
    height: 30px !important;
    width: 4px !important;
    background: #fff;
    left: 50% !important;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-radius: 2px !important;
    transition: 500ms ease all 1s;
    -webkit-transition: 500ms ease all 1s !important;
    border: none !important;
    box-shadow: none !important;
}

.bubble:checked + .bubble:after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -15px !important;
    margin-left: 0px !important;
    height: 30px !important;
    width: 4px !important;
    background: #fff !important;
    left: 50% !important;
    transform: rotate(225deg) !important;
    -webkit-transform: rotate(225deg) !important;
    border-radius: 2px !important;
}
.bubble:checked + .bubble:before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -2px !important;
    margin-left: -12px !important;
    height: 14px !important;
    width: 4px !important;
    background: #fff !important;
    left: 50%!important;
    transform: rotate(-215deg) !important;
    -webkit-transform: rotate(-215deg) !important;
    border-radius: 2px !important;
}
.final_grade_overview{
    transform: scale(0.5);
    top: 15px;
    border: 0;
    right: 0;
    left: 0;
    margin: auto;
}
@keyframes toggle {
    0%   {
    background:#3CCC97;
    border-radius: 50%;
    }
    20% {
    border-radius: 50%;
    } 
    40%  {
    border-radius: 50%;
    }
    50%  {
    border-radius: 50%;
    }
    75%  {
    border-radius: 50%;
    }
    100% {
    border-radius: 50%;
    }
}


@keyframes toggle-reverse {
    0%   {
    background: #3CCC97;
    border-radius: 50%;
    }
    20% {
    border-radius: 50%;
    } 
    40%  {
    border-radius: 50%;
    }
    50%  {
    background: #3CCC97;
    border-radius: 50%;
    }
    75%  {
    border-color:#e0645c;
    background:#e0645c;
    border-radius: 50%;
    }
    100% {
    border-radius: 50%;
    }
}
.grade_edit_label{
	right: -20px;
    top: 80px;
}
.review_note_button{
    float: left;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 5px !important;
}
.marking_hide_show{
	display: block !important;
    top: -20px  !important;
    background: transparent  !important;
    border-top: 0  !important;
    border-left: 0  !important;
    outline: 0 !important;
}
.review_edit_button{
	background: #4298cc;
    color: #FFF;
    width: 190px;
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    border-top: 0;
    border-bottom-left-radius: 5px;
    cursor: pointer;
	cursor: hand;
	border: 1px solid #4298cc;
	font-size: 1em;
    width: 160px !important;
    text-transform: none;
}
.review_edit_button:first-child{
	border-bottom-left-radius: 5px;
}
.review_edit_button:last-child{
	border-bottom-right-radius: 5px;
}
html.non-touch .review_edit_button:hover{
    background: #005587;
    color: #FFF;
	border:1px solid #005587;
}
.incorrect_mark{
	position: absolute !important;
    top: 20px !important;
    right: 215px !important;
    border-radius: 5px !important;
}
.myliteracy_grading_button{
	-webkit-transform: rotate(90deg) translateX(200px);
	transform: rotate(90deg) translateX(200px);
    transform-origin: top right;
}
.marking_feedback_parent{
    width: 50%;
    position: absolute !important;
    top: 130px !important;
    display: none;
    height: 100%;	
}	
.marking_feedback_parent .master_text_wrapper, .marking_feedback_parent .master_text_wrapper_VC2{
    top: 0px;
    left: 0;
    right: unset;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.marking_feedback_parent .master_text_wrapper .help_wrapper, .marking_feedback_parent .master_text_wrapper_VC2 .help_wrapper{
	display: none;
	/*
    background-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(253, 253, 232, 0.8);
    */
}
.feedback_heading{
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    font-size: 25px;
    line-height: 35px;
    margin-top: 10px;
    position: relative;
    background: #e8f6ff;
    width: 95%;
    width: calc(100% - 30px);
    height: 35px;
}
textarea {
    resize: none;
}
.close_button_feedback{
    position: absolute;
    right: 13px;
    top: 7px;
    z-index: 1000000;
    border-radius: 5px;
    transform: scale(0.7);
    background: #4298cc url(../images/close_icon.svg);
    background-position: -60px -7px;
    border: 2px solid #4298cc;
    box-shadow: none;
}
.close_button_feedback:hover{
	background-color: #005587;
	border: 2px solid #005587;
	background-position: -60px -7px;
}
.question_note_text_edit textarea{
    width: 90%;
    height: 90vh;
    margin: 0 auto;
    display: block;
	background-color: #f7f7f7;
    border: 0;
    font-size: 1em;
    font-family: 'Open Sans', 'sans-serif';
    /* border: 3px solid #eee; */
    border-radius: 5px;
    padding: 10px;
    padding-top: 40px;
    overflow: auto;
    margin-top: 10px;
    font-weight: 100;
} 
.question_note_text_edit textarea:focus{
    box-shadow: 0 3px 15px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.3);
} 
.question_note_guidelines .guide_wrapper{
    width: 90%;
    margin: 0 auto;
    position: relative;
    min-height: 30px;
}
.question_note_guidelines .guide_wrapper .guide_marking{
    position: absolute;
}
.question_note_guidelines .guide_wrapper .guide_marking label{
  	top: -9px;
}
.question_note_guidelines .guide_wrapper .guide_text{
    padding-left: 30px;
    line-height: 22px;
    font-size: 15px;
    font-weight: 100;
}
.question_image_content{
    /*width: fit-content;*/
    margin: 0 auto;	
}
.question_image img {
	display: block;
	padding: 10px 0px;
	margin: auto;
	max-height:380px;
	cursor: pointer;
	/*border: 3px solid transparent;*/
	/*
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    */
    position: relative;
}
.question_image_content .question_image_zoom_icon{
    position: absolute;
    width: 30px;
    height: 33px;
    margin: auto;
    background-image: url(../images/assessment_functions.svg);
    z-index: 1;
    left: 0;
    right: 0;
    background-size: 350px;
    background-repeat: no-repeat;
    display: none;
    top:30px;
}
html.non-touch .question_image_content .question_image_zoom:hover + .question_image_zoom_icon{
	display: block;
}
/*
html.non-touch .question_image_content:hover img{
	border: 3px solid #eaeaea;
    border-radius: 20px;
}
*/
.question_image .question_image_wrapper{
    margin: auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
/*
.question_image_zoom_icon{
 	position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/preview_eye.svg) no-repeat;
    background-size: cover;
    right: 0;
    left: 0;
    margin: auto;
    display: table-cell;
    display: none;
}
*/
.question_image_zoom_active{
    border-radius: 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px;
    padding: 0px;
    background: #FFF;
    z-index: 5;
    max-width: 600px;
}

.literacy_fi{
	width: 80% !important;
	margin: 0 auto;
	top:20px;
}
.literacy_fi img{
	z-index: 1;
}
.literacy_fi:before{
	top: 24px !important;
}
.literacy_fi:after{
	top: 21px !important;
}
.questions_literacy_input input{
	font-family: 'Open Sans', 'sans-serif';
    font-size: 20px;
    border-radius: 5px;
}
#question_text h1 {
	padding: 5px 130px 5px 5px;
	color: #443a39;
	font-size: 1.1em;
	font-family: 'Open Sans', 'sans-serif';
	text-align: justify;
	letter-spacing: normal;
	text-transform:none;
	font-weight:400;
	background-color:inherit;
}
.question_body {
	position: absolute !important;
	left: 0;
	right: 0;
	font-family: 'Open Sans', 'sans-serif';
	width:100%;
	z-index: 1;
}


.question_body_scaled{
	-webkit-transform: scale(0.9) !important;
    -webkit-transform-origin: top !important;
	transform: scale(0.9) !important;
    transform-origin: top !important;
}
.question_body_text{
	height:100%;
	width:50%;
	float:left;
    text-align: justify;
    position: absolute;
	height: 100%;
}
.questions_w_lit_3 .question_body_text_internal_wrapper{
	margin: 0 !important;
}
.questions_w_lit_3 .question_body_text_internal_wrapper .literacy_text_internal{
	left: 0;
    right: 0;
    margin: auto !important;
}
.questions_w_lit_3 .literacy_text_internal{
	box-shadow: none !important;
}
.question_lit_4_body{
	height: 100%;
	/*padding-top: 13px;*/
}
.w_lit_3 .question_side_wrapper_content{
	width: 100% !important;
	padding-top: 0 !important;
}
.w_lit_3 .question_side_wrapper_content .question_side_internal{
    margin-top: 0;
    /*
    background: #FFF;
    box-shadow: none;
    */
}
.w_lit_3 .question_side_wrapper_content .question_side_internal .question_lit_4_text{
	height: 100% !important;
	position: absolute !important;
    width: 100%;
}
.w_lit_3 .question_side_wrapper_content .question_side_internal .body_text_scroll{
	height: 70% !important;
}
.question_lit_4_body .question_lit_4_text{
	overflow-y: scroll;
	height: 50%;
	/*
	border: 1px solid #eee;
	border-radius: 10px;
	background: #fafafa;
	*/
}
.question_lit_4_body .question_lit_4_text .question_lit_4_text_internal{
	font-family: 'Open Sans', 'sans-serif';
    font-size: 22px;
    padding: 10px 20px;
    position: relative;
    z-index: 1;
	background: none;
	font-weight: 100;
	padding-bottom: 70px;
}
.question_lit_4_body .question_lit_4_text .question_lit_4_text_internal img{
	max-width: 100%;
}
.question_body_text_40{width:45% !important;}
.question_body_text .writing_internal{
	height: 90%;
}
.literacy_internal_text{
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	height: 100%;
  height: calc(100% - 20px);
}
.question_body_text .writing_internal .question_body_text_internal{
	height: 100% !important;
	width: 100% !important;
	font-family: 'Open Sans', 'sans-serif';
    font-size: 20px;
}
.question_body_text .writing_internal .literacy_text_internal{
	background: none !important;
	border: 0 !important;
}
.question_body_text .writing_internal .question_body_text_internal .text_editor{
 	height: 99%;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 22px;
    font-weight: 100;
    border-radius: 5px;
    padding: 1%;
    outline: 0;
    background: #fffcf8;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fffcf8)) 0 4px;
    background: -webkit-linear-gradient(top, #d9eaf3 0%, #fffcf8 8%) 0 4px;
    background: -moz-linear-gradient(top, #d9eaf3 0%, #fffcf8 8%) 0 4px;
    background: -ms-linear-gradient(top, #d9eaf3 0%, #fffcf8 8%) 0 4px;
    background: -o-linear-gradient(top, #d9eaf3 0%, #fffcf8 8%) 0 4px;
    background: linear-gradient(top, #d9eaf3 0%, #fffcf8 8%) 0 4px;
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    -ms-background-size: 100% 20px;
    -o-background-size: 100% 20px;
    background-size: 100% 20px;
    z-index: 0;
    width: 98%;
    margin: 3%;
    position: absolute;
    margin: 0 auto;
    /* margin-left: 1%; */
    /* margin-right: 1%; */
    /* margin-top: 1%; */
    border: 0;
    resize: none;
    /*box-shadow: inset 0 0px 5px rgba(0,0,0,.29), 0 -1px 1px #fff, 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.29), 0 -1px 1px #fff, 0 1px 0 #fff;
    overflow-y: scroll;*/
}
.question_body_text .writing_internal .question_body_text_internal .text_editor:focus{
	box-shadow: 0 3px 15px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.3);
}
.question_body_text .question_body_text_internal_wrapper{
	position: relative;
	margin: 2% 5% 0% 5%;
	display: block;
	height: 90%;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal{
    height: 90% !important;
    width: 90%;
    margin: 8% 0%;
	margin: 40px 0px 0px 0px;
    position: absolute;
    z-index: 2;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    background: #fafafa;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 40px;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal .scroll-content{
    margin: 0 !important;
    height: 100% !important;
    border: 0 !important;
    top:0;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal .scroll-x{
	display: none !important;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal_half{
 	width: 48%;
 	right: 0;
 	margin: 5% 0%;
 	margin: 10px 0px 0px 0px;
 	border: 0;
    background: #FFF;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    left: unset;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal h1{
	text-align: center;
    padding: 10px 0px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal table{
	width: 100%;
    transform: scale(0.9);
    margin-left: -35px;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal table tbody{
	width: 100%;
    font-size: 11px;
    border: 1px solid #DDC;
    text-align: center;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal table tbody tr{
	border-bottom: 1px solid #ddd;
	font-size: 15px;
}
.question_body_text .question_body_text_internal_wrapper .literacy_text_internal table tbody tr td{
	padding: 5px;
}
.literacy_text_wrapper{
	height: 100%;
	width: 100%;
	position: absolute;
	/*
	overflow-y: scroll;
	overflow-x: hidden;
	*/
}
.literacy_text_wrapper_review{
	pointer-events: none;
}
.question_body_text .question_body_text_internal_wrapper .question_body_text_internal{
	width: 98%;
    z-index: 1;
    position: absolute;
    top: 0;
    transition: 1s ease;
    -moz-transition: 1s ease;
    -webkit-transition: 1s ease;
    font-weight: 100;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    width: 90% !important;
    /* height: 100%;*/
}
.question_body_text .question_body_text_internal_wrapper .question_body_text_internal ul{
	padding-left: 20px;
}
.question_body_text .question_body_text_internal_wrapper .writing_wrapper{
    width: 100% !important;	
}
.internal_mc_lit_2 .question_body_text_internal{
    width: 90% !important;
}
.question_body_text .question_body_text_internal_wrapper .question_body_text_internal p{
	padding-bottom: 10px;
	background: transparent !important;
}
.ipad_scroll_wrapper{
	display: none;
}
.body_text_scroll{
	position: absolute;
    left: 0;
    /* right: 0; */
    /* margin: 0 auto; */
    top: 20px;
    z-index: 10000;
    width: 40px;
    height: 100%;
    display: none;
}
.body_text_scroll .body_text_internal{
	height: 40px;
	left:-24px;
	width: 40px;
	position: absolute;
}
.body_text_scroll .body_text_internal_top{
	display: none;
}
.body_text_scroll_button{
	bottom: 0 !important;
}
.body_text_scroll_button_up{top: 0px !important;}
.question_body_split{
	width:47% !important;
	/*top:84px;*/
	top:74px;
	left: 50%;
	height:100%;
	z-index: 2;
}
.question_body_split_no_image{
	width: 100% !important;
	left: 0 !important;
}
.d_lit_3_body_split{
	width: 50% !important;
    left: 42%;
    z-index: 1;
}
.question_body_split_left{
	width:50% !important;
	top:84px;
	left: 0 !important;
	height:100%;
}
.question_body_lit_no_show{
	display: none !important;
}
.question_body_split_60{width:70% !important;left:30% !important;}
.question_body_split .question_body_image{
	height: 30%;
	max-height: 250px;
}
.question_body_split .question_body_image img{
	margin: 0 auto;
    display: block;
}
.question_body_split #question_mc_image_answers{
	width: 100%;
	margin: 0 auto;
	clear: both;
    position: absolute;
    top: 50%;
	transform: translateY(-50%) scale(0.9);
	-webkit-transform: translateY(-50%) scale(0.9);
	transform-origin: top;
	max-width: 500px;
    left: 0;
    right: 0;
}
.question_body_split #question_mc_image_answers .mc_image_answers{
	padding: 0; 
	min-width: 350px;
}
.question_body_split #question_mc_image_answers .mc_lit_3 label h2{
	font-size: 1em;
}
.question_body_split #question_mc_image_answers .mc_lit_1 label h2{
	font-size: 1em;
}
.question_body_split #question_mc_image_answers .mc_v2{
	width: auto !important;
    margin: 10px 20px 50px 30px;
    min-width: auto;
}
.question_body_split #question_mc_image_answers .mc_v2 .quiz_correct_answer{
  top: -7px;
}
.question_body_split #question_mc_image_answers .mc_v2_clear{
	clear: both;
}
.question_body_split #question_mc_image_answers .mc_v2 label{
	width: 150px;
	height: 150px;
  width: 180px;
  height: 180px;
	font-size: 25px;
	padding: 0;
	overflow: visible;
}
.question_body_split #question_mc_image_answers .mc_v2 label img{
  max-width: 160px;
  width: 100%;
  top: 0;
}
.question_body_split #question_mc_image_answers .mc_v2 .mc_zoom{
	left: unset;
    right: -32px !important;
    top: 10px;
}
.question_body_split #question_mc_image_answers .mc_v2 .mc_v2_text{
	position: absolute;
    z-index: 1;
    bottom: -36px;
    height: 30px;
    line-height: 30px;
    width: 170px;
    left: 0;
    right: 0;
    margin: auto;
}
.question_body_split #question_mc_image_answers .mc_v2 .mc_v2_text_smaller{
  font-size: 17px !important;
  line-height: initial !important;
}
.mc_v2_image{
    padding: 0;
    width: 50% !important;
    left: 5%;
    position: relative !important;
    top: 50%;
    transform: translateY(-50%);
    height: 50%;
    pointer-events: none;
    max-height: 100% !important;
    height: 100% !important;
}
.mc_v2_image .question_image_zoom_icon{
	display: none !important;
}
.mc_v2_image .question_image_wrapper{
  height: 90%;
}
.mc_v2_image .question_image_wrapper img{
	pointer-events: none;
  max-height: 70% !important;
  transform: none !important;
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.mc_v2_parent #question_mc_image_answers .answers_wrapper .answers_wrapper_2{
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.question_body_split .side_image_yes{
	position: relative !important;
    top: 0 !important;
}
.question_body_no_split{
	top: 84px;
    height: 100%;
    width: 100% !important;
    left: 0;
}
.question_body_no_split .question_body_image{
	height: 30%;
    max-height: 250px;	
}
.question_body_no_split .question_body_image img{
	margin: 0 auto;
    display: block;	
}
.mc_v3 label{
	padding: 0 !important;
}
.mc_v3 label img{
	pointer-events: none;
}
.center_answers_no{
	float: initial !important;
	left: initial !important;
}
.skill_heading{
	position: absolute;
    bottom: 50px;
    left: 50px;
    width: 160px;
    min-height: 30px;
    display: flex;
    align-items: center;
    font-size: 12px;
    z-index: 1;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #ddd;
    width:fit-content;
    padding: 0px 10px;
    max-width: 300px;
    background: #FFF;
    z-index: 2;
}
.skill_heading .skill_heading_desc{
    position: absolute;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
    min-width: 300px;
    left: 110%;
    padding: 5px;
    display: none;
}
.skill_heading:hover .skill_heading_desc{
    display: block;
}
.body_content{margin-top:400px;}
.question_side_wrapper{
	width:50%;
	float:left;
	position: relative;
	z-index: 2;
	height:100%;
}
.question_audio_wrapper{
	width:50%;
	float:left;
	position: relative;
	z-index: 2;
	height:100%;	
}
.question_audio_wrapper .audio_wrapper{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;	
}
.mc_a_wrapper{
    max-width: 700px;
    margin: 0 auto;
    height: 70%;
    position: relative;
    padding: 20px;
    margin-top: 20px;
    border-radius: 15px;
    border: 1px solid #ddd;
}
.mc_a_wrapper .question_side_wrapper img{
    bottom: 0;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    transform: none !important;	
}
.mc_a_1 .mc_no_image{
    width: 150px;
}
.question_side_wrapper_lit_3{
	width: 100%;
	clear: both;
}
.question_side_wrapper_lit_3 img{
	margin: 0 auto;
}
.questions_literacy .question_side_wrapper{
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.center_image{
	position: absolute;
    top: 45% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
}
.writing_image{
    float: none;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    padding-top: 0;
	transform: translateY(40%);
	-webkit-transform: translateY(40%);
}
.writing_image:before{
	top: 14px !important;
}
.writing_image:after{
	top: 1px !important;
}
.literacy_text_image{
	width: 100%;
	width: 95%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.question_side_wrapper img{
	max-height: 280px;
    display: block;
    padding: 10px 0px;
    position: relative !important;
    margin: 0 auto;
    z-index: 1;
    max-width: 93% !important;
    transform: translateY(-40%) !important;
    -webkit-transform: translateY(-40%) !important;
}
.w_lit_4_center{
	transform: none !important;
	-webkit-transform: none !important;
}
.question_side_wrapper_content{
	width:50%;
	float:left;
	position: relative;
	height: 100%;
	display: table;
	z-index: 2;
	padding-top: 40px;
	/*background: #ecf4f9;*/
}
.literacy_image_wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	position: relative;
}
.literacy_image_wrapper:before, .literacy_image_wrapper:after {
	/*
	content: "";
	height: 98%;
	position: absolute;
	width: 100%;
	z-index: 0;
	*/
    content: "";
    height: 100%;
    position: absolute;
    width: 95%;
    left: 2.5% !important;
    z-index: 0;
    top: 22px !important;
    border-radius: 5px;
}
.literacy_image_wrapper:before {
  background: #fafafa;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  left: -5px;
  top: 24px;
  transform: rotate(-1.5deg);
  -webkit-transform: rotate(-1.5deg);
}
.literacy_image_wrapper:after {
  background: #FFFFFF;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  right: -3px;
  top: 21px;
  transform: rotate(0.5deg);
  -webkit-transform: rotate(0.5deg);
}
.literacy_image_wrapper_style_2{
	z-index: 1;
}
.literacy_image_wrapper_style_2:before{
	height: 90%;
}
.literacy_image_wrapper_style_2:after{
    height: 90%;	
}
.scrollbar-inner .ps__rail-x{
    display:none !important;
}
.scrollbar-inner .ps__rail-y{
    z-index: 1;
}
.question_side_wrapper_content .question_side_internal{
	display: table;
    width: 97%;
    height: 95%;
    overflow: auto;
    position: relative;
    margin-left: 2%;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 18px;
    background: #fafafa;
    /*
	border: 0;
    box-shadow: inset 0 0px 5px rgba(0,0,0,.29), 0 -1px 1px #fff, 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.29), 0 -1px 1px #fff, 0 1px 0 #fff;
    */
}
.question_side_wrapper_content .question_side_internal .scroll-wrapper{
	height: 100%;
}
.question_side_wrapper_content .question_side_internal .scroll-wrapper .scrollbar-inner{
	height: 100% !important;
}
.question_side_wrapper_content .side_text{
    padding: 0;
    width: 90%;
    text-align: left;
    padding: 0 5%;
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 100;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 18px;
    height: auto;
    /*overflow-y: scroll;*/
}
.question_side_wrapper_content .side_text h1{
	font-size: 20px;
    font-weight: 600;
}
.question_side_wrapper_content .side_text table{width:100%;font-size: 15px;}
.question_side_wrapper_content .side_text table td{
	width:25%;
	float: left;
}
.question_side_wrapper_content .side_text table td:nth-child(2){
	width:60%;
}
.question_side_wrapper_content .side_text table td:last-child{
	width:15%;
	text-align: center;
}
.side_text td{
    display: block;
}
.highlight_help{
    width: 94%;
    left: 3%;
    top: 2%;
    height: 94%;
    /* background: #FFF; */
    display: none;
    z-index: 100;
    position: absolute;
    /* top: 15%; */
    background: #FFF;
    /* box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);*/
    border-radius: 5px;
    border: 1px solid #ddd;
}
.highlight_help img{
    width: 90% !important;
    transform: none !important;
    -webkit-transform: none !important;
    margin: 0 auto;
	top: unset;
	left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}
.highlight_help_text{
    position: absolute;
    bottom: -10px;
    height: 20px;
	left: 0;
	right:0;
    margin: 0 auto;
    width: 85%;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
    font-weight: 100;
    font-size: 13px;
    z-index: 1;
}
.highlight_help_text .highlight_parent{
	display: table;
	width: 100%;
	height: 100%
}
.highlight_help_text .highlight_parent .highlight_child{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.highlight_help_button{
    position: absolute;
    border: 0;
    border-radius: 5px;
    background-image: url(../images/info_student_v1.svg)!important;
    background-repeat: no-repeat !important;
    width: 40px;
    height: 40px;
    left: -20px;
    top: 87px;
    background-size: 40px;
    z-index: 1;
}
html.non-touch .highlight_help_button:hover{
	background: url(../images/info_student_v1.svg)!important;
    background-repeat: no-repeat !important;
	background-size: 40px !important; 
	background-color:#005587 !important; 
}
.h_1{
	top: 50% !important;
    transform: translateY(-60%) !important;
    position: relative !important;
}
.highlight_wrapper{
	padding: 10px;
}
html.non-touch .highlight_wrapper .sync_word:hover{
	background: #f5df79;
    outline: solid 3px #f5df79;
}
.h_1_highlight_wrapper{
	width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    z-index: 1;
    margin: 0 auto;
}
.h_1_highlight_wrapper table{width: 100%;}
.highlight_wrapper .sync_word{
	text-align: center;
	font-size: 22px;
	line-height: 25px;
	cursor: pointer;
    cursor: hand;
    font-family: 'Open Sans', 'sans-serif';
    position: relative;
}
.highlight_wrapper .highlight_correct{
	position: relative;
}
.highlight_wrapper .highlight_correct:after{
	content: "";
	position: absolute;
	background: #4298cc;
	height: 3px;
	width: 100%;
	z-index: 1;	
	left: 0;
    bottom: 0;
}
.highlight_wrapper .highlight_correct_h{
	z-index: 1;
}
.highlight_wrapper .highlight_correct_h_3{
	z-index: unset !important;
}
.highlighter_correct{
    position: absolute;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    clear: both;
    background: #FFF;
    z-index: 2;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0px;
}
.highlight_correct_tick:before{
	content: "";
    position: absolute;
    background: #3CCC97;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 40px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
}
.highlighter_correct .highlight_correct_heading{
    position: absolute;
    left: 0;
    right: 0;
    width: 150px;
    margin: 0 auto;
    text-align: center;
    top: -30px;
    font-size: 17px;
    padding: 0px 10px;
    border-radius: 6px;
    background: #FFF;
    font-weight: 400;
}
.highlighter_correct .highlight_correct_tiles{
    float: left;
    margin: 5px 0px;
    font-size: 25px;
    width: 100%;
}
.highlighter_correct .highlight_correct_tiles h2{
    text-align: center;
    font-size: 18px;
    font-weight: 100;
}
.highlight_legend{
	position: absolute;
    width: 90%;
    height: 30px;
    bottom: 0;
    background: #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 100;
    border: 1px solid #ddd;
    left: 0;
    right: 0;
    margin: auto;
    /*
	box-shadow: inset 0 0px 5px rgba(0,0,0,.29), 0 -1px 1px #fff, 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.29), 0 -1px 1px #fff, 0 1px 0 #fff;
    */
}
.highlight_legend .highlight_legend_element{
	width: 40%;
    float: left;
    margin: 1% 5%;	
}
.highlight_legend .highlight_legend_text{
    text-align: center;
    font-size: 15px;	
}
.highlight_legend .highlight_legend_icon_student{
	background: #f5df79;	
}
.highlight_legend .highlight_legend_icon_answer{
	border-bottom: 3px solid #4298cc;
}
.side_text{
	text-align:center;
	font-size: 18px;
}
.side_text ol{
	list-style: initial;
	list-style-type: decimal;
	padding: 0px 30px;
}
.side_text .text_word{
	padding: 0px 0.15em;
    float: left;
}
.question_body .side_text .sync_word{
	outline: 0;
	margin-left: -1px;
	position: relative;
	cursor: hand;
    cursor: pointer;
}
.sync_word .highlight_clear{
    background: url(../images/highlight_clear.svg) no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    border: 0;
    outline: 0;
    background-position: -30px 0px;
    z-index: 1;
    top: -17px;
    right: -17px;
    background-color: #4298cc;
    border-radius: 50%;
    cursor: pointer;
	cursor: hand;
}
.highlight_wrapper .highlight{background:#f5df79;outline: solid 3px #f5df79;}
.highlight_wrapper .active_highlight{background:#f5df79;outline: solid 3px #f5df79;}
.question_body .question_side_wrapper_content .side_image{
	margin: 0 auto;
    display: block;
	font-size: 1.5em;
}
.question_body .question_side_wrapper_content .side_image img{
	margin: 0 auto;
	display: block;
}
.question_body .student_slider_wrapper{
	width:1000px;
	margin:0 auto;
}
.question_body .student_slider_labels{
	float: left;
    text-align: center;
    line-height: 60px;
    width: 100px;
    font-size: 30px;
}
.question_body .student_slider_labels .slider_fraction{
	clear: both;
    width: 50px;
    display: block;
    line-height: 35px;
    margin: 0 auto;
}
.question_body .student_slider{
	width:800px;
	float:left;
}
.my_numeracy_quiz_overlay{
	display:none;
	width: 100%;
	top: 84px;
	position: absolute;
    top: 0px;
    left: 0;
    z-index: 1001;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100vh;
}
.sketch_learn_parent{
	width: 100% !important;
    position: absolute !important;
    top: 0px !important;
    display: none;
}
.sketch_learn_passage{
	width: 90% !important;
    position: absolute !important;
    top: 0px !important;
    display: none;
}
.sketch_learn_passage .close_button{
    position: absolute;
    z-index: 1000;
    top: 3px;
}
#learn_me_wrapper_parent{
	display: none;
}
#learn_me_wrapper #learn_me_content_internal{
	height: 100%;
	width: 100%;
}
#learn_me_audio{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    height: 100px;
    right: 0;
    z-index: 20002;
}
#learn_me_audio .audio_help_learnme{
	display: none;
}
#learn_me_content{
	display: none;
}
.player .vp-video-wrapper{
	background-color: #FFFFFF !important;
}
#learn_me_wrapper .scroll-wrapper{
	display: block;
}
#learn_me_wrapper .scroll-wrapper .scroll-x{
	display: none !important;
}
#my_literacy_learn_me{
	display: block;
}
.audio_help_learnme{
    position: absolute;
    left: 10px;
    top: 10px;	
}
.help_wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    height: calc(100% - 40px);
    background-color: #FFF;
    display: none;
    border-radius: 10px;
    overflow: hidden;
    /*
    overflow-y: scroll;
	overflow-x: hidden;
	*/
}
.help_wrapper .play_audio{
	margin: 15px;
}
.help_wrapper .help_internal{
	height:100%;
}
.help_wrapper .help_internal .video_play{
    background: url(../images/play_button.svg) no-repeat;
    width: 137px;
    height: 100px;
    background-size: 300px;
    position: absolute;
    z-index: 100;
    border: 0;
    outline: 0;
    background-position: 0px 0px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    display: none;
    cursor: pointer;
	cursor: hand;
}
html.non-touch .help_wrapper .help_internal .video_play:hover{
	background-position: -164px 0px;	
}
.help_video{
	display: none;
}
.help_video video{
	width:100%;
}
.embed_container {
	 position: relative; height: 100%; overflow: hidden; max-width: 100%; 
}
.embed_container iframe, .embed-container object, .embed-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.vp-video-wrapper{
	background-color: #FFFFFF !important;
}
#screencast_overlay{
	width: 100%;
    height: 100%;
    z-index: 10000;	
    display: none;
}
#screencast_master{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	z-index: 100000;
}
#screencast_wrapper{
    position: absolute;
    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: 10000;
}
#screencast_wrapper #screencast_content{
	position: relative;
    width: 100%;
    padding-top: 56.25%;	
    height: 0;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#screencast_wrapper #screencast_content iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}
.screencast_learn_wrapper{
	position: absolute;
    z-index: 1;
    width: 70%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    top: 30px;	
    max-width: 950px;
}
.screencast_learn_wrapper_smaller{
	width: 60%;
}
.screencast_learn_wrapper_smallest{
	width: 50%;
}
.screencast_image_wrapper_main .screencast_image_wrapper{
	background: transparent !important;
}
.screencast_image_wrapper_main .screencast_image_wrapper .screencast_learn_proficiency{
    position: absolute;
    z-index: 1;
    text-align: center;
    top: -52px;
    height: 35px;
    line-height: 35px;
    font-size: 35px;
    font-weight: 400;
    left: 0;
    right: 0;
    background: #FFF;
    margin: auto;
    border-radius: 10px;
    color: #666;
    padding: 4px 0px;
    border: 3px solid transparent;
    background: transparent;
    width: 100%;
}
.screencast_image_wrapper_main .mea_gradient:after{
	background: linear-gradient(to bottom, #eaf7ff , #ffffff);
}
.screencast_image_wrapper_main .mea_gradient .screencast_learn_wrapper .screencast_learn_video{
	border: 3px solid rgba(180, 215, 235, 0.7);	
}
.screencast_learn_wrapper .screencast_nav{
    display: flex;
    height: 40px;
    margin: 0 auto;
    justify-content: center;
    margin-top: 5px;
    z-index: 1;	
}
.screencast_learn_wrapper .screencast_nav .screencast_nav_button{
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin: 0px 5px;
    border: 0;
	background: #ddd;
	outline: 0;
	cursor: pointer;
}
html.non-touch .screencast_learn_wrapper .screencast_nav .screencast_nav_button:hover{
	background: #bbb;
}
.screencast_learn_wrapper .screencast_nav .screencast_nav_button_active{
	background: #4298cc;	
}
.screencast_learn_wrapper .screencast_learn_video{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
	overflow: hidden;
    border: 1px solid #ddd;
    background: #FFF;
    border-radius: 10px;
}
.screencast_learn_wrapper .screencast_learn_video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    opacity: 0;
    display: none;
}
#dynamic_welcome{
  z-index: 100000;
  position: absolute;
  background: white;
  width: 400px;
  height: 250px;
  bottom: 150px;
  left: 120px;
  border-radius: 10px;
  box-shadow: 0px 3px 15px rgb(0 0 0 / 20%);
  overflow: hidden;
  display: none;
  width:85px;
  height: 85px;
  bottom: -90px;
}
#dynamic_welcome .dynamic_welcome_content{
  display: none;
}
#dynamic_welcome .dynamic_row .audio_wrapper{
  position: absolute;
  right: -4px;
  top: 31px;
  z-index: 1;
  transform: scale(0.8);
}
.dynamic_row{
  display: flex;
  height: 82px;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #eee;
}
#dynamic_welcome .dynamic_row:first-child .dynamic_content{
  width: 260px;
}
#dynamic_welcome .dynamic_row:last-child{
  border-bottom: 0;
}
.dynamic_row .dynamic_icon{
  position: absolute;
  top: 10px;
  width: 70px;
  height: 70px;
  border-radius: 5px;
  left: 7px;
  background: #eee;
  top: 7px;
  z-index: 2;
}
.dynamic_row .dynamic_icon div{
  width: 100%;
  height: 100%;
  background: url(../images/dynamic_icon.svg) no-repeat;
  background-size: cover;
}
.dynamic_row .dynamic_content{
  width: 310px;
  height: 70px;
  top: 7px;
  left: 90px;
  position: absolute;
}
#dynamic_welcome #dynamic_welcome_1 .dynamic_row:nth-child(2) .dynamic_icon div{
  background-position: -70px 0px;
}
#dynamic_welcome #dynamic_welcome_1 .dynamic_row:nth-child(3) .dynamic_icon div{
  background-position: -141px 0px;
}
#dynamic_welcome #dynamic_welcome_2 .dynamic_row:nth-child(1) .dynamic_icon div{
  background-position: -70px 0px;
}
#dynamic_welcome #dynamic_welcome_2 .dynamic_row:nth-child(2) .dynamic_icon div{
  background-position: -209px 0px;
}
#dynamic_welcome #dynamic_welcome_2 .dynamic_row:nth-child(3) .dynamic_icon div{
  background-position: -141px 0px;
}
#dynamic_welcome #dynamic_welcome_3 .dynamic_row:nth-child(1) .dynamic_icon div{
  background-position: -70px 0px;
}
#dynamic_welcome #dynamic_welcome_3 .dynamic_row:nth-child(2) .dynamic_icon div{
  background-position: -141px 0px;
}
#dynamic_welcome .dynamic_welcome_content .dynamic_row .dynamic_content .dynamic_review{
  background-color: #4298cc;
  width: 120px;
  right: 130px;
}
#dynamic_welcome .dynamic_welcome_content .dynamic_row .dynamic_content button{
  border: 0;
  border-radius: 5px;
  clear: both;
  margin: 0 auto;
  width: 120px;
  padding-left: 40px;
  font-size: 1em;
  font-family: 'Open Sans', 'sans-serif';
  background-color: #6ac7a1;
  position: absolute;
  right: 6px;
  bottom: -1px;
}
html.non-touch #dynamic_welcome #dynamic_welcome_2 button:hover{
  background-color:#005587 !important;
}
#dynamic_welcome #dynamic_welcome_2 button span{
  background-image: url(../images/submit_quiz.svg);
  background-position: -37px -70px;
  background-repeat: no-repeat;
  position: absolute;
  width: 35px;
  height: 35px;
  left: 2px;
  top: 2px;
  background-size: 120px;
}
#dynamic_welcome #dynamic_welcome_2 .dynamic_row .dynamic_content #dynamic_review span{
  background-position: -1px -70px;
}
#dynamic_welcome #dynamic_welcome_4 .dynamic_row .dynamic_content .dynamic_review{
  right: 6px;
  margin: auto;
  width: 150px;
}
#dynamic_welcome #dynamic_welcome_4 .dynamic_row .dynamic_content .dynamic_review span{
  background: url(../images/dynamic_icon.svg) no-repeat;
  position: absolute;
  width: 35px;
  height: 35px;
  left: 2px;
  top: 2px;
  background-size: 160px;
  background-position: -122px -2px;
}
#dynamic_welcome #dynamic_welcome_4 .dynamic_row:nth-child(1){
  border-bottom: 1px solid transparent;
}
#dynamic_welcome #dynamic_welcome_4 .dynamic_row:nth-child(2){
  border-bottom: 1px solid transparent;
}
#dynamic_welcome #dynamic_welcome_4 .dynamic_row:nth-child(1) .dynamic_icon div{
  background-position: -140px 0px;
}
#dynamic_welcome .dynamic_row .num_gradient{
  background: #f5df79;
}
#dynamic_welcome .dynamic_row .mea_gradient{
  background: #b4d7eb;
}
#dynamic_welcome .dynamic_row .sta_gradient{
  background: #f7b6b0;
}
#dynamic_welcome .dynamic_row .rea_gradient{
  background: #A5D3CA;
}
#dynamic_welcome .dynamic_row .wri_gradient{
  background: #d8cdec;
}
#dynamic_welcome .dynamic_row .language_gradient{
  background: #b8cbff;
}
#dynamic_welcome .dynamic_row .literature_gradient{
  background: #ffddd4;
}
#dynamic_welcome .dynamic_row .literacy_gradient{
  background: #99e1dc;
}
#quiz_save_complete{
  z-index: 100000;
  position: absolute;
  background: white;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 3px 15px rgb(0 0 0 / 20%);
  overflow: hidden;
  display: none;
  width:85px;
  height: 85px;
  bottom: -90px;
}
#quiz_save_complete .dynamic_row{
  border-bottom: 0;
}
#quiz_save_complete #quiz_save_complete_icon{
  background-image: url(../images/student_admin.svg)!important;
  background-repeat: no-repeat !important;
  background: #4298cc;
  background-size: 60px;
  background-position: 3px -293px;
}
#quiz_save_complete #quiz_save_complete_text{
  width: 350px;
  font-size: 25px;
  text-align: center;
}

#function_wrapper_VC2{
	position: absolute;
    width: 40px;
    height: 300px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 200002;
    right:0;   
}
#function_wrapper{
	position: absolute;
    width: 40px;
    height: 300px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
    right:0;
}
.function_wrapper_review{
    height: 170px !important;
}
.function_wrapper_review #help_button{
    top: 150px;
}
.function_wrapper{
	right: 0;
}
.function_passage{
	left: 0;
}
.function_passage .help_button:first-child{
	border-radius: 5px;
	border-top-left-radius: 0;	
	border-top-right-radius: 0;
}
.function_passage .help_button:last-child{
	border-radius: 5px;
	border-top-left-radius: 0;	
	border-top-right-radius: 0;
}
.help_button_pop {
    box-shadow: -5px 5px 5px 1px rgba(0, 0, 0, 0.5), 0px 0px 3px 0px rgba(255, 255, 255, 0.5) inset;
}
#function_wrapper_question_note{
    position: absolute;
    width: 160px;
    height: 30px;
    left: 170px;
    bottom: 0;
    z-index: 10;
}

.help_button_VC2{
    position: absolute;
    border: 0px !important;
    transform: translateX(0%) rotate(-90deg);
    transform-origin: left;
    -webkit-transform: translateX(0%) rotate(-90deg);
    -webkit-transform-origin: left;
    top: 300px;
    width: 200px;
    text-align: center;
    font-size: 14px;
    background-position: 90% 50%;
    z-index: 2;
    outline: 0;
    left:20px;
    background: #4298cc;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	border-radius: 0;
	font-size: 1em !important;
	font-family: 'Open Sans', 'sans-serif';
	transition: none;
}

.help_button{
    position: absolute;
    border: 0px !important;
    transform: rotate(-90deg);
    transform-origin: left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: left;
    top: 300px;
    width: 170px;
    text-align: center;
    font-size: 14px;
    background-position: 90% 50%;
    z-index: 2;
    outline: 0;
    left:20px;
    background: #4298cc;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	border-radius: 0;
	font-size: 1em !important;
	font-family: 'Open Sans', 'sans-serif';
	transition: none;
}
.help_button:first-child{
	border-top-right-radius: 5px;
}
.help_button:last-child{
	border-top-left-radius: 5px;
}
.help_button span{
	background: url(../images/quiz_tools_v3.svg) no-repeat;
	width:30px;
	height:30px;
	display:block;
	position: absolute;
    top: 5px;
    left: 5px;
    background-size: 240px;
}

#help_button span{
    background-position: -194px 0px;
    transform: rotate(90deg);	
}
.help_button_solo{
    top: 150px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
html.non-touch .help_button:hover{background:#005587;}
.master_text_wrapper{
	position: absolute;
    height: 80%;
    width: 512px;
    top: 124px;
    z-index: 20001;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background-color: #ffffff;
    background-size: 100% 1.2em;
    border-radius: 10px;
    overflow: hidden;
    will-change: transform;
}

.master_text_wrapper_VC2{
	position: absolute;
    height: 80%;
    width: 100%;
    top: 124px;
    right: 0;
    z-index: 20001;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background-color: #ffffff;
    background-size: 100% 1.2em;
    border-radius: 10px;
    overflow: hidden;
    will-change: transform;
}
.master_text_wrapper_style{
	-ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.master_text_wrapper_passage{
	-ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow: visible;
}

.master_text_wrapper_passage_VC2{
	-ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform 0.6s cubic-bezier(0.55,0.08,0.68,0.53);
    overflow: visible;
}
.master_text_wrapper_passage .help_wrapper{
    height: 100%;	
}
#function_wrapper_question_note .help_button{
    border-radius: 0;
    transform: none;
    top: 0;
    width: 160px;
    position: absolute;
    left: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    line-height: 30px;
    height: 30px;
    text-align: center;
}
#function_wrapper_question_note .help_button span{
	transform: none;
}
.master_text_wrapper .help_wrapper .master_internal, .master_text_wrapper_VC2 .help_wrapper .master_internal{
	padding: 20px;
	font-weight: 100;
	height: 100%;
    position: relative;
}
.master_text_wrapper .help_wrapper .master_internal .scroll-content, .master_text_wrapper_VC2 .help_wrapper .master_internal .scroll-content{
	padding: 0;
}
.master_text_wrapper .help_wrapper .master_internal .master_internal_padding, .master_text_wrapper_VC2 .help_wrapper .master_internal .master_internal_padding{
	padding: 10px;
	/* display: inline-block; */
    display: block;
	padding-bottom: 150px;
}
.master_text_wrapper .help_wrapper .master_internal .bookmark_active, .master_text_wrapper_VC2 .help_wrapper .master_internal .bookmark_active{
	background: #ffffb2;
}
#master_text_button{
	display: none;
	text-align: center;
}
#master_text_button span{
    background-position: -90px 0px;
}
.no_mynumeracy_videos{
    border-top-left-radius: 5px;
}
.sketch_button{
    top: 130px;
    position: relative;
    font-size: 14px;
}
#sketch_pad_redraw{display: none;}
.sketch_button span{background-position: -30px 0px;}
.sketch_wrapper_pdf{
    position: relative;
    float: right;
    width: 25%;
	display: none;
	height: 100%;
}
.sketch_wrapper_pdf canvas{
	/*
	transform: scale(0.8);
    transform-origin: top left;
    */
    position: absolute;
    border-left: 1px solid #ddd;
}
.sketch_header{
	border-left: 1px solid #ddd;
	text-align: center;
    border-bottom: 1px solid #ddd;
    height: 20px;
}
.sketch_canvas_wrapper{
    height: 100vh;
    width: 100%;
    position: absolute;
}
.sketch_wrapper_internal{
	display: none;
}
.sketch_pad_pdf{
    width: 100%
}
.notes_wrapper_internal{
    position: absolute;
    right: 0;
    height: 320px;
    top: 480px;
    width: 100%;
    width: calc(100% - 1px);
    border-left: 1px solid #ddd;
}
.notes_wrapper_internal_solo{
    top: 0;
    height: 100vh;	
}
.notes_wrapper_internal .sketch_header{
    border-left: 0;
}
.notes_wrapper_internal .notes_content_wrapper{
    height: 300px;
}
.notes_wrapper_internal .notes_content_wrapper .notes_textarea{
	border: 0;
    width: 100%;
    height: 100%;
}
.notes_wrapper_solo{
	top: 400px;
}
.help_image{
	position:relative;
}
.help_image img{
	max-width: 512px;
}
.help_text{
	font-weight: 100;
    font-size: 1.2em;
}
.help_text h2{
	padding: 10px 10px 10px 80px;
	font-size: 22px;
}
#sketch_wrapper_parent{
	display: none;
}
.sketch_wrapper_parent_new{
  z-index: 1;
}
#sketch_text_wrapper{
	width: 96%;
    height: 100%;
    padding: 2%;
    position: absolute;
    display: none;
    top: 0;
    z-index: 2;
}
#sketch_text_area{
    top: 55px;
    background: transparent;
    background: #FFF;
    border: 0;
    outline: 0;
    font-size: 25px;
    font-weight: 100;
    font-family: 'Open Sans', 'sans-serif';
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	width: 96%;
    height: 100%;
    background-color: #fdfdfd;
	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");
	padding: 50px 2%;
}
.sketch_text_header{
    text-align: left;
    color: #6d6e72;
    position: absolute;
    width: 50%;
    font-size: 20px;
    line-height: 50px;
    height: 40px;
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
    background: #FFF;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #ddd;
}
.sketch_wrapper_close{
	width: 50%;
    height: 100%;
    position: absolute;
    background: none;
    top: 0;
    left: 0;
    z-index: 1;
}
.sketch_wrapper{
  position: absolute;
    height: 76%;
    width: 512px;
    top: 124px;
    right: 0;
    z-index: 20001;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    will-change: transform;
}
#sketch_pad_wrapper{
    width: 96%;
    height: 100%;
    margin: 2%;
}
.sketch_pad{
  border-radius: 10px;
  background-color: #fdfff6;
  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");
  z-index: 1;
}
.sketch_pad_style_review{pointer-events: none;}
.sketch_pad_style_text{
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.1);
    overflow: hidden;
}
.sketch_admin{
	width:800px;border-top: 1px solid #eee;max-height: 710px;overflow: hidden;border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.sketch_show{
	-ms-transform: translateX(0%);
   	-webkit-transform: translateX(0%);
    transform: translateX(0%);
    /*transition: transform 2s ease-in-out;
     transition-delay: 1s; */
    box-shadow: 0 5px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 50px rgba(0,0,0,.2);
}

.sketch_show_VC2{
	-ms-transform: translateX(0%);
   	-webkit-transform: translateX(0%);
    transform: translateX(0%);
    transition: transform 0.8s ease-in-out;
    /* transition-delay: 1s; */
    box-shadow: 0 5px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 50px rgba(0,0,0,.2);
}

.sketch_wrapper .sketch_internal{
	position:relative;
	overflow:hidden;
	height: 100%;
}
.sketch_wrapper .tools{
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 3;
}
.sketch_wrapper .sketch_tools{
    width: 50px;
    height: 50px;
    display: block;
    background: url(../images/art_tools_v2.svg) no-repeat;
    float: left;
    outline:0;
    border: 0;
    background-color: #4298cc;
    cursor: pointer;
    cursor: hand;
    position: relative;
}
.sketch_wrapper .sketch_tools:first-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.sketch_wrapper .sketch_tools:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
html.non-touch .sketch_wrapper .sketch_tools:hover{
	background: #005587 url(../images/art_tools_v2.svg) no-repeat !important;
}
.sketch_wrapper  .sketch_page_number{
	position: absolute;
	top: 35px;
    right: 5px;
    font-size: 11px;
    text-transform: uppercase;	
}
.sketch_wrapper .active_tool:after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4298cc;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: auto;
}
.sketch_wrapper .sketch_tools_wrapper .edit_tools_wrapper{
  width: 150px;
    margin: 0 auto;
    float: right;
    pointer-events: visible;
    outline: 0;
    border: 0;
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 10px;
}
.sketch_wrapper .sketch_tools_wrapper .sketch_text{background-position: -103px 0px;}
.sketch_wrapper .sketch_tools_wrapper .sketch_marker{background-position: -53px 0px;}
.sketch_wrapper .sketch_tools_wrapper .sketch_eraser{background-position: 0px 0px;}
html.non-touch .sketch_wrapper .sketch_tools_wrapper .sketch_text:hover{background-position: -103px 0px !important;}
html.non-touch .sketch_wrapper .sketch_tools_wrapper .sketch_marker:hover{background-position: -53px 0px !important;}
html.non-touch .sketch_wrapper .sketch_tools_wrapper .sketch_eraser:hover{background-position: 0px 0px !important;}
#sketch_wrapper_new{
  position: absolute;
  width: 95%;
  height: 80%;
  left: 0;
  top: 124px;
  right: 0;
  margin: auto;
  z-index: 20001;
  border-radius: 10px;
  overflow: hidden;
  background: transparent;
  /*border: 2px solid #3e8dbe;*/
  box-shadow: 0 1px 0px 5px rgb(0 85 135 / 60%);
  box-shadow: 0 1px 0px 5px rgb(66 152 204 / 80%);
  display:none;
}
#sketch_wrapper_new .sketch_internal{
  position: relative;
  overflow: hidden;
  height: 100%;
  transition: 0.3s ease;
  /*background-size: 30px 30px;
  background-image: linear-gradient(to right, #eee 1px, transparent 1px), linear-gradient(to bottom, #eee 1px, transparent 1px);*/
}
#sketch_wrapper_new .sketch_internal #sketch_wrapper_zoom{
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  z-index: 1;
  cursor: pointer;
}
#sketch_wrapper_new .sketch_internal #sketch_wrapper_zoom:hover{
  background: #4298cc;
  opacity: 0.2;
}
#sketch_wrapper_new .sketch_background{
  background-color: #fdfff6;
  background-color: rgba(253,255,246,0.8);
  background-size: 30px 30px;
  background-image: linear-gradient(to right, #eee 1px, transparent 1px), linear-gradient(to bottom, #eee 1px, transparent 1px);
}
#sketch_wrapper_new #canvas_wrapper{
  position: relative;
  width: 100%;
  height: 100%;
}
#sketch_wrapper_new #canvas_wrapper canvas, .canvas-container{
  position: absolute!important;
  left: 0!important;
  top: 0!important;
  right: 0;
  margin: auto;
}
#sketch_toolbar{
  position: absolute;
  width: 200px;
  height: 390px;
  margin: 0;
  border-radius: 15px;
  background: #efefef;
  z-index: 1;
  border: 1px solid #ddd;
  right: 20px;
  bottom: 20px;
}
.sketch_toolbar_review{
  height: 49px !important;
  width: 49px !important;
}
#sketch_toolbar #sketch_toolbar_internal{
  width: 190px;
  margin: 5px;
  height: calc(100% - 10px);
}
#sketch_toolbar #sketch_toolbar_internal #s_keypad{
  clear: both;
  overflow: auto;
}
#sketch_toolbar #sketch_toolbar_internal #s_shapes{
  clear: both;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  margin-top: 10px;
}
#sketch_toolbar #sketch_toolbar_internal #s_mab{
  clear: both;
  width: 152px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 36px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#sketch_toolbar #sketch_toolbar_internal #s_draw{
  width: 114px;
  margin: 0 auto;
  margin-top: 55px;
}
#sketch_toolbar #sketch_toolbar_internal #s_trash{
  width: 40px;
  position: absolute;
  right: 3px;
  bottom: 5px;
}
#sketch_toolbar #sketch_toolbar_internal #s_background{
  width: 40px;
  position: absolute;
  left: 5px;
  bottom: 5px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools{
  background-color: #FFF;
  border: 0;
  border-radius: 7px;
  width: 35px;
  height: 35px;
  padding: 0;
  margin: 1.5px;
  float: left;
  cursor: pointer;
  border: 2px solid #FFF;
  background-image: url(../images/math_symbols/keypad_sprite.svg);
  background-size: 85px;
  background-repeat: no-repeat;
  background-position: 4px 1px;
}
html.non-touch #sketch_toolbar #sketch_toolbar_internal .s_tools:hover{
  border: 2px solid #4298cc;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_active{
  background-color: #ffed9a;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_2{
  background-position: -28px 1px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_3{
  background-position: -58px 1px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_4{
  background-position: 4px -29px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_5{
  background-position: -28px -29px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_6{
  background-position: -58px -29px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_7{
  background-position: 4px -57px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_8{
  background-position: -28px -57px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_9{
  background-position: -58px -57px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_0{
  background-position: 4px -85px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_10{
  background-position: -28px -85px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_11{
  background-position: -58px -85px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_12{
  background-position: 4px -115px;
  background-color: #c2dee7;
  border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_13{
  background-position: -28px -115px;
  background-color: #c2dee7;
  border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_14{
  background-position: -58px -115px;
  background-color: #c2dee7;
  border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_15{
  background-position: 4px -143px;
  background-color: #c2dee7;
  border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_16{
  background-position: -27px -142px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_17{
  background-position: -57px -142px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_18{
  background-position: 4px -173px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_19{
  background-position: -27px -199px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_20{
  background-position: -59px -199px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_21{
  background-position: -56px -172px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_22{
  background-position: 4px -199px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_23{
  background-position: -27px -171px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_24{
 background-position: 4px -227px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_25{
 background-position: -27px -227px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_26{
 background-position: 4px -264px;
 background-color: #c2dee7;
 border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_27{
 background-position: -55px -227px;
 background-color: #c2dee7;
 border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_28{
 background-position: -28px -264px;
 background-color: #c2dee7;
 border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_29{
 background-position: -55px -264px;
 background-color: #c2dee7;
 border: 2px solid #c2dee7;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_30{
  background-position: 2px -297px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_31{
  background-position: -30px -296px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_32{
  background-position: -56px -296px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_33{
  background-position: 2px -327px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_34{
  background-position: -29px -325px;
  margin-top: 9px;
}
#sketch_toolbar #sketch_toolbar_internal .s_tools_35{
  background-position: -60px -326px;
  margin-top: 9px;
}
#master_text_wrapper .help_wrapper .master_internal .scroll-x{display: none !important;}
#master_text_wrapper .help_wrapper .master_internal .scroll-content{min-height: 100% !important;}
#my_literacy_text_wrapper_parent{
	width: 96%;
    right: 2%;
    position: absolute;
    margin: 0 auto;
    top: 10px;
    z-index: 1;
}
.master_text_wrapper_reading{
	top: 100px;
}
#my_literacy_text_wrapper_parent #master_text_wrapper{
    transform: none;
    width: 98%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    border-radius: 5px;
}
#my_literacy_text_wrapper_parent .help_hidden{
	display: block;
	height: 100%;
  border-radius: 0;
}
#my_literacy_text_wrapper_parent #master_text_wrapper .scroll-wrapper .scroll-x{
	display: none;
}
#my_literacy_text_wrapper_parent #master_text_wrapper #master_wrapper .master_internal{
	padding: 10px;
	transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	padding-top: 30px;
	position: relative;
    height: auto;
}
#my_literacy_text_wrapper_parent #master_text_wrapper #master_wrapper .master_internal button{
	cursor: pointer;
}
.master_text_reading_mode #master_text_wrapper #master_wrapper .master_internal{
	padding: 10px 50px !important;
    height: 100% !important;
}
.master_text_reading_mode_style:before{
    content: "";
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    left: -5px;
    top: 15px;
    -webkit-transform: rotate(-1.5deg) translateX(-3%);
    transform: rotate(-1.5deg) translateX(-3%);
    width: 94%;
    height: 100%;
    position: absolute;
    border-radius: 5px;
    left:0;
    right:0;
    margin: auto;
}
.master_text_reading_mode_style:after{
    content: "";
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    left: -5px;
    top: 15px;
    -webkit-transform: rotate(1.5deg) translateX(3%);
    transform: rotate(1.5deg) translateX(3%);
    width: 94%;
    height: 100%;
    position: absolute;
    border-radius: 5px;
    left:0;
    right:0;
    margin: auto;
    /*
	background-color: #ffffff;
	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='%234298cc' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
	*/
	background: #fbfbfb;
}
#my_literacy_welcome{
	display: none;
}
#master_text_reading_mode_main{
	position: absolute;
    right: 0;
    left: 0;
    z-index: 20002;
    margin: auto;
    bottom: -35px;
    box-shadow: none;
}
#master_text_reading_mode_main .student_resume_icon{
    background-position: 0px 0px;
}
#master_text_reading_mode_expand{
    background: url(../images/expand_icon_student.svg);
	display: none;
    background-color: #4298cc;
    z-index: 20002;
    position: absolute;
    position: absolute;
    right: 0;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 8px 7px;
    border: 0;
    border-radius: 5px;
}
html.non-touch #master_text_reading_mode_expand:hover{
	background-color:#005587;
}
.master_wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFF;
}
.master_wrapper .master_internal{
	height:100%;
}
#my_literacy_learn_me_wrapper_parent{
    width: 33%;
    right: 1%;
    position: absolute;
    top: 100px;
    display: none;
    z-index: 1;
}
#my_literacy_learn_me_wrapper_parent #my_literacy_learn_me_heading{
	width: 95%;
	width: calc(100% - 20px);
    height: 35px;
    z-index: 1000;
    position: absolute;
    z-index: 20002;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    top: 20px;
    text-align: center;
    line-height: 36px;
    font-size: 25px;
    font-weight: 100;
    text-transform: uppercase;
	border: 1px solid #e8f6ff;
    background: #e8f6ff;
}
#my_literacy_learn_me_wrapper_parent #my_literacy_learn_me_close{
    position: absolute;
    right: 12px !important;
    top: 23px !important;
    z-index: 200001;
    border-radius: 5px;
    box-shadow: none;
    border: 0;
    background: #4298cc url(../images/close_icon.svg);
    background-position: -62px -10px;
    width: 31px;
    height: 31px;
}
html.non-touch #my_literacy_learn_me_wrapper_parent #my_literacy_learn_me_close:hover{
	background: #005587 url(../images/close_icon.svg);
	background-position: -62px -10px;
}
#my_literacy_learn_me_wrapper_parent #learn_me_wrapper{
    width: 98%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    border-radius: 5px;
    background: #FFF;
    transform: none;
    top: 0;
    top: 15px;
}
#my_literacy_learn_me .master_internal{
    padding: 10px;
    font-weight: 100;
    height: 100%;
    padding-top: 45px;
}
#my_literacy_learn_me_button{
	display: none;
	/*
	height: 35px;
    line-height: 35px;
    left: 23px;
    */
    top: 0;
    transform: none;
    left: 0 !important;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    width: 120px;
    font-size: 14px;
    text-align: center;
    padding-left: 30px;
}
.learn_me_active{
	display: none;
}
#my_literacy_bookmark_button{
	display: none;
    top: -2px;
    transform: none;
    left: -17px !important;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    width: 150px;
}
#my_literacy_bookmark_button .show_me_parent{
    display: table;
    width: 75%;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;	
}
#my_literacy_bookmark_button .show_me_parent .show_me_child{
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    text-align: center;	
    line-height: 15px;
    font-size: 14px;
}
.my_literacy_learn_me{display: none;}	
.function_wrapper_my_literacy{
    height: 40px;
    width: 120px;
    position: absolute;
    top: 100px;
    right: 60px;
}
.function_wrapper_my_literacy_bookmark{
    height: 40px;
    width: 120px;
    position: absolute;
    top: 100px;
    left: 20px;
}
.proficiency_standard{
    position: absolute;
    /* top: 50%; */
    left: 4%;
    width: 200px;
    padding: 2px 0px 2px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #eee;
    /* transform: rotate(90deg); */
    /* transform-origin: left; */
    z-index: 10;
    /* transform: translateY(-150px) rotate(90deg); */
    /* -webkit-transform: translateY(-150px) rotate(90deg); */
    border-radius: 5px;
    bottom: 5px;
    left: 190px;
}
.proficiency_standard_literacy{
	left: unset !important;
    width: 170px;
    background: #FFF;
    top: unset !important;
    transform: none;
    top:auto;
	left: 165px !important;
}
.proficiency_standard_review{
	left: 165px;
}
#proficiency_standard_literacy{
	left: 190px !important;
    bottom: 6px;
}
.vertically_align {
	bottom: initial !important;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
}
.vertically_align_smaller{
	top:55% !important;
}
.graph_align {
	top: 40px;
}
.flot-overlay{
	cursor: pointer;
    cursor: hand;
}
.graph_answer{
	position: absolute;
	margin: 10px;
	display: none;
	padding: 5px;
	width: 140px;
	height: 40px;
	line-height: 40px;
	font-size: 30px;
	text-align: center;
	background-color: #1ECD97;
	color: #FFF;
	z-index: 1;
	border-radius: 5px;
	right: -160px;
	top: 50%;
}
.graph_smaller{
	transform: scale(0.9);
    transform-origin: top;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin: top;
}
.nl_wrapper .quiz_correct_answer{
    position: relative;
    padding: 0 20px;
    top: 0;
}
.nl_wrapper{
  position: relative;
  width:800px;
  margin: 0 auto;
}
.nl_wrapper .nl_row{
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
}
.nl_wrapper .nl_row_review{
    pointer-events: none;
}
.nl_wrapper .nl_row .nl_row_wrapper{
    width:100%;
}
.nl_wrapper .nl_row .nl_row_wrapper .rangeslider--horizontal{
    position: absolute;
    height: 30px;
    margin: 0;
    background: transparent;
    box-shadow: none;
    width: calc(100% + 20px);
    left: -10px;
}
.nl_wrapper .nl_row .nl_row_wrapper .rangeslider--horizontal .rangeslider__fill{
    background: transparent;
    box-shadow: none;
}
.nl_wrapper .nl_row .nl_row_wrapper .rangeslider--horizontal .rangeslider__handle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0;
    background: #4298cc;
    top: -25px;
}
.nl_wrapper .nl_row_1{
    margin-bottom: 20px;
}
.nl_wrapper .nl_row .nl_subrow{
  display: flex;
  height: 100%;
  align-items: center;
  position: absolute;
  width: 100%;
  justify-content: space-between;
}
.nl_wrapper .nl_row_ticks{
  height: 30px;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.nl_wrapper .nl_row .nl_subrow .nl_xaxis{
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
}
.nl_wrapper .nl_row .nl_subrow .nl_xaxis:before{
  content:'';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  right: -8px;
  top: -4px;
}
.nl_wrapper .nl_row .nl_subrow .nl_xaxis:after{
  content:'';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #000000 transparent transparent;
  position: absolute;
  left: -8px;
  top: -4px;
}
.nl_wrapper .nl_row .nl_tick_wrap{
  padding: 0px 10px;
  width: calc(100% - 20px);
}
.nl_wrapper .nl_row .nl_tick_wrap .nl_ticks{
  width: 1px;
  height: 15px;
  background: #000;
  display: flex;
  justify-content: center;
}
.nl_wrapper .nl_row .nl_tick_wrap .nl_ticks .nl_tick_label{
  margin-top: 15px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  min-width: 35px;
}
.nl_wrapper .nl_row .nl_selection{
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
  margin-top: 50px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item{
    background-image: url(../images/number_line_icons.svg);
    border: 0;
    background-color: transparent;
    width: 50px;
    padding: 0;
    background-size: 450px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0px 5px;
    cursor: pointer;
}
html.non-touch .nl_wrapper .nl_row .nl_selection .nl_selection_item:hover{
    background-color: #eee;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_1{
    background-position: 8px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_2{
    background-position: -38px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_3{
    background-position: -86px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_4{
    background-position: -134px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_5{
    background-position: -180px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_6{
    background-position: -227px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_7{
    background-position: -273px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_8{
    background-position: -318px -1px;
}
.nl_wrapper .nl_row .nl_selection .nl_selection_item_9{
    background-position: -363px -1px;
}
.nl_wrapper .nl_input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  background-color: transparent;
  pointer-events: none;
  height: 50px;
  z-index: 1;
}
.nl_wrapper .nl_track{
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 8px;
    border-radius: 5px;
}
.nl_wrapper .nl_input::-webkit-slider-runnable-track{
    -webkit-appearance: none;
    height: 5px;
}
.nl_wrapper .nl_input::-moz-range-track{
    -moz-appearance: none;
    height: 5px;
}
.nl_wrapper .nl_input::-ms-track{
    appearance: none;
    height: 5px;
}
.nl_wrapper .nl_input::-webkit-slider-thumb{
    height: 20px;
    width: 20px;
    background-color: #4298cc;
    cursor: pointer;
    margin-top: -8px;
    pointer-events: auto;
    border-radius: 50%;
}
.nl_wrapper .nl_input::-moz-range-thumb{
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #4298cc;
    pointer-events: auto;
}
.nl_wrapper .nl_input::-ms-thumb{
    appearance: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #4298cc;
    pointer-events: auto;
}
.nl_wrapper .nl_row_review .nl_input::-webkit-slider-runnable-track{
    pointer-events: none;
}
.nl_wrapper .nl_row_review .nl_input::-moz-range-track{
    pointer-events: none;
}
.nl_wrapper .nl_row_review .nl_input::-ms-track{
    pointer-events: none;
}
.nl_wrapper .nl_row_review .nl_input::-webkit-slider-thumb{
    pointer-events: none;
}
.nl_wrapper .nl_row_review .nl_input::-moz-range-thumb{
    pointer-events: none;
}
.nl_wrapper .nl_row_review .nl_input::-ms-thumb{
    pointer-events: none;
}
.nl_selection_item_10 .nl_input_1 + .rangeslider .rangeslider__handle{
    opacity: 0;
    pointer-events: none;
}
.nl_selection_item_10 .nl_input_2 + .rangeslider .rangeslider__handle{
    opacity: 0;
    pointer-events: none;
}
.nl_selection_item_1 .nl_input_2 + .rangeslider{
    opacity: 0;
    pointer-events: none;
}
.nl_selection_item_3 .nl_input_1 + .rangeslider .rangeslider__handle{
    background-color: #ffffff !important;
    border: 2px solid #4298cc !important;
    width: 16px !important;
    height: 16px !important;
}
.nl_selection_item_4 .nl_input_2 + .rangeslider .rangeslider__handle{
    background-color: #ffffff !important;
    border: 2px solid #4298cc !important;
    width: 16px !important;
    height: 16px !important;
}
.nl_selection_item_5 .nl_input_1 + .rangeslider .rangeslider__handle{
    background-color: #ffffff !important;
    border: 2px solid #4298cc !important;
    width: 16px !important;
    height: 16px !important;
}
.nl_selection_item_5 .nl_input_2 + .rangeslider .rangeslider__handle{
    background-color: #ffffff !important;
    border: 2px solid #4298cc !important;
    width: 16px !important;
    height: 16px !important;
}
.nl_selection_item_6 .nl_input_1 + .rangeslider .rangeslider__handle{
  border-radius:0 !important;
  background:transparent !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 10px 17.3px 10px 0 !important;
  border-color: transparent #4297cc transparent transparent !important;
  margin-left:-5px !important;
  pointer-events: none !important;
  top: -25px !important;
}
.nl_selection_item_7 .nl_input_2 + .rangeslider .rangeslider__handle{
  border-radius:0 !important;
  background:transparent !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 10px 0 10px 17.3px !important;
  border-color: transparent transparent transparent #4297cc !important;
  margin-left:5px !important;
  pointer-events: none !important;
  top: -25px !important;
  margin-left: -2px !important;
}
.nl_selection_item_8 .nl_input_1 + .rangeslider .rangeslider__handle{
  border-radius:0 !important;
  background:transparent !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 10px 17.3px 10px 0 !important;
  border-color: transparent #4297cc transparent transparent !important;
  margin-left:-5px !important;
  pointer-events: none !important;
  top: -25px !important;
}
.nl_selection_item_8 .nl_input_2 + .rangeslider .rangeslider__handle{
    background-color: #ffffff !important;
    border: 2px solid #4298cc !important;
    width: 16px !important;
    height: 16px !important;
}
.nl_selection_item_9 .nl_input_2 + .rangeslider .rangeslider__handle{
  border-radius:0 !important;
  background:transparent !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 10px 0 10px 17.3px !important;
  border-color: transparent transparent transparent #4297cc !important;
  margin-left:5px !important;
  pointer-events: none !important;
  top: -25px !important;
  margin-left: -2px !important;
}
.nl_selection_item_9 .nl_input_1 + .rangeslider .rangeslider__handle{
    background-color: #ffffff !important;
    border: 2px solid #4298cc !important;
    width: 16px !important;
    height: 16px !important;
}
.sp_parent{
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}
.sp_image{
  position: relative;
  height: 100%;
  width: 35%;
  float: left;
  margin-left: 5%;
}
.sp_image .sp_image_wrapper{
  display: flex;
  justify-content: right;
  width: auto;
  max-width: 100%;
  align-items: center;
  height: auto;
}
.sp_image .sp_image_wrapper img{
  width: auto;
  max-width: 100%;
}
.sp_image_split{
  width: 60%;
}
.sp_parent .sp_wrapper{
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  width: fit-content;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sp_parent .sp_wrapper_review{
    pointer-events: none;
}
.sp_parent .sp_wrapper .sp_row{
  display: flex;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.sp_parent .sp_wrapper .sp_row .sp_cell{
  width: 40px;
  height: 40px;
  position:relative;
  /*border: 1px solid #ddd;
  margin-left: -1px;
  margin-top: -1px;*/
}
.sp_parent .sp_wrapper .sp_row:first-child{
  border-bottom: 1px solid #ddd;
}
.sp_parent .sp_wrapper .sp_row .sp_cell:after{
  content: '';
  width: 100%;
  border-top: 1px solid #ddd;
  position: absolute;
}
.sp_parent .sp_wrapper .sp_row .sp_cell:before{
  content: '';
  height: 100%;
  border-right: 1px solid #ddd;
  position: absolute;
}
.sp_parent .sp_wrapper .sp_row .sp_cell_fake:before{
  display:none !important;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:not(:checked) + label, .sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:checked + label{
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: -7px;
  left: -7px;
  padding: 0;
  z-index: 1;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_cell_locked:not(:checked) + label, .sp_parent .sp_wrapper .sp_row .sp_cell .sp_cell_locked:checked + label{
  pointer-events: none;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:not(:checked) + label:before, .sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:checked + label:before{
  left: 0;
  top: 0;
  border-radius: 50%;
  background: #FFF;
  width: 100%;
  height: 100%;
  display: none;
}
.sp_parent .sp_wrapper .sp_row .sp_cell_review .sp_checkbox:checked + label:after{
    opacity: 0.5;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:checked + .sp_student_response div{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: -6px;
    right: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
    border: 4px solid #E0645C;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:checked + .sp_student_response_correct div{
    border: 4px solid #3CCC97 !important;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:checked + .sp_student_response:after{
    opacity: 1;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:not(:checked) + label:hover:before, .sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:checked + label:hover:before{
  display:block;
  background: #eee;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:not(:checked) + label:after, .sp_parent .sp_wrapper .sp_row .sp_cell .sp_checkbox:checked + label:after{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: none;
  border: 1px solid #4298cc;
  transition: none;
  display:block;
  background: #4298cc;
  content: '';
  border-radius: 50%;
}
.sp_parent .sp_wrapper .sp_row .sp_cell .sp_cell_locked:not(:checked) + label:after, .sp_parent .sp_wrapper .sp_row .sp_cell .sp_cell_locked:checked + label:after{
  border: 1px solid #000 !important;
  background: #000 !important;
}
.sp_parent .sp_axis_wrapper{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.sp_parent .sp_axis_wrapper .sp_axis{
  background: #000;
  position: absolute;
}
.sp_parent .sp_axis_wrapper .sp_xaxis{
  width:100%;
  height:2px;
  margin-bottom: -1px;
}
.sp_parent .sp_axis_wrapper .x_arrows div{
  content: '';
  position: absolute;
  height: 2px;
  background: #000;
  width: 20px;
  display:none;
}
.sp_parent .sp_axis_wrapper .x_left_arrow div:first-child{
  display:block;
  left: -20px;
}
.sp_parent .sp_axis_wrapper .x_left_arrow div:first-child:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #000000 transparent transparent;
  position: absolute;
  right: 14px;
  top: -4px;
}
.sp_parent .sp_axis_wrapper .x_right_arrow div:last-child{
  display:block;
  right: -20px;
}
.sp_parent .sp_axis_wrapper .x_right_arrow div:last-child:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  right: -4px;
  top: -4px;
}
.sp_parent .sp_axis_wrapper .y_arrows div{
  content: '';
  position: absolute;
  height: 20px;
  background: #000;
  width: 2px;
  display:none;
}
.sp_parent .sp_axis_wrapper .y_top_arrow div:first-child{
  display:block;
  top: -20px;
}
.sp_parent .sp_axis_wrapper .y_top_arrow div:first-child:after{
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 5px 8.7px 5px;
 border-color: transparent transparent #000000 transparent;
 position: absolute;
 right: -4px;
 top: -4px;
}
.sp_parent .sp_axis_wrapper .y_bottom_arrow div:last-child{
  display:block;
  bottom: -20px;
}
.sp_parent .sp_axis_wrapper .y_bottom_arrow div:last-child:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  right: -4px;
  bottom: -4px;
}
.sp_parent .sp_axis_wrapper .sp_yaxis{
  height: 100%;
  width: 2px;
}
.sp_parent .sp_axis_labels .sp_axis_x_labels{
  height: 20px;
  display: flex;
  transform: translateY(20px);
  width: 100%;
  justify-content: center;
}
.sp_parent .sp_axis_labels .sp_axis_x_zero:before{
  content: '0';
  font-weight: 600;
  left: -10px;
  position: absolute;
  width: auto;
}
.sp_parent .sp_axis_labels .sp_axis_y_labels{
  width: 20px;
  display: flex;
  transform: translateX(-22px);
  height: 100%;
  flex-direction: column-reverse;
  justify-content: center;
}
.sp_parent .sp_axis_labels .sp_axis_labels_xy{
  position: absolute;
  font-size: 0.8em;
}
.sp_parent .sp_axis_labels .sp_axis_labels_xy .sp_cell_x{
  width: 40px;
  text-align: center;
  font-weight: 600;
  display: flex;
  justify-content: center;
}
.sp_parent .sp_axis_labels .sp_axis_labels_xy .sp_cell_x div{
  width: auto;
  background: #FFF;
  margin-top: 1px;
}
.sp_parent .sp_axis_labels .sp_axis_labels_xy .sp_cell_x div .sp_cell_zero{
  margin-left: -15px;
  margin-top: 0;
}
.sp_parent .sp_axis_labels .sp_axis_labels_xy .sp_cell_y{
  height: 40px;
  display: flex;
  align-items: end;
  font-weight: 600;
  align-items: center;
  flex-direction: row-reverse;
}
.sp_parent .sp_axis_labels .sp_axis_labels_xy .sp_cell_y div{
  background: #FFF;
}
.sp_parent .sp_axis_wrapper .sp_header{
  text-align: center;
  position: absolute;
  width: 100%;
  top: -50px;
}
.sp_parent .sp_axis_wrapper .sp_xheader{
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: -40px;

}
.sp_parent .sp_axis_wrapper .sp_yheader{
  position: absolute;
  width: 100%;
  transform: rotate(-90deg);
  transform-origin: left;
  top: 100%;
  text-align: center;
  left: -30px;
}
.question_image {
	height: 380px;
	width:100%;
	position: relative;
	z-index: 3;	
	padding-top: 20px;
    margin-bottom: 8px;
	display: table;
}
.questions_literacy{margin-bottom: 20px;}
.questions_literacy .h_1:before{height: 100%;}
.questions_literacy .h_1:after{height: 100%;}
.questions_literacy .h_1 .btnResetDragLit{
	right: 20px !important;
    left: unset;
    bottom: 20px;
    top: unset !important;
}
.questions_literacy .h_2 .btnResetDragLit{
	right: 20px !important;
    left: unset;
    bottom: 20px;
    top: unset !important;
}
.questions_literacy .h_3 .btnResetDragLit{
	right: 20px !important;
    left: unset;
    bottom: 20px;
    top: unset !important;
}
.btnResetDragHighlight{
    top: 45px !important;
    background-position: 0px -147px !important;
    z-index: 10;
    right: unset !important;
    left: -20px !important;	
}
.questions_literacy img{
	max-height: 100%;
	max-width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.question_image .literacy_image_wrapper{
	max-width: 900px;
    margin: 0 auto;
    border-radius: 20px;
    height: 100%;
    position: relative;
}
.questions_literacy_split{
    height:100%;
    width: 49%;
    margin: 2% 5%;
    position: absolute;
}
.questions_numeracy .mc_lit_1_image .question_side_wrapper_2 .mc_center_image{
  height: 90% !important;
  transform: none !important;
  top: 0 !important;
  display: flex;
  align-items: center;
}
.questions_numeracy .mc_lit_1_image .question_side_wrapper_2 .mc_center_image img{
  max-height: 100%;
  transform: none !important;
  height: fit-content;
  top: unset !important;
  display: block;
}
.d_lit_3_image {
	width: 40%;
	pointer-events: none;	
}
.s_1_image{
	width: 40%;
	pointer-events: none;	
}
.sortable_parent .sortable_child_1 .s_1_border{
	border: 1px solid transparent !important;
}
.sortable_parent .sortable_child_1 .s_1_border:before{
    content: '';
    position: absolute;
    background: #f5f5f5;
    width: 100%;
    height: 100%;
    border: 2px solid #ddd;
    border-radius: 10px;
    left: 0;
}
.sortable_parent .sortable_child_1 .s_1_border .ui-state-default{
	border-radius: 5px;
    margin: 5px 0;
}
.sortable_parent .sortable_child_1 .s_1_border .ui-sortable-handle{
	border: 1px solid #eee !important;	
}
.sortable_parent .sortable_child_1 .s_1_border .ui-sortable-handle span{
	border: 0 !important;
}
.sortable_parent .sortable_child_1 .s_1_border .audio_wrapper{
	border: 0 !important;
}
.sortable_parent .sortable_child_1 .s_1_heading{
    text-align: center;	
    font-size: 1.3em;
}
.sortable_wrapper{
    display: flex;
    margin: 0px 0px 30px;
    position: relative;
}
.sortable_review_toggle{
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    width: 300px;
    margin: 0 auto;
    top: -22px;
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.fi_1 .sortable_review_toggle {
    top: 0px;	
}
.sortable_review_toggle .quiz_correct_answer{
    display: block;
    position: relative;
    top: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}
.sortable_review_toggle .quiz_correct_answer_active{
    background: #4298cc;
    color: #FFF;
}
.sortable_review_correct{display:none;}
.questions_literacy_split_right{
    width: 50% !important;
    margin: 0% 5%  !important;
    position: relative !important;
    float: right !important;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.text_edit_mode{
    z-index: 20000 !important;
    width: 92% !important;
}
.questions_literacy_split_left{
    width: 45% !important;
    margin: 5% 0% 0% 3%;
    margin: 50px 0px 0px 20px;
    position: absolute !important;
    top: 0;
    height: 95%;
}
.questions_literacy_split_fullwidth{
	width: 100% !important;
	margin: 0% 0% !important;
}
.questions_literacy_split_hide_me{
	display: none;
}
.questions_literacy_split .literacy_image_wrapper{
	height:100%;
}
.questions_literacy_split .literacy_image_wrapper .question_side_wrapper_content{
    width: 90%;
    left: 4%;
    height: 40%;
}
.questions_literacy_split .literacy_image_wrapper .question_side_wrapper{
	width: 100%;
	float:left;
    top: 0;
    transform: none;
    height: 50%;
}
.questions_literacy_split .literacy_image_wrapper .side_text{
	height: 300px;
    text-align: justify;
    width: 90% !important;
}
.question_side_wrapper_2{
	width:100% !important;
	height: 100%;
    position: relative;
}
.question_side_wrapper_2 .question_side_wrapper{
	width:100% !important;
	transform: none;
	-webkit-transform: none;
	height: 50%;
}
.question_side_wrapper_2 .question_side_wrapper_content{
	width: 90%;
	overflow: auto;
	padding: 0;
	height: 200px;
	margin: 0 auto;
	left: 9%;
	height: 40%;
}
.quiz_text_input {
	border: 2px solid #e4e4e4 !important;
	padding: 10px;
	font-size: 25px;
	width: 250px;
	-webkit-appearance: none;
    appearance: none;
	font-family: sans-serif;
    border-radius: 10px !important;
    outline: none !important;
    text-align: center !important;
    transition: 0.3s ease;
    font-weight: 100;
    line-height: 45px !important;
	height: 45px !important;
	padding: 0 !important;
}
.quiz_text_input:focus{
	background:#E3F4FF !important;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.quiz_fi_input {
	font-family: sans-serif;
	text-align: center;
	float:left;
	border: 1px solid #d6d6d6;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	font-weight: 100;
	font-size: 25px !important;
	text-align: center !important;
	line-height: 45px !important;
	height: 45px !important;
	padding: 0 !important;
	-webkit-appearance: none;
    appearance: none;
    text-transform: none;
}
.quiz_fi_input:focus{
	background:#E3F4FF;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.quiz_fi_input_locked[readonly]{
	pointer-events: none;
}
.questions_literacy_input .quiz_fi_input:focus{
	background:#E3F4FF;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.fi_images{
	float:left;
}
.fi_wrapper{
	display: table-cell;
	vertical-align: middle;
}
.fi_1_overflow{
    max-height: 170px !important;
    overflow-y: visible;
    overflow-x: hidden;
    scrollbar-width:thin;
    width: 80%;
    left: 150px;
}

.logarithm_1{
	font-size: 14px !important;
    padding: 0px 5px 0px !important;
    margin-top: 13px;
}
.logarithm_2{
	padding: 0px 5px !important;
}
.logarithm_wrapper{
    float: left;
	font-size: 20px;
    padding: 0px 5px;
}
.logarithm_style_2{border: 1px solid #d6d6d6 !important; }
.root_wrapper{
	background: url('../images/sqaure_root.svg');
    width: 30px;
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 80%;
}
.root_style{
	margin-left: 22px;
    min-width: 50px;
    border-top: 2px solid #000 !important;
}
.fi_review_smaller{
	-webkit-transform: scale(0.7);
    -webkit-transform-origin: top;
	transform: scale(0.7);
    transform-origin: top;
}
.fi_1_parent, .fi_2_parent, .fi_3_parent{
	margin-top: 35px !important;
    bottom: 70px;
    z-index: 1000 !important;
    margin: 0 auto;
    padding: 6px 0px 6px 0px;
}
.fi_2_parent{
	z-index: 2;
}
.fi_2_parent .fi_flex_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.fi_2_parent .fi_wrapper_row{
    margin: 0 auto;
    position: relative;
	width: fit-content;
}
.fi_2_parent .fi_wrapper_row .fi_wrapper{
    padding: 1px 0px;	
}
.fi_3_parent .fi_wrapper_row{
	max-width: 100%;
    margin: 0 auto;
    position: relative;
    /* min-width: max-content !important; */
    width: auto !important;
}
.fi_3_parent .fi_wrapper_row .fi_wrapper{
    float: left;
    padding: 1px 0px;
}
.fi_3_parent .fi_wrapper_row .fi_wrapper input{
    padding: 0px 1px !important;
    font-size: 22px !important;
}
.literacy_typeface .fi_wrapper_row .fi_wrapper input{
	font-size: 19px !important;
}
.fi_4_parent{
    width: 100%;
    height: 100%;
    top: 0 !important;
    transform: none;
}
.fi_4_parent .question_side_wrapper_content{
    height: 50%;
    position: absolute;
    width: 25%;
    left: 5%;
    top: -3%;	
}
.fi_4_parent .fi_wrapper_row{
	max-width: 85%;
    margin: 0 auto;
    position: relative;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
    min-width: 550px;
    padding: 5px;
    overflow: visible;
    display: table;
    width: max-content;
}
.fi_4_parent .fi_wrapper_row_new_line{
	clear: both;
    overflow: auto;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    padding: 5px;	
    /*width: 100%;*/
}
.fi_4_parent .fi_wrapper_row_new_line:last-child{
	display: none;
}
.fi_4_parent .fi_wrapper_row .fi_wrapper{
    float: left;
    padding: 1px 3px;
    height: 30px;
}
.fi_4_parent .fi_wrapper_row .fi_wrapper div{
	padding: 0px !important;
    font-size: 20px !important;
    height: 30px !important;
    line-height: 30px !important;
    border: 0 !important;
    font-size: 18px;
}
.fi_4_parent .fi_wrapper_row .fi_wrapper input{
	padding: 0px !important;
    font-size: 20px;
    height: 30px !important;
    line-height: 30px !important;
    border: 0 !important;
    font-size: 18px;
}
.fi_4_parent .fi_wrapper_row .input_dropdown{
   	float: left;
    padding: 0;
    margin-bottom: 0;
    height: 30px;
    line-height: 30px;
    font-size: 20px !important;
    min-width: 90px;
}
.fi_4_parent .fi_wrapper_row .input_correct_parent{
	position: relative;	
}
.fi_4_parent .fi_wrapper_row .input_incorrect_parent{
	position: relative;	
}
.fi_5_parent .fi_wrapper_row{
    width: 92%;
    margin: 0 auto;
    float: none;
    min-width: 400px;
}
.fi_5_parent .fi_wrapper_row .fi_5_wrapper{
	max-width: 95%;
    /* margin-left: 10px; */
    clear: both;
    position: relative;
    border-bottom: 1px solid #ddd;
    min-width: 550px;
    padding-bottom: 10px;
    display: table;
    width: 100%;
	margin: 0 auto;
}
.fi_5_parent .fi_wrapper_row .fi_5_wrapper .fi_wrapper_parent{
    float: left;
    width: 75%;
    display: table;
    height: auto;
    min-height: 40px;
    padding: 0 2.5%;
}
.fi_5_parent .fi_wrapper_row .fi_5_wrapper .fi_wrapper_parent .fi_wrapper{
	font-weight: 100;
	text-align: justify;
}
.fi_5_parent .fi_wrapper_row .fi_5_wrapper .fi_5_selection{
    width: 20%;
    height: 100%;
    display: table;
    position: relative;
    margin-top: 5px;
    float: right;
}
.fi_5_parent .fi_wrapper_row .fi_5_wrapper .fi_5_selection select{
    margin: 0;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    padding: 0;
    /*background-color: #fbf9f9;*/
}
.fi_6_parent .fi_6_wrapper{
	width: 300px;
	float: left;
}
.fi_6_parent .fi_6_wrapper .fi_6_image{
    float: left;
    position: relative;
    width: 300px;
    height: 250px;
}
.fi_6_parent .fi_6_wrapper .fi_6_image img{
    display: block;
    position: relative;
    transform: none;
    -webkit-transform: none;
    margin: 0 auto;
    top: 0;
    width: 100%;
    max-width: 250px;
}
.fi_6_parent .fi_6_wrapper .fi_6_text{
    float: left;
    position: relative;
    padding: 0px 25px;
    text-align: justify;
    font-weight: 100;
    font-size: 15px;
}
.fi_6_parent .fi_6_wrapper .fi_6_dropdown{
    position: relative;
    width: 250px;
    margin: 0 auto;	
}
.input_dropdown_student_style{
	color:#666 !important;
	-webkit-appearance: none;
    appearance: none;
    background-image: url(../images/dropdown_arrow.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    cursor: pointer;
    padding: 0px 5px !important;
    background-size: 25px;
    font-size: 1em;
    background-color: #edfaff;
}
.input_correct{
	/*
	background: #c4efdf !important;
	*/
	border: 2px solid #3CCC97 !important;
}
.input_correct_parent:after{
	content: "";
    position: absolute;
    background: #3CCC97;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -15px;
    right: -15px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 50px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
}
.input_incorrect{
	/*
	background: #f5d0ce !important;
	*/
	border: 2px solid #E0645C !important;
}
.input_incorrect_parent:after{
	content: "";
    position: absolute;
    background: #E0645C;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -15px;
    right: -15px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 50px;
    background-position: -23px 2px;
    background-repeat: no-repeat;
}
.drag_correct{
	border: 4px solid #3CCC97 !important;
	margin-left: -2px !important;
	margin-top: -2px !important;
}
.drag_correct:after{
	content: "";
    position: absolute;
    background: #3CCC97;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: -20px;
    right: -20px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 70px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
}
.drag_incorrect{
	border: 4px solid #E0645C !important;
	margin-left: -2px !important;
	margin-top: -2px !important;
}
.drag_incorrect:after{
	content: "";
    position: absolute;
    background: #E0645C;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: -20px;
    right: -20px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 70px;
    background-position: -33px 2px;
    background-repeat: no-repeat;
}
.drag_correct_pile{
	border: 4px solid #3CCC97 !important;
	margin-top: -2px !important;
}
.sortable{
	width: 80%;
	margin: 0 auto;
	background: #f5f5f5;
	border: 1px solid #ddd;
    border-radius: 5px;
    min-width: 300px;
}
.sortable .ui-state-default{
    background: #fbfbfb;
    border: 1px solid transparent;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
	cursor: hand;
	padding: 5px 10px;
	padding: 5px 10px 5px 40px;
	position: relative;
}
html.non-touch .sortable .ui-state-default:hover{
	background: #ecf4f9;
	border-radius: 5px;
	box-shadow: 0 0px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.3);
    z-index: 1;
}
.sortable .static{
	pointer-events: none !important;
	background: transparent !important;
}
.sortable .static .hamburger{
	display: none;
}
.sortable .ui-state-default:first-child{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.sortable .ui-state-default:last-child{
	border-bottom: 1px solid transparent;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.sortable .ui-sortable-helper{	
	background: #ecf4f9;
	border-radius: 5px;
	border-bottom: 1px solid transparent;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.ui-state-default .hamburger{
    background-image: url(../images/hamburger.svg);
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 20px;
    left: 5px;
    top: 50%;
    transform: translateY(-15px);
    background-repeat: no-repeat;
    background-position: 5px 4px;
}
.sortable .ui-sortable-helper img{
	max-height: 200px;
	display: block;
	margin: 0 auto;
}
.sort_order_parent{
    width: 70px;
    position: absolute;
    left: -36px;
    top: 16px;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    padding: 0 !important;
}
.sort_order{
	 width: 30px;
    height: 30px;
    border-radius: 5px;
    float: left;
    margin: 0px 2px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    background: #4298cc !important;
    color: #FFF;
    padding: 0 !important;
}
.user_order{
	opacity: 0;
}
.user_order_correct{
	background: #3CCC97 !important;
	display: block;
	opacity: 1;
}
.user_order_incorrect{
	background: #E0645C !important;	
	display: block;
	opacity: 1;
}
.s_2_sortable_wrapper{
    width: 90%;
    margin: 0 auto;
    min-width: 640px;
    margin-top: -50px;	
}
.s_2_sortable_wrapper .s_1_heading{
	text-align: center;
    font-size: 1.3em;
}
.s_2_sortable_wrapper .s_2_left{
    width: 40%;
    float: left;
    position: relative;	
}
.s_2_sortable_wrapper .s_2_left .s_2_left_wrapper{
	border: 1px solid transparent;
	background: #FFF;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #fff;
    border-right: 1px solid transparent;
}
.s_2_sortable_wrapper .s_2_left .s_2_active{
    background: #e7f4fb;
}
.s_2_sortable_wrapper .s_2_right{
    width: 58%;
    float: left;
    position: relative;	
}
.s_2_sortable_wrapper .s_2_right ul{
    width: 100%;
    float: left;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-radius: 10px;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child{
	display: block;
    padding: 5px 0px 5px 0px;
	padding: 0;	
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child_item{
	background: #fbfbfb;
    border: 1px solid transparent;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
    cursor: hand;
    padding: 5px 10px;
    padding: 5px 5px 5px 40px;
    position: relative;
}
.sortable_compact .s_2_right ul .s_2_child_item{
	padding: 0px 5px 0px 40px;
    height: 65px;	
}
.sortable_compact .s_2_right ul .s_2_child_item .hamburger{
	transform: none;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child_item:first-child{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child_item:last-child{
	border-bottom: 1px solid transparent;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child_item .ui-sortable-placeholder{
	height: 0 !important;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child .s_2_child_wrapper{
    display: block;
    vertical-align: middle;
    appearance: none;
    background: transparent;
    padding: 0px;
    height: 100%;
    border: 0;
    position: absolute;
    width: 100%;
    left: 0;
    padding-left: 40px;
    top: 0;
    box-sizing: border-box;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child .ui-sortable-helper{
	background: #FFF !important;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child .s_2_child_wrapper .s_2_child_parent{
    display: table;
    border: 0;
    padding: 0;
    box-shadow: none !important;
    height: 100%;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child .s_2_child_wrapper .s_2_child_parent .s_2_child_child{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    box-shadow: none !important;
    font-size: 18px;
}
.s_2_sortable_wrapper .s_2_right ul .s_2_child .s_2_child_wrapper .s_2_child_parent .sortable_text{
   	font-size: 13px;	
}
.s_2_sortable_wrapper .s_2_left .s_2_child{
    height: 91px;
    position: relative;
    text-align: center;
    text-align: justify;
}
.sortable_compact .s_2_left .s_2_child{
	height: 67px;
}
.s_2_sortable_wrapper .s_2_left .s_2_child .s_2_child_parent{
    border: 1px solid transparent;
    /* padding: 5px 0px 5px 0px; */
    height: 90px;
    display: table;
    width: 100%;
    position: relative;
    border-top: 0;
    border-bottom: 1px solid #fff;
}
.sortable_compact .s_2_left .s_2_child .s_2_child_parent{
	height: 66px;	
}
.s_2_sortable_wrapper .s_2_left .s_2_child:last-child .s_2_child_parent{
	border-bottom: 1px solid transparent !important;
}
.s_2_sortable_wrapper .s_2_left .s_2_child .s_2_child_parent .s_2_child_cell{
    width: 95%;
    width: calc(100% - 40px);
    display: table-cell;
    vertical-align: middle;
    padding: 0px 5px 0px 35px;
    font-size: 17px;
    text-align: left;
}
.s_2_sortable_wrapper .s_2_left .s_2_child .s_2_child_parent .sortable_text{
	font-size: 15px;
}
.s_2_sortable_wrapper .s_2_child{
    height: 79px;
    font-size: 16px;
    line-height: 18px;
}
.s_2_sortable_wrapper .s_2_dropped{
	background: #e7f4fb !important;
	transition: 0.2s ease;
}
.s_1_audio{
	position: absolute;
    left: -40px;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
.s_2_audio{
    position: absolute;
    left: -4px;
    width: 30px;
    height: 30px;
    top: 1px;
    margin-top: 0;	
}
.s_2_audio_right{
	left: 0;
}
.s_2_audio .audioPlayer{
	width: 30px;
    height: 30px;
    background-position: 0px 0px;
    margin: -2px 4px 0px 4px !important;
}
.s_4_parent{
    width: 90%;
    margin: 0 auto;
    transform: translateY(-60%);
}
.s_4_audio{
	left: 0;
    right: 0;
    /* margin: auto;
    bottom: -43px;
    top: unset;
    float: none; */
    margin-bottom: auto;
}
.s_4_sortable_wrapper{
	width: 100%;
}
.s_4_sortable_wrapper .s_4_row{
	height: 160px;
    width: 100%;
    float: left;
    position: relative;
}
.s_4_sortable_wrapper .s_4_row .quiz_correct_answer{
  top: -10px;
  z-index: 1;
}
.s_4_sortable_wrapper .s_4_top{
	margin-bottom: 10px;	
}
.s_4_sortable_wrapper .s_4_row .sortable_4{
	display: flex;
    justify-content: center;	
	position: relative;
	padding-top: 10px;
    position: relative;
    padding-bottom: 10px;
    width: 90%;
    border-radius: 10px;
    padding: 10px;
    width:fit-content;
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .s_4_child{
    float: left;
    width: 120px;
    padding: 0;
    border: 1px solid #ddd !important;
    border-radius: 5px;
    background: #FFF;
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .s_4_child .hamburger{
	left: 0;
    right: 0;
    top: 90%;
    margin: auto;	
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .s_4_text{
	width: 110px;
    margin: 0px 5px;
    padding-bottom: 20px;	
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .s_4_text .hamburger{
    left: 0;
    right: 0;
    top: 90%;
    margin: auto;	
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .s_4_text .s_4_child_wrapper{
    padding: 5px;	
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .static{
    border: 1px solid transparent !important;	
    background: transparent !important;
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .static .hamburger{
	left: 0;
    right: 0;
    margin: auto;
    top: 100%;
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .static .s_4_child_wrapper{
    width: 94%;
    margin: 0% 3% 0% 3%;
    border-radius: 5px;
    overflow: hidden;	
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .s_4_child .s_4_child_parent .s_4_child_child {
	font-size: 15px;
    margin: 5px;
}
.s_4_sortable_wrapper .s_4_row .sortable_4 .s_4_child .s_4_child_parent .s_4_child_child img{
    width: 100%;
    display: block;	
    transform: none;
    position: relative;
}
.s_1_audio .audioPlayer, .s_4_audio .audioPlayer{
    width: 30px;
    height: 30px;
    background-position: 0px 0px;
    margin: 0 !important;
}
.s_1_audio .audio_wave_wrapper{
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.s_3_parent{
    justify-content: center;
    display: flex;
    flex-grow: 1;
    width: 91%;
    margin: 0 auto;	
}
.s_3_parent .sortable_3_parent{
    width: 100%;
    display: block;
    display: flex;
    position: relative;
}
.s_3_parent .sortable_3_parent_review{
	pointer-events: none;
}
.s_3_parent .sortable_3_parent_review .sort_order{
    position: absolute;
    left: 0;
    top: 0;	
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
}
.s_3_parent .sortable_3_parent .sortable_3_list_name{
	position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    text-align: center;	
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.s_3_parent .sortable_3_parent .sortable{
	width: 85%;	
	min-width: 200px;
}
.s_3_parent .sortable_3_parent .sortable .ui-state-default{
    position: relative;
    background: transparent;
}
.s_3_parent .sortable_3_parent .sortable .ui-state-default .hamburger{
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    background-image: url(../images/hamburger.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px 4px;
    pointer-events: none;
}
.mc_grid_1_parent .audio_wrapper .audioPlayer{
    width: 30px;
    height: 30px;
    background-position: 0px 0px;
}
.mc_grid_1_parent .audio_wrapper{
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;	
}
.d_lit_1_parent .audio_wrapper, .d_lit_1_v2_parent .audio_wrapper{
    left: 0;
    right: 0;
    bottom: initial;
    top: -50px;
    z-index: 0;
    margin: auto;
    position: absolute;
}
.d_lit_1_parent .audio_wrapper .audio_wave_wrapper, .d_lit_1_v2_parent .audio_wrapper .audio_wave_wrapper{
	background: transparent;
    margin: auto !important;
    padding: 0;
    width: 30px;
}
.d_lit_1_parent .audio_wrapper .audio_wave_wrapper .audio_span, .d_lit_1_v2_parent .audio_wrapper .audio_wave_wrapper .audio_span{
    padding: 0;
    width: 9px;
    height: 5px;
}
.newline_last{
	width: 100% !important;
    background: #000;
    height: 3px;
    clear: both;
}
.user_input{
	background:#FFF;
	border: 1px solid #d6d6d6;
}
.user_input:focus{
	background:#E3F4FF;
}
.user_input_fraction{
	background:#FFF;
	/* border: 1px dashed #d6d6d6; */
}
.user_input_fraction:focus{
	background:#E3F4FF;
}
.fi_background {
    padding: 10px 0px;
    font-size: 20px;
    font-size: 1.5em;
}
.fi_1_style{
	border: 1px solid #d6d6d6;
	background: #f4f4f4;
}
.fi_1_scaled{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	transform-origin: top;
}
.fi_2_style{
	border: 1px solid transparent;
}
.fi_3_style{
	border: 1px solid transparent;
	background: transparent;
}
.fi_3 .fi_background{
	clear: both;
}
.fi_i_style{
	padding:0px 5px 0px 5px;
}
.lit_style{
	font-family: 'Open Sans', 'sans-serif';
	font-size: 25px;
	border-radius: 10px;
}
.lit_style:focus{
	background:#E3F4FF;
}
.fraction_wrapper{
	position:relative;
	margin-top: -23px;
}
.index_wrapper{
	position:relative;
}
.index_input{
	position: relative;
	float:left;
}
.index_input_2{
	position: relative;
    float: left;
    margin-top: -20px;
}
.index_input_2 input{
	font-size: 18px;
    height: 40px !important;
    width: 40px !important;
    border: 1px dashed #d6d6d6;
}
.subscript_wrapper .index_input_2{
  margin-bottom: -20px;
  margin-top: 0;
}
.subscript_wrapper .index_input_2 .quiz_fi_input{
    width: auto !important;
    font-size: 20px !important;
}
.fraction_input{
	clear: both;
    float: left;
}
.fraction_line{
	display: block;
    width: 100%;
    border-bottom: 3px solid #000;
    float: left;
    clear: both;
}
.no_border {
	border: none;
}
.answers_wrapper {
	float: left;
	position: relative;
	left: 50%;
	clear: both;
}
.answers_wrapper_2 {
	float: left;
	position: relative;
	left: -50%;
}
#review_quiz_wrappper {
	position: relative;
	margin: 0 auto;
	border: 1px solid #ddd;
	clear: both;
	width: 100%;
}
.quiz_wrapper{
	height:100%;
	height:100vh;
}
.quiz_wrapper_style{
    background: #ccc;
    min-width: 1024px;
}
#quiz_admin_toolber {
	position: absolute;
	width: 100%;
	top: 55px;
}
#edit_result_button {
	z-index: 1;
	right: 120px;
	width: 150px;
	padding: 5px;
	line-height: 15px;
	right: -2px;
    top: 74px;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
}
.edit_result_unanswered{
	border:2px solid #e0645c;
	background:#e0645c !important;
	color:#FFF !important;
}
.mark_changed_alert {
  width: 208px;
  height: 28px;
  position: absolute;
  z-index: 2;
  top: 54px;
  font-size: 12px;
  text-align: center;
  line-height: 28px;
  right: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #FFF;
}
.mark_changed_alert_2{
	top: 124px;
    background: #46b98a;
    color: #FFF;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    right: 0;
	width: 150px;
}
.review_quiz_nav {
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 1;
	width: 120px;
	height: 40px;
}
#nav_wrapper {
	position: absolute;
	float: right;
	width: 120px;
	height: 60px;
	right: 0;
	top: 12px;
	z-index: 1002;
}
#next_question {
    height: 40px !important;
    width: 50px !important;
    border: none;
    float: right;
    background-image: url(../images/quiz_nav_arrows_v3.svg);
    background-position: -50px -6px;
    cursor: pointer;
    border-radius: 5px;
    cursor: hand;
    position: absolute;
    right: 70px;
    top: -4px;
}
#previous_question {
    height: 40px !important;
    width: 50px !important;
    border: none;
    float: right;
    background-image: url(../images/quiz_nav_arrows_v3.svg);
    background-position: 0px -6px;
    cursor: pointer;
    border-radius: 5px;
    cursor: hand;
    position: absolute;
    left: 70px;
    top: -4px;
} 
.next_previous_quiz {
	outline: none;
	background-color: #4298cc;
	z-index: 12;
}
@keyframes pulse_animation {
	0% { transform: scale(1); }
	50% { transform: scale(1.15); }
	100% { transform: scale(1); }
}
.pulse {
	animation-name: pulse_animation !important;
	animation-duration: 3000ms  !important;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	box-shadow: 0 3px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
}
html.non-touch .next_previous_quiz:hover{
	background-color:#005587;
}
#review_submit {
	height:40px;
	line-height:40px;
	width: 85px;
	position: absolute !important;
	right: 0px;
	bottom: 0;
	font-size: 23px;
	font-weight: 100;
	color: #FFF;
	text-align: right;
}
.review_quiz{
	position: absolute;
	z-index: 2;
	bottom: 0px;
	right: 0;
	border: 0px;
	background: #4298cc;
	text-align: center;
	width: 95px;
	padding: 12px 0px;
	font-size: 14px;
    border-top-left-radius: 5px;
    background-position: 0px -180px;
    color: #FFF;
}
html.non-touch .review_quiz:hover{
	background:#005587;
	border:none;
	background-position: 0px -180px;
}
#close_review_quiz{
	background-position: 0px -113px;
}
.submit_quiz{
	background:url('../images/submit_quiz.svg');
	background-repeat:no-repeat;
    width: 60px;
    height: 60px;
    background-size: 330%;
    border: 0;
	transition:none;
    position: absolute;
}
#submit_quiz_yes{
	background-position: -58px 2px
}
html.non-touch #submit_quiz_yes:hover{
	background-position: -58px -55px;
}
#submit_quiz_no{
	background-position: 0px 2px;
}
html.non-touch #submit_quiz_no:hover{
	background-position: 0px -55px;
}
#submit_quiz_w{
	width: 230px;
    height: 60px;
    margin: 0 auto;
    position: absolute;
    display: none;
    right: 0;
    bottom: 20px;
}
#submit_quiz_w #export_pdf_wrapper{
    height: 80px !important;
    width: 100% !important;
    background: transparent !important;
    top: 20px !important;
}
#submit_quiz_w #export_pdf_wrapper #progress{
	height:80px !important;
}
#submit_quiz_w #export_pdf_wrapper #pdf_animator{
    height: 80px !important;
    border-radius: 0;
    border-top-left-radius: 5px;
}
#submit_answers {
	padding: 5px 10px !important;
	height: 28px !important;
	margin: 6px 10px 0px 4px;
	border: 1px solid #CCC !important;
	position: absolute !important;
	top: 36px;
	right: 31px;
}
#percent_completed{
	width: 300px;
    text-align: center;
    color: #FFF;
    position: absolute;
    top: 220px;
    z-index: 3;
}
#percent_animated{
	height: 50px;
}
#review_feedback{
	position: absolute;
  	bottom: 0;
	width: 100%;
}
#review_feedback h1{
	font-weight: 400;
  	text-align: center;
 	width: 100%;
	color:#FFF;
	line-height: 35px;
	background: #dc8c96;
    border-radius: 30px;
    padding: 0px 20px;
}
.submit_confirm{
	width: 400px;
	height: 200px;
	background: #FFF;
	z-index: 10002;
	position: absolute;
	margin: -100px 0px 0px -200px;
	border-radius: 10px;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    display: none;
}
.submit_confirm h1{
	background: #f17a72;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.submit_confirm p{
	text-align: center;
	font-weight: 400;
	margin-top: 35px;
}
#submit_quiz_offline{
    bottom: 20px;
    width: 100px;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 5px;
    border: 0;
    color: #FFF;	
}
#percent_completed h1{
	font-size: 3em;
	font-weight: 100;
	float:left;
    line-height: 10px;
}
#percent_completed h2{
    font-size: 30px;
    height: 40px;
    font-weight: 100;
    width: 300px;
    clear: both;
    color: #4298cc;
    margin-top: 110px;
}
.fi_input_style {
	border: 1px solid #ccc !important;
	width: 50px !important;
	margin: 0px 5px !important;
	background: #FFF !important;
}
.fi_input_style_editable {
	border: 1px solid #ccc !important;
	width: 50px !important;
	margin: 0px 5px !important;
	background: #f1f1f1 !important;
}
.mc_image_answers {
	display: block;
	position: relative;
	margin: 0px 5px;
	float: left;
	text-align: center;
	background: #FFF;
    border-radius: 10px;
    transition: 0.3s ease;
}
.mc_image_answers_zoom{
	transform: scale(1.25);
    z-index: 100000;
}
.questions_my_literacy .mc_image_answers_zoom{
	transform: scale(1.2);
}
.mc_image_answers .mc_zoom{
    position: absolute;
    left: 0;
    right: 0;
    width: 30px;
    height: 33px;
    margin: auto;
    background-image: url(../images/assessment_functions.svg);
    background-repeat: no-repeat;
    border: 0;
    padding: 0;
    background-size: 350px;
    background-color: transparent;
    cursor: pointer;
    transition: none;
    border: 1px solid transparent;
}
html.non-touch .mc_image_answers .mc_zoom:hover{
    background-color: #FFF;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.mc_lit_3 .mc_zoom{
	left: -25px;
    right: unset;
    top: 50%;
    transform: translateY(-13px);		
}
.mc_lit_3 .mc_zoom_image{
    top: -22px;
    left: 20px;	
}
.mc_lit_2 .mc_zoom{
	left: -25px;
    right: unset;
    top: 50%;
    transform: translateY(-13px);	
}
.mc_lit_1 .mc_zoom{
	left: -30px;
    right: unset;
    top: 50%;
    transform: translateY(-13px);
}
.mc_image_answers .mc_a_text{
	position: absolute;
    width: 100%;
    top: -100px;
    height: 60px;
    display: table;
}
.mc_image_answers .mc_a_text .mc_a_text_child{
	text-align: center;
	font-size: 22px;
}
.mc_image_answers .mc_a_text .audio_wrapper_mc{
	bottom: -70px !important;
	left: 0;
    right: 0;
}
.mc_lit_4_answers{
	float: left;
    text-align: center;
    margin-left: -5px;
    border: 3px solid transparent;
	position: relative;
}
.mc_lit_4_answers .quiz_correct_answer{
    left: -15px;
    right: 0;
    margin: 0 auto;
    width: 75px;
    top: -35px;
}
.mc_lit_4_answers .mc_no_image{
    height: 80px;
    width: auto;
    border-radius: 0;
    padding: 0px 20px!important;	
    font-size: 30px;
    font-weight: 400;
    background: #FFF;
}
.mc_lit_4_answers:first-child .mc_no_image{
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}
.mc_lit_4_answers:last-child .mc_no_image{
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.fi_5_parent .audio_wrapper{
    position: absolute;
    left: -30px;
    height: 30px;
    width: 30px;
    top: 50%;
    margin-top: -15px;
}
.fi_5_parent .audio_wrapper .audioPlayer{
	width: 30px;
    height: 30px;
    margin: 0 !important;
    background-position: 0px 0px;
}
.fi_4_parent .audio_wrapper{
    position: absolute;
    width: 30px;
    height: 30px;
    left: -40px;
    top: 50%;
    margin-top: -15px;
}
.fi_4_parent .audio_wrapper .audioPlayer{
    width: 30px;
    height: 30px;
    background-position: 0 0;
    margin: 0!important;
}
.d_lit_3 .drag_lit_3_slots .audio_wrapper{
    width: 30px!important;
    height: 30px!important;
    padding: 0!important;
    display: block!important;
    left: 101px!important;
    right: unset!important;
    right: 94px;
    margin: 0!important;
    top: 5px;
    border: 0!important;
    position: absolute!important;
    z-index: 0!important;	
}
.d_lit_3 .drag_lit_3_slots .audio_wrapper .audioPlayer{
    margin: 0 !important;	
}
.d_lit_3 .drag_lit_3_slots .audio_wrapper .audio_wave_wrapper{
    width: 30px;
    height: 30px;
    background: transparent;
    border: 0 !important;	
}
.d_lit_3 .drag_lit_3_slots .audio_wrapper .audio_wave_wrapper .audio_span{
	width: 9px;
    height: 5px;	
    border: 0 !important;
    margin: 0;
}
.question_body_split .d_lit_3{
    min-width: 450px;
    padding: 0;
    margin-top: 0;
    margin-left: -100px;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    right: unset;
    margin: unset;
}
.question_text_sub .audio_wrapper{
	width: 30px;
    height: 30px;
    position: absolute;
    left: -40px;
    top: 16px;
    margin-top: -15px;
}
.question_text_sub .audio_wrapper .audioPlayer{
	width: 30px;
    height: 30px;
    margin: 0 !important;
    background-position: 0px 0px;
}
.image_q img{
    max-width: 120px;
    padding: 10px;
    transform: none;
    top: 8px;
    margin: 0 auto;	
}
.mc_no_image {
	width: 150px;
	width: 190px;
	height: 150px;
}
.mc_style_taller{
	height: 250px !important;
	width: 150px;
}
.image_q{
	width: 150px;
    height: 150px;
}
.mc_v4 label, .mc_v3 label{
  width: 200px;
  height: 200px;
}
.mc_v4 label img, .mc_v3 label img{
  max-width: 100%;
  padding: 0;
  width: 96%;
}
.mc_lit_1, .mc_lit_2, .mc_lit_3{
    width: 520px !important;
    height: 60px;
    clear: both;
    margin: 5px 0px;
    border-radius: 25px;
    text-align: left;
	position: relative;
	background: transparent;
}
.mc_lit_1_image{
    position: relative;
    top: 2%;
    z-index: 1;
    width: 95%;
    left: 3%;
}
.mc_lit_1_image .literacy_image_wrapper:after{
	height: 70vh;
}
.mc_lit_1_image .literacy_image_wrapper:before{
	height: 70vh;
}
.mc_center_image{
	height: 50% !important;
}
.mc_center_image img{
/*
    top: 50%  !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    position: absolute !important;
*/
}
.mc_center_image_text{
	top: 0 !important;	
}
.mc_center_image_text img{
    transform: none !important;
    -webkit-transform: none !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute !important;
}
.larger_box{
	height: 80px !important;
}
.larger_box .hidden + label{
	height: 80px !important;
    line-height: normal !important;
    border-radius: 10px !important;
}
.largest_box{
	height: 100px !important;
}
.largest_box_V2{
	height: 150px !important;
}
.largest_box .hidden + label{
	height: 100px !important;
    line-height: normal !important;
    border-radius: 10px !important;
}
.largest_box_V2 .hidden + label{
	height: 150px !important;
    line-height: normal !important;
    border-radius: 10px !important;
}
.largest_box_V2 .hidden + label h2{
	font-size: 15px !important;
	height: 100%;
}
.mc_lit_images{
  height: 120px !important;
}
.mc_lit_images .hidden + label{
  height: 120px !important;
}
.mc_lit_images .hidden + label img{
  height: 110px;
  max-width: initial;
  max-width: 490px;
  padding: 5px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  float: none;
  top: 0;
}
sup{
	vertical-align: super;
    font-size: smaller;
    margin-top: -0.5em;
}
m {
  float: left;
}
m + sup{
  float: left;
  margin-top: -0.5em;
}
.d .drag_content .drag_cardSlots .ui-droppable{
	background: #f2f2f0;
}
.d_1 .drag_cardPileParent{
	position: relative;
    float: none;
    margin: 0 auto;
    overflow: visible;
    height: 220px;
}
.d_1 .drag_cardPile{
    height: 170px;
    z-index: 1;
    position: absolute;
    background: transparent;
    clear: none;
    margin: 0;
    top: 0px;
    left: 0;
    z-index: 1;
    right: 0;
    margin: auto;
    width: auto;
    width: fit-content;
}
.d_1 .drag_cardPile div{
	width: 150px;
    height: 150px;
}
.d_1 .drag_cardPile div img{
	width: 100%;
}
.d_1 .drag_cardPile_static{
    position: absolute;
    background: #fbfbfb;
    border: 1px solid transparent;
    top: 0px;
    left: 0;
    z-index: 0;
    right: 0;
    margin: auto;
    width: auto;
    width: fit-content;
}
.d_1 .drag_cardPile_static .drag_images{
    position: relative;
}
.d_1 .drag_cardPile_static .drag_images:before{
    left: 5px;
    right: 4px;
    bottom: -7px;
}
.d_1 .drag_cardPile_static .drag_images:after{
    left: 2px;
    right: 0px;
    bottom: -4px;
}
.d_1 .drag_cardPile_static .drag_images:after, .d_1 .drag_cardPile_static .drag_images:before{
    position: absolute;
    content: "";
    height: 150px;
    width: 150px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
    z-index: -1;
    background: #FFF;
}
.d_1 .drag_cardSlots{
    height: 170px;
    width: 400px;
    position: relative;
    background: transparent;
    float: none;
    clear: none;
    background-image: url(../images/empty_net.png);
    background-size: cover;
    clear: both;
}
.d_1 .drag_cardSlots div{
	width: 150px;
    height: 150px;
    background: transparent;
    border: 1px solid transparent;
}
.d_1 .drag_cardSlots .ui-droppable{
	width: 380px;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.d_1 .drag_cardSlots .drag_images_static_dropped{
	background: #fff;
	position: absolute;
    left: 10px;
    z-index: 0;
    display: none;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.d_1 .drag_cardSlots .drag_images_static_dropped img{
	width: 100%;
}
.d_1 .btnResetDrag{
	z-index: 1;	
}
.d_1_student_response{
	width: 100%;
	height: 170px;	
  display: flex;
  justify-content: center;
}
.d_1_student_response .d_1_student_response_child{
	height: 170px;
  border: 1px solid #ddd;
  border-radius: 10px;
  max-width: 70%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: 400px;
}
.d_1_student_response .d_1_student_response_child .d_1_student_content{
    width: 100%;
    float: left;
    height: 50%;
    position: relative;	
}
.d_1_student_response .d_1_student_response_child .d_1_student_content .drag_images{
  width:100%;
  height:100%;
}
.d_1_student_response .d_1_student_response_child .d_1_student_content img{
    display: block;
    margin: auto;
    margin-top: 2%;
    z-index: 1;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #FFF;
    height: 80%;
}
.d_1_student_response .d_1_student_response_child .d_1_student_answer{
    width: 100%;
    float: left;
    height: 170px;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 15px;
    text-transform: none;
    display: flex;
    flex-direction: column;
}
.d_1_student_response .d_1_student_response_child .d_1_student_answer .d_sa{
  height:50%;
}
.d_1_student_response .d_1_student_response_child .d_1_student_answer div{
	display: table;
	width: 100%;
	height: 170px;
}
.d_1_student_response .d_1_student_response_child .d_1_student_answer div div{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.d_1 .quiz_review_headings .drag_cardPileParent{
	width: 100%;
    padding: 0;	
}
.d_1 .quiz_review_headings .drag_cardPileParent .drag_cardPile{
  display:none !important;
}
.d_2{
	max-width: 92%;
	margin: 0 auto	
}
.d_2 .drag_cardPile{
	flex-wrap: wrap;	
}
.d_2 .drag_cardPile div{
	width: auto !important;
	font-size: 20px !important;
	height: 30px;
	line-height: 30px !important;
	min-width: initial;
	margin: 1px;
    z-index: 2 !important;
}
.d_2 .drag_cardSlots{
	z-index: 1;
    margin-bottom: 0px !important;
    width: 400px;
    padding: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    height: 120px;
}
.d_2 .drag_cardSlots .ui-droppable{
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none;
    border: 0;
    z-index: 1;
    background: transparent;
}
.d_2 .drag_cardSlots .ui-droppable .styled_cards{
	width: auto;	
}
.d_2 .drag_cardSlots .styled_cards{
	width: auto;	
}
.d_2 .styled_cardSlotsBackground{
    width: 400px;
    height: 120px;
    position: absolute;	
    padding: 0;
    z-index: 0;
    left: 0;
    right: 0;
}
.d_2 .styled_cardSlotsBackground img{
	width: 100%;
}
.d_2 .d_2_wrapper{
	width: 400px;
    position: relative;
    height: 150px;
    margin: 0 auto;
}
.d_3_parent{
	margin-top: -30px;
}
.d_3{
	max-width: 92%;
	margin: 0 auto		
}
.d_3 .drag_cardSlots{
    z-index: 1;
    position: relative;
    width: 90%;
    padding: 0;
    margin: 0 auto;
    height: 100%;
}
.d_3 .drag_cardSlots .styled_cards{
    width: max-content;
    padding: 0px 5px;
    position: absolute !important;
    margin: 1px;
    min-width: unset;
}
.d_3 .drag_cardSlots_image .styled_cards{
  width: 100px !important;
  height: 100px !important;
}
.d_3 .drag_cardSlots .ui-droppable{
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none;
    border: 0;
    z-index: 1;
    background: transparent;
    height: 100% !important;
	height: calc(100% + 10px) !important;
    border: 2px solid transparent;
}
.d_3 .styled_cardSlotsBackground{
    width: 90%;
    height: 195px;
    position: absolute;
    padding: 0;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    border: 2px solid #ccc;
}
.d_3 .drag_content{
	width: 85%;
    margin: 0 auto;	
    position: relative;
}
.d_3 .d_3_wrapper{
	width: 95%;
    position: relative;
    height: 150px;
    margin: 0 auto;
    margin-top: 10px;
}
.d_3 .d_3_wrapper .btnResetDrag{
	top: -10px;	 
	left: 0;
    right: unset;
}
.d_3 .d_3_wrapper .d_3_child{
    width: 50%;
    position: relative;
    float: left;
    height: 200px;	
}
.d_3 .d_3_wrapper .d_3_child .d_3_labels{
	clear: both;
	border: 2px solid #ccc;
    border-radius: 5px;
    padding: 5px 0px;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 1;
}
.d_3 .drag_content .drag_cardPile .styled_cards{
	min-width: auto;
	min-width: unset;
	padding: 0px 5px;
	width: auto;
	width: unset;
	margin: 1px;
	background: #fff;
    z-index: 2;
    height:fit-content;
}
.d_3 .drag_content .drag_cardPile .card_image_drag{
  height: 100% !important;
}
.d_lit_1_parent{
    width: 100%;
    transform: none;
    bottom: initial !important;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}
.d_lit_1_parent:before{
	top: 4px;
	height: 100%;
}
.d_lit_1_parent:after{
	top: 1px;
    height: 100%;
}
.d_lit_1_image{
    padding: 0;
    width: 28% !important;
    left: 5%;
    position: relative !important;
    top: 50%;
    transform: translateY(-50%);
	height: 50%;
    top: 0 !important;
}
.d_lit_1_image img{
    margin: 0 auto;
    padding: 0 !important;
	top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 auto;
    padding: 0 !important;
    top: 0 !important;
    transform: none !important;
}
.d_lit_1_parent .question_side_wrapper_content{
    height: 50%;
    position: absolute;
    width: 25%;
    left: 7%;
    top: -3%;
}
.d_lit_1_parent .question_side_wrapper_content .question_side_internal .side_text{
	font-size: 18px;
}
.d_lit_1_answers_wrapper_1{
    width: 67%;
    left: 30%;
    clear: none;
    top: 50%;
    position: absolute;
    transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
}
.d_lit_1_answers_wrapper_1_v2{
	width: 100% !important;
	left: 0 !important;
}
.d_lit_1_image_not_centered{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
    top: 50%;	
}
.d_lit_1_answers_wrapper_2{
	width: 100%;
    left: 0;
}
.d_lit_1_no_text_1{
    width: 95%;
    /*left: 2.5%;*/
    margin: auto;
}
.d_lit_1_no_text_2{
	width: 100%;
    left: 0;
}
.d_lit_1_review:first-child{
	/*border-bottom: 1px solid #ddd !important;*/
	margin-bottom: 20px !important;
}
.d_lit_1 .drag_content{
    position: relative;
    width: 95%;
    margin: 0 auto;
    z-index: 1;
}
.d_lit_1 .drag_content .drag_cardPile{
    box-shadow: initial;
    border-radius: 10px;
	margin: 0 auto;
	display: inline-block;
	border: 1px solid #ddd;
	height: auto;
	max-width: fit-content !important;
	flex-wrap: wrap;
}
.d_lit_1 .drag_content .drag_cardPile .styled_cards{
    font-size: 25px;
    background: #FFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 60px;
	border-radius: 10px;
	margin: 2px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    height: 40px;
    height: auto;
    padding: 0;
	flex-shrink: 0;
    z-index: 1;
}
.d_lit_1 .drag_content .drag_cardSlots{
    box-shadow: initial;
    /* border: 2px solid #ccc; */
    border-radius: 60px;
    display: table;
    margin: 0 auto;
    max-width: 90%;
    padding: 10px 10px;
    position: relative;
    margin-top: 10px;
    max-width: fit-content !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.d_lit_1 .drag_content .styled_cardSlots_review{
	padding:0;
}
.d_lit_1 .drag_content .drag_cardSlots .resume_dropped{
	min-width: 70px;
	margin: 0px 10px;
	background: #fbfbc4;
	/* background: #f2f2f2; */
	-webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 10px;
	font-size: 20px;
    font-size: 25px;
    border: 1px solid #ddd !important;
    height: 38px !important;
    padding: 1px 0px !important;
    margin: 0 !important;
    pointer-events: none;
}
.d_lit_1 .drag_content .drag_cardSlots .styled_cards_no_paddding{
	padding: 1px 3px !important;
	border: 0 !important;
    font-size: 30px;
}
.d_lit_1 .drag_content div{
	border: 0;
    border-radius: initial;
	width:auto;
    width: initial;
    margin: initial;
    font-size: 28px !important;
    min-width: auto;
    min-width: fit-content;
}
.d_lit_1 .drag_content .ui-droppable{
	background: #f2f2f0;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    min-width: 70px;
    height: 42px !important;
    padding: 0;
}
.d_lit_1 .drag_content .ui-droppable:first-child{
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}
.d_lit_1 .drag_content .ui-droppable:last-child{
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
.d_lit_1 .drag_content .ui-droppable:only-child{
	border-radius: 10px;
}
.d_lit_1_side_wrapper{
	position: absolute;
    width: 100%;
    z-index: 0;
    /*
    top: 30px;
    top: 0;
    transform: translateY(-50%);
    */
}
.d_lit_1_side_wrapper_with_text{
	height:auto !important;
}
.d_lit_1_side_wrapper_with_text .question_side_wrapper{
    transform: translateY(-100%) !important;
	-webkit-transform: translateY(-100%) !important;
}
.d_lit_1_side_wrapper_with_text .question_side_wrapper img{
	-webkit-transform: none !important;
	transform: none !important;	
}
.d_lit_1_side_wrapper_with_text .question_side_wrapper_content{
	padding: 0 !important;
}
.d_lit_1_side_wrapper_with_text .question_side_internal{
	background: none !important;
    border: 0 !important;
    box-shadow: none !important;
	margin-left: 10%;
}
.d_lit_1_side_wrapper_no_text{
	transform: none;
	-webkit-transform: none;
}
.d_lit_1_version_3{
	width: 100% !important;
}
.d_lit_1_version_2 .drag_cardPile .styled_cards{
	height: 80px !important;
    line-height: 80px  !important;
    font-size: 50px !important;	
    min-width: 70px !important;
}
.d_lit_1_version_3 .drag_cardPile .styled_cards{
	height: 80px !important;
    line-height: 80px  !important;
	font-size: 35px !important;
	min-width: 70px !important;
}
.d_lit_1_version_2 .drag_cardSlots, .d_lit_1_version_3 .drag_cardSlots{
	padding: 20px !important;
    background: #FFF;
    border-radius: 10px !important;
    border: 2px solid #666 !important;
    margin-top: 10px !important;	
}
.d_lit_1_version_2 .drag_cardSlots .styled_cards{
    height: 80px !important;
    line-height: 80px !important;
    font-size: 50px !important;
    border-radius: 10px !important;
}
.d_lit_1_version_3 .drag_cardSlots .styled_cards{
    height: 80px !important;
    line-height: 80px !important;
	font-size: 35px !important;
    border-radius: 10px !important;
}
.d_lit_1 .d_lit_1_version_2 .drag_cardSlots .resume_dropped{
	height: 80px !important;
    line-height: 80px !important;
    font-size: 50px !important;	
}
.d_lit_1 .d_lit_1_version_3 .drag_cardSlots .resume_dropped{
	height: 80px !important;
    line-height: 80px !important;
    font-size: 35px !important;	
}
.d_lit_1_version_2 .drag_cardSlots .ui-droppable,
.d_lit_1_version_3 .drag_cardSlots .ui-droppable{
	height: 80px !important;
	border-radius: 10px;
}
.d_lit_1_version_2 .drag_cardSlots .audio_wrapper,
.d_lit_1_version_3 .drag_cardSlots .audio_wrapper{
    top: -210px !important;
     width: 50px;
    height: 50px;
}
.d_lit_1_version_2 .drag_cardSlots .audio_wrapper button,
.d_lit_1_version_3 .drag_cardSlots .audio_wrapper button{
    width: 50px;
    height: 50px;
    background-size: cover;
    margin: 0 !important;
}
.d_lit_1_version_2 .drag_content .drag_cardPile div,
.d_lit_1_version_3 .drag_content .drag_cardPile div{
	min-width: 70px !important;
}
.d_lit_1_version_4 .drag_cardPile{
  padding: 5px !important;
}
.d_lit_1_version_4 .drag_cardPile .styled_cards{
  height: auto !important;
  max-width: 160px !important;
}
.d_lit_1_version_4 .drag_cardPile .styled_cards img{
  max-width: 160px !important;
}
.d_lit_1_version_4 .drag_cardSlots .ui-droppable{
  max-width: 160px !important;
  height: 160px !important;
}
.d_lit_1_version_4 .drag_cardSlotsMatch_images{
  padding: 5px !important;
}
.d_lit_1_version_4 .drag_cardSlotsMatch_images .styled_cards{
  max-width: 160px;
}
.d_lit_1_version_4 .drag_cardSlotsMatch_images .styled_cards span{
  line-height: 25px;
}
.d_lit_2 , .d_lit_2_v2{
	padding: 30px;
}
.d_lit_2 .drag_content{
    z-index: 1;
    position: relative;
}
.d_lit_2 .drag_content .drag_cardPile{
	box-shadow: initial;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    min-height:65px;
}
.d_lit_2 .drag_content .drag_cardPile div{
	min-width: 120px;
	margin: 0px 10px;
	background: #f2f2f0;
	border:1px solid #ccc !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	border-radius: 10px;
	font-size:1.5em;
    font-size: 20px;
    font-size: 25px;
    background-color: #ffffff !important;
    font-size: 1.4em !important;
    z-index: 1;
}
.d_lit_2 .drag_content .drag_cardPile div img{
	max-width: 120px;
	margin: 0 auto;
}
.d_lit_2 .drag_content .drag_cardPile .card_image_drag .quiz_images_with_text{
  height: 90%;
}
.d_lit_2 .drag_content .drag_cardPile .card_image_drag .d_lit_2_text{
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  display: flex;
  justify-content: center;
  line-height: normal;
  width: 100%;
  background: rgba(255,255,255,0.5);
  border-radius: 10px;
  background: #FFF;
  border-top: 1px solid #ddd;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.d_lit_2 .drag_content .drag_cardPile_images div{
	margin: 0px 10px;
}
.d_lit_2 .drag_content .drag_cardSlots{
	background: #FFF;
    box-shadow: initial;
    padding: 0px 20px;
    height: 60px;
    min-height: 60px;
    height: -webkit-fit-content;
    height: fit-content;
    justify-content: center;
}
.d_lit_2 .drag_content .drag_cardSlotsMatch_images .card_text .audio_wrapper{
/*    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -140px;
*/
    position: relative;
    display: flex;
    width: 100px;
}
.d_lit_2 .drag_content .drag_cardSlots .resume_dropped{
	min-width: 120px;
	margin: 0px 10px;
	background: #f2f2f0;
	border:1px solid #ccc !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
	border-radius: 10px;
	font-size:1.5em;
	overflow: hidden;
    font-size: 25px;
    background: #fff !important;
	line-height: 40px;
	transition: none;
	-webkit-transition: none;
    height:auto;
}
.d_lit_2 .drag_content .drag_cardSlots .resume_dropped .d_lit_2_text{
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 20px;
  display: flex;
  justify-content: center;
  line-height: normal;
  width: 100%;
  background: rgba(255,255,255,0.5);
  border-radius: 10px;
}
.d_lit_2 .drag_content .drag_cardSlots .ui-droppable{
	min-width: 120px;
	background: #f2f2f0;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
	border-radius: 10px;
    border: 1px solid #ccc;
	margin: 0px 10px;
}
.d_lit_2 .drag_content .drag_cardSlots .card_image_drag .d_lit_2_text{
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  display: flex;
  justify-content: center;
  line-height: normal;
  width: 100%;
  background: rgba(255,255,255,0.5);
  border-radius: 10px;
  background: #FFF;
  border-top: 1px solid #ddd;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.d_lit_2 .drag_content .drag_cardSlots .styled_cards{
	min-width: 120px;
	border: initial;
	margin: 0px 10px;
    font-size: 20px;
    position: relative;
}
.d_lit_2 .drag_content .drag_cardSlots .styled_cards img{
    max-width: 120px;
    margin: 0 auto;	
}
.d_lit_2 .drag_content .drag_cardSlots_images{
	background: #FFF;
    border: initial;
    display: -webkit-box !important;
    display: flex !important;
    flex-direction: row;
    justify-content: space-evenly;
    width: 90%;
    padding: 20px;
    max-width: 90% !important;
    width: fit-content;
}
.d_lit_2 .drag_content .drag_cardSlots_images .ui-droppable{
	background: #f2f2f0;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
	margin: 0px 10px;
}
.d_lit_2 .drag_content .drag_cardSlots_images .styled_cards{
	border: 1px transparent;
    margin: 0px 20px;
    background: none;
    padding: 0;
	font-size: 25px;
	min-width: 122px !important;
	flex: auto;
    flex-basis: auto;
    height: fit-content;
}
.d_lit_2 .drag_content .drag_cardSlots_images .styled_cards img{
	transform: none !important;
	top: 0;
	margin: 0 auto;
    width: 70%;
    position: relative;
}
.d_lit_2 .drag_content .d_lit_2_review:first-child{
    margin-bottom: 10px;	
}
.d_lit_2 .drag_content .ui-droppable{
	margin: 0px 10px;
}
.d_lit_2 .drag_content .drag_cardSlotsMatch{
	border: initial;
}
.d_lit_2 .drag_content .drag_cardSlots .card_text_drop_resume{
    font-family: 'Open Sans', 'sans-serif';
    font-size: 25px;
    background: #fbfbc4;
    line-height: 40px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
}

.d_lit_2 .drag_content .drag_cardSlotsMatch_images .card_text{
	overflow: visible;
	min-width: 120px !important;
	margin: 0px 20px !important;
}
.card_text{
	height: 40px !important;
    border: 1px solid transparent !important;
    margin: 0px 10px !important;
}
.card_image_drag{
	border: 1px solid #ccc !important;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
	padding: 0px !important;
	background: none !important;
    margin: 0px 20px !important;
    border-radius: 10px !important;
    height: 120px !important;
    position: relative;
}
.card_image_drag img{
	top: 0 !important;
    transform: none;
    -webkit-transform: none;
    width: 100%;
    background-color: #FFF;
    border-radius: 10px;
}
.card_image_drop{
	height: 120px !important;
    padding: 0 !important;
    margin: 0px 20px !important;
}
/* DRAG STYLE 3 */
.d_lit_3{
	/*min-width: 900px;*/
	/*min-height:410px;*/
	margin-top: 60px;
    position: relative;
    /*padding: 0px 50px 50px 50px;
    max-width: 1200px;*/
    margin: 0 auto;
    width:75%;
    height: fit-content;
    height: -webkit-fit-content;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.d_lit_3 .drag_content{
	/*margin-top: 10px !important;*/
	z-index: 1;
	position: relative;
}
.d_lit_3 .drag_lit_3_slots{
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.d_lit_3 .drag_lit_3_slots .drag_cardSlots{
    width: 100%;
    padding: 0 !important;
    height:100%;
    margin: 0;
}
.d_lit_3 .drag_lit_3_slots .drag_cardSlots .card_text_drop{
	min-width: 120px;
    margin: 0px 10px;
    background: #f2f2f0;
    border: 1px solid #ddd !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 10px;
    font-size: 1.5em;
    padding: 0;
}
.d_lit_3 .drag_lit_3_slots .drag_cardSlots .card_text_drop .text_tile{
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    font-size: 20px;
    background: none;
    text-transform: none;
    color: #484848;
    position: relative;
    bottom: unset;
}
.d_lit_3 .drag_lit_3_slots .drag_cardSlots_fixed{
    width: 100%;
    padding: 0 !important;
    clear: initial;
    height:100%;
    margin: 0;
    position: absolute !important;
}
.d_lit_3 .drag_lit_3_slots .drag_cardSlots_fixed .styled_cards{
    background: none;
    border: 0 !important;
    text-align: left;
    position: relative;
    clear: both;
    width: 100% !important;
    margin: 0 !important;
    height: 100px !important;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 20px;
}
.d_lit_3 .drag_lit_3_slots .drag_cardSlots_fixed .styled_cards .d_lit_match_text{
    vertical-align: middle;
    height: 100px;
    display: table-cell;
    line-height: initial;
    font-weight: 100;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 18px;
    width: 100%;
    padding-left: 135px;
    padding-right: 100px;
}
.d_lit_3 .d_lit_3_smaller .drag_lit_3_slots .drag_cardSlots_fixed .styled_cards span{
	font-size: 14px !important;
}
.d_lit_3 .d_lit_3_smaller .drag_cardPile .styled_cards span{
	font-size: 14px !important;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsMatchReview .styled_cards{
    height: 260px !important;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsMatchReview .styled_cards:nth-child(1){
	top:0;
	left:130px;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsMatchReview .styled_cards:nth-child(2){
	top:0;
    left: 580px;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsMatchReview .styled_cards:nth-child(3){
    top:260px;
	left:130px;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsMatchReview .styled_cards:nth-child(4){
	top:260px;
	left: 580px;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsMatchReview .styled_cards span{
    vertical-align: middle;
    height: 260px;
    display: table-cell;
    line-height: initial;
}
.d_lit_3 .drag_lit_3_slots .drag_cardSlots_fixed .card_text{
	font-size: 20px;
	font-weight: 400;
}
.d_lit_3 .drag_content .drag_cardPile{
    box-shadow: initial;
    border: 1px solid #ddd;
    display: table;
    margin: 0 auto;
	padding: 0px 5px;
    position: absolute;
    right: -2px;
    z-index: 1;
    height: auto !important;
    width: 90px !important;
    /*height: 100% !important;*/
    background: transparent;
    border-radius: 0;
    position: absolute;
    height: 100%;
    padding: 6px 5px;
    /*padding: 10px 5px;*/
    background: #eee;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: table !important;
}
.d_lit_3 .drag_content .drag_cardPile div{
	width: 90px;
    height: 90px !important;
    min-width: 90px;
    margin: 0px 10px;
    background: #ffffff;
    border: 1px solid #ddd !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    font-size: 1.5em;
    float: left;
    clear: both;
    margin: 0 !important;
    margin: 2px 0px !important;
}
.d_lit_3 .drag_content .drag_cardPile .card_text{
	height: 90px !important;
    padding: 0 !important;
}
.d_lit_3 .drag_content .drag_cardPile .card_text .audio_wrapper_drag{
    right: -60px;
    top: -20px;	
}
.d_lit_3 .drag_content .drag_cardPile .card_text span{
	display: table-cell;
    vertical-align: middle;
    width: 90px;
    height: 90px;
	font-size: 15px;
	font-family: 'Open Sans', 'sans-serif';
    line-height: initial;
}
.d_lit_3 .drag_content .drag_cardPile .card_text .audio_wave_wrapper{
	position: absolute;
    height: 100%;
    width: 100%;
    display: none;
    cursor: pointer;
    width: 30px;
    left: -53px;
    right: 0;
    margin: auto;
    top: -20px;	
}
.d_lit_3 .drag_content .drag_cardPile .card_text .audio_wave_wrapper .audio_span{
	display: block;
    /* bottom: 0px; */
    bottom: 50%;
    width: 9px;
    height: 5px;
    background: #9b59b6;
    position: absolute;
    animation: audio-wave 1.5s infinite ease-in-out;
}
.d_lit_3 .drag_content .drag_cardPile_images div{
	margin: 0px 10px;
}
.d_lit_3 .drag_content .drag_cardSlots{
    box-shadow: initial;
	padding: 20px 20px;
    float: left;
    position: relative;   
    border: 1px solid #ddd;
    max-width: 100% !important;
    display: block !important;
}
.d_lit_3 .drag_content .drag_cardSlots .ui-droppable{
    width: 90px !important;
    min-width: 90px !important;
    height: 90px !important;
    background: #f2f2f0;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 10px 10px;
    clear: both;
    float: left;
    position: relative;
    margin: 4px !important;
}
.d_lit_3 .drag_content .drag_cardSlots .card_text_drop_resume{
    background: #fbfbc4;
    font-family: 'Open Sans', 'sans-serif';
}
.d_lit_3 .drag_content .drag_cardSlots .card_text_drop_resume .text_tile{
    font-size: 25px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped{
	width: 90px !important;
    height: 90px !important;
    max-width: 90px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 10px 10px;
    clear: both;
    position: absolute;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) !important;
    background: #ffffff;
    border: 1px solid #ddd !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    font-size: 1.5em;
    margin: 0 !important;  
    left: -1px;
    top: -1px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped span{
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    height: 90px;
    font-size: 15px;
    font-family: 'Open Sans', 'sans-serif';
    line-height: 20px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped div{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped .text_tile{
	display: table;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    font-size: 20px;
    background: none;
    text-transform: none;
    color: #484848;
    position: relative;
    bottom: unset;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_correct{
	background: #f2f2f0;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_correct span{
	width: 120px;
    position: absolute;
    height: 20px;
    z-index: 12;
    color: #FFF;
    background: #4298cc;
    bottom: -3px;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_correct .text_tile{
	display: table-cell;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    font-size: 20px;
    background: none;
    text-transform: none;
    color: #484848;
    position: relative;
    bottom: unset;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_correct:nth-child(1){
	left: 0;
    top: 120px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_correct:nth-child(2){
    left: 50%;
    top: 120px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_correct:nth-child(3){
    left: 0;
    top: 390px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_correct:nth-child(4){
	left: 50%;
    top: 390px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_review{
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    transform:scale(1.1, 1.1);
    -webkit-transform:scale(1.1, 1.1);
    background: #f2f2f0;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_review:nth-child(1){
	left: 0;
    top: 0;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_review:nth-child(2){
    /*
	left: 0;
    top: 140px;
    */
    left: 50%;
    top: 0;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_review:nth-child(3){
	/*
	left: 50%;
    top: 0;
    */
    left: 0;
    top: 260px;
}
.d_lit_3 .drag_content .drag_cardSlots .resume_dropped_review:nth-child(4){
	left: 50%;
    top: 260px;
}
.d_lit_3 .drag_content .drag_cardSlots .styled_cards{
	border: initial;
	margin: 10px 10px;
	width:100%;
	clear:both;
}
.d_lit_3 .drag_content .drag_cardSlots_images{
    border: initial;
}
.d_lit_3 .drag_content .drag_cardSlots_images .ui-droppable{
	background: #f2f2f0;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
	margin: 0px 10px;
}
.d_lit_3 .drag_content .drag_cardSlots_images .styled_cards{
	border: initial;
	margin: 0px 10px;
}
.d_lit_3 .drag_content .ui-droppable{
	margin: 0px 10px;
}
.d_lit_3 .drag_content .drag_cardSlotsMatch{
	border: initial;
}
.d_lit_3 .drag_content .drag_cardSlotsMatch_images div{
	width: 120px;
    height: 120px;
    padding: 0;
    border: 1px solid #ccc !important;
    border-radius: initial;
}
.d_lit_3 .drag_content .drag_cardSlotsMatch_images div img{
	width: 120px;
    height: 120px;	
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStudent .styled_cards:nth-child(1){
	top:0;
	left:0;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStudent .styled_cards:nth-child(2){
	top:0;
    left: 450px;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStudent .styled_cards:nth-child(3){
    top:260px;
	left:0;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStudent .styled_cards:nth-child(4){
	top:260px;
	left: 450px;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStored .styled_cards:nth-child(1){
	top:130px;
	left:0;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStored .styled_cards:nth-child(2){
	top:130px;
    left: 450px;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStored .styled_cards:nth-child(3){
    top:390px;
	left:0;
}
.d_lit_3 .drag_lit_3_slots .cardSlotsStored .styled_cards:nth-child(4){
	top:390px;
	left: 450px;
}
.d_lit_3_correct:after{
	content: "";
    position: absolute;
    background: #3CCC97;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -15px;
    right: -15px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 50px;
    background-position: 2px 2px;
    background-repeat: no-repeat;	
}
.d_lit_3_incorrect:after{
	content: "";
    position: absolute;
    background: #E0645C;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -15px;
    right: -15px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 50px;
    background-position: -23px 2px;
    background-repeat: no-repeat;		
}
.d_lit_2_correct:after{
	content: "";
    position: absolute;
    background: #3CCC97;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 2px;
    right: 2px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 50px;
    background-position: 2px 2px;
    background-repeat: no-repeat;	
}
.d_lit_2_incorrect:after{
	content: "";
    position: absolute;
    background: #E0645C;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 2px;
    right: 2px;
    background-image: url(../images/correct_incorrect.svg);
    background-size: 50px;
    background-position: -23px 2px;
    background-repeat: no-repeat;		
}
.drag_labels{
	text-align: center;
    font-size: 12px;
    border: 1px solid #ddd;
    width: 100px;
    border-radius: 5px;
    position: absolute;
    top: -40px;
    background: #f2f2f2;	
    font-weight: 600;
}
.drag_student_response{
	left: 0;	
}
.drag_correct_response{
	right:0px;
}
.d_lit_4_answers_wrapper_1{
	width: 95%;
    clear: none;
}
.d_lit_4_answers_wrapper_2{
	width: 100%;
}
.d_lit_4 .drag_content{
    position: relative;
    z-index: 1;
    height: 300px;
    width: 90%;
    margin: 0 auto;
    min-width: 900px;
    display: flex;
    justify-content: center;
    box-shadow: none;
}
.d_lit_4 .drag_content .drag_cardPile{
	box-shadow: initial;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: inline-block;
    height: auto;
    width: 45%;
    min-width: 400px;
    position: relative;
    clear: none;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background: #ffffff;
    padding:0;
    margin: 0% 1%;
    z-index: 3;
    border: 0 !important;
}
.d_lit_4 .drag_content .drag_cardPile .drag_images{
    font-family: 'Open Sans', 'sans-serif';
    font-size: 20px;
    background: #fbfbfb;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 50px;
    border-radius: 10px;
    margin: 0px 5px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    padding: 0px 9px;
    height: auto;
    width: 90% !important;
    border: 1px solid #ddd;
    flex-grow: 4;
    display: flex;
    z-index: 1;
}
.d_lit_4 .drag_content .drag_cardPile div img{
    margin: 0 auto;
}
.d_lit_4 .drag_content .drag_cardSlots{
    box-shadow: initial;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
	display: flex !important;
    flex-direction: column;
    width: 100%;
    width: 45%;
    float: right;
    height: 300px;
    position: relative;
    clear: none;
    background: #ffffff;
    min-width: 400px;
    padding: 0;
    border: 0 !important;
    margin: 0% 1%;
    z-index: 2;
    justify-content: space-around;
}
.d_lit_4 .drag_content .styled_cardSlots_review{
	padding:0;
	float: unset;
}
.d_lit_4 .drag_content .drag_cardSlots .resume_dropped{
	min-width: 50px;
	margin: 0px 10px;
	background: #fbfbc4;
	-webkit-box-shadow: none;
    box-shadow: none;
	border-radius: 10px;
	height: auto !important;
}
.d_lit_4 .drag_content .drag_cardSlots .styled_cards{
	width: 100%;
    height: 25%;
    flex-grow: 4;
    display: flex;
    background: #FFF;
}
.d_lit_4 .drag_content .drag_cardSlots .styled_cards img{
    margin: 0 auto;
    background: #FFF;
    border-radius: 5px;
}
.d_lit_4 .drag_content .drag_cardSlots .styled_cards_no_paddding{
	padding: 10px 2px !important;
	border: 0 !important;
	font-family: 'Open Sans', 'sans-serif';
    font-size: 20px;
}
.d_lit_4 .drag_content .styled_cards , .d_lit_4 .drag_content .ui-droppable{
	border: 0;
    border-radius: initial;
    margin: initial;
    font-family: 'Open Sans', 'sans-serif';
    width: 100% !important;
    height: 25%;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.d_lit_4_review h2{
	font-family: 'Open Sans', 'sans-serif';
}
.d_lit_4 .drag_content .ui-droppable{
    background: #f2f2f0;
    min-width: 50px;
    padding: 0;
    width: 100% !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 25%;
    border-bottom: 2px solid #fff;
}
.d_lit_4 .drag_content .ui-droppable:first-child{
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.d_lit_4 .drag_content .ui-droppable:last-child{
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom: none;
}
.d_lit_4 .drag_content .ui-droppable:only-child{
	border-radius: 10px;
}
.d_lit_4 .btnResetDrag{
	top: -50px !important;
}
.d_lit_1 .btnResetDrag{
    top: unset !important;
    bottom: -50px;
}
.d_lit_1_version_2 .btnResetDrag,
.d_lit_1_version_3 .btnResetDrag,
.d_lit_1_v2_version_2 .btnResetDrag,
.d_lit_1_v2_version_3 .btnResetDrag{
    top: 270px !important;
}
.d_lit_6_parent{
	height: 300px;
	top: 55%;
}	
.d_lit_6 .drag_cardPile .d_flow_dropped{
	opacity: 0;
	pointer-events: none;
}
.d_lit_6 .drag_cardPile div{
	text-align: center;
	min-width: 50px;
}
.d_lit_6_parent .drag_cardSlots{
    width: 90% !important;
    max-width: 90% !important;
    min-width: 90% !important;
    height: 150px !important;
    padding: 0;
    padding-bottom: 22px;
}
.d_lit_6_parent .drag_cardSlots .ui-droppable{
	width: 100%;
	height: 100%;
	background: transparent;
    background-image: repeating-linear-gradient(white 0px, white 38px, teal 39px);
    position: relative;
}
.d_lit_6_parent .drag_cardSlots .ui-droppable div{
	padding: 0;
    border: 0;
    float: left;
    width: auto;	
	background: transparent;
}
.d_lit_6_parent .drag_cardSlots .ui-droppable .quiz_correct_answer{
    right: unset;
    top: -8px;
    left: 50px;
}
.question_image_d_lit_6{
  padding-top: 50px;
  z-index: 1;
}
.d_lit_5_parent{
	z-index: 1;
	/*top: 20%;
	top: 120px;
    transform: none;*/
}
.d_lit_5{
	width: 90%;
    margin: 0 auto;	
}
.d_lit_5 .drag_content{
	background: #FFF;
	margin-top: 10px;
	border: 1px solid #ddd;
    border-radius: 10px;	
}
.d_lit_5_card_pile{
	position: absolute;
    width: 90%;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;	
}
.d_lit_5 .audio_wrapper{
    position: absolute;
    border: 0;
    width: 40px;
    margin: 0;
    padding: 0;
    transform: scale(0.7);
    left: -30px;
    top: 12px;	
}
.d_lit_5 .audio_wrapper .audio_wave_wrapper{
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;	
}
.d_lit_5 .drag_cardPile{
    width: 100%;
    display: -webkit-box !important;
    display: flex !important;
    justify-content: center;
    flex-flow: wrap;
    padding: 0;
    max-width: 100% !important;
	min-height: 40px;
	/*min-height: 80px;*/
}
.d_lit_5 .drag_cardPile:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #fbfbfb;
    bottom: 0;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.d_lit_5 .btnResetDrag{
	z-index: 1;
    left: -10px;
    right: unset;
    top: 50%;
    transform: translateY(-50%);
    top: 100%;
}
.d_lit_5 .drag_cardPile div{
    width: auto;
    padding: 0px;
    height: 28px;
    line-height: 28px;
    margin: 0px;
    border-radius: 5px;
    z-index: 4;
    left: 0px;
    top: 0px;
	margin: 5px 5px;
    font-size: 16px;
    background: #def8ff;
	font-size: 16px !important;
	padding: 0 5px;
}
.d_lit_5 .drag_cardPile .d_lit_5_dragging{
    width: 100px !important;
    overflow: hidden !important;
}
.d_lit_5 .drag_cardPile .d_spider_image{
    height: auto;
    background: #FFF;
}
.d_lit_5 .drag_cardPile .card_image_drag{
  max-height: 80px;
  width: 160px;
}
.d_lit_5 .drag_cardPile div img{
  max-height: 80px;
}
.d_lit_5 .drag_cardPile .d_lit_5_handle{
	background: #ccebf3;
	width: 28px;
	width: fit-content;
}
.d_lit_5 .drag_cardSlots{
    line-height: 45px;
    text-align: justify;	
    width: 87%;
	font-size: 16px;
    margin: 0 auto;
    display: block !important;
    padding: 10px;
    position: relative;
}
.d_lit_5 .drag_cardSlots .d_lit_5_cell{
	display: inline-block;
    padding: 0;
    height: 28px;
    border-radius: 5px;
    float: none;
    margin: 0;
    vertical-align: middle;	
    border: 1px dashed #ccc;
    background: #f7f7f7;
    transition: none;
    font-size: 16px !important;
    text-align: center;
    line-height: 30px;
    position: relative;
    width: 150px;
}
.d_lit_5 .drag_cardSlots .d_lit_5_cell .d_lit_5_fixed{
    border: 0;
    font-size: 16px !important;
    line-height: 30px;
    background: transparent;
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0;	
}
.d_lit_5 .drag_cardSlots .d_lit_5_dropped{
	width: auto;
    border: 0;
    box-shadow: none;	
}
.d_lit_5 .drag_cardSlots .d_lit_5_cell_review{
	width: fit-content;
	border: 1px solid transparent;
  min-width:40px;
}
.d_lit_5 .drag_cardSlots .resume_dropped{
    width: auto;
    padding: 0px;
    height: 28px;
    line-height: 28px;
    margin: 0px;
    border-radius: 5px;
    z-index: 4;
    left: 0px;
    top: 0px;
    margin: 5px 5px;
    font-size: 16px;
    background: #def8ff;
    font-size: 16px !important;
    margin: 0;
    margin-left: -1px;
    margin-top: -1px;	
    box-shadow: none;
    border: 1px solid #ddd;
    pointer-events: none;
}
.d_lit_5 .drag_cardPile .drag_incorrect{
  border: 1px solid #ccc !important;
  margin: 5px 5px !important;
}
.d_lit_5 .drag_cardPile .drag_incorrect:after{
  transform: scale(0.5);
}
.d_lit_5 .drag_cardPile .drag_correct{
  border: 1px solid #ccc !important;
  margin: 5px 5px !important;
}
.d_lit_5 .drag_cardPile .drag_correct:after{
  transform: scale(0.5);
}
.d_lit_5 .drag_cardSlots .drag_incorrect{
  border: 1px solid #ddd !important;
}
.d_lit_5 .drag_cardSlots .drag_incorrect:after{
  transform:scale(0.5);
}
.d_lit_5 .drag_cardSlots .drag_correct{
  border: 1px solid #ddd !important;
}
.d_lit_5 .drag_cardSlots .drag_correct:after{
  transform:scale(0.5);
}
.d_lit_5_body_split{
	top: 50% !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
    height: auto !important;
}
.d_lit_5_body_split .drag_cardSlots{
	font-size: 20px;
    line-height: 45px;
    position: relative;	
}
.d_lit_5_body_split .drag_cardSlots .d_lit_5_cell{
	height: 30px;
}
.d_lit_5 .drag_cardPile div{
	font-size: 20px !important;
    line-height: 30px;
    height: 30px;
    text-align: center;	
    z-index: 2;
}
.d_lit_5 .drag_cardPile .d_flow_dropped{
	opacity: 0;
	pointer-events: none;	
}
.d_lit_5_image .mc_center_image {
/*    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    height: auto !important;
*/}
.d_lit_5_image .mc_center_image img{
/*    top: 0px !important;
    max-height: 500px;
*/}
.d_lit_2_image{
  width: 30%;
}
.d_lit_2_body_split{
  width: 70% !important;
  left: 30%;
}
.d_spider .drag_cardPile .d_spider_handle{
	width: auto;
	min-width: 120px;
	box-shadow: none !important;	
}
.d_spider_parent .d_spider .drag_content_style{
    height: 330px;	
    transform: translatey(10%);
}
.d_spider_parent .d_spider .drag_content_style .d_spider_style{
	flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    right:0;
    margin: 0 auto;
    z-index: 1;
}
.d_spider_parent .d_spider .drag_content_style .d_spider_style .d_spider_row{
    border: 0;
    background: transparent;
    width: 100%;
    height: 33.33%;
    padding: 0;
    margin: 0;
}
.d_spider_parent .d_spider .drag_content_style .d_spider_style .d_spider_row .d_spider_row_wrap{
    border: 0;
    background: transparent;
    display: flex;
    padding: 0;
	height: 100%;
    width: 100%;
    justify-content: center;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .d_spider_row .d_spider_row_wrap_2 .spider_slot{
    margin: 23px 100px 0px 100px;	
}
.d_spider_parent .d_spider .drag_content .d_spider_style .cardLevel_2 .d_spider_row_wrap .spider_slot{
	width: 200px;
	border: 2px solid #000;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .cardLevel_2 .d_spider_row_wrap .d_spider_image{
    width: 110px !important;
    height: 110px !important;
    margin-top: 0px !important;
    padding: 0;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .cardLevel_2 .d_spider_row_wrap .d_spider_image img{
    width: 100%;
    padding: 0;
    border-radius: 5px;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot{
    margin-top: 23px;
    width: 142px;
    height: 62px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px !important;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot .drag_correct{
  border: 1px solid #ccc !important;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot .drag_incorrect{
  border: 1px solid #ccc !important;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot .resume_dropped{
    width: 100%;
    height: 100%;
    pointer-events: none;	
}
.d_spider_parent .d_spider .drag_content .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot .styled_cards{
	padding: 0;
	border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #def8ff;
    cursor: move;
    font-size: 17px !important;
    line-height: normal;
    box-shadow: none;
}
.d_spider_parent .d_spider .drag_content .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot .d_spider_handle{
	background: #def8ff;
}
.d_spider_parent .d_spider .cardSlotsLines{
    position: absolute;
    top: -10%;
    width: 100%;	
    z-index: 0;
}
.d_spider .d_lit_5 .drag_cardPile{
	width: 100%;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot_main{
	width: 142px;
    height: 62px;
    margin-top: 23px;	
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .d_spider_row .d_spider_row_wrap div{
	position: relative;
	width: 100%;
    height: 100%;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .d_spider_row .d_spider_row_wrap div .boxStructureLabel{
	position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    top: -30px;	
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot{
	width: 142px;
	height: 62px;
	margin: 0 0 0 10px;
	position: relative;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot:after{
    content: '';
    position: absolute;
    width: 2px;
    background: #000;
    height: 180px;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap .spider_slot:after{
    bottom: -160px;
    left: 0;
    right: 0;
    margin: auto;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap .spider_slot:after{
    top: -150px;
    left: 0;
    right: 0;
    margin: auto;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap_2 .spider_slot:after{
	bottom: -150px;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap_2 .spider_slot:after{
	top: -100px;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap_4 .spider_slot:nth-child(1):after{
	transform: rotate(-60deg);
    transform-origin: center top;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap_4 .spider_slot:nth-child(4):after{
	transform: rotate(60deg);
    transform-origin: center top;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap_4 .spider_slot:nth-child(1):after{
    transform: rotate(60deg);
    transform-origin: center bottom;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap_4 .spider_slot:nth-child(4):after{
	transform: rotate(-60deg);
    transform-origin: center bottom;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap_3 .spider_slot:nth-child(1):after{
	transform: rotate(-50deg);
    transform-origin: center top;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap_3 .spider_slot:nth-child(3):after{
	transform: rotate(50deg);
    transform-origin: center top;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap_3 .spider_slot:nth-child(1):after{
    transform: rotate(50deg);
    transform-origin: center bottom;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap_3 .spider_slot:nth-child(3):after{
	transform: rotate(-50deg);
    transform-origin: center bottom;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap_2 .spider_slot:nth-child(1):after{
	transform: rotate(-40deg);
    transform-origin: center left;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_1 .d_spider_row_wrap_2 .spider_slot:nth-child(2):after{
	transform: rotate(40deg);
    transform-origin: center right;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap_2 .spider_slot:nth-child(1):after{
    transform: rotate(40deg);
    transform-origin: center left;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .cardLevel_3 .d_spider_row_wrap_2 .spider_slot:nth-child(2):after{
	transform: rotate(-40deg);
    transform-origin: center right;
}
.d_spider_parent .d_spider .cardSlotsLines .d_spider_style .d_spider_row .d_spider_row_wrap .spider_slot:first-child{
	margin:0;
}
.d_flow_parent{
	top:57%;
}
.d_flow_parent .d_flow .drag_content{
    height: 360px;	
}
.d_flow_parent .d_flow .drag_content .d_flow_style{
    padding: 0;
    width: auto;
    height: 360px;
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: 1;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel{
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
    height: 100%;	
    position: relative;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap{
    padding: 0;
    border: 0;
    background: transparent;
	width: 80%;
    height: 100%;
    margin: 0 auto;
    float: none;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure{
	background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    position: relative;
    justify-content: space-evenly;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot{
	padding: 0;
    width: 100%;
    margin: 0;	
    display: flex;
    align-items: center;
    justify-content: center;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .resume_dropped{
	width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: #def8ff;	
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .d_flow_handle{
	font-size: 20px !important;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot_locked{
    line-height: 28px;
    font-size: 20px !important;	
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .hovered div{
	background: #adadad !important;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .ui-draggable{
	margin: 0;
    padding: 0;
    border: 0;
    background: #def8ff;
    font-size: 20px !important;
    padding: 0 5px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .card_image_drag{
  height: 80px !important;
  min-width: 160px !important;
  display:block;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .card_image_drag img{
  height: 80px !important;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_3 .cardLevelWrap .boxStructure .box_slot .ui-draggable{
	font-size: 15px !important;
	line-height: 15px !important;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .d_lit_5_handle{
	background: #ccebf3;
	width: 28px;
	width: fit-content;
	font-size: 20px !important;
	line-height: 28px;
	height: 28px;
	padding: 0 5px;
	margin: 0;
	border-radius: 5px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 10%);
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_1 .cardLevelWrap .boxStructure .box_slot{
	height: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;	
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_1 .cardLevelWrap .boxStructure .box_slot img{
   max-height: 100%;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_1 .cardLevelWrap .boxStructure .boxStructureItem{
	height: 150px;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_2 .cardLevelWrap .boxStructure .box_slot{
    height: 100px;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_2 .cardLevelWrap .boxStructure .boxStructureItem{
	height: 100px;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_2 .cardLevelWrap .boxStructureUser_2 .box_slot{
    height: 20%;
    margin: 15% 0%;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_2 .cardLevelWrap .boxStructureItem_2 .boxStructureItem{
    height: 20%;
    margin: 15% 0%;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_2 .cardLevelWrap .boxStructureUser_3 .box_slot{
    height: 20%;
    margin: 6.665% 0%;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_2 .cardLevelWrap .boxStructureItem_3 .boxStructureItem{
    height: 20%;
    margin: 6.665% 0%;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_3 .cardLevelWrap_2 .boxStructure{
	height: 50%;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_3 .cardLevelWrap_3 .boxStructure{
	height: 33.33%;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_3 .cardLevelWrap .boxStructure .d_flow_card_hidden{
	opacity: 0;
    pointer-events: none;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_3 .cardLevelWrap .boxStructure .boxStructureItem{
	height: 40px;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_image .cardLevelWrap{
  width: 160px;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel_image .cardLevelWrap .boxStructure .box_slot{
  height: 80px;
  background: transparent;
  width: 160px;
  display: block;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_image .cardLevelWrap{
  width: 80%;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_image .cardLevelWrap .boxStructure .boxStructureItem{
  height: 80px;
  width: 160px;
  margin: 0 auto;
  background: #FFF;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_image .cardLevelWrap .boxStructure .boxStructureItem .boxStructureLabel{
  top: 30% !important; 
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines{
    position: absolute;
    width: 100%;
    max-width: 90% !important;
    padding: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: 0;
    display: flex;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_1 .cardLevelWrap .boxStructureItem_1:after{
    content: '';
    position: absolute;
    border-top: 2px solid #000;
    width: 100px;
    right: -15%;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_2 .cardLevelWrap .boxStructureItem_2:before{
	content: '';
    position: absolute;
    height: 176px;
    left: -10%;
    top: 90px;
    width: 50px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;	
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_2 .cardLevelWrap .boxStructureItem_3:before{
	content: '';
    position: absolute;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 243px;
    left: -10%;
    width: 100px;	
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_2 .cardLevelWrap .boxStructureItem_3:after{
	content: '';
	position: absolute;
	border-top: 2px solid #000;
	width: 20%;
    left: -20%;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_2 .cardLevelWrap_1 .boxStructureItem_1:before{
    content: '';
    position: absolute;
    border-top: 2px solid #000;
    left: -10%;
    width: 100px;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap .boxStructureItem_1:before{
	content: '';
    position: absolute;
    border-top: 2px solid #000;
    width: 100px;
    left: -100px;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap .boxStructureItem_2:before{
    content: '';
    position: absolute;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 100px;
    left: -10%;
    width: 100px;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap .boxStructureItem_2:after{
	content: '';
    position: absolute;
	width: 20%;
    border-top: 2px solid #000;
    left: -30%;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap .boxStructureItem_3:before{
	content: '';
	position: absolute;
    height: 60%;
    left: -10%;
    top: 19%;
    width: 50px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap_1 .boxStructureItem_3:before{
    height: 55%;
    top: 22%;	
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap .boxStructureItem_3:after{
	content: '';
    position: absolute;
    width: 100%;
    border-top: 2px solid #000;
    left: -30%;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap .boxStructureItem_6:before{
    content: '';
    position: absolute;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 80px;
    left: -10%;
    width: 100px;
    top: 15%;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel_3 .cardLevelWrap .boxStructureItem_6:after{
	content: '';
    position: absolute;
	width: 20%;
    border-top: 2px solid #000;
    left: -30%;
    top: 25%;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel .cardLevelWrap .boxStructure .boxStructureItem{
	position: relative;
}
.d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel .cardLevelWrap .boxStructure .boxStructureItem .boxStructureLabel{
	position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    top: -30px;
    font-weight: 600;
}
.d_flow .drag_cardPile .drag_incorrect{
  border: 1px solid #ccc !important;
  margin: 5px 5px !important;
}
.d_flow .drag_cardPile .drag_incorrect:after{
  transform: scale(0.5);
}
.d_flow .drag_cardPile .drag_correct{
  border: 1px solid #ccc !important;
  margin: 5px 5px !important;
}
.d_flow .drag_cardPile .drag_correct:after{
  transform: scale(0.5);
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .drag_incorrect{
  border: 0 !important;
  margin: 0 !important;
}
.d_flow_parent .d_flow .drag_content .d_flow_style .cardLevel .cardLevelWrap .boxStructure .box_slot .drag_correct{
  border: 0 !important;
  margin: 0 !important;
}
.d_flow .drag_cardPile .d_flow_dropped{
	opacity: 0;
	pointer-events: none;
}
.hovered{
	background: #adadad !important;
}
.dropped_animation{
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
}
.cardSlotsStudent{
	z-index: 2;
}
.cardSlotsStored{
	z-index: 1;
}
.drag_images_hidden{display: none;}
.text_input_no_image {
	margin-top: 15px !important;
}
.ti_wrapper {
	float: left;
	margin: 0px 5px 0px 5px;
}
.quiz_review_headings {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0px !important;
	margin: 0px 30px;
	clear: both;
}
.quiz_review_headings .drag_cardPile{
	margin-bottom: 20px;
}
.d_lit_1 .quiz_review_headings{
	padding: 0;
}
.quiz_review_headings h2{
	text-align: center;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
    width: 150px;
    margin: 0 auto;
    line-height: 17px;
    height: 17px !important;
    border-radius: 5px;
    text-transform: none;
    border: 1px solid #ddd;
    font-weight: 600;
}
.fi_review h2{
	background: #f2f2f2;
  margin: 5px;	
}
.questions_my_literacy .fi_review{
  display: flex;
}
.radio_style {
	display: block;
	margin: 0 auto;
}
.radio_picture_static h2 {
	padding: 20px;
}
.hidden {
	left: -10000px;
	position: absolute;
	top: -1000px;
}
.hidden + label {
	font-family: sans-serif;
	display: table-cell;
	border: 3px solid #e4e4e4;
	cursor: pointer;
	cursor: hand;
	font-size: 18px;
	font-size: 1.1em;
	background: transparent;
	background-repeat: no-repeat;
    outline: 0;
	vertical-align: middle;
    border-radius: 10px;
    overflow: hidden;
    font-weight: 100;
}
html.non-touch .hidden + label:hover {
	border: 3px solid #d2d2d2;
}
.mc_review{
  pointer-events: none;
}
.hidden_review + label {
	pointer-events: none;	
}
.mc_lit_1 .hidden + label, .mc_lit_2 .hidden + label, .mc_lit_3 .hidden + label{
	height:60px;
    width: 91%;
    display: block;
    border-radius: 10px;
    line-height: 60px;
	margin: 0 auto;
	position: relative;
	font-weight: 400;
	background: #FFF;
	padding-left: 30px;
}
.mc_lit_1 .hidden + label h2 span, .mc_lit_2 .hidden + label h2 span, .mc_lit_3 .hidden + label h2 span{
    box-shadow: none !important;
    position: relative;
    left: 0;
    transform: none;
    top: unset;
    margin: 0 0.3em;
}
.mc_lit_1 .hidden + label .mc_dot, .mc_lit_2 .hidden + label .mc_dot, .mc_lit_3 .hidden + label .mc_dot,
.mc_lit_1 .hidden + label .mc_red_dot, .mc_lit_2 .hidden + label .mc_red_dot, .mc_lit_3 .hidden + label .mc_red_dot{
	width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 8px;
    background-size: 60px;	
	border-radius: 50%;
}
.mc_lit_1 .hidden + label .mc_dot, .mc_lit_1 .hidden + label .mc_red_dot{
	left: 3px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.mc_lit_2 .hidden + label .mc_dot, .mc_lit_2 .hidden + label .mc_red_dot{
    left: 5px;
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.mc_lit_3 .hidden + label .mc_dot, .mc_lit_3 .hidden + label .mc_red_dot{
    left: 5px;
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.mc_lit_1 .hidden + label .mc_dot, .mc_lit_2 .hidden + label .mc_dot, .mc_lit_3 .hidden + label .mc_dot {
    background-image: url(../images/mc_lit_radio.svg);
}
.mc_lit_1 .hidden + label .mc_red_dot, .mc_lit_2 .hidden + label .mc_red_dot, .mc_lit_3 .hidden + label .mc_red_dot{
    background-image: url(../images/mc_lit_red_radio.svg);
}
.mc_lit_1 .hidden + label h2, .mc_lit_2 .hidden + label h2, .mc_lit_3 .hidden + label h2{
    padding: 0px 50px 0px 10px;
	font-size: 20px;
	text-align: left;
	/*font-weight: 100;*/
	font-family: 'Open Sans', 'sans-serif';
	pointer-events: none;
    display: flex;
    align-items: center;
}
.hidden[type="checkbox"]:not(:checked) + label:before, .hidden[type="checkbox"]:checked + label:before{
	left: -10000px;
    position: absolute;
    top: -1000px;	
}
.hidden[type="checkbox"]:not(:checked) + label:after, .hidden[type="checkbox"]:checked + label:after{
	left: -10000px;
    position: absolute;
    top: -1000px;		
}
.hidden_checkbox{
	display: none;
}
.mc_lit_2_parent .question_body_image img{
	position: relative !important;
}
.mc_lit_1_parent .mc_image_answers_zoom .mc_zoom{
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;	
}
.mc_lit_2_parent .mc_image_answers_zoom .mc_zoom{
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;	
}
.mc_lit_3_parent .mc_image_answers_zoom .mc_zoom{
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;	
}
.mc_lit_3 .hidden + label span{
	left: 3px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.larger_box .hidden + label h2, .larger_box .hidden + label h2{
	font-size: 1em;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-weight: 400;
	background: none;
}
.largest_box .hidden + label h2, .largest_box .hidden + label h2{
	font-size: 15px;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-weight: 100;
	height: 100%;
}
.largest_box_v2 .hidden + label h2, .largest_box_v2 .hidden + label h2{
	font-size: 15px;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-weight: 100;
	height: 100%;
}
.export_print_pdf_label{
    position: absolute;
    top: 0px;
    display:none;
    font-size: 10px;
    z-index: 2;
}
.export_draggable .ui-draggable{
	min-width: 90px !important;
    width: 90px !important;
}
/*
a.radio_picture:hover {
	border: 3px solid #1ecd97;
}
*/
.hidden:checked + label{
	border: 3px solid #1ecd97 !important;
	-webkit-box-shadow: 0 0px 20px rgba(0,0,0,.2);
	box-shadow: 0 0px 20px rgba(0,0,0,.2);
}
.mc_lit_1 .hidden:checked + label span, .mc_lit_2 .hidden:checked + label span, .mc_lit_3 .hidden:checked + label span{
	background-position: 30px 0px;
    box-shadow: 0px 0px 5px 0px rgba(39,49,65,0.3);
}
a.radio_picture h2 {
	padding: 15px;
}
a.image_q {
	height: 100% !important;
}
.center_span {
	display: table-cell;
	vertical-align: middle;
}
.users_answer {
	border: 3px solid #1ecd97 !important
}
.incorrect_answer:checked + label{
	border: 3px solid #e0645c !important;
}
#student_header {
	height: 27px;
	position:absolute;
	top:0;
	width:100%;
	margin: 0 auto;
}
#login_w_student{z-index: 10002;bottom: 0;left: 0;position: fixed;height:37px;}
.student_admin{
    background-image: url(../images/student_admin.svg)!important;
    background-repeat: no-repeat !important;
    width: 120px !important;
    text-align: right;
    padding-right: 20px !important;
    line-height: 37px;
    height: 37px;
    padding: 0;
    font-size: 1em !important;
    font-family: 'Open Sans', 'sans-serif';
    text-transform: none;
}
.student_home{
	background-position: 0px 3px !important;
}
.student_back{
	display: none;
	background-position: 0px -37px !important;
}
#myn_reward_sketchpad{
	display: none;
    position: absolute;
    /*
    width: 90%;
    height: calc(90% - 105px);
    */
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*
    background: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    */
    z-index: 100;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed{
    width: 90%;
    height: 80%;
    position: absolute;
    border-radius: 10px;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item{
    position: relative;
    width: 28%;
    float: left;
    height: 28.5%;
    margin: 2.5%;
    width: 30%;
    margin: 1.66% 1.66% 1.66% 1.66%;
    border-radius: 0;
    box-shadow: none;
    background-color: #f7f6f2;
    cursor: pointer;
}
html.non-touch #myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item:hover .myn_reward_sketch_open{
    background-color: #ade0ff !important;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_no_show{
    background: transparent;	
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_no_show .myn_reward_sketch_icon{
    background: transparent;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 2500%;
    background-position: 100% 3%;
    width: 70%;
    height: 90%;
    margin: 0 auto;
    margin-top: 4%;	
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame{
    width: 100%;
    height: 100%;
    margin: 0;
    box-shadow: none;
    border: 6px solid #f7f6f2;
    overflow: hidden;
    border-radius: 10px;
    position: absolute;
    margin: -6px;
	-webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
	box-shadow: inset 0 0px 2px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
	pointer-events: none;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame .myn_reward_sketch_frame_common{
	width: 100%;
	height: 100%;
	position: absolute;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame .myn_reward_sketch_mini_stickers{
	z-index: 2;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame .myn_reward_sketch_mini_wallaper{
	z-index: 1;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame .myn_reward_sketch_mini_wallaper .myn_reward_sketch_mini_wallaper_2{
	z-index: 1;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame .myn_reward_sketch_mini_wallaper .myn_reward_sketch_mini_wallaper_2 .myn_reward_sketch_mini_wallaper_3{
	z-index: 2;
	background-size: 15%;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame .myn_reward_sketch_mini_wallaper .myn_reward_sketch_mini_wallaper_2 .myn_reward_sketch_mini_wallaper_4{
	z-index: 1;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame .myn_reward_sketch_mini_wallaper .myn_reward_sketch_mini_wallaper_1{
    background-size: cover;
    background-position: bottom;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_frame:before{
	box-shadow: none !important;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item .myn_reward_sketch_open{
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 1875px;
    background-position: -238px -167px;
    background-color: #FFFFFF;
    -webkit-box-shadow: inset 0 0px 2px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow: inset 0 0px 2px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    border-radius: 50%;
    right: 10px;
    bottom: 10px;
    z-index: 2;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal_fixed .myn_reward_sketch_item:hover .myn_reward_sketch_open{
	background-color: #ccebf3;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal{
    background: #FFFFFF;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
	top:100px;
	left: 0;
    right: 0;
    margin: auto;
    display: none;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main{
    position: absolute;
    width: 97%;
    height: 96%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal .myn_reward_edit{
    border: 6px solid #666 !important;
}
.frame_myn{
	background-color: #ddc;
    border: solid 30px #eee;
    border-bottom-color: #f7f6f2;
    border-left-color: #eee;
    border-right-color: #eee;
    border-top-color: #ddd;
    border-radius: 2px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
    box-sizing: border-box;
    display: inline-block;
    margin: 10vh 10vw;
    height: 80vh;
    padding: 0;
    position: relative;
    text-align: center;
}
.frame_myn:before{
    border-radius:2px;
    bottom:-2vmin;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset;
    content:"";
    left:-2vmin;
    position:absolute;
    right:-2vmin;
    top:-2vmin;
}
.frame_myn:after{
    border-radius:2px;
    bottom:-2.5vmin;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    content:"";
    left:-2.5vmin;
    position:absolute;
    right:-2.5vmin;
    top:-2.5vmin;
}
.sticker_frame_dropped .sticker_item_pic .sticker_frame_wallpaper{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: cover;
	overflow: hidden;
	background-position: bottom right;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.1);
}
.sticker_item_12_1 .sticker_item_pic{
    width: 200px;
    height: 170px;
}
.sticker_item_12_1_dropped{
	width: 200px;
    height: 170px;
}
.sticker_frame_dropped .frame_12_1 .sticker_item_fixed{
	background-image: url(../images/avatars/outfits/frame_1.svg) !important;
	width: 200px;
    height: 170px;
    background-size: cover !important;
    background-position: 0px 0px !important;
}
.sticker_frame_dropped .frame_12_1 .sticker_frame_wallpaper{
    width: 70%;
    height: 65%;
}
.sticker_item_12_2 .sticker_item_pic{
    width: 200px;
    height: 200px;
}
.sticker_item_12_2_dropped{
	width: 200px;
    height: 200px;
}
.sticker_frame_dropped .frame_12_2 .sticker_item_fixed{
	background-image: url(../images/avatars/outfits/frame_2.svg) !important;
	width: 200px;
    height: 200px;
    background-size: cover !important;
    background-position: 0px 0px !important;
}
.sticker_frame_dropped .frame_12_2 .sticker_frame_wallpaper{
	width: 89%;
    height: 79%;
    top: -9%;
}
.sticker_item_12_3 .sticker_item_pic{
    width: 200px;
    height: 166px;
}
.sticker_item_12_3_dropped{
	width: 200px;
    height: 166px;
}
.sticker_frame_dropped .frame_12_3 .sticker_item_fixed{
	background-image: url(../images/avatars/outfits/frame_3.svg) !important;
	width: 200px;
    height: 166px;
    background-size: cover !important;
    background-position: 0px 0px !important;
}
.sticker_frame_dropped .frame_12_3 .sticker_frame_wallpaper{
	width: 80%;
    height: 75%;
}
.sticker_item_12_4 .sticker_item_pic{
    width: 200px;
    height: 166px;
}
.sticker_item_12_4_dropped{
	width: 200px;
    height: 166px;
}
.sticker_frame_dropped .frame_12_4 .sticker_item_fixed{
	background-image: url(../images/avatars/outfits/frame_4.svg) !important;
	width: 200px;
    height: 166px;
    background-size: cover !important;
    background-position: 0px 0px !important;
}
.sticker_frame_dropped .frame_12_4 .sticker_frame_wallpaper{
	width: 70%;
    height: 65%;
}
.sticker_item_12_5 .sticker_item_pic{
    width: 200px;
    height: 170px;
}
.sticker_item_12_5_dropped{
	width: 200px;
    height: 170px;
}
.sticker_frame_dropped .frame_12_5 .sticker_item_fixed{
	background-image: url(../images/avatars/outfits/frame_5.svg) !important;
	width: 200px;
    height: 170px;
    background-size: cover !important;
    background-position: 0px 0px !important;
}
.sticker_frame_dropped .frame_12_5 .sticker_frame_wallpaper{
	width: 80%;
    height: 80%;
}
.sticker_item_12_6 .sticker_item_pic{
    width: 200px;
    height: 158px;
}
.sticker_item_12_6_dropped{
	width: 200px;
    height: 158px;
}
.sticker_frame_dropped .frame_12_6 .sticker_item_fixed{
	background-image: url(../images/avatars/outfits/frame_6.svg) !important;
	width: 200px;
    height: 158px;
    background-size: cover !important;
    background-position: 0px 0px !important;
}
.sticker_frame_dropped .frame_12_6 .sticker_frame_wallpaper{
	width: 80%;
    height: 75%;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_sketchpad_wallpaper{
    background-color: #f7f6f2 !important;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_sketchpad_wallpaper .myn_reward_wallpaper{
	position: absolute;
	width: 100%;
	height: 100%;
	transition: 0.5s ease;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_sketchpad_wallpaper #myn_reward_wallpaper_1{
	z-index: 2;
	display: none;
	position: absolute;
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
	background-size: cover;
    background-position: bottom;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_sketchpad_wallpaper #myn_reward_wallpaper_2{
	z-index: 2;
	display: none;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_sketchpad_wallpaper #myn_reward_wallpaper_2 #myn_reward_wallpaper_3{
	z-index: 1;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_sketchpad_wallpaper #myn_reward_wallpaper_2 #myn_reward_wallpaper_4{
	z-index: 0;
}
.myn_gradient_1{
	background: #fd8c8c;
	background: linear-gradient(to bottom, #fd8c8c , #ffffff);
}
.myn_gradient_2{
	background: #efc3ff;
	background: linear-gradient(to bottom, #efc3ff , #ffffff);
}
.myn_gradient_3{
	background: #e7f695;
	background: linear-gradient(to bottom, #e7f695 , #ffffff);
}
.myn_gradient_4{
	background: #4298cc;
	background: linear-gradient(to bottom, #4298cc , #ffffff);
}
.sticker_active{
	z-index: 10;
}
#myn_reward_wall_button{
    position: fixed;
    width: 100px;
    height: 60px;
    right: 10px;
    bottom: 10px;
    z-index: 0;
    cursor: pointer;
    z-index: 6;
}
#myn_reward_wall_button #myn_reward_internal{
    position: relative;
    width: 100px;
    height: 60px;
    background-color: rgb(162, 205, 230);
    background-size: 40px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 7px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 7px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    -webkit-transition: 0.3s ease;
    transition: 0s;
    box-shadow: none;
}
html.non-touch #myn_reward_wall_button #myn_reward_internal:hover{
	background-color: rgba(66, 152, 204);
}
#myn_reward_wall_button #myn_reward_internal div{
    width: 70px;
    height: 52px;
    border-radius: 2px;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 2000px;
    background-position: -3925px -15px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
}
#myn_reward_wall_button:after{
	border-radius: 10px !important;	
}
#myn_reward_wall_button:before{
	border-radius: 6px !important;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_sketchpad_sticker{
	background: transparent !important;
	z-index: 2;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_overlay{
	background: rgba(0, 0, 0, 0.3);	
	z-index: 10;
	display: none;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main #myn_reward_lock{
	z-index: 4;
	background: transparent;
}
#myn_reward_sketchpad #myn_reward_sketchpad_internal #myn_reward_sketckpad_main .myn_reward_sketchpad_common{
	width: 100%;
	height: 100%;
	position: absolute;
	border: 0;
	margin: 0;
    box-shadow: none;
}
#sticker_wrapper #reward_2 #sticker_pack_1 .reward_main_wrapper .reward_main_icons:last-child span{
	background: #FFF;
}
#sticker_wrapper #reward_2 #sticker_pack_1 .reward_main_wrapper .reward_main_icons:last-child span div{
    background-image: none;
    background: #FFF;
    width: 23px;
    height: 23px;
    border-radius: 50%;	
}
#sticker_wrapper #reward_2 #sticker_pack_1 .reward_main_wrapper .reward_main_icons:last-child span div:nth-child(1){
    transform: translate(0px, -20px);
    background: #fd8c8c;
    border: 2px solid #fd8c8c;
}
#sticker_wrapper #reward_2 #sticker_pack_1 .reward_main_wrapper .reward_main_icons:last-child span div:nth-child(2){
    transform: translate(0px, 20px);
    background: #efc3ff;
    border: 2px solid #efc3ff;
}
#sticker_wrapper #reward_2 #sticker_pack_1 .reward_main_wrapper .reward_main_icons:last-child span div:nth-child(3){
    transform: translate(20px, 0px);
	background: #e7f695;
	border: 2px solid #e7f695;
}
#sticker_wrapper #reward_2 #sticker_pack_1 .reward_main_wrapper .reward_main_icons:last-child span div:nth-child(4){
	transform: translate(-20px, 0px);
	background: #4298cc;
	border: 2px solid #4298cc;
}
html.non-touch #sticker_wrapper #reward_2 #sticker_pack_1 .reward_main_wrapper .reward_main_icons:last-child span div:hover{
	border: 2px solid #666;
}
#myn_reward_content{
	display: none;
    position: absolute;
    width: 95%;
    height: 50px;
    width: 50px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FFF;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    z-index: 9;
    overflow: hidden;
}
#myn_reward_content .scroll-wrapper{
    height: 100%;
    width: 100%;
}
#myn_reward_content #myn_reward_content_internal{
	width: 100%;
	height: 100%;
	position: relative;
}
#myn_reward_content #myn_reward_content_internal .my_numeracy_reward_empty{
	text-align: center;
    color: #666;
    font-size: 20px;
    font-weight: 100;
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    line-height: 40px;
}
#myn_reward_content #myn_reward_content_internal .myn_myl_reward{
	display: none;
}
#myn_reward_toggle{
    position: absolute;
    width: 330px;
    /* top: 0; */
    height: 60px;
    z-index: 100;
    background: rgba(255, 255, 255, 0.7);
    margin: auto;
    right: 20px;
    bottom: 10px;
    border-radius: 10px;
    text-align: center;
	opacity: 0;
}
#myn_reward_toggle .myn_reward_headings{
    line-height: 46px;
    height: 40px;
    border-radius: 5px;
    color: #FFF;
    text-shadow: none;
    box-shadow: none;
    margin: 10px 0px;
    font-size: 15px;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    width: 320px;
}
#myn_reward_toggle .myn_reward_headings .myn_reward_buttons{
    border-radius: 5px;
    height: 40px;
    text-align: center;
    float: left;
    width: 148px;
    margin: 0px 0px 0px 10px;
    background: #eee;
    color: #666;
	cursor: pointer;
	border: 1px solid transparent;
	font-family: 'Open Sans', 'sans-serif';
    line-height: 40px;
}
#myn_reward_toggle .myn_reward_headings .myn_full_width{
	width: 300px;
}
#myn_reward_toggle .myn_reward_headings .myn_reward_buttons_active{
	background: #4298cc;
	color: #FFF;
}
html.non-touch #myn_reward_toggle .myn_reward_headings .myn_reward_buttons:hover{
	background:#005587;	
	color: #FFF;
}
#reward_star_wrapper{
    position: absolute;
    left: 110px;
    top: 0px;
}
#reward_star_wrapper #reward_star_status{position: absolute;left: 15px;}
#reward_star_wrapper #reward_trophy_status{position: absolute;left: 140px;}
#reward_star_wrapper #reward_ribbon_status{position: absolute;left: 230px;}
#reward_star_wrapper .reward_star_main{
    width: 46px;
    height: 45px;
    left: 0;
    top: 4px;
}
#reward_star_wrapper .reward_star_total{
    position: absolute;
    top: 24px;
    left: 35px;
	line-height: 20px;
    color: #f5df7a;
    width: 94px;
    text-align: center;
    font-size: 4em;
    font-family: 'Josefin Sans', sans-serif;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}
#reward_star_wrapper #reward_trophy_total{
	left: 60px;	
}
.reward_myn_icon_status{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0px;
    border-radius: 10px;
    /* box-shadow: 0 3px 7px rgba(0,0,0,0.2); */
    bottom: -55px;	
    cursor: pointer;
}
.reward_myn_icon_status .reward_myn_lid{
    background: #ff6a67;
    width: 66px;
    height: 15px;
    top: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 3px solid #ff6a67;
    border-left: 3px solid #ff6a67;
    border-right: 3px solid #ff6a67;
    border-bottom: 1px solid #FFF;
    position: relative;
    z-index: 3;
    border-bottom: 1px solid #b33535;
    -webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.39);
    box-shadow: inset 0 0px 4px rgba(0,0,0,.39);
    box-shadow: none;
    border-top: 3px solid #ef4542;
    border-left: 3px solid #ef4542;
    border-right: 3px solid #ef4542;
}
.reward_myn_icon_status .reward_myn_lid .reward_myn_lid_ribbon{
    position: absolute;
    width: 55%;
    height: 5px;
    background: #b33535;
    left: 0;
    right: 0;
    top: 14px;
    margin: auto;
    border-radius: 2px;
    z-index: 4;
}
.reward_myn_icon_status .reward_myn_box{
    width: 66px;
    position: absolute;
    height: 47px;
    background: #fff8f0;
    bottom: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    z-index: 2;
    -webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.39);
    box-shadow: inset 0 0px 4px rgba(0,0,0,.39);
    box-shadow: none;
}
.reward_myn_icon_status .reward_myn_box .reward_myn_icon{
    width: 60%;
    height: 85%;
    margin: 0 auto;
    bottom: 6%;
    position: absolute;
    left: 0;
    right: 0;
    background-image: url(../images/trophy_smaller.svg);
    background-size: 40px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
html.non-touch .reward_myn_icon_status_closed:hover .reward_myn_lid{
  transform: rotate(-5deg) !important;
  top: 0px;
  transform-origin: 0px 10px;
}
.reward_title{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
    text-align: center;
    color: #f5df7a;
    text-transform: uppercase;
    font-size: 50px;
    font-family: 'Josefin Sans', sans-serif;
}
.reward_star{
	width:30px;
	height:30px;
	display:block;
	background-image: url(../images/star.svg);
    position: absolute;
	top: -160px;
    left: 32px;
	z-index:1;
	background-size: 100%;
	background-repeat: no-repeat;
}
.reward_star_outline{
	background-image: url(../images/reward_star_outline.svg);
	background-repeat: no-repeat;
	opacity:0;
    position: absolute;
    top: 0 !important;
}
.rewards_style{z-index:1000}
#reward_star_result{
	display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.reward_star_large{
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: initial;
    bottom: -150px;
    width: 150px;
    height: 150px;
    background-size: 100%;
}
/* Math Game */
#math_header{
	padding-top: 10px;
}
#math_header #counter_wrapper{
    width: 125px;
    height: 110px;
    margin: 0 auto;
    position: relative;
}
#math_header #counter_wrapper #timer_wrapper{
	position: absolute;
	margin: 12% 12% 12% 12%;
}
#math_header #counter_wrapper #timer_wrapper .coutndown-wrapper-time{display:none !important;}
#math_header #counter_wrapper #active_number{
    width: 80%;
    height: 80%;
    margin: 10% 10% 10% 10%;
    clear: both;
    position: absolute;
    text-align: center;
    line-height: 105px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
	color:#6d6e72;
}
#math_header #counter_wrapper .warning{
	background: #edeae5;
}
.math_wrapper{
	min-width:1024px;
	margin:0 auto;
}
.math_game{
	background:#edeae5;
    overflow: auto;
}
.math_game #math_table{
    float:right;
    overflow: auto;
	width:500px;
	height:500px;
	position:relative;
}
.math_game #math_table .math_cell{
	float: left;
	width: 125px;
    height: 125px;
	perspective: 1000px;
	transform-style: preserve-3d;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}
.math_game #math_table .math_cell_start{
	transform: scale(0);
}
.math_game #math_table .math_cell .flip_me{
	transform: rotateY(180deg);
}
.math_game #math_table .math_cell .math_cell_button{
	width:80%;
	height: 80%;
	margin:10% 10% 10% 10%;
	border-radius:50%;
    border: 4px solid transparent;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    line-height: 97px;
    color: #FFF;
	transform-style: preserve-3d;
	position: relative;
    background: transparent;
}
/*.math_game #math_table .math_cell .math_cell_button:hover{
	border: 4px solid #1fa1d2;
	color: #6d6e72;
}*/
.math_game #math_table .math_cell .math_cell_button .front_cell, .back_cell{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    border-radius: 50%;
    height: 100%;
}
.math_game #math_table .math_cell .math_cell_button .front_cell{
	z-index: 2;
	transform: rotateY(0deg);
}
.math_game #math_table .math_cell .math_cell_button .back_cell{
	transform: rotateY(180deg);
	background:#1fa1d2;
	color:#FFF;
    z-index: 1;
}
.math_game #math_output{
	font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
	color:#1fa1d2;
	margin:0 auto;
	width:500px;
	text-align:center;
    height: 125px;
    line-height: 125px;
}
#wallpaper{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	transition: 1s ease;
	z-index: 0;
}
#wallpaper div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#student_wallpaper{
	z-index: 3;
}
#student_reward_wallpaper{
	z-index: 4;	
	background-size: cover;
    background-position: bottom;
    display: none;
}
.user_wallpaper_21_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/01.svg);
}
.user_wallpaper_22_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/02.svg);
}
.user_wallpaper_23_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/03.svg);
}
.user_wallpaper_24_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/04.svg);
}
.user_wallpaper_25_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/05.svg);
}
.user_wallpaper_26_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/06.svg);
}
.user_wallpaper_27_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/07.svg);
}
.user_wallpaper_28_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/08.svg);
}
.user_wallpaper_29_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/09.svg);
}
.user_wallpaper_30_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/10.svg);
}
.user_wallpaper_31_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/11.svg);
}
.user_wallpaper_32_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/12.svg);
}
.user_wallpaper_33_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/13.svg);
}
.user_wallpaper_34_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/14.svg);
}
.user_wallpaper_35_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/15.svg);
}
.user_wallpaper_36_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/16.svg);
}
.user_wallpaper_37_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/17.svg);
}
.user_wallpaper_38_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/18.svg);
}
.user_wallpaper_39_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/19.svg);
}
.user_wallpaper_40_2023{
  background-image: url(../images/avatars/outfits/wallpaper_reward/20.svg);
}
.wallpaper_zoom_in{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.wallpaper_zoom_out{
	-webkit-transform: scale(1.0) !important;
	transform: scale(1.0) !important;
}
.review_wallpaper{
	z-index: 6;
	display: block;
	transition: 0.5s ease !important;
    -webkit-transition: 0.5s ease !important;
}
#texture_assessment{
	position: absolute;
    width: 100%;
    height: 100%;
}
#myn_logo{
    position: absolute;
    width: 110px;
    height: 30px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -17px;
    z-index: 3;
}
.myn_logo_home{
    position: absolute;
    width: 110px;
    height: 30px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 23px;
    z-index: 3;
}
.myn_logo{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 20px 25px -12px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 20px 25px -12px rgba(0, 0, 0, 0.35);
    transition: 0.4s ease;
    border: 1px solid #FFF;
    top: 0;
}
.myn_logo .myn_logo_start{
    background: url(../images/mynumeracy_icons_v2.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 140px;
    background-position: -53px -28px;
}
.myn_logo_1{
    margin: auto;
    left: -110px;
    right: 0;
    z-index: 1;
}
.myn_logo_2{
    width: 40px;
    height: 40px;
    left: -60px;
    right: 0;
    margin: auto;
    top: -5px;	
    z-index: 2;
}
.myn_logo_3{
	z-index: 3;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    top: -10px;
}
.myn_logo_4{
    width: 40px;
    height: 40px;
    left: 0px;
    right: -60px;
    margin: auto;
    top: -5px;
    z-index: 2;	
}
.myn_logo_5{
    margin: auto;
    right: -110px;
    left: 0;
    z-index: 1;	
}
.myn_logo_which_0 .myn_logo_1{
  background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_0 .myn_logo_2{
  background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_0 .myn_logo_3{
  background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_0 .myn_logo_4{
  background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_0 .myn_logo_5{
  background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_1 .myn_logo_1{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_1 .myn_logo_2{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_1 .myn_logo_3{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_1 .myn_logo_4{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_1 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_2 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_2 .myn_logo_2{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_2 .myn_logo_3{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_2 .myn_logo_4{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_2 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_3 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_3 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_3 .myn_logo_3{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_3 .myn_logo_4{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_3 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_4 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_4 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_4 .myn_logo_3{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_4 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_4 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_5 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_5 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_5 .myn_logo_3{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_5 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_5 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_6 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_6 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_6 .myn_logo_3{
	background: rgba(184, 203, 255, 0.6);
}
.myn_logo_which_6 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_6 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_7 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_7 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_7 .myn_logo_3{
	background: rgba(255, 221, 212, 0.6);
}
.myn_logo_which_7 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_7 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_8 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_8 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_8 .myn_logo_3{
	background: rgba(153, 225, 220, 0.6);
}
.myn_logo_which_8 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_8 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_10 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_10 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_10 .myn_logo_3{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_10 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_10 .myn_logo_5{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_11 .myn_logo_1 , .myn_logo_which_23 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_11 .myn_logo_2 , .myn_logo_which_23 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_11 .myn_logo_3 , .myn_logo_which_23 .myn_logo_3{
	background: rgba(216, 205, 236, 0.6);
}
.myn_logo_which_11 .myn_logo_4 , .myn_logo_which_23 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_11 .myn_logo_5 , .myn_logo_which_23 .myn_logo_5{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_12 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_12 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_12 .myn_logo_3{
	background: rgba(255, 221, 212, 0.6);
}
.myn_logo_which_12 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_12 .myn_logo_5{
	background: rgba(165, 211, 202, 0.6);
}
.myn_logo_which_13 .myn_logo_1{
	background: rgba(245, 223, 121, 0.6);
}
.myn_logo_which_13 .myn_logo_2{
	background: rgba(180, 215, 235, 0.6);
}
.myn_logo_which_13 .myn_logo_3{
	background: rgba(251, 203, 153, 0.6);
}
.myn_logo_which_13 .myn_logo_4{
	background: rgba(247, 182, 176, 0.6);
}
.myn_logo_which_13 .myn_logo_5{
	background: rgba(165, 211, 202, 0.6);
}
.myn_launcher{
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    width: 550px;
    height: 120px;
    border-radius: 20px;
	cursor: pointer;
    cursor: hand;
    z-index: 7;
}
html.non-touch .myn_launcher:hover{
  background: rgba(255,255,255,0.3)
}
#myn_main_wrapper{
  display: flex;
  width: 60%;
  top: 70%;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  height: 80px;
  z-index: 7;
  max-width: 900px;
}
#myn_main_wrapper .myn_launcher{
  position: relative;
  width: 50%;
  top: 0;
  max-width: 400px;
  height: 120px;
}
#myn_main_wrapper .myn_launcher .myn_launcher_child{
  font-size: 35px;
}
.myn_launcher_solo_main{
  top:45% !important;
}
.myn_launcher_pos{
	top:70%;
}
.myn_launcher_solo{
	top:45%;
}
.mynumeracy_learning_library .myn_launcher_child{
	top: -35px;
}
.myn_launcher .myn_launcher_outline{
	position: absolute;
    width: 465px;
    height: 95px;
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    left: -8px;
    top: -8px;
    border-radius: 10px;
    display: none;
}
.myn_launcher_child{
    color: #FFF;
    /* color: rgba(245, 223, 121, 1); */
    text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    font-size: 50px;
    line-height: 90px;
    text-align: center;
    text-transform: uppercase;
    /* font-weight: 600; */
    letter-spacing: 2px;
    /* font-family: 'Open Sans', 'sans-serif'; */
    font-family: 'Josefin Sans', sans-serif;
    text-shadow: -10px 10px 0px #00e6e6, -20px 20px 0px #01cccc, -30px 30px 0px #00bdbd;
    text-shadow: -5px 5px -5px #00e6e6, -20px 20px 0px;
    text-shadow: 0 1px 0 hsl(174,5%,80%), 0 2px 0 hsl(174,5%,75%), 0 3px 0 hsl(174,5%,70%), 0 4px 0 hsl(174,5%,66%), 0 5px 0 hsl(174,5%,64%), 0 6px 0 hsl(174,5%,62%), 0 7px 0 hsl(174,5%,61%), 0 8px 0 hsl(174,5%,60%), 0 0 5px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.2), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.2), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.3);
    /* color: #4298cc; */
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    position: absolute;
    width: 100%;
    top: 0;
    top: -15px;
    text-shadow: 0 1px 0 #fff, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    z-index: 2;
}
.myn_launcher_subchild{
	display: none;
}
.mynumeracy_learning_library .myn_launcher_subchild{
    display: block;
    font-size: 20px;
    height: 26px;
    position: absolute;
    width: 100%;
    line-height: 30px;
    top: 65px;
    text-shadow: 0 1px 0 #fff, 0 1px 0 #c9c9c9, 0 1px 0 #bbb, 0 1px 0 #b9b9b9, 0 1px 0 #aaa, 0 3px 1px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%), 0 1px 5px rgb(0 0 0 / 20%), 0 2px 10px rgb(0 0 0 / 25%), 0 10px 5px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 15%);
}
.myn_launcher_0 .myn_launcher_child{
  color: rgba(255, 255, 255, 1);
}
.myn_launcher_1 .myn_launcher_child{
   	color: rgba(245, 223, 121, 1);
}
.myn_launcher_2 .myn_launcher_child{
    color: rgba(180, 215, 235, 1);
}
.myn_launcher_3 .myn_launcher_child{
    color: rgba(247, 182, 176, 1);
}
.myn_launcher_4 .myn_launcher_child{
    color: rgba(165, 211, 202, 1);
}
.myn_launcher_5 .myn_launcher_child{
    color: rgba(216, 205, 236, 1);
}
.myn_launcher_6 .myn_launcher_child{
    color: rgba(184, 203, 255, 1);
}
.myn_launcher_7 .myn_launcher_child{
    color: rgba(255, 221, 212, 1);
}
.myn_launcher_8 .myn_launcher_child{
    color: rgba(153, 225, 220, 1);
}
.myn_launcher_10 .myn_launcher_child{
    color: rgba(165, 211, 202, 1);
}
.myn_launcher_11 .myn_launcher_child , .myn_launcher_23 .myn_launcher_child{
    color: rgba(216, 205, 236, 1);
}
.myn_launcher_12 .myn_launcher_child{
    color: rgba(255, 221, 212, 1);
}
.myn_launcher_13 .myn_launcher_child{
    color: rgba(251, 203, 153, 1);
}
html.non-touch .myn_launcher:hover #myn_launcher_child{
    top: -35px;
    text-shadow: 0 1px 0 #fff, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 30px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
html.non-touch .mynumeracy_learning_library:hover #myn_launcher_child{
	top: -55px;
}
html.non-touch .myn_launcher:hover #myn_logo .myn_logo_3 .myn_logo_start{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
}
html.non-touch .myn_launcher:hover #myn_logo_home .myn_logo_3 .myn_logo_start{
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
}
#myn_empty{
	text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 400px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 100;
    background: rgba(255, 255, 255, 0.3);
    z-index: 0;
}
#myn_learning_goals{
    top: 100%;
    right: 0;
    height: 50px;
    position: absolute;
    width: 540px;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    background: rgba(255, 255, 255, 0.4);
    background: rgba(66,152,204,0.2);
    border-radius: 7px;
    text-shadow: 0 0 5px rgb(0 0 0 / 50%);
    -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;
    box-shadow:none;
    font-weight: 600;
}
.myn_learning_goals_1{
	background: rgba(245, 223, 121, 0.6) !important;
}
.myn_learning_goals_2{
	background: rgba(180, 215, 235, 0.6) !important;
}
.myn_learning_goals_3{
	background: rgba(247, 182, 176, 0.6) !important;
}
.myn_learning_goals_4{
	background: rgba(165, 211, 202, 0.6) !important;
}
.myn_learning_goals_5{
	background: rgba(216, 205, 236, 0.6) !important;
}
.myn_learning_goals_6{
  background: rgba(216, 205, 236, 0.6) !important;
}
.myn_learning_goals_7{
	background: rgba(184, 203, 255, 0.6) !important;
}
.myn_learning_goals_8{
	background: rgba(255, 221, 212, 0.6) !important;
}
.myn_learning_goals_9{
	background: rgba(153, 225, 220, 0.6) !important;
}
.myn_learning_goals_10{
	background: rgba(165, 211, 202, 0.6) !important;
}
.myn_learning_goals_11 , .myn_learning_goals_23{
	background: rgba(216, 205, 236, 0.6) !important;
}
.myn_learning_goals_12{
	background: rgba(255, 221, 212, 0.6) !important;
}
.myn_learning_goals_13{
  background: rgba(180, 215, 235, 0.6) !important;
}
.myn_learning_library_1{
	background: transparent !important;	
	background: rgba(255,255,255,1) !important;
}
#myn_learning_goals #myn_learning_goals_icon_solo{
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.4);
    border-radius: 5px;
    left: 5px;
    top: 5px;
}
#myn_learning_goals #myn_learning_goals_icon_solo div{
    background-image: url(../images/learning_goals.svg);
    width: 35px;
    height: 35px;
    background-size: 70px;
    margin: 2px;
}
#myn_learning_goals .myn_learning_library_icon_solo div{
	background-image: url(../images/learning_library.svg) !important;	
}
#myn_learning_goals #myn_learning_library_switch_wrapper .myn_learning_library_switch{
    width: 265px;
    height: 38px;
    line-height: 40px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #666;
    position: absolute;
    left: 5px;
    top: 6px;
    cursor: pointer;
    border-radius: 5px;
    text-shadow: none;
}
html.non-touch #myn_learning_goals #myn_learning_library_switch_wrapper .myn_learning_library_switch:hover{
	text-decoration: underline;
}
#myn_learning_goals #myn_learning_library_switch_wrapper .myn_learning_library_switch:last-child{
    left: 270px;	
}
#myn_learning_goals #myn_learning_library_toggle{
	color: #FFF;
	width: 265px;
	height: 38px;
	border-radius: 5px;
	position: absolute;
	left: 5px;
    top: 6px;
}
#myn_learning_goals .myn_learning_library_active{
	color: #FFF !important;
	pointer-events: none !important;
	text-shadow: 0 0 10px rgb(0 0 0 / 55%) !important;
}
.myn_learning_goals_0 #myn_learning_library_toggle{
  background: #4297cc;	
  background: rgba(66,152,204,0.3);
}
.myn_learning_goals_1 #myn_learning_library_toggle{
	background: #f5df79;	
	background: rgba(245, 223, 121, 0.8);
}
.myn_learning_goals_2 #myn_learning_library_toggle{
	background: #b4d7eb;	
	background: rgba(180, 215, 235, 0.8);
}
.myn_learning_goals_3 #myn_learning_library_toggle{
	background: #f7b6b0;	
	background: rgba(247, 182, 176, 0.8);
}
#myn_learning_goals .myn_learning_library_switch .myn_learing_goals_icon{
	width: 30px;
    height: 30px;
    position: absolute;
    background: red;
    left: 4px;
    top: 4px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 4px;	
}
#myn_learning_goals .myn_learning_library_switch .myn_learing_goals_icon div{
    background-image: url(../images/learning_goals.svg);
    background-size: 50px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    margin: 2px;	
}
#myn_learning_goals #myn_learning_library_1 .myn_learing_goals_icon div{
	background-image: url(../images/learning_library.svg);
    background-size: 50px;
}
.my_numeracy_content{
	display: none;
    height: 88vh;
    position: absolute;
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 80px;
    background: #FFF;
	background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    border: 2px solid #fff;
    /*-webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);*/
    overflow: hidden;
    z-index: 9;
}
.my_numeracy_content_1{
    border: 5px solid rgba(245, 223, 121, 0.7);
}
#myn_overlay{
	background: rgba(0, 0, 0, 0.1);	
	position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    opacity: 0;
    z-index: 2;
    display: none;
}
#myn_screencast_content{
	display: none;
    height: 100%;
    width: 100%;
}
#myn_screencast_content #scs_wrapper{
	height: 100%;
    height: calc(100% - 60px);
    position: absolute;
    width: 100%;	
}
#myn_screencast_content #scs_wrapper .scroll-wrapper{
	position: absolute;
    height: 100%;
}
#myn_screencast_content #scs_wrapper #scs_internal{
    position: absolute;
    width: 100%;
    height: 100%;   	
}
#myn_screencast_content #scs_wrapper .scs_playlist{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 16.6666666667%;
    float: left;
    height: 85%;
    transform: translateY(10%);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video{
    height: 100%;
    text-align: center;
    position: relative;
    width: auto;
    float: left;
    margin: 0 1%;
    margin-bottom: 20px;
    opacity: 0;
    width: 23%;
    max-width: 300px;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_wrapper{
    position: relative;
    height: 100%;
    width: 100%;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .sc_video_thumbnail{
	margin: 0 auto;
    width: 90%;
    margin-top: 5%;
    /* border: 1px solid #ddd; */
    border-radius: 10px;
    -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;
    position: relative;
    height: auto;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .sc_video_thumbnail img{
    width: 90%;
    margin: 5%;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .myn_logo{
    background-color: #4298cc !important;
    -webkit-transform: scale(2);
    transform: scale(1.5);
    left: 15px;
	top: calc(100% - 48px);
    margin: auto;
    background-color: #4298cc !important;
    border-radius: 5px;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .myn_logo .myn_logo_start{
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .myn_finished{
	background: url(../images/student_admin.svg);
    background-color: #f5df79 !important;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
    left: 15px;
    /* right: 0; */
    /* margin: auto; */
    z-index: 1;
    background-position: 3px -271px;
    background-size: 25px;
    border: 0;
    /* transform: none; */
    border: 1px solid #FFF;
    top: calc(100% - 100px);
    display: none;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .myn_finished_active{
	display: block;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .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: 100%;
    position: absolute;
    height: 20px;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -30px;
    overflow: hidden;
    background: #fbf9f9;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .myn_playbar_wrapper .myn_playbar{
	height: 16px;
	margin: 2px;
    border-radius: 10px;
    overflow: hidden;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
	width: 0;
    height: 100%;
    border-radius: 10px;	
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_0 .sc_video_internal .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #f5df79;
    background: rgba(245, 223, 121, 0.6);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_1 .sc_video_internal .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #b4d7eb;
    background: rgba(180, 215, 235, 0.6);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_2 .sc_video_internal .myn_playbar_wrapper .myn_playbar .myn_playbar_fill{
    background: #f7b6b0;
    background: rgba(247, 182, 176, 0.6);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .sc_video_title{
    font-size: 11px;
    font-weight: 600;
    border-top: 2px solid transparent;
    white-space: normal;
    height: 50px;
    position: absolute;
    bottom: 10px;
    height: 40%;
    height: 25%;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    display: table;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal .sc_video_title div{
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_video .sc_video_internal{
    position: absolute;
    border: 2px solid #fff;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    cursor: pointer;
    background: #FFF;
}
#myn_screencast_content #myn_nav{
	display: flex;
    justify-content: center;
    /*
    bottom: 80px;
    left: 0;
    right: 0;
    */
    margin: auto;
}
#myn_screencast_content #myn_nav li.current a{
	background: rgba(31, 161, 210, 0.7);
}
#myn_screencast_content #screencast_wrapper_video{
	position: fixed;
    width: 80%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    background: #FFF;
    border-radius: 10px;
    display: none;
    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%);
    max-width: 1024px;
}
.my_numeracy_content #myn_screencast_content #screencast_wrapper_video{
	max-width: none;
}
#myn_screencast_content #screencast_wrapper_video #screencast_content{
	position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;	
}
#myn_screencast_content #screencast_wrapper_video #screencast_content iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;	
}
#myn_screencast_content #screencast_overlay{
	width: 100%;
    height: 100%;
    z-index: 10000;
    position: fixed;
    background: rgba(255,255,255,0.5);
    background: rgba(0,0,0,0.2);
    display: none;
}
html.non-touch #myn_screencast_content #scs_wrapper .scs_playlist .sc_video:hover .sc_video_internal{
	border: 2px solid #4298cc;
	-webkit-box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
    box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_0 .sc_video_internal .sc_video_title{
	background: rgba(245, 223, 121, 0.3);
	border: 1px solid #f5df79;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_1 .sc_video_internal .sc_video_title{
	background: rgba(180, 215, 235, 0.3);
	border: 1px solid #b4d7eb;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_2 .sc_video_internal .sc_video_title{
	background: rgba(247, 182, 176, 0.3);
	border: 1px solid #f7b6b0;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_0 .sc_video_internal .myn_logo{
	background-color: #f5df79;
	background-color: rgba(245, 223, 121, 0.8);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_1 .sc_video_internal .myn_logo{
	background-color: #b4d7eb;
	background-color: rgba(180, 215, 235, 0.8);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_2 .sc_video_internal .myn_logo{
	background-color: #f7b6b0;
	background-color: rgba(247, 182, 176, 0.8);
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_0 .sc_video_internal .myn_finished{
	background-color: #f5df79 !important;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_1 .sc_video_internal .myn_finished{
	background-color: #b4d7eb !important;
}
#myn_screencast_content #scs_wrapper .scs_playlist .sc_strand_2 .sc_video_internal .myn_finished{
	background-color: #f7b6b0 !important;
}
#myn_main_content{
    margin-top: 40px;	
}
#myn_main_content #myn_content{
    width: 95%;
    margin: 0 auto;
}
#myn_main_content #myn_content #myn_lock{
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}
#myn_main_content #myn_content #myn_general_wrapper{
	clear: both;
}
#myn_main_content #myn_content #myn_substrand_wrapper{
	clear: both;
}
#myn_main_content #myn_content .myn_tile{
    width: 30%;
    margin: 0% 1.66% 1.66% 1.66%;
    float: left;
    height: 100px;
    will-change: transform;
    z-index: 1;
    position: relative;
}
#myn_main_content #myn_content .mynumeracy_block_next_level{
	pointer-events: none;	
}
html.non-touch #myn_main_content #myn_content .myn_tile:hover .myn_tile_inner {
    -webkit-box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
    box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
}
#myn_main_content #myn_content .myn_tile_active{
	z-index: 1000;
}
#myn_main_content #myn_content .myn_tile_active .myn_tile_inner {
	box-shadow: none !important;
	border-radius: 0;
    background: rgba(255, 255, 255, 0.8) !important;
}
#myn_main_content #myn_content .myn_tile_active .myn_laucher{
	display: none;
}
#myn_main_content #myn_content .myn_tile .myn_laucher{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	margin: 5px;
	cursor: pointer;
    cursor: hand;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner{
	border: 1px solid transparent;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	position: relative;
	background: #FFF;
	will-change:transform;
	/* border: 1px solid #ddd; */
}
#myn_main_content #myn_content .mynumeracy_block_next_level .myn_tile_inner:after{
	content:'';
}
#myn_main_content #myn_content .mynumeracy_block_next_level .myn_tile_inner{
	opacity: 0.5;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_general_parent{
	display: table;
	width: 100%;
	height: 100%;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_general_parent .myn_general_child{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: 100;
    font-size: 20px;
    width: 67%;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 9px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_tile_inner_parent{
	/* box-shadow: none; */
    border-radius: 0 !important;
    border: 0 !important;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner{
	/* border: 1px solid transparent !important; */
	border-radius:0 !important;
	border: 0 !important;
}
#myn_main_content #myn_content .myn_tile .myn_start{
	/* border: 5px solid #4298cc !important; */
    margin: -3px !important;
    box-shadow: 0 0px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,.2);
    border-radius: 18px;
    border: 3px solid rgba(66, 152, 204, 0.8)!important;
}
#myn_main_content #myn_content .myn_tile .myn_start:after{
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background: #4298cc;
    right: -16px;
    top: -16px;
    border-radius: 50%;
    border: 2px solid #FFF;
}
#myn_main_content #myn_content .myn_tile_active .myn_start:after{
	display: none;
	opacity: 0;
}
/*
#myn_main_content .myn_content_1 .myn_tile .myn_start{
	border: 3px solid rgba(245, 223, 121, 0.7) !important;
}
#myn_main_content .myn_content_2 .myn_tile .myn_start{
	border: 3px solid rgba(180, 215, 235, 0.7) !important;
}
#myn_main_content .myn_content_3 .myn_tile .myn_start{
	border: 3px solid rgba(247, 182, 176, 0.7) !important;
}
#myn_main_content .myn_content_4 .myn_tile .myn_start{
	border: 3px solid rgba(165, 211, 202, 0.7) !important;
}
#myn_main_content .myn_content_5 .myn_tile .myn_start{
	border: 3px solid rgba(216, 205, 236, 0.7) !important;
}
*/
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_code{
    position: absolute;
    z-index: 1;
    font-size: 9px;
    width: 150px;
    bottom: 0;
    right: 10px;
    text-align: right;
    color: #666;
    width:fit-content;
}
#myn_main_content #myn_content .myn_tile_5_1 .myn_tile_inner .myn_code{
    width: calc(100% - 140px);
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_code{
	bottom: 3px;
	font-size: 15px;
    max-width: 100%;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_code:hover .myn_code_desc{
    display:block;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_code .myn_code_desc{
    min-width: 400px;
    position: absolute;
    background: rgba(255,255,255,0.5);
    border-radius: 5px;
    border: 1px solid #ddd;
    right: 110%;
    font-size: 10px;
    padding: 5px;
    display: none;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_resume_icon{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #4298cc;
    background: url(../images/mynumeracy_icons_v2.svg);
    background-repeat: no-repeat;
    background-size: 130px;
    border-radius: 50%;
    background-color: #FFF;
    background-color: #4298cc;
    background-position: -77px -25px;
    left: 98px;
    bottom: 10px;
    border-radius: 5px;
}
#myn_main_content #myn_content .myn_tile_active .myn_tile_inner .myn_resume_icon{
	display: none;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon{
    width: 80px;
    height: 80px;
    border-radius: 10px;
    margin: 10px;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
	position: absolute;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_activity_notify{
	display: none;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_element{
	background: url(../images/my_numeracy_icons_v2.svg) no-repeat;
    background-size: 2000px;
    background-position: -13px -20px;
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_literacy{
	background: url(../images/my_literacy_icons_v2.svg) no-repeat;
	background-size: 2000px;
    background-position: -13px -20px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_element{
    top: -50px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_launcher{
    position: absolute;
    width: 110px;
    width: 150px;
    height: 40px;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: auto;
    border-radius: 5px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    cursor: pointer;
    cursor: hand;
    display: none;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_reward{
	background: url(../images/my_numeracy_icons_v2.svg) no-repeat;
    position: absolute;
    width: 70px;
    height: 70px;
    background-size: 2000px;
    border-radius: 15px;
    transform: scale(0.5);
    border: 1px solid #fff;
    border: 1px solid transparent;
    left: -26px;
    bottom: -26px;
    transition: 0.4s ease;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon .myn_icon_reward_literacy{
  background: url(../images/my_literacy_icons_v2.svg) no-repeat;
  position: absolute;
  width: 70px;
  height: 70px;
  background-size: 2000px;
  border-radius: 15px;
  transform: scale(0.5);
  border: 1px solid #fff;
  border: 1px solid transparent;
  left: -26px;
  bottom: -26px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_reward{
  bottom: 63px;
  left: -9px;
  border: 2px solid #FFF;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_percent{
	width: 30px;
    height: 30px;
    position: absolute;
    background: #4298cc;
    right: -16px;
    top: -16px;
    border-radius: 50%;
    border: 2px solid #FFF;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
	will-change: transform;
	z-index: 1;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_percent{
    right: 10px !important;
    top: 10px !important;
    width: 60px !important;
    height: 60px !important;
    line-height: 60px !important;
    font-size: 20px !important;
    border: 0 !important;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like{
    width: 35px;
    position: absolute;
    top: 75px;
    left: 90px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like .myn_like_total{
	    position: absolute;
    width: 80px;
    height: 30px;
    line-height: 48px;
    top: -15px;
    left: 30px;
    color: #4298cc;
    font-size: 14px;
    font-weight: 100;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_tile_inner_parent .myn_like .myn_like_total{
	top: 0;
    width: 40px;
    left: -2px;
    text-align: center;
}	
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like_wrapper_active{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);	
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_tile_inner_parent .myn_like{
	right: 26px;
    top: 110px;
    left: unset;
    cursor: pointer;
    cursor: hand;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like input[type="checkbox"]{
    display: block;
    left: 0;
    border: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
    z-index: 10;
    left: -10px;
    border: 0;
    top: -30px;
    background: transparent;
	cursor: pointer;
    cursor: hand;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like input[type="checkbox"] + label {
	position: absolute;
	z-index: 100;
	overflow: hidden;
	height: 6em;
	width: 6em;
	left: calc(50% - 3em);
	top: calc(50% - 3em);
	display: block;
	text-align: center;
	line-height: 95px;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	border-radius: 50%;
	padding: 0;
	z-index: 2;
}
/*
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like input[type="checkbox"] + label:before {
	content: '';
	z-index: -1;
	position: absolute;
	background: rgba(220, 72, 127, 0.5);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0);
    -webkit-transform: scale(0);
    border: 0;
    box-shadow: none;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like input[type="checkbox"] + label:after {
	content: '';
	z-index: -1;
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	transform: scale(0);
	-webkit-transform: scale(0);
	background: #FFF;
}
*/
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like input[type="checkbox"]:checked + label svg {
	fill: rgb(220, 72, 127);
}
/*
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like input[type="checkbox"]:checked + label:after {
	-webkit-animation: like-a 0.3s 0.2s forwards;
	-moz-animation: like-a 0.3s 0.2s forwards;
	animation: like-a 0.3s 0.2s forwards;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like input[type="checkbox"]:checked + label:before {
	-webkit-animation: like-a 0.5s 0s forwards;
	-moz-animation: like-a 0.5s 0s forwards;
	animation: like-a 0.5s 0s forwards;
}
*/
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_tile_inner_parent .myn_like label svg {
	display: inline-flex;
	vertical-align: middle;
	width: 35px;
    fill: rgb(208, 208, 208);
}

@-webkit-keyframes like-a {
	0% {	transform:scale(0); opacity: 0; } 
	50% {	transform:scale(1.03); opacity: 1; } 
	100% {	transform:scale(1.03); opacity: 0; } 
}
@keyframes like-a {
	0% {	transform:scale(0); opacity: 0; } 
	50% {	transform:scale(1.03); opacity: 1; } 
	100% {	transform:scale(1.03); opacity: 0; }
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon_active .myn_icon_launcher{
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
	border-radius: 10px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_reset .myn_icon .myn_icon_launcher{
    width: 215px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_launcher .myn_action_button{
    width: 115px;
    width: 150px;
    outline: 0;
    border: 0;
    height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF;
    padding-left: 40px;
	position: relative;
	background: #4298cc;
	/*border: 2px solid #FFF;*/
    border-radius: 10px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_reset .myn_icon .myn_icon_launcher .myn_action_button{
	width: 105px !important;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_launcher .myn_action_button div{
    position: absolute;
    width: 25px;
    height: 25px;
    left: 6px;
    top: 9px;
    background: url(../images/mynumeracy_icons_v2.svg);
    background-repeat: no-repeat;
    background-size: 130px;
    background-color: #FFF;
    border-radius: 5px;
    height: 30px;
    top: 5px;
    width: 30px;
    left: 5px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_launcher .myn_action_button .myn_action_start{
    background-position: -49px 3px;
}
#myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_launcher .myn_action_button .myn_action_resume{
	background-position: -77px 2px;
}
#myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_launcher .myn_action_button .myn_action_review{
    background-position: -105px 2px !important;
}
#myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_launcher .myn_action_button .myn_action_reset{
    background-position: 0px 2px !important;
}
html.non-touch #myn_main_content #myn_content .myn_tile_active_expanded .myn_tile_inner .myn_icon .myn_icon_launcher .myn_action_button:hover{
	background: #005587;
}	
#myn_main_content .myn_content_1 .myn_tile_inner .myn_icon_general, #myn_main_content .myn_content_15 .myn_tile_inner .myn_icon_general{
	background: rgba(245, 223, 121, 0.7);
}
#myn_main_content .myn_content_2 .myn_tile_inner .myn_icon_general, #myn_main_content .myn_content_13 .myn_tile_inner .myn_icon_general{
	background: rgba(180, 215, 235, 0.7);
}
#myn_main_content .myn_content_3 .myn_tile_inner .myn_icon_general{
	background: rgba(247, 182, 176, 0.7);
}
#myn_main_content .myn_content_4 .myn_tile_inner .myn_icon_general{
	background: rgba(165, 211, 202, 0.7);
}
#myn_main_content .myn_content_5 .myn_tile_inner .myn_icon_general, #myn_main_content .myn_content_6 .myn_tile_inner .myn_icon_general{
	background: rgba(216, 205, 236, 0.7);
}
#myn_main_content .myn_content_10 .myn_tile_inner .myn_icon_general{
	background: rgba(165, 211, 202, 0.7);	
}
#myn_main_content .myn_content_7 .myn_tile_inner .myn_icon_general , #myn_main_content .myn_content_23 .myn_tile_inner .myn_icon_general{
    background: rgba(216, 205, 236, 0.7);
}
#myn_main_content .myn_content_8 .myn_tile_inner .myn_icon_general{
    background: rgba(153, 225, 220, 0.7);
}
#myn_main_content .myn_content_9 .myn_tile_inner .myn_icon_general{
    background: rgba(153, 225, 220, 0.7);
}
#myn_main_content .myn_content_14 .myn_tile_inner .myn_icon_general{
    background: rgba(165, 211, 202, 0.7);
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon_general .myn_icon_general_parent{
    position: absolute;
    width: 68px;
    height: 68px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon_general .myn_icon_general_parent div{
    width: 30px;
    height: 30px;
    float: left;
    margin: 2px;
    background: #FFF;
    border-radius: 5px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_icon_active{
    width: 170px;
    height: 130px;
    border-radius: 15px;
	margin: 1% 0% 0% 1.5%;
	margin: 10px 20px;
    z-index: 1000;
    box-shadow: none;
}
#myn_main_content #myn_content .myn_tile .myn_reset .myn_icon_active{
	width: 260px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_title{
    float: left;
    position: absolute;
    top: 10px;
    padding-left: 100px;
    padding-right: 10px;
    font-size: 13px;
    font-family: 'Open Sans', 'sans-serif';
    font-weight: 100;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    line-height: 16px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_title_active{
	font-size: 30px;
	padding-left: 20%;
	padding-left: 195px;
	padding-top: 1%;
	width: 75%;
	line-height: 30px;
}
#myn_main_content #myn_content .myn_tile .myn_reset .myn_title_active{
	padding-left: 300px;
    width: 70%;
    width: calc(100% - 350px);
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper{
    position: absolute;
    width: 144px;
    height: 30px;
    right: 0px;
    bottom: 12px;
}
#myn_main_content #myn_content .myn_tile_5_1 .myn_tile_inner .myn_star_wrapper{
    bottom: 22px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper_active{
    width: 96%;
    margin: 0 auto;
    left: 0;
    height: 60%;
	top: 32%;
    max-width: 1220px;
    right: 0;
    margin: auto;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent{
	height: 30px;
	width: 30px;
	float: left;
	position: relative;
	margin: 0px 3px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    width: 20%;
    height: 100%;
	margin: 0 2.5%;
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    border-radius: 15px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star{
    height: 30px;
    width: 30px;
    position: relative;
    float: left;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star .myn_star_outline{
	background: url(../images/my_numeracy_star_outline.svg) no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star .myn_star_status{
	background-size: cover !important;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star .proficiency_stars_20{
	background: url(../images/proficiency_stars_20.svg) no-repeat;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star .proficiency_stars_40{
	background: url(../images/proficiency_stars_40.svg) no-repeat;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star .proficiency_stars_60{
	background: url(../images/proficiency_stars_60.svg) no-repeat;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star .proficiency_stars_80{
	background: url(../images/proficiency_stars_80.svg) no-repeat;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_star .proficiency_stars_100{
	background: url(../images/proficiency_stars_100.svg) no-repeat;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper_active .myn_star_parent .myn_star{
    height: 100px;
    width: 100px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top:10px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_ican{
	display: none;
	width: 100%;
	height: 70%;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper_active .myn_star_parent .myn_ican{
	display: block;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_ican .myn_ican_internal{
    height: 80%;
    font-size: 1em;
    display: table;
    width: 95%;
    margin: 0 auto;
    margin-top: 120px;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_ican .myn_ican_internal .myn_ican_child{
	/*
	display: table-cell;
    vertical-align: middle;
    */
    width: 100%;
    text-align: center;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_ican .myn_ican_internal .myn_audio{
    top: 0px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 6px;
    margin: auto;	
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_ican .myn_ican_internal .myn_audio .audioPlayer{
    width: 35px;
    height: 35px;
    background-position: 3px;
    border-radius: 9px;	
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
    display: none;
    text-align: center;
    width: 60%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 14px;
    height: 15%;
    border-radius: 5px;
    line-height: 30px;
    bottom: 10px;
    bottom: 5%;
    font-weight: 600;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading .myn_heading_parent{
	width: 100%;
    display: table;
    height: 100%;
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading .myn_heading_parent .myn_heading_child{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: normal;
    padding: 0px 5px;
}
#myn_main_content .myn_content_1 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading, #myn_main_content .myn_content_15 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(245, 223, 121, 0.5);
}
#myn_main_content .myn_content_2 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(180, 215, 235, 0.5);
}
#myn_main_content .myn_content_3 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(247, 182, 176, 0.5);
}
#myn_main_content .myn_content_4 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(165, 211, 202, 0.5);
}
#myn_main_content .myn_content_5 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(216, 205, 236, 0.5);
}
#myn_main_content .myn_content_6 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
  background: rgba(216, 205, 236, 0.5);
}
#myn_main_content .myn_content_7 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(184, 203, 255, 0.5);
}
#myn_main_content .myn_content_8 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(255, 221, 212, 0.5);
}
#myn_main_content .myn_content_9 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(153, 225, 220, 0.5);
}
#myn_main_content .myn_content_10 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(165, 211, 202, 0.5);
}
#myn_main_content .myn_content_11 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading , #myn_main_content .myn_content_23 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(216, 205, 236, 0.5);
}
#myn_main_content .myn_content_12 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(255, 221, 212, 0.5);
}
#myn_main_content .myn_content_13 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
  background: rgba(180, 215, 235, 0.5);
}
#myn_main_content .myn_content_14 .myn_tile_inner .myn_star_wrapper .myn_star_parent .myn_heading{
	background: rgba(165, 211, 202, 0.5);
}
#myn_main_content .myn_content_1 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(245, 223, 121, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(245, 223, 121, 0.3) 75%);
}
#myn_main_content .myn_content_2 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
}
#myn_main_content .myn_content_3 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(247, 182, 176, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(247, 182, 176, 0.3) 75%);
}
#myn_main_content .myn_content_4 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(165, 211, 202, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(165, 211, 202, 0.3) 75%);
}
#myn_main_content .myn_content_5 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(216, 205, 236, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(216, 205, 236, 0.3) 75%);
}
#myn_main_content .myn_content_6 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(216, 205, 236, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(216, 205, 236, 0.3) 75%);
}
#myn_main_content .myn_content_7 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(184, 203, 255, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(184, 203, 255, 0.3) 75%);
}
#myn_main_content .myn_content_8 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(255, 221, 212, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(255, 221, 212, 0.3) 75%);
}
#myn_main_content .myn_content_9 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(153, 225, 220, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(153, 225, 220, 0.3) 75%);
}
#myn_main_content .myn_content_10 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(165, 211, 202, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(165, 211, 202, 0.3) 75%);
}
#myn_main_content .myn_content_11 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent, #myn_main_content .myn_content_23 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(216, 205, 236, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(216, 205, 236, 0.3) 75%);
}
#myn_main_content .myn_content_12 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(255, 221, 212, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(255, 221, 212, 0.3) 75%);
}
#myn_main_content .myn_content_13 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
}
#myn_main_content .myn_content_14 .myn_tile_inner .myn_star_wrapper_active .myn_star_parent{
    background: #FFF;
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(165, 211, 202, 0.3) 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(165, 211, 202, 0.3) 75%);
}
#myn_main_content #myn_content .myn_tile .myn_tile_inner .myn_star_wrapper_active .myn_star_parent .myn_heading{
	display: block;
}
#myn_nav{
    bottom: 20px;
    position: absolute;
	/*left: 50%;
    transform: translateX(-50%);*/
    right:30px;
    display: none;
    z-index: 1;
}
#myn_nav_general{
    bottom: 20px;
    position: absolute;
	/*left: 50%;
    transform: translateX(-50%);*/
    right:30px;
    display: none;
    z-index: 1;
}
.dotstyle ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dotstyle li {
    position: relative;
    display: block;
    float: left;
    margin: 0 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.dotstyle-scaleup li a {
    -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
    transition: transform 0.3s ease, background-color 0.3s ease;
    border: 1px solid #c1c1c1;
}
html.non-touch .dotstyle-scaleup li a:hover{
    border: 1px solid #666;
}
.dotstyle li a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    background-color: #fff;
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
}
.dotstyle-scaleup li.current a {
    background-color: white;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.dotstyle-scaleup li a {
    -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
    transition: transform 0.3s ease, background-color 0.3s ease;
}
.myn_nav_1 li.current a{
	background: rgba(31, 161, 210, 0.7);
}
.myn_nav_1 li.current a{
	background: rgba(245, 223, 121, 0.7);
}
.myn_nav_1 li.current a{
	background: rgba(245, 223, 121, 0.7);
}
.myn_nav_1 li.current a{
	background: rgba(245, 223, 121, 0.7);
}
.mynumeracy_actvity_started{
	background-position: -332px 0px;
}
.mynumeracy_started{
    background-image: url(../images/mynumeracy_icons.svg);
    z-index: 2;
    width: 120px;
    height: 120px;
    margin: auto;
    position: absolute;
    top: 20px;
    left: 6px;
    right: 0;
    background-size: 480px;
}
.mynumeracy_start{
	background-position: -232px -363px;
}
.mynumearcy_resume{
	background-position: -365px -363px;
}
.mynumeracy_completed{
	width: 130px !important;
	background: #FFFFFF !important;
}
.mn_activity_percent{
	font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    position: absolute;
    z-index: 10;
    top: 25px;
    width: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    visibility: visible;
    text-align: center;
    font-size: 30px;
}
.wallpaper_hidden{
	opacity: 0 !important;
}
.gradient_style{
	opacity: 0;
}
.gradient_style_review{
	opacity: 1 !important;
}
.home_gradient{
	background: #1fa1d2;
    background: -webkit-linear-gradient(to bottom, #1fa1d2 , #ffffff);
    background: linear-gradient(to bottom, #1fa1d2 , #ffffff);
    z-index: 1;
}
.num_gradient{
	background: #f5df79;
    background: -webkit-linear-gradient(to bottom, #f5df79 , #ffffff);
    background: linear-gradient(to bottom, #f5df79 , #ffffff);
    z-index: 2;
}
.mea_gradient{
	background: #b4d7eb;
    background: -webkit-linear-gradient(to bottom, #b4d7eb , #ffffff);
    background: linear-gradient(to bottom, #b4d7eb , #ffffff);
    z-index: 2;
}
.sta_gradient{
	background: #f7b6b0;
    background: -webkit-linear-gradient(to bottom, #f7b6b0 , #ffffff);
    background: linear-gradient(to bottom, #f7b6b0 , #ffffff);
    z-index: 2;
}
.rea_gradient{
	background: #A5D3CA;
    background: -webkit-linear-gradient(to bottom, #A5D3CA , #ffffff);
    background: linear-gradient(to bottom, #A5D3CA , #ffffff);
    z-index: 2;
}
.wri_gradient{
	background: #d8cdec;
    background: -webkit-linear-gradient(to bottom, #d8b2d8 , #ffffff);
    background: linear-gradient(to bottom, #d8b2d8 , #ffffff);
    z-index: 2;
}
.language_gradient{
	background: #b8cbff;
    background: -webkit-linear-gradient(to bottom, #b8cbff , #ffffff);
    background: linear-gradient(to bottom, #b8cbff , #ffffff);
    z-index: 2;
}
.literature_gradient{
	background: #ffddd4;
    background: -webkit-linear-gradient(to bottom, #ffddd4 , #ffffff);
    background: linear-gradient(to bottom, #ffddd4 , #ffffff);
    z-index: 2;
}
.literacy_gradient{
	background: #99e1dc;
    background: -webkit-linear-gradient(to bottom, #99e1dc , #ffffff);
    background: linear-gradient(to bottom, #99e1dc , #ffffff);
    z-index: 2;
}
.math_gradient{
	background: #fbcb99;
    background: -webkit-linear-gradient(to bottom, #fbcb99 , #ffffff);
    background: linear-gradient(to bottom, #fbcb99 , #ffffff);
    z-index: 2;
}
.internal_panels{
	position: absolute;
	width: 100%;
	/* padding-top: 45px; */
}
.internal_buttons{
	height: 100vh;
	z-index: 5;
	top:0;
}
#strand_wrapper_internal{
	z-index: 6;
}
#substrand_wrapper_internal{
	z-index: 7;
	display: none;
}
#assessment_wrapper_internal{
	display: none;
	z-index: 8;
}
.hexGrid {
  display: flex;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  width: 925px;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* overflow: hidden; */
  font-size: 15px;
  list-style-type: none;
  position: absolute;
  top: 50%;
  top: 45%;
  transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  z-index: 1;
  margin-top: -40px;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  max-width: 1024px;
}
.hexGrid_substrand{
	display: none;
}
.hexGrid_substrand .answers_wrapper .answers_wrapper_2{
  display: flex;
  justify-content: center;
  max-width: 1024px;
  flex-wrap: wrap;
}
.hexGrid_substrand .answers_wrapper .answers_wrapper_2 .hex{
  flex-shrink: 0;
}
.hex {
  position: relative;
  cursor: pointer;
  cursor: hand;
}
.hex::after{
  content:'';
  display:block;
  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 95%;
    height: 95%;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid #fff;
}
.hex_strand{
	width:256px;
	height:256px;
	will-change: transform;
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
}
.hexStrandActive{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    transform: translateX(-14.5%);
}
.hex_wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.hex_strand_inner{
    width: 92%;
    height: 92%;
    overflow: hidden;
    margin: 4%;
    position: relative;
    padding: 0px;
}
.hex_strand_visible{
	margin-left: 0 !important;
}
.hex_strand_hidden{
	display: none;
}
.hex_strand_smaller{
	width: 190px !important;
	height: 190px !important;
    margin-left: 0 !important;
}
.hex_strand_smaller_ac{
	width: 150px !important;
	height: 150px !important;
    margin-left: 0 !important;
}
.hex_strand .hex_title{
	height: 100% !important;
}
.hex_strand_smaller .hex_title_inner{
	font-size: 20px !important;
}
.hex_strand_smaller_ac .hex_title_inner{
	font-size: 18px !important;
}
.hex_strand_substrand .hex_title{
	width: 90% !important;
    left: 5%;
    z-index: 5;
    height: 100%;
}
.hexLink {
    border-radius: 10%;
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    will-change: transform;
}
.hex_substrand_inner{
    width: 92%;
    height: 91%;
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 4% 4% 4% 4%;
    overflow: hidden;
    position: relative;
    padding: 0px;	
}
.hexLink_substrand_inner{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;	
}
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -webkit-transform: rotate3d(0,0,0,0deg);
      -ms-transform: rotate3d(0,0,0,0deg);
          transform: rotate3d(0,0,0,0deg);
}

.hex h1, .hex p {
  width: 100%;
  padding: 5%;
  box-sizing:border-box;
  background-color: rgba(0, 128, 128, 0.8);
  font-weight: 300;
  -webkit-transition:  -webkit-transform .2s ease-out, opacity .3s ease-out;
          transition:          transform .2s ease-out, opacity .3s ease-out;
}
.hex h1 {
  bottom: 50%;
  padding-top:50%;
  font-size: 1.5em;
  z-index: 1;
  -webkit-transform:translate3d(0,-100%,0);
      -ms-transform:translate3d(0,-100%,0);
          transform:translate3d(0,-100%,0);
}
.hex h1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 10%;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.hex p {
  top: 50%;
  padding-bottom:50%;
  -webkit-transform:translate3d(0,100%,0);
      -ms-transform:translate3d(0,100%,0);
          transform:translate3d(0,100%,0);
}

.hexBackground{
	width: 100%;
	height:100%;
	z-index: 0;
	position: absolute;
	top:0;
}
.hex_title{
    display: table;
    height: 100%;
    width: 100%;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    z-index: 1;
}
.hexNotify{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 15px;
    z-index: 10;
    bottom: -40px;
}
.hex_tile_active{
	display: block;
	background: rgba(66, 152, 204, 0.7);
	width: 10px;
    height: 10px;
}
.hex_tile_strand_active{
	display: block;
	background: rgba(66, 152, 204, 0.7);
}
html.non-touch .mynumeracy_click:hover .hex_title{
	transform: none !important;
}
.hex_content .hex_title_inner{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
    font-size: 25px;
    font-family: 'Open Sans', 'sans-serif';
    font-family: 'Josefin Sans', sans-serif;
    color: #6d6e72;
    text-align: center;
}
.substrand_icon_div .hex_title_inner{
	font-size: 18px;
}
.hexGrid_substrand .hex_title .hex_title_inner{
	font-size: 20px;
}
.hex_general_level{
	left: 0% !important;
}
html.non-touch .hex:hover .hexIn .interior_circle{
  border:2px solid #8e8e8e;
}
.hexGrid_substrand .hex{
	width: 15%;
    will-change: transform;
    border-radius: 50%;
    overflow: hidden;
    height: 185px;
    float: left;
}
.level_reward_background_plain_strand{
	width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-image: url(../images/level_reward_background_plain_strand.svg) !important;
    background-position: 0px -39px !important;
    z-index: 4 !important;
}
.level_reward_background_plain_substrand{
    background-position: 0px -19px !important;
}
.hex_hide{
	opacity: 0;
}
.hexGrid_substrand .hex{
	width: 185px;
    height: 185px;
}
.hexGrid_num_1 .hex{
	width: 20%;
	width: 185px;
    height: 185px;
}
.hexGrid_num_5 .hex{
    width: 132px;
    height: 132px;
}
.hexGrid_mea_5 .hex{
    width: 132px;
    height: 132px;
}
.hexGrid_sta_5 .hex{
    width: 132px;
    height: 132px;
}
.scale_stage_1{
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	opacity: 0.4;
}
.scale_stage_2{
	transform: scale(0) !important;
	-webkit-transform: scale(0) !important;
}
.scale_mynumeracy_level{
	transform: scale(0.6) !important;
    -webkit-transform: scale(0.6) !important;
    opacity: 0.2;
}
.student_nav{
    border-right: 10px solid #1fa1d2;
    border-bottom: 10px solid #1fa1d2;
    /*
    border-right: 10px solid #FFFFFF;
    border-bottom: 10px solid #FFFFFF;
    */
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 8;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    display: none;
    cursor: pointer;
	cursor: hand;
}
.student_nav div{
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 32px 31.6px;
    position: fixed;
    bottom: -18px;
    right: -2px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    display: none;
}
.student_nav_general{
	display: none;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    border-right: 6px solid #6d6e72;
    border-bottom: 6px solid #6d6e72;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 190px;
}
.show_hexs{
	display: flex !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
}
.hex_loader{
	background: #4298cc;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 10;
}
.hex_loader .export_pdf_wrapper{display: block;}
.hex_loader label{
	position: relative !important;
}
.hex_loader .animate{
	width: 100%;
}
@-webkit-keyframes hex_priority {
  0%   { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
  50% { box-shadow: 0px 0px 0px 14px rgba(0,0,0,.1);}
  100% { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
}
@-moz-keyframes hex_priority {
  0%   { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
  50% { box-shadow: 0px 0px 0px 14px rgba(0,0,0,.1);}
  100% { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
}
@-o-keyframes hex_priority {
  0%   { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
  50% { box-shadow: 0px 0px 0px 14px rgba(0,0,0,.1);}
  100% { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
}
@keyframes hex_priority {
  0%   { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
  50% { box-shadow: 0px 0px 0px 14px rgba(0,0,0,.1);}
  100% { box-shadow: 0px 0px 0px 4px rgba(0,0,0,.1);}
}
.hex_priority{
  -webkit-animation: hex_priority 5s infinite; /* Safari 4+ */
  -moz-animation:    hex_priority 5s infinite; /* Fx 5+ */
  -o-animation:      hex_priority 5s infinite; /* Opera 12+ */
  animation:         hex_priority 5s infinite; /* IE 10+, Fx 29+ */
}
.hexLevel_1 .hex{
	width: 80px !important;
}
.hexLevel_1 .hex:nth-child(1){
	left: 31px;
    top: 38px;
}
.hexLevel_2 .hex{
	width: 70px !important;
}
.hexLevel_2 .hex:nth-child(1){
	left: 4px;
    top: 25px;
}
.hexLevel_2 .hex:nth-child(2){
	right: 3px;
    top: 64px;
}
.hexLevel_3 .hex{
	width: 68px !important;
}
.hexLevel_3 .hex:nth-child(1){
	top: 5px;
    left: 38px;
}
.hexLevel_3 .hex:nth-child(2){
	top: 66px;
    left: 3px;
}
.hexLevel_3 .hex:nth-child(3){
	top: 66px;
    left: 74px;
}
.hexLevel_4 .hex{
	width: 57px !important;
}
.hexLevel_4 .hex:nth-child(1){
	left: 44px;
    top: 5px;
}
.hexLevel_4 .hex:nth-child(2){
    left: 84px;
    top: 51px;
}
.hexLevel_4 .hex:nth-child(3){
    left: 44px;
    top: 98px;
}
.hexLevel_4 .hex:nth-child(4){
	left: 3px;
    top: 52px;
}
.hexLevel_5 .hex{
	width: 47px !important;
}
.hexLevel_5 .hex:nth-child(1){
	left: 3px;
    top: 30px;
}
.hexLevel_5 .hex:nth-child(2){
	left: 94px;
    top: 30px;
}
.hexLevel_5 .hex:nth-child(3){
	left: 49px;
    top: 57px;
}
.hexLevel_5 .hex:nth-child(4){
	left: 3px;
    top: 83px;
}
.hexLevel_5 .hex:nth-child(5){
	left: 94px;
    top: 83px;
}
.hexLevel_6 .hex{
	width: 47px !important;
}
.hexLevel_6 .hex:nth-child(1){
	left: 49px;
    top: 4px;
}
.hexLevel_6 .hex:nth-child(2){
	left: 95px;
    top: 30px;
}
.hexLevel_6 .hex:nth-child(3){
	left: 95px;
    top: 83px;	
}
.hexLevel_6 .hex:nth-child(4){
	left: 49px;
    top: 110px;
}
.hexLevel_6 .hex:nth-child(5){
	left: 3px;
    top: 83px;
}
.hexLevel_6 .hex:nth-child(6){
	left: 3px;
    top: 30px;
}
.hexLevel_7 .hex{
	width: 47px !important;
}
.hexLevel_7 .hex:nth-child(1){
	left: 49px;
    top: 4px;
}
.hexLevel_7 .hex:nth-child(2){
	left: 95px;
    top: 30px;
}
.hexLevel_7 .hex:nth-child(3){
	left: 95px;
    top: 83px;	
}
.hexLevel_7 .hex:nth-child(4){
	left: 49px;
    top: 110px;
}
.hexLevel_7 .hex:nth-child(5){
	left: 3px;
    top: 83px;
}
.hexLevel_7 .hex:nth-child(6){
	left: 3px;
    top: 30px;
}
.hexLevel_7 .hex:nth-child(7){
	left: 49px;
    top: 57px;
}
.hexLevel_8 .hex{
	width: 36px !important;
}
.hexLevel_8 .hex:nth-child(1){
	left: 54px;
    top: 3px;
}
.hexLevel_8 .hex:nth-child(2){
	left: 54px;
    top: 43px;
}
.hexLevel_8 .hex:nth-child(3){
	left: 54px;
    top: 83px;
}
.hexLevel_8 .hex:nth-child(4){
	left: 54px;
    top: 123px;
}
.hexLevel_8 .hex:nth-child(5){
	left: 16px;
    top: 43px;
}
.hexLevel_8 .hex:nth-child(6){
	left: 92px;
    top: 43px;
}
.hexLevel_8 .hex:nth-child(7){
	left: 16px;
    top: 83px;
}
.hexLevel_8 .hex:nth-child(8){
	left: 92px;
    top: 83px;
}
.hexLevel .mynumeracy_actvity_icon{
    width: 37px;
    height: 38px;
    background-repeat: no-repeat;
    background-image: url(../images/mynumeracy_icons_level.svg);
    background-size: 350%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: 65% -10%;
}
.hexLevel .mynumeracy_started{
    background-position: 100% -6%;
}
.hexLevel .mynumeracy_locked{
	background-position: 35% -10%;
}
.hexLevel .mynumeracy_tick{
	background-position: 5% 110%;
}
.hexLevel .mn_level_trophy{
	background-image: url(../images/trophy_small.svg);
	background-position: 0px 3px;
    background-size: 100%;
}
.hex_content{
	width: 90%;
    height: 100%;
    left: 0;
    right: 0;
    /* position: absolute; */
    display: table;
    margin: 0 auto;
    z-index: 4;
    top: 0;
}
#game_wrapper{
    position: absolute !important;
    z-index: 7;
    width: 1024px;
    left: 0;
    right: 0;
    margin: auto;
    height: 200px;
	bottom: 0;
	top: 0;
	display: none;
}
#game_wrapper .game_icons{
    background-size: cover;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    /* margin: 0 auto; */
    -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;
    overflow: visible;
    cursor: pointer;
    cursor: hand;
    position: relative;
    float: left;
    display: block;
    margin: 0px 70px;
    box-shadow:none;
    background: rgba(255,255,255,0.4);
}
#game_wrapper .game_icons .game_icon_graphics{
	width: 160px;
    height: 160px;
    top: 7px;
    left: 7px;
    background-size: cover;
    border-radius: 50%;
    -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;
    overflow: hidden;
    position: relative;
    box-shadow: none;
    border: 2px solid transparent;
}
html.non-touch #game_wrapper .game_icons:hover .game_icon_graphics{
    border: 2px solid #8e8e8e;
}
#game_wrapper .game_icons .game_icon_graphics #sun_icon{
	background-image: url(../images/game/sun_icon.svg);
    width: 170px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    right: 0;
    margin: auto;
    top: -150px;
}
#game_wrapper #game_01 #game_title{
	background-image: url(../images/game/sunset_maths.png);
    display: block;
    width: 300px;
    height: 100px;
    background-size: cover;
    position: absolute;
    z-index: 3;
    top: 68px;
    left: -45px
}
#game_wrapper #game_03 #game_title{
  background-image: url(../images/game/algebra/logo.svg);
  display: block;
  width: 300px;
  background-size: cover;
  position: absolute;
  z-index: 3;
  top: 30px;
  height: 130px;
  left: -55px;
}
#game_wrapper #game_03 .game_icon_graphics .jetpack_graphics{
  height: 100%;
  position: relative;
}
#game_wrapper #game_03 .game_icon_graphics .jetpack_graphics img{
  position: absolute;
  bottom: 0;
}
#game_wrapper #game_02 .game_icon_graphics .game_spelling_icons{
	position: absolute;
    width: 176px;
    height: 176px;	
}
#game_wrapper #game_02 .game_icon_graphics .game_spelling_world{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;	
}
#game_wrapper #game_02 .game_icon_graphics .game_spelling_plane{
    background: url(../images/game/spelling_game/plane.svg);
    width: 110px;
    height: 70px;
    background-size: 110px;
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 20px;	
}
#game_wrapper #game_02 .game_icon_graphics .word_tile_icons{
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    float: left;
    margin: 2px;
    border-radius: 5px;
}
#game_wrapper #game_02 #game_title{
    background-image: url(../images/game/spelling_game/spelling_logo.png);
    display: block;
    width: 300px;
    left: -50px;
    background-size: 300px;
    height: 80px;
    top: 50px;
}
html.non-touch .hexLinkActivity:hover .hex_title_inner{
	transform: scale(1.1);
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	z-index: 12;
}
.mn_level_trophy_activity{
    background-image: url(../images/trophy_small.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-size: 100%;
    background-position: 0px 0px;
    left: 0;
    right: 0;
    top: -4;
    margin: 0 auto;
    z-index: 10;
    visibility: visible;
    position: absolute;
    /*
    -webkit-animation: mn_trophy_rotate 10s infinite linear;
    animation: mn_trophy_rotate 10s infinite linear;
    */
    pointer-events: none;
}
.mn_activity_flag{
    background-image: url(../images/mn_flag.svg);
    width: 60px;
    height: 70px;
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    visibility: visible;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 60px;
    pointer-events: none;
}
.hexLinkActivity .mynumeracy_icon_large{
	background-image: url(../images/mynumeracy_icons_level.svg);
    width: 70px;
    height: 60px;
    background-size: 390%;
    left: 42px;
    top: 5px;
    z-index: 2;
}
.hexLinkActivity .mynumeracy_activity_tick{
    background-position: -10px -71px;
    width: 80px;
    height: 80px;
    left: 32px;
    top: 74px;
    z-index: 2;
}
.hexLinkActivity .mynumeracy_activity_lock{
	background-position: -124px -125px;
}
.hexLinkActivity .hex_title_hexagon{
    background-repeat: no-repeat;
    background-size: 432%;
    background-image: url(../images/level_reward_background_plain_white.svg);
    background-repeat: no-repeat;
    background-size: 114%;
    background-position: -10px 3px;
    height: 100%;
    display: table;
    width: 140px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.mn_gold_hexagon{
	background-position: -5px 7px;
}
.mn_silver_hexagon{
    background-position: -157px 7px;	
}
.mn_bronze_hexagon{
	background-position: -310px 7px;
}
.mn_white_hexagon{
	background-position: -458px 7px;
}
.hexLevel .hex_title_hexagon{
	background-image: url(../images/hexagon_white.svg);
    background-repeat: no-repeat;
    height: 100%;
    display: table;
    width: 100%;
    background-size: 690px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.hexLevel .mn_gold_hexagon{
	background-image: url(../images/student_gold.svg) !important;
    background-position: 0px 0px;
	background-size: cover;
}
.hexLevel .mn_silver_hexagon{
   	background-image: url(../images/student_silver.svg) !important;
    background-position: 0px 0px;
	background-size: cover;
}
.hexLevel .mn_bronze_hexagon{
    background-image: url(../images/student_bronze.svg) !important;
    background-position: 0px 0px;
	background-size: cover;
}
.hexLevel .mn_white_hexagon{
	background: none;
}
.mynumeracy_star_status{
    width: 160px;
    height: 60px;
    /* background: #FFFFFF; */
    position: absolute;
    left: -5px;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    bottom: 15px;
    background-image: url(../images/hexagon_ribbon_stars.svg);
    background-position: 0px -20px;
    visibility: visible;
    background-size: 160px;
    background-repeat: no-repeat;
    pointer-events: none;
}
.mn_gold_ribbon{
	background-position: 0px -136px;
}
.mn_silver_ribbon{
	background-position: 0px -71px;
}
.mn_bronze_ribbon{
	background-position: 0px -3px;
}
.mynumeracy_star_status .star_outline{
	position: absolute;
	transform: scale(1.3);
}
.mynumeracy_star_status .star_outline:nth-child(1){
	top: 0;
	left: 14px;
}
.mynumeracy_star_status .star_outline:nth-child(2){
    top: -5px;
    left: 47px;
}
.mynumeracy_star_status .star_outline:nth-child(3){
	top: -5px;
    left: 84px;
}
.mynumeracy_star_status .star_outline:nth-child(4){
    top: 0;
    left: 115px;
}
.mn_thumbs_up{
    background-image: url(../images/mynumeracy_icons.svg);
    width: 40px;
    height: 40px;
    background-size: 160px;
    background-position: 0px -40px;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
}
.hexLevel .mn_thumbs_up{
    background-size: 80%;
    background-repeat: no-repeat;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: 3px 2px;
}
.mn_gold_trophy{
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #d89d37 62.5%, #d89d37 100%);
    background-image: linear-gradient(top, #fcab00 0%, #ffda09 5%, #ffda09 9%, #ef9800 14%, #ef9800 20%, #fdee00 44%, #fdee00 67%, #ffb400 84%, #ffb400 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcab00), color-stop(0.045, #ffda09), color-stop(0.09, #ffda09), color-stop(0.145, #ef9800), color-stop(0.2, #ef9800), color-stop(0.435, #fdee00), color-stop(0.67, #fdee00), color-stop(0.835, #ffb400), color-stop(1, #ffb400));
	background-image: -moz-linear-gradient(top, #fcab00 0%, #ffda09 5%, #ffda09 9%, #ef9800 14%, #ef9800 20%, #fdee00 44%, #fdee00 67%, #ffb400 84%, #ffb400 100%);
	background-image: -o-linear-gradient(top, #fcab00 0%, #ffda09 5%, #ffda09 9%, #ef9800 14%, #ef9800 20%, #fdee00 44%, #fdee00 67%, #ffb400 84%, #ffb400 100%);
	background-image: -ms-linear-gradient(top, #fcab00 0%, #ffda09 5%, #ffda09 9%, #ef9800 14%, #ef9800 20%, #fdee00 44%, #fdee00 67%, #ffb400 84%, #ffb400 100%);
	background-image: url(../images/student_gold.svg) !important;
    background-size: cover;
    background-position: -10px 0px;
	/*background-image: url(../images/student_gold.svg) !important;
    background-position: 0px 0px;
    background-size: cover;
    background: none;
    background-image: none !important;
    */
}
.mn_silver_trophy{
	background: radial-gradient(ellipse farthest-corner at right bottom, #cdd0d7 0%, #c4c7ce 8%, #9498a1 30%, #74777c 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #cdd0d7 8%, #cdd0d7 25%, #9498a1 62.5%, #9498a1 100%);
    background-image: url(../images/student_silver.svg) !important;
    background-position: -10px 0px;
    background-size: cover;
}
.mn_bronze_trophy{
	background: radial-gradient(ellipse farthest-corner at right bottom, #eddfc4 0%, #e5c078 8%, #d89d39 30%, #dfaf61 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #eddfc4 8%, #eddfc4 25%, #d89d39 62.5%, #d89d39 100%);
    background-image: url(../images/student_bronze.svg) !important;
    background-position: -10px 0px;
    background-size: cover;
}
.mn_background{
	background: #e4e4e4;
	background-image: linear-gradient(top, #d1d5d5 40%, #e2e5e5 60%, #f4f5f5 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3675891402282, #d1d5d5), color-stop(0.5817858, #e2e5e5), color-stop(1, #f4f5f5));
	background-image: -moz-linear-gradient(top, #d1d5d5 37%, #e2e5e5 58%, #f4f5f5 100%);
	background-image: -o-linear-gradient(top, #d1d5d5 37%, #e2e5e5 58%, #f4f5f5 100%);
	background-image: -ms-linear-gradient(top, #d1d5d5 37%, #e2e5e5 58%, #f4f5f5 100%);
	background-image: linear-gradient(top, #c0c0c0 0%, #dfdfdf 12%, #dfdfdf 34%, #c0c0c0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(0.1222222, #dfdfdf), color-stop(0.3361111, #dfdfdf), color-stop(1, #c0c0c0));
	background-image: -moz-linear-gradient(top, #c0c0c0 0%, #dfdfdf 12%, #dfdfdf 34%, #c0c0c0 100%);
	background-image: -o-linear-gradient(top, #c0c0c0 0%, #dfdfdf 12%, #dfdfdf 34%, #c0c0c0 100%);
	background-image: -ms-linear-gradient(top, #c0c0c0 0%, #dfdfdf 12%, #dfdfdf 34%, #c0c0c0 100%);
}
.mn_background_locked{
	background: none;
}
.center_me{
	left: 0;
    right: 0;
    margin: 0 auto;
}
.strand_totals{
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 25px;
    width: 90px;
    height: 50px;
}
.strand_totals .assessment_totals{
	margin: 0px 3px;
    background: #1fa1d2;
    background: #ffffff;
    background: transparent;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
	box-shadow:0px 0px 10px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0, 0.1);
    background-color: #FFF;
}
.strand_totals .mynumeracy_totals{
	right:0;
}
.my_numeracy_totals{
	width: 35px;
    height: 35px;
    margin: 0 auto;
    float: none;
    position: relative;
    line-height: 35px;
    border-radius: 50%;
    -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;
    color: #666;	
}
.assessment_icons{
    background-image: url(../images/student_notifications.svg);
	width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 60px;
    margin: 5px 7px;
    background-position: -2px 0px;
}
.strand_totals .mynumeracy_totals .assessment_icons{
	margin: 4px 2px;
    background-image: none;
    font-family: 'Josefin Sans', sans-serif;
    color: #6d6e72;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
}
.interior_circle{
	position: absolute;
    width: 89%;
    height: 89%;
    top: 0;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    will-change: transform;
    -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;
    box-shadow: none;
}
/*
.hexLink:before{
    content: "\0020";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    transform: rotate(60deg);
    will-change: transform
}
.hexLink:after{
	content: "\0020";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    transform: rotate(120deg);
    will-change: transform
}
*/
.hex_background{
    width: 98%;
    height: 98%;
    margin: 1%;
    border-radius: 50%;	
}
.hex_background_inner{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    will-change: transform;
}
.hex_background_inner .hex_background{
    width: 100%;
    height: 100%;
    background-size: 1000px;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}
.hex_background_inner .hex_background .substrand_icon_div{
	width: 35%;
    height: 35%;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4;
    top: 8%;
    opacity: 0.7;
}
.substrand_icons_1_2 .hex_background .Number_and_Place_Value{
    background-position: -211px -16px;
}
.substrand_icons_1_2 .hex_background .Patterns_and_Algebra{
    background-position: -54px -238px;
}
.substrand_icons_1_2 .hex_background .Fractions_and_Decimals{
    background-position: -129px -96px;
}
.substrand_icons_1_2 .hex_background .Money_and_Financial_Mathematics{
    background-position: -51px -21px;
}
.substrand_icons_1_2 .hex_background .Real_Numbers{
    background-position: 62.5% 27%;
}
.substrand_icons_1_2 .hex_background .Linear_and_Non-Linear_Relationships{
    background-position: -130px -167px;
}
.substrand_icons_1_2 .hex_background .General_All{
    background-position: -135px -237px;
}
.substrand_icons_1_2 .hex_background .Using_Units_of_Measurement{
    background-position: -48px -100px;
}
.substrand_icons_1_2 .hex_background .Shape{
    background-position: -299px -163px;
}
.substrand_icons_1_2 .hex_background .Location_and_Transformation{
    background-position: -294px -239px;
}
.substrand_icons_1_2 .hex_background .Geometric_Reasoning{
	background-position: -220px -238px;
}
.substrand_icons_1_2 .hex_background .Pythagoras_and_Trigonometry{
    background-position: -42px -161px;
}
.substrand_icons_1_2 .hex_background .Chance{
	background-position: -215px -162px;
}
.substrand_icons_1_2 .hex_background .Data_Representation_and_Interpretation{
	background-position: -134px -17px;
	/*
    background-size: 280px 400px;
    height: 24%;
    top: -17%;
    */
}
.substrand_icons_1_2 .hex_background .Language{
    background-position: -46px -310px;
}
.substrand_icons_1_2 .hex_background .Literature{
    background-position: -216px -310px;
}
.substrand_icons_1_2 .hex_background .Literacy{
    background-position: -126px -310px;
}
.substrand_icons_1_2 .hex_background .Whole_Numbers	{
	background-position: 62.5% 27%;
}
.substrand_icons_1_2 .hex_background .Addition	{
    background-position: 82.5% 2%;
}
.substrand_icons_1_2 .hex_background .Subtraction	{
    background-position: 82.5% 26%;
}
.substrand_icons_1_2 .hex_background .Multiplication	{
    background-position: 82.5% 46%;
}
.substrand_icons_1_2 .hex_background .Division	{
	background-position: 82.5% 70%;
}
.substrand_icons_1_2 .hex_background .Length	{
	background-position: -462px -158px;
}
.substrand_icons_1_2 .hex_background .Area	{
	background-position: -460px -99px;
}
.substrand_icons_1_2 .hex_background .Volume_and_Capacity	{
	background-position:-455px -18px;
}
.substrand_icons_1_2 .hex_background .Mass	{
	background-position: -455px -315px;
}
.substrand_icons_1_2 .hex_background .Time	{
	background-position: -455px -240px;
}
.substrand_icons_4 .hex_title{
	height: 100% !important;
}
.hexDropShadow{
    width: 100%;
    height: 100%;
    -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;
    border-radius: 50%;	
    position: absolute;
    top:0;
    z-index: 4;
    box-shadow:none;
}
.hexDropShadowSubStrand{
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;	
    box-shadow:none;
}
.strand_icon_div{
	/*
	position: absolute;
    background-image: url(../images/strand_icons.svg);
    background-size: 700px;
    width: 100%;
    height: 100%;
    z-index: 3;
    will-change: transform;
    */
        position: absolute;
    /* background-image: url(../images/strand_icons.svg); */
    
}
.substrand_icon_div{
	width: 90%;
	height: 90%;
	-webkit-box-shadow: inset 0 1px 6px 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;
  box-shadow: none;
}
.strand_gradient{
	height: 100%;
	width: 100%;
	bottom: -5px;
}
#strand_gradient_1{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(245,222,121,0.7) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(245,222,121,0.7) 60%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,  rgba(245,222,121,0.7) 60%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,  rgba(245,222,121,0.7) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(245,222,121,0.7) 60%);
}
.strand_icons .hex_background .strand_icon_div #strand_gradient_2{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(180,215,235,1) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(180,215,235,1) 60%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(180,215,235,1) 60%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,  rgba(180,215,235,1) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(180,215,235,1) 60%);
}
.strand_icons .hex_background .strand_icon_div #strand_gradient_3{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,182,176,1) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,182,176,1) 60%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,182,176,1) 60%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,182,176,1) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(247,182,176,1) 60%);
}
.strand_icons .hex_background .strand_icon_div #strand_gradient_4{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(165,211,202,1) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(165,211,202,1) 60%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,  rgba(165,211,202,1) 60%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,  rgba(165,211,202,1) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(165,211,202,1) 60%);
}
.strand_icons .hex_background .strand_icon_div #strand_gradient_5{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(216,205,236,1) 60%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(216,205,236,1) 60%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,  rgba(216,205,236,1) 60%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,  rgba(216,205,236,1) 60%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(216,205,236,1) 60%);
}
.strand_icon_1{
    background-position: 0px 0px;
}
.strand_icons .hex_background .strand_icon_2{
   	background-position: -240px 0px;
}
.strand_icons .hex_background .strand_icon_3{
    background-position: -10px -240px;
}
.strand_icons .hex_background .strand_icon_4{
    background-position: -250px -230px;
}
.strand_icons .hex_background .strand_icon_5{
	background-position: -470px 0px;
}
.student_notify{
	width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #1fa1d2;
    background: #FFF;
	top: -12px;
    right: -10px;
    line-height: 20px;
    font-weight: 100;
    transform: scale(0);
    -webkit-transform: scale(0);
    border: 2px solid #1fa1d2;
    font-size: 13px;
}
.substrand_totals{
	height:40px;
	bottom: 20px;
	z-index: 10;
}
.home_student_nav{
    z-index: 1000;
    display: none;
    transition: 0.5s ease;
    margin: 0 auto;
    -webkit-box-shadow: inset 0 0px 6px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 0px 6px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    background-color: transparent;
    background: rgba(66, 152, 204, 0.5);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer;
    cursor: hand;
    box-shadow: none;
}
.home_student_nav div{
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 110px;
    background-image: none;
    background: #FFF;
    border-radius: 50%;
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    transition:0s;
}
.home_student_nav #game_icon{
    width: 45px;
    height: 45px;
    background-image: url(../images/avatars/outfits/outfits.svg);
    display: block;
    background-size: 1100px;
    background-position: -86px -397px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}
html.non-touch #home_student_nav:hover #home_student_hover{
    border: 2px solid #8e8e8e;
}
#home_student_game{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 25px;
    z-index: 101;
    display: none;
    top: initial;
}
html.non-touch #home_student_game:hover{
	bottom:15px;
}
#review_student_nav{
    position: absolute;
    width: 120px;
    padding: 0px !important;
    height: 40px;
    line-height: 45px;
    z-index: 101;
    display: block;
    background: #4298cc;
    bottom: 0;
    border-radius: 0;
    border-top-right-radius: 5px;
    text-align: center;
}
html.non-touch #review_student_nav:hover{
	background:#005587;	
}
#home_student_nav_left{
    top: 45%;
    -webkit-transform: rotate(-225deg) translateX(-50%);
    transform: rotate(-225deg) translateX(-50%);
    left: 10px;
    margin-top: 10px;	
}
html.non-touch #home_student_nav_left:hover{
	left: 0px;
}
#home_student_nav_left div{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#home_student_nav_right{
	top: 45%;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    right: 10px;
    margin-top: 10px;	
}
html.non-touch  #home_student_nav_right:hover{
	right:0px;
}
#home_student_nav_right div{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.home_student_nav_1{
	border-right: 10px solid #f5df79;
    border-bottom: 10px solid #f5df79;	
}
.home_student_nav_1 div{
	border-color: transparent transparent transparent #f5df79;
}
.home_student_nav_2{
	border-right: 10px solid #b4d7eb;
    border-bottom: 10px solid #b4d7eb;
}
.home_student_nav_2 div{
	border-color: transparent transparent transparent #b4d7eb;
}
.home_student_nav_3{
	border-right: 10px solid #f7b6b0;
    border-bottom: 10px solid #f7b6b0;
}
.home_student_nav_3 div{
	border-color: transparent transparent transparent #f7b6b0;
}
.home_student_nav_4{
	border-right: 10px solid #A5D3CA;
    border-bottom: 10px solid #A5D3CA;
}
.home_student_nav_4 div{
	border-color: transparent transparent transparent #A5D3CA;
}
.home_student_nav_5{
	border-right: 10px solid #d8b2d8;
    border-bottom: 10px solid #d8b2d8;
}
.home_student_nav_5 div{
	border-color: transparent transparent transparent #d8b2d8;
}
.strand_title{
	font-size: 35px;
    font-weight: 100;
    font-family: 'Open Sans', 'sans-serif';
    font-family: 'Josefin Sans', sans-serif;
    color: #6d6e72;
    position: absolute;
    right: 30px;
    bottom: 20px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transform: translateY(200%);
    display: none;
	text-shadow: 0px 1px 13px #ffffff;
}
#strand_substrands{
	z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%;
}
#substrand_title{
	font-size: 25px;
}
.strand_title_show{
	transform: translateY(-50%);
}
.substrand_title_show{
	transform: translateY(40%);
}
.hexGrid_my_numeracy{
	width: 900px;
    top: 40%;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    margin-top: 15px;
    display: none;
}
.hexGrid_my_numeracy .hex{
	width:150px;
	height: 185px;
	margin-left: 0 !important;
}
.hexGrid_my_numeracy_level{
	width: 160px !important;
}
.hexGrid_my_numeracy .hex .hex_title_inner{
	font-size: 15px;
	z-index: 3;
	width: 88%;
    left: 6%;
}
.hexLevel .hex_title_inner{
	font-size: 20px !important;
}
.hexGrid_my_numeracy .hex .hex_title{
	z-index: 1;
}
.hexGrid_my_numeracy .hex .hex_title .myStat{
    width: 120%;
    height: 115%;
    left: -19px;
    top: -7px;
    z-index: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.hexGrid_my_numeracy .hex .hex_title .myStat{
		top: -18px !important;
	}
}
.hexGrid_my_numeracy .hex .level_status{
    width: 90px;
    height: 100px;
    z-index: 11;
    border-radius: 50%;
    /* background: #f5df79; */
    left: 33px;
    /* right: 0; */
    /* margin: 0 auto; */
    top: 38px;
    color: #4298cc;
    font-weight: 100;
    display: table;
}
.hexGrid_my_numeracy .hex .level_status .level_status_text{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
    font-size: 17px;
}
.level_status_icon{
    width: 110px;
    height: 110px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.2);
    z-index: 0;
    top: 33px;
}
html.non-touch .hexGrid_my_numeracy_level:hover .hex_title{
 	transform: scale(1.1) !important;
	-webkit-transform: scale(1.1) !important;
}
.hexGrid_my_numeracy_level .hex_title .mn_understood_icon{
	width: 100px;
    height: 100px;
    background: url(../images/mynumeracy_icons.svg) no-repeat;
    background-position: -5px -100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 33px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}
html.non-touch .hexGrid_my_numeracy_level:hover .hex_title .mn_understood_icon{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.hexGrid_my_numeracy .mynumeracy_status{
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 100;
    border-radius: 10px;
    bottom: 31px;
    display: block;
    visibility: visible;
    background: #FFFFFF url(../images/student_home_icons_v4.svg) no-repeat;
    background-size: 160px;
    background-position: -77px 2px;
    z-index: 21;
    cursor: pointer;
    cursor: hand;
    /* box-shadow: 0 10px 50px rgba(0,0,0,.2); */
    /* -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); */
    text-align: center;
    line-height: 43px;
    font-family: 'Josefin Sans', sans-serif;
    color: #1fa1d2;
    font-size: 18px;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
}
.hexGrid_my_numeracy_activites{
	display: none;
	top: 0;
    margin-top: 0;
}
.hexGrid_my_numeracy_activites .hex{
	position: absolute;
}
.level_reward_plain{
    background-repeat: no-repeat;
    width: 155px;
    height: 180px;
    background-size: 182px;
    top: 0;
    left: 0;
    background-position: -14px -3px;
    z-index: 10;
}
.mn_hex_white{
	background:none;
}
#login_w_student #sign_out{
    padding: 4px 20px 0px 0px !important;
    height: 37px;
	float: left;
	width:95px;
	background: #4298cc;
	background-position: 0px -36px;
	font-size: 14px !important;
}
html.non-touch #login_w_student #sign_out:hover{
	background:#005587;
	background-position: 0px -36px;
}
#login_w_student #user_name{
	color:#FFF;
	position: absolute;
    float: left;
    line-height: 35px;
   	overflow: hidden;
    left: 0;
    top: -32px;
    padding: 0px 10px;
    width: initial;
    background-color: #4298cc;
    width: 100px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 0;
    height: 35px;
}
#user_avatar_wrap{
    width: 120px;
    height: 120px;
    position: absolute;
    top: -120px;	
}
#login_w_student #user_avatar_wrapper{
	border:none;
	outline:0;
	cursor: pointer;
	cursor: hand;
	width: 120px;
    height: 120px;
    position: absolute;
    left: 0px;
	top: 0;
    background: none;
	padding: 0;
	z-index: 10000;
}
#login_w_student #user_avatar_wrapper h2{
	color: #4298cc;
	background: #FFF;
	border-top-left-radius: 0;
	border-top-right-radius: 5px;
    height: 35px;
    width: 120px;
    position: absolute;
    top: 88px;
	left:0;
    line-height: 35px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 100;
	opacity:0;
    z-index: 0;
}
html.non-touch #login_w_student #user_avatar_wrapper:hover h2{
	opacity:100;
	transition: all 0.3s ease 0s;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023{
    width: 120px;
    position: absolute;
    height: 120px;
    top: 0px;
    z-index: 10;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 #user_avatar_hat{
    width: 100px;
    height: 100px;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 #user_avatar_glasses{
    width: 100px;
    height: 100px;
    background-size: 2500px;
    left: 0;
    right: 0;
    margin: auto;
    top: -10px;
    position: absolute;	
    z-index: 3;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 #user_avatar_bowtie{
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    background-size: 2500px;
  z-index: 2;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 #user_avatar_background{
  bottom: 23px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 200px;
    background-size: 2500px;
  z-index: 0;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 #user_avatar_wig{
  width: 100px;
  height: 100px;
  position: absolute;
  top: -23px;
  left: 1px;
  right: 0;
  margin: auto;
  z-index: 3;
  background-size: 2500px;
  z-index: 3;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit{
  background-image: url(../images/avatars/outfits/outfits_2023.svg);
  background-repeat: no-repeat;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 #user_avatar_hat{
    background-size: 2500px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_0{
  background-image: none;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_1{
  background-position: 0px 0px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_2{
    background-position: -100px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_3{
    background-position: -200px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_4{
    background-position: -300px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_5{
  background-position: -400px 0px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_6{
    background-position: 0px -90px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_7{
  background-position: -100px -90px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_8{
  background-position: -200px -90px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_9{
  background-position: -300px -90px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_10{
  background-position: -400px -90px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_11{
  background-position: 0px -200px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_12{
    background-position: -100px -200px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_13{
    background-position: -200px -200px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_14{
  background-position: -300px -300px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_15{
  background-position: -400px -300px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_16{
  background-position: -400px -390px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_17{
  background-position: -300px -390px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_18{
    background-position: -200px -390px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_19{
    background-position: -100px -390px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_20{
  background-position: 0px -390px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_22{
    background-position: -2100px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_23{
    background-position: -2200px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_24{
    background-position: -2300px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_25{
    background-position: -2000px -200px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_26{
     background-position: -2100px -200px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_27{
    background-position: -2300px -200px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_28{
     background-position: -2000px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_29{
     background-position: -2100px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_30{
  background-position: -2200px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_31{
    background-position: -2300px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_41{
  background-position: -2100px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_42{
  background-position: -2200px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_43{
  background-position: -2300px 0px;	
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_44{
  background-position: -2000px -200px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_45{
  background-position: -2100px -200px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_46{
  background-position: -2300px -200px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_47{
  background-position: -2000px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_48{
  background-position: -2100px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_49{
  background-position: -2200px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_50{
  background-position: -2300px -400px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_51{
  background-position: -600px -310px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_52{
  background-position: -600px -404px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_53{
  background-position: -600px -494px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_54{
  background-position: -1002px 0px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_55{
  background-position: -1002px -90px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_56{
  background-position: -1002px -200px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_57{
  background-position: -1002px -300px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_58{
  background-position: -1002px -399px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_59{
  background-position: -1002px -499px;
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_outfit_60{
  background-position: -1106px 0px;
}
#login_w_student #user_avatar_wrapper .avatar_p_1 #user_avatar_hat{
    transform: translate(0px , -2px);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 #user_avatar_glasses{
    transform: translate(3px , 0px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_2 #user_avatar_glasses{
	transform: translate(2px, 0px);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 #user_avatar_bowtie{
	transform: translate(0px, 5px);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 #user_avatar_hat{
	transform: translate(2px, -5px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_3 #user_avatar_glasses{
	transform: translate(4px, -2px);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 #user_avatar_bowtie{
    transform: translate(4px, 0px);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 #user_avatar_hat{
	transform: translate(0px, 6px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_4 #user_avatar_glasses{
    transform: translate(2px, 0px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_5 #user_avatar_hat{
    transform: translate(0px, 15px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_5 #user_avatar_glasses{
	transform: translate(2px, 8px);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 #user_avatar_bowtie{
	transform: translate(0px, 9px);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 #user_avatar_hat{
	transform: translate(3px, 11px);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 #user_avatar_glasses{
	transform: translate(5px, 3px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_6 #user_avatar_bowtie{
	transform: translate(4px, 3px);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 #user_avatar_hat{
    transform: translate(1px, 13px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_7 #user_avatar_glasses{
	transform: translate(2px, 3px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_8 #user_avatar_glasses{
	transform: translate(2px, -7px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_8 #user_avatar_bowtie{
    transform: translate(1px, -7px);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 #user_avatar_hat{
	transform: translate(0px, 3px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_9 #user_avatar_glasses{
    transform: translate(1px, -4px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_10 #user_avatar_hat{
	top: -55px !important;	
}
#login_w_student #user_avatar_wrapper .avatar_p_10 #user_avatar_glasses{
    top: -13px !important;
}
#login_w_student #user_avatar_wrapper .avatar_p_11 #user_avatar_glasses{
	transform: translate(2px , 0px);	
}
#login_w_student #user_avatar_wrapper .avatar_p_12 #user_avatar_hat{
	top: -56px !important;	
}
#login_w_student #user_avatar_wrapper .avatar_p_12 #user_avatar_glasses{
	transform: translate(3px, -7px);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 #user_avatar_bowtie{
	bottom: 5px !important;
}
#login_w_student #user_avatar_wrapper .avatar_s_1 #user_avatar_hat{
	transform: translate(0px , 11px);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 #user_avatar_glasses{
	transform: translate(2px , 5px);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 #user_avatar_bowtie{
    transform: translate(2px , 14px);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 #user_avatar_hat{
	transform: translate(0px , 12px);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 #user_avatar_glasses{
    transform: translate(2px , 9px);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 #user_avatar_bowtie{
    transform: translate(1px , 11px);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 #user_avatar_hat{
    transform: translate(0px , 10px)
}
#login_w_student #user_avatar_wrapper .avatar_s_3 #user_avatar_glasses{
    transform: translate(2px , 4px);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 #user_avatar_bowtie{
    transform: translate(1px , 5px);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 #user_avatar_hat{
    transform: translate(0px , 8px);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 #user_avatar_glasses{
	transform: translate(1px , 4px);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 #user_avatar_bowtie{
    transform: translate(1px , 7px);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 #user_avatar_hat{
    transform: translate(0px , 7px);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 #user_avatar_glasses{
	transform: translate(1px , 5px);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 #user_avatar_bowtie{
	transform: translate(1px , 15px);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 #user_avatar_hat{
    transform: translate(0px , 9px);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 #user_avatar_glasses{
    transform: translate(0px , 6px);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 #user_avatar_bowtie{
    transform: translate(0px , 12px);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 #user_avatar_glasses{
    transform: translate(2px , 4px);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 #user_avatar_bowtie{
    transform: translate(1px , 9px);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 #user_avatar_glasses{
    transform: translate(2px , 1px);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 #user_avatar_bowtie{
    transform: translate(0px , 8px);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 #user_avatar_hat{
    transform: translate(0px , 3px);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 #user_avatar_glasses{
    transform: translate(1px , -1px);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 #user_avatar_bowtie{
    transform: translate(1px , 7px);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 #user_avatar_hat{
	transform: translate(0px , 10px);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 #user_avatar_glasses{
    transform: translate(2px , 0px);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 #user_avatar_bowtie{
	transform: translate(0px , 10px);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 #user_avatar_hat{
	transform: translate(0px , 12px);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 #user_avatar_glasses{
	transform: translate(2px , 12px);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 #user_avatar_bowtie{
    transform: translate(0px , 14px);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 #user_avatar_hat{
    transform: translate(0px , 8px);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 #user_avatar_bowtie{
    transform: translate(0px , 13px);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_51{
  transform: translate(0px , 7px);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_52{
  transform: translate(3px , -25px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_53{
  transform: translate(3px , -30px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_54{
  transform: translate(5px , -10px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_55{
  transform: translate(2px , -26px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_56{
  transform: translate(1px , -21px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_57{
  transform: translate(1px , -19px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_58{
  transform: translate(-2px , -9px) scale(1.4);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_59{
  transform: translate(-5px , -20px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_p_1 .user_outfit_60{
  transform: translate(9px , -14px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_51{
  transform: translate(0px , 7px);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_52{
  transform: translate(2px , -30px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_53{
  transform: translate(3px , -35px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_54{
  transform: translate(4px , -10px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_55{
  transform: translate(-1px , -30px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_56{
  transform: translate(1px , -21px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_57{
  transform: translate(1px , -19px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_58{
  transform: translate(-4px , -9px) scale(1.4);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_59{
  transform: translate(-5px , -20px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_p_2 .user_outfit_60{
  transform: translate(9px , -14px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_51{
  transform: translate(2px , -1px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_52{
  transform: translate(3px , -25px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_53{
  transform: translate(3px , -40px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_54{
  transform: translate(5px , -20px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_55{
  transform: translate(0px , -34px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_56{
  transform: translate(1px , -27px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_57{
  transform: translate(1px , -19px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_58{
  transform: translate(-3px , -18px) scale(1.4);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_59{
  transform: translate(-5px , -20px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_p_3 .user_outfit_60{
  transform: translate(11px , -14px) scale(1.35);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_51{
  transform: translate(0px , 8px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_52{
  transform: translate(2px , -16px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_53{
  transform: translate(3px , -21px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_54{
  transform: translate(3px , -5px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_55{
  transform: translate(-3px , -15px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_57{
  transform: translate(1px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_58{
  transform: translate(0px , -5px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_59{
  transform: translate(-5px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_4 .user_outfit_60{
  transform: translate(6px , -5px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_51{
  transform: translate(0px , 15px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_52{
  transform: translate(2px , -6px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_53{
  transform: translate(3px , -11px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_54{
  transform: translate(3px , 5px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_55{
  transform: translate(-4px , -8px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_56{
  transform: translate(0px , -1px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_57{
  transform: translate(1px , 1px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_58{
  transform: translate(0px , 5px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_59{
  transform: translate(-3px , 1px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_5 .user_outfit_60{
  transform: translate(7px , 2px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_51{
  transform: translate(4px , 8px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_52{
  transform: translate(5px , -16px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_53{
  transform: translate(6px , -18px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_54{
  transform: translate(6px , -5px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_55{
  transform: translate(-1px , -15px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_56{
  transform: translate(4px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_57{
  transform: translate(4px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_58{
  transform: translate(3px , -1px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_59{
  transform: translate(0px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_6 .user_outfit_60{
  transform: translate(10px , -5px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_51{
  transform: translate(0px , 16px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_52{
  transform: translate(2px , -6px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_53{
  transform: translate(3px , -12px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_54{
  transform: ttranslate(2px , 1px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_55{
  transform: translate(-3px , -12px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_56{
  transform: translate(0px , -4px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_57{
  transform: translate(1px , -4px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_58{
  transform: translate(-1px , 4px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_59{
  transform: translate(-3px , -2px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_7 .user_outfit_60{
  transform: translate(7px , 1px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_51{
  transform: translate(0px , 7px);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_52{
  transform: translate(2px , -25px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_53{
  transform: translate(3px , -35px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_54{
  transform: translate(4px , -15px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_55{
  transform: translate(-4px , -30px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_56{
  transform: translate(1px , -21px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_57{
  transform: translate(1px , -24px) scale(0.85);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_58{
  transform: translate(0px , -12px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_59{
  transform: translate(-5px , -20px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_p_8 .user_outfit_60{
  transform: translate(9px , -16px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_51{
  transform: translate(0px , 0px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_52{
  transform: translate(2px , -21px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_53{
  transform: translate(2px , -22px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_54{
  transform: translate(1px , -10px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_55{
  transform: translate(-4px , -21px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_56{
  transform: translate(-1px , -15px) scale(0.6);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_57{
  transform: translate(-1px , -14px) scale(0.85);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_58{
  transform: translate(-1px , -8px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_59{
  transform: translate(-5px , -14px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_9 .user_outfit_60{
  transform: translate(6px , -9px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_51{
  transform: translate(0px , 0px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_52{
  transform: translate(2px , -18px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_53{
  transform: translate(2px , -22px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_54{
  transform: translate(1px , -10px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_55{
  transform: translate(-1px , -19px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_56{
  transform: translate(-1px , -15px) scale(0.6);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_57{
  transform: translate(-1px , -14px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_58{
  transform: translate(-1px , -8px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_59{
  transform: translate(-6px , -12px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_10 .user_outfit_60{
  transform: translate(6px , -9px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_51{
  transform: translate(0px , 4px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_52{
  transform: translate(3px , -20px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_53{
  transform: translate(3px , -28px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_54{
  transform: translate(5px , -12px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_55{
  transform: translate(-7px , -27px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_56{
  transform: translate(1px , -19px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_57{
  transform: translate(1px , -17px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_58{
  transform: translate(-2px , -9px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_59{
  transform: translate(-5px , -20px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_11 .user_outfit_60{
  transform: translate(9px , -14px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_51{
  transform: translate(1px , 7px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_52{
  transform: translate(2px , -16px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_53{
  transform: translate(3px , -21px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_54{
  transform: translate(3px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_55{
  transform: translate(-3px , -23px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_57{
  transform: translate(1px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_58{
  transform: translate(0px , -5px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_59{
  transform: translate(-5px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_p_12 .user_outfit_60{
  transform: translate(7px , -9px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_51{
  transform: translate(0px , 8px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_52{
  transform: translate(2px , -16px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_53{
  transform: translate(3px , -21px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_54{
  transform: translate(3px , -5px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_55{
  transform: translate(-4px , -21px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_57{
  transform: translate(1px , -9px) scale(0.95);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_58{
  transform: translate(-1px , -5px) scale(1.25);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_59{
  transform: translate(-5px , -6px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_1 .user_outfit_60{
  transform: translate(9px , -5px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_51{
  transform: translate(0px , 8px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_52{
  transform: translate(2px , -16px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_53{
  transform: translate(3px , -21px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_54{
  transform: translate(3px , -5px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_55{
  transform: translate(-5px , -26px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_56{
  transform: translate(0px , -10px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_57{
  transform: translate(0px , -9px) scale(0.95);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_58{
  transform: translate(-1px , -5px) scale(1.25);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_59{
  transform: translate(-5px , -6px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_2 .user_outfit_60{
  transform: translate(9px , -10px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_51{
  transform: translate(0px , 10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_52{
  transform: translate(2px , -16px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_53{
  transform: translate(3px , -19px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_54{
  transform: translate(2px , -2px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_55{
  transform: translate(-6px , -17px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_56{
  transform: translate(0px , -7px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_57{
  transform: translate(0px , -9px) scale(0.75);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_58{
  transform: translate(-1px , -3px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_59{
  transform: translate(-4px , -6px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_3 .user_outfit_60{
  transform: translate(7px , -5px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_51{
  transform: translate(0px , 8px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_52{
  transform: translate(2px , -16px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_53{
  transform: translate(2px , -21px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_54{
  transform: translate(3px , -5px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_55{
  transform: translate(-9px , -23px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_57{
  transform: translate(0px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_58{
  transform: translate(-2px , -5px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_59{
  transform: translate(-5px , -6px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_4 .user_outfit_60{
  transform: translate(6px , -5px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_51{
  transform: translate(0px , 8px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_52{
  transform: translate(2px , -16px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_53{
  transform: translate(3px , -21px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_54{
  transform: translate(3px , -5px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_55{
  transform: translate(-5px , -23px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_57{
  transform: translate(0px , -9px) scale(0.95);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_58{
  transform: translate(-1px , -5px) scale(1.25);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_59{
  transform: translate(-5px , -6px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_5 .user_outfit_60{
  transform: translate(9px , -5px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_51{
  transform: translate(0px , 16px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_52{
  transform: translate(2px , -11px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_53{
  transform: translate(2px , -15px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_54{
  transform: translate(3px , 1px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_55{
  transform: translate(-9px , -17px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_56{
  transform: translate(0px , -5px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_57{
  transform: translate(0px , -6px) scale(0.75);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_58{
  transform: translate(-2px , 0px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_59{
  transform: translate(-6px , -4px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_6 .user_outfit_60{
  transform: translate(7px , 1px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_51{
  transform: translate(0px , 5px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_52{
  transform: translate(2px , -20px) scale(1.4);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_53{
  transform: translate(3px , -25px) scale(1.15);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_54{
  transform: translate(4px , -5px) scale(1.15);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_55{
  transform: translate(-8px , -26px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_57{
  transform: translate(0px , -13px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_58{
  transform: translate(-1px , -5px) scale(1.25);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_59{
  transform: translate(-6px , -10px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_s_7 .user_outfit_60{
  transform: translate(9px , -11px) scale(1.2);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_51{
  transform: translate(0px , -2px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_52{
  transform: translate(2px , -18px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_53{
  transform: translate(3px , -25px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_54{
  transform: translate(3px , -10px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_55{
  transform: translate(-9px , -25px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_57{
  transform: translate(1px , -17px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_58{
  transform: translate(-1px , -11px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_59{
  transform: translate(-5px , -16px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_8 .user_outfit_60{
  transform: translate(6px , -13px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_51{
  transform: translate(0px , -2px) scale(0.6);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_52{
  transform: translate(2px , -18px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_53{
  transform: translate(3px , -25px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_54{
  transform: translate(3px , -10px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_55{
  transform: translate(-11px , -27px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_57{
  transform: translate(0px , -14px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_58{
  transform: translate(-3px , -8px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_59{
  transform: translate(-5px , -16px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_9 .user_outfit_60{
  transform: translate(7px , -8px) scale(0.95);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_51{
  transform: translate(0px , 16px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_52{
  transform: translate(2px , -11px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_53{
  transform: translate(2px , -15px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_54{
  transform: translate(3px , 1px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_55{
  transform: translate(-9px , -13px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_56{
  transform: translate(0px , -5px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_57{
  transform: translate(0px , -6px) scale(0.75);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_58{
  transform: translate(-2px , 0px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_59{
  transform: translate(-6px , -4px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_10 .user_outfit_60{
  transform: translate(7px , 1px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_51{
  transform: translate(0px , 13px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_52{
  transform: translate(2px , -15px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_53{
  transform: translate(3px , -20px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_54{
  transform: translate(2px , -1px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_55{
  transform: translate(-9px , -19px) scale(1.3);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_57{
  transform: translate(0px , -13px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_58{
  transform: translate(0px , 3px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_59{
  transform: translate(-6px , -10px) scale(1.1);
}
#login_w_student #user_avatar_wrapper .avatar_s_11 .user_outfit_60{
  transform: translate(8px , -5px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_51{
  transform: translate(-1px , 11px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_52{
  transform: translate(1px , -12px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_53{
  transform: translate(2px , -21px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_54{
  transform: translate(3px , -5px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_55{
  transform: translate(-6px , -19px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_56{
  transform: translate(0px , -10px) scale(0.7);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_57{
  transform: translate(0px , -9px) scale(0.8);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_58{
  transform: translate(-2px , -5px) scale(1);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_59{
  transform: translate(-5px , -6px) scale(0.9);
}
#login_w_student #user_avatar_wrapper .avatar_s_12 .user_outfit_60{
  transform: translate(6px , -3px) scale(0.9);
}
#login_w_student #user_avatar_wrapper #user_avatar_outfit_2023 .user_background_0{
    background-image: none;	
}
#logged_in #user_message{
    position: absolute;
    left: 130px;
    top: -10px;
	width: 325px;
    height: 120px;
	z-index: 1;
	display:none;
}
#logged_in #user_message .speech_bubble{
	position: absolute;
    padding: 20px;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size:17px;
	display:none;
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    text-align: center;
}
#logged_in #user_message .speech_bubble:after{
	content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
    left: -10px;
    top: 22px;
}
#login_w_student #user_avatar_wrapper #user_avatar{
	display: block;
    width: 95px;
    height: 95px;
    position: absolute;
    top: -0;
    z-index: 1;
	left: 14px;
}
#login_w_student #user_avatar_wrapper .user_avatar_side{
	left:-8px !important;
}
.avatar_choice{
    background: transparent;
    position: absolute;
    width: 420px;
    height: 420px;
    left: 110px;
    bottom: 0px;
    border-radius: 50%;
    border: 80px solid transparent;
    z-index: 5;
    opacity: 0;
}
.no_mynumeracy{
	border: 0;
}
.avatar_choice .avatar_icons_button{
	position: absolute;
	top: 50%;
	left: 50%;
    width: 75px;
	height: 75px;
    margin: -37px;
	border:0;
	outline:0;
	padding:0;
	cursor: pointer;
	cursor: hand;
	background:transparent;
	border-radius:50%;
}
.avatar_choice #outfit_rewards .outfit_rewards{
	display: none;
	width: 420px;
    height: 420px;
    border: 80px solid #d4efff;
    position: absolute;
    left: -80px;
    top: -80px;
    border-radius: 50%;
}
.avatar_choice #outfit_rewards #myn_avata_reward_text{
	display: none;
	box-shadow: 0 10px 80px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);
}
.avatar_choice #outfit_rewards #myn_avata_reward_text .myn_avatar_preview_text{
    width: 90%;
    height: 90%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    font-size: 50px;
    font-weight: 100;	
    display: table;
}
.avatar_choice #outfit_rewards #myn_avata_reward_text .myn_avatar_preview_text div{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
html.non-touch .avatar_choice #outfit_rewards .avatar_icons_outfit_locked:hover{
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
  background: none !important;
}
.avatar_choice #outfit_rewards .avatar_icons_outfit_locked:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 2500px;
    background-position: -410px -210px;
}
.avatar_choice #outfit_rewards .avatar_icons_outfit_locked span{
	opacity: 0.3;	
}
.avatar_choice #outfit_rewards .avatar_icons_outfit_active{
	-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 0px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
	background: #ceedff;
}
html.non-touch .avatar_choice #outfit_rewards .avatar_icons_outfit:hover{
  background: #fff;
}
.avatar_choice #outfit_rewards .avatar_icons_outfit_active{
  background: #fff;
}
.avatar_choice #outfit_rewards .avatar_icons_outfit .avatar_outfit_2023{
  background-image: url(../images/avatars/outfits/outfits_2023.svg);
  display: block;
    width: 100%;
    height: 100%;
    background-size: 1950px;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
html.non-touch .avatar_choice .avatar_icons_button:hover{
	-webkit-box-shadow:  inset 0 0px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
  box-shadow: inset 0 0px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
  background: #ceedff;
}
html.non-touch .avatar_choice #outfit_rewards .avatar_icons_outfit_reward:hover{
	-webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff !important;
    box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff !important;	
}
html.non-touch .avatar_choice #outfit_rewards .avatar_icons_outfit_reward:hover:after{
	display:none;
}
html.non-touch .avatar_choice #outfit_rewards .avatar_icons_outfit_reward:hover span{
	opacity: 1 !important;
}
.avatar_choice #myn_reward_message{
	position: absolute;
    width: 252px;
    height: 252px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FFF;
    border-radius: 50%;
    z-index: 4;
    background: transparent;
    display: none;
    overflow: hidden;
}
.avatar_choice #myn_reward_message #myn_reward_message_icon{
    width: 248px;
    height: 248px;
    background-size: 1030px;
    background-position: -800px -400px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #FFF;
    border: 2px solid transparent;
}
.avatar_choice #myn_reward_message .myn_reward_message_text{
	font-weight: 400;
    font-size: 20px;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: -150px; */
    margin: auto;
    text-align: center;
    border-radius: 10px;
    /* padding: 10px; */
    height: 100%;
    width: 100%;
    top: 0;
    line-height: 30px;
    text-transform: uppercase;
    color: #f5df7a;
}
.avatar_choice #myn_reward_message .myn_reward_message_text .myn_reward_icon{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    top: 0;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 3125px;
}
.avatar_choice #myn_reward_message .myn_reward_message_text .myn_reward_message_text_child{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 55px;
}
.avatar_choice #myn_reward_message .myn_reward_message_text #myn_reward_trophy{
    background-position: -9px -390px;
}
.avatar_choice #myn_reward_message .myn_reward_message_text #myn_reward_unlock{
    background-position: -624px -329px;
    background-size: 3750px;
}
.lock_background{
	width: 100%;
	height: 100%;
	background: #FFF;
    opacity: 0.3;
    z-index: 1;
}
.substrand_hidden{
	display: none;
}
.substrand_visible{
	display: block;
}
.avatar_choice .avatar_icons{
	display: block;
   	width: 100%;
    height: 100%;
	background-size: 70% !important;
	background-repeat:no-repeat !important;
	background-position: 12px !important;
}
.avatar_choice .avatar_icons_active{
	-webkit-box-shadow: inset 0 0px 3px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff;
  box-shadow: inset 0 0px 3px rgb(0 0 0 / 39%), 0 -1px 1px #fff, 0 1px 0 #fff;
	background: #ceedff;
}
.avatar_0{ transform: translate(164px); }
.avatar_30 { transform: rotate(30deg) translate(164px) rotate(-30deg); }
.avatar_60 { transform: rotate(60deg) translate(164px) rotate(-60deg); }
.avatar_90 { transform: rotate(90deg) translate(164px) rotate(-90deg); }
.avatar_120 { transform: rotate(120deg) translate(164px) rotate(-120deg); }
.avatar_150 { transform: rotate(150deg) translate(164px) rotate(-150deg); }
.avatar_180 { transform: translate(-164px);  }
.avatar_210 { transform: rotate(210deg) translate(164px) rotate(-210deg); }
.avatar_240 { transform: rotate(240deg) translate(164px) rotate(-240deg); }
.avatar_270 { transform: rotate(270deg) translate(164px) rotate(-270deg); }
.avatar_300 { transform: rotate(300deg) translate(164px) rotate(-300deg); }
.avatar_330 { transform: rotate(330deg) translate(164px) rotate(-330deg); }
#outfit_rewards_2{
    width: 420px;
    height: 420px;
    border: 80px solid #d4efff;
    position: absolute;
    left: -80px;
    top: -80px;
    border-radius: 50%;
}
.outfit_0{
	transform: translate(0px , -250px);
}
#outfit_rewards_1 .outfit_0 .avatar_outfit{
	background-position: 0px 0px;
}
#outfit_rewards_2 .outfit_0 .avatar_outfit{
	background-position: -1483px -80px;
}
#outfit_rewards_3 .outfit_0 .avatar_outfit{
  background-position: -864px -75px;
}
#outfit_rewards_4 .outfit_0 .avatar_outfit{
  background-position: -1483px -80px;
}
.outfit_30{
	transform: translate(80px , -237px);
}
#outfit_rewards_1 .outfit_30 .avatar_outfit{
    background-position: -80px 0px;	
}
#outfit_rewards_2 .outfit_30 .avatar_outfit{
    background-position: -1483px -314px;
}
#outfit_rewards_3 .outfit_30 .avatar_outfit{
    background-position: -864px -152px;
}
#outfit_rewards_4 .outfit_30 .avatar_outfit{
    background-position: -1483px -314px;
}
.outfit_60{ 
	transform: translate(150px , -199px);
}
#outfit_rewards_1 .outfit_60 .avatar_outfit{
	background-position: -158px 0px;	
}
#outfit_rewards_2 .outfit_60 .avatar_outfit{
    background-position: -1406px -239px;
}
#outfit_rewards_3 .outfit_60 .avatar_outfit{
    background-position: -861px -230px;
}
#outfit_rewards_4 .outfit_60 .avatar_outfit{
    background-position: -1406px -239px;
}
.outfit_90{ 
	transform: translate(204px , -144px);
}
#outfit_rewards_1 .outfit_90 .avatar_outfit{
    background-position: -234px 0px	
}
#outfit_rewards_2 .outfit_90 .avatar_outfit{
    background-position: -1562px -81px;
}
#outfit_rewards_3 .outfit_90 .avatar_outfit{
    background-position: -859px -308px;
}
#outfit_rewards_4 .outfit_90 .avatar_outfit{
    background-position: -1562px -81px;
}
.outfit_120{ 
	transform: translate(238px , -75px);
}
#outfit_rewards_1 .outfit_120 .avatar_outfit{
    background-position: -313px 0px;	
}
#outfit_rewards_2 .outfit_120 .avatar_outfit{
    background-position: -1483px -157px;
}
#outfit_rewards_3 .outfit_120 .avatar_outfit{
    background-position: -862px -387px;
}
#outfit_rewards_4 .outfit_120 .avatar_outfit{
    background-position: -1483px -157px;
}
.outfit_150{
	transform: translate(249px , 0px);
}
#outfit_rewards_1 .outfit_150 .avatar_outfit{
	background-position: 0px -80px;
}
#outfit_rewards_2 .outfit_150 .avatar_outfit{
    background-position: -1403px -316px;
}
#outfit_rewards_3 .outfit_150 .avatar_outfit{
    background-position: -938px -4px;
}
#outfit_rewards_4 .outfit_150 .avatar_outfit{
    background-position: -1403px -316px;
}
.outfit_180{
    transform: translate(238px , 76px);
}
#outfit_rewards_1 .outfit_180 .avatar_outfit{
	background-position: -80px -80px;
}
#outfit_rewards_2 .outfit_180 .avatar_outfit{
	background-position: -1484px -2px;
}
#outfit_rewards_3 .outfit_180 .avatar_outfit{
  background-position: -941px -83px;
}
#outfit_rewards_4 .outfit_180 .avatar_outfit{
  background-position: -1484px -2px;
}
.outfit_210{
    transform: translate(204px , 144px);
}
#outfit_rewards_1 .outfit_210 .avatar_outfit{
    background-position: -160px -80px;	
}
#outfit_rewards_2 .outfit_210 .avatar_outfit{
    background-position: -1483px -235px;
}
#outfit_rewards_3 .outfit_210 .avatar_outfit{
    background-position: -938px -161px;
}
#outfit_rewards_4 .outfit_210 .avatar_outfit{
    background-position: -1483px -235px;
}
.outfit_240{
	transform: translate(150px , 199px);
}
#outfit_rewards_1 .outfit_240 .avatar_outfit{
	background-position: -232px -80px;
}
#outfit_rewards_2 .outfit_240 .avatar_outfit{
    background-position: -1562px -3px;
}
#outfit_rewards_3 .outfit_240 .avatar_outfit{
    background-position: -942px -236px;
}
#outfit_rewards_4 .outfit_240 .avatar_outfit{
    background-position: -1562px -3px;
}
.outfit_270{
	transform: translate(80px , 237px);
}
#outfit_rewards_1 .outfit_270 .avatar_outfit{
    background-position: -314px -80px;	
}
#outfit_rewards_2 .outfit_270 .avatar_outfit{
	background-position: -1405px -391px;
}
#outfit_rewards_3 .outfit_270 .avatar_outfit{
  background-position: -938px -313px;
}
#outfit_rewards_4 .outfit_270 .avatar_outfit{
  background-position: -1405px -391px;
}
.outfit_300{
    transform: translate(0px , 250px);
}
#outfit_rewards_1 .outfit_300 .avatar_outfit{
	background-position: 0px -160px;
}
#outfit_rewards_2 .outfit_300 .avatar_outfit{
	background-position: -394px -6px;
}
#outfit_rewards_3 .outfit_300 .avatar_outfit{
  background-position: -394px -6px;
}
#outfit_rewards_4 .outfit_300 .avatar_outfit{
  background-position: -469px -237px;
}
.outfit_330{
	transform: translate(-80px , 237px);
}
#outfit_rewards_1 .outfit_330 .avatar_outfit{
    background-position: -80px -160px;	
}
#outfit_rewards_2 .outfit_330 .avatar_outfit{
	background-position: -391px -390px;
}
#outfit_rewards_3 .outfit_330 .avatar_outfit{
  background-position: -391px -390px;
}
#outfit_rewards_4 .outfit_330 .avatar_outfit{
  background-position: -469px -314px;
}
.outfit_360{
    transform: translate(-150px , 199px);
}
#outfit_rewards_1 .outfit_360 .avatar_outfit{
    background-position: -155px -160px;
}
#outfit_rewards_2 .outfit_360 .avatar_outfit{
    background-position: -313px -390px;
}
#outfit_rewards_3 .outfit_360 .avatar_outfit{
    background-position: -313px -390px;
}
#outfit_rewards_4 .outfit_360 .avatar_outfit{
    background-position: -469px -390px;
}
.outfit_390{
    transform: translate(-204px , 144px);
}
#outfit_rewards_1 .outfit_390 .avatar_outfit{
	background-position: -235px -230px;
}
#outfit_rewards_2 .outfit_390 .avatar_outfit{
    background-position: -237px -390px;
}
#outfit_rewards_3 .outfit_390 .avatar_outfit{
    background-position: -237px -390px;
}
#outfit_rewards_4 .outfit_390 .avatar_outfit{
    background-position: -783px 0px;
}
.outfit_420{
    transform: translate(-238px , 76px);
}
#outfit_rewards_1 .outfit_420 .avatar_outfit{
    background-position: -313px -230px;	
}
#outfit_rewards_2 .outfit_420 .avatar_outfit{
    background-position: -159px -390px;
}
#outfit_rewards_3 .outfit_420 .avatar_outfit{
    background-position: -159px -390px;
}
#outfit_rewards_4 .outfit_420 .avatar_outfit{
    background-position: -783px -72px;
}
.outfit_450{
    transform: translate(-249px , 0px);
}
#outfit_rewards_1 .outfit_450 .avatar_outfit{
	background-position: -313px -306px;
}
#outfit_rewards_2 .outfit_450 .avatar_outfit{
    background-position: -79px -390px;
}
#outfit_rewards_3 .outfit_450 .avatar_outfit{
    background-position: -79px -390px;
}
#outfit_rewards_4 .outfit_450 .avatar_outfit{
    background-position: -783px -160px;
}
.outfit_480{
    transform: translate(-238px , -75px);
}
#outfit_rewards_1 .outfit_480 .avatar_outfit{
	background-position: -235px -306px;
}
#outfit_rewards_2 .outfit_480 .avatar_outfit{
	background-position: -394px -76px;
}
#outfit_rewards_3 .outfit_480 .avatar_outfit{
  background-position: -394px -76px;
}
#outfit_rewards_4 .outfit_480 .avatar_outfit{
  background-position: -783px -235px;
}
.outfit_510{
	transform: translate(-204px , -144px);
}
#outfit_rewards_1 .outfit_510 .avatar_outfit{
	background-position: -160px -306px;
}
#outfit_rewards_2 .outfit_510 .avatar_outfit{
    background-position: -394px -158px;
}
#outfit_rewards_3 .outfit_510 .avatar_outfit{
    background-position: -394px -158px;
}
#outfit_rewards_4 .outfit_510 .avatar_outfit{
    background-position: -783px -313px;
}
.outfit_540{
	transform: translate(-150px , -199px);
}
#outfit_rewards_1 .outfit_540 .avatar_outfit{
    background-position: -80px -306px;
}
#outfit_rewards_2 .outfit_540 .avatar_outfit{
    background-position: -391px -236px;
}
#outfit_rewards_3 .outfit_540 .avatar_outfit{
    background-position: -391px -236px;
}
#outfit_rewards_4 .outfit_540 .avatar_outfit{
    background-position: -787px -393px;
}
.outfit_570{
	transform: translate(-80px , -237px);
}
#outfit_rewards_1 .outfit_570 .avatar_outfit{
	background-position: 0px -306px;	
}
#outfit_rewards_2 .outfit_570 .avatar_outfit{
	background-position: -391px -313px;
}
#outfit_rewards_3 .outfit_570 .avatar_outfit{
  background-position: -391px -313px;
}
#outfit_rewards_4 .outfit_570 .avatar_outfit{
  background-position: -858px 0px;
}
#wallpaper_choice {
	border-radius: 50%;
    width: 250px;
    height: 250px;
    position: absolute;
    z-index: 3;
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#wallpaper_choice ul {
	position: relative;
	padding: 50%;
	max-width: 0; max-height: 0;
	list-style: none;
	background: #fff;
	overflow: hidden;
	border-radius: 50%;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(31,161,210,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(31,161,210,1))); /* safari4+,chrome */
	background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(31,161,210,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(31,161,210,1) 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(31,161,210,1) 100%); /* ie10+ */
	background:radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(31,161,210,1) 100%); /* w3c */
    clip-path: circle(130px at center);
}
#wallpaper_choice li {
	position: absolute;
}
#wallpaper_choice #avatar_circle{
    background-color: #d4efff;
    border: 2px solid #FFF;
    cursor: pointer;
    background-color: #4298cc;
    border: 2px solid #4298cc;
}
#wallpaper_choice #avatar_circle #avatar_circle_edit{
    position: relative;
    width: 60%;
    height: 60%;
    margin: 2% 20% 20% 20%;
}
#wallpaper_choice #avatar_circle #avatar_circle_edit .avatar_edit{
   background-image: url(../images/avatars/outfits/outfits.svg);
   background-size: 1940px;
   position: absolute;
   width: 25px;
   height: 25px;
   z-index: 1;
   background-position: -28px -413px;
   top: 51px;
   right: 0;
   left: 0;
   margin: auto;
   background-color: #FFF;
   border-radius: 50%;
}
#wallpaper_choice #avatar_circle #avatar_circle_edit span{
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    background-size: 100% !important;
}
html.non-touch #wallpaper_choice #avatar_circle:hover{
	 background-color:#FFF;
   border:2px solid #fff;
}
#avatar_wrapper{
    z-index: 1;	
}
#avatar_wrapper .avatar_internal{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #ffffff;
    border-radius: 50%;
    width: 97%;
    height: 97%;
    display: none;
    will-change: transform;
    z-index: 1;
}
#avatar_wrapper #avatar_3{
    z-index: 0;
    display: block;
    background: #ffffff;
}
.wallpaper_active:after{
	content: '';
	position: absolute;
	width: 10px;
	height:10px;
	background: #FFF;
	/*
	-webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff !important;
    box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff !important;
    */
}
.slice {
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	width: 50%; height: 50%;
	transform-origin: 100% 100%;
	border: 0 !important;
	outline: 0 !important;
	cursor: hand;
	-webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 0px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
}
.unsel {
	top: 34%; left: 34%;
	width: 32%; height: 32%;
	background: #ffffff;
	border-radius: 50%;
}
.coconut { transform: skewX(50deg); }
.vanilla { transform: rotate(40deg) skewX(50deg); }
.orange { transform: rotate(80deg) skewX(50deg); }
.almond { transform: rotate(120deg) skewX(50deg); }
.grape { transform: rotate(160deg) skewX(50deg); }
.blackberry { transform: rotate(-160deg) skewX(50deg); }
.cherry { transform: rotate(-120deg) skewX(50deg); }
.strawberry { transform: rotate(-80deg) skewX(50deg); }
.raspberry { transform: rotate(-40deg) skewX(50deg); }
.magnifiable { height: 100%; }
.wallpaper_out{
	transition: 2s ease-out;
	transform: rotate(720deg) scale(0);
}
.slice label {
	display: block;
	width: 200%; height: 200%;
	transform: skew(-50deg) rotate(-70deg);
	color: transparent;
	font-size: .8em;
	line-height: 1.9;
	text-align: center;
	text-decoration: none;
  cursor: pointer;
}
.slice label:before {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    border: 0 !important;
	outline: 0 !important;
}
html.non-touch .slice label:hover{
  background: #4298cc;
}
.unsel label {
	display: block;
	height: 100%;
}

#student_header_wrapper{width:80%;margin:0 auto;position: relative;}
#student_login_wrapper {
	position: relative;
	margin: 0 auto;
}
.student_loader{
	display:none;
	width: 375px;
    height: 25px;
    top: 0  !important;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    padding: 0  !important;
    margin: auto;
    z-index: -1;
}
#student_loader_internal{
	margin:0 auto;
	width:404px;
}
#student_loader_internal #student_loader_logo{position:absolute;top:-50px;}
.student_loader h2{bottom: 0 !important;}
.student_mynumeracy_loader{
    width: 100% !important;
    top: 0 !important;
    border-radius: 10px;
    height: 40px !important;
}
.student_mynumeracy_loader .animate{
	height: 40px !important;
}
.student_mynumeracy_loader .animate .pdf_animator{
	height: 40px !important;
}
#blue_loader{
	display:none;
	width: 100%;
	height: 100%;
    background: #1fa1d2;
    z-index: 20000;
	opacity:0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#loading-page{
    background: #FFF;
    z-index: 1;
    opacity: 0;	
}
#loading-page .quiz_save{
	position: absolute;
	width: 100%;
	height: 100%;
}
#loading-page #quiz_save_wallper{
	z-index: 2;
}
#loading-page #quiz_save_wallper_color{
	z-index: 1;
}
.pages{
    width: 100%;	
	display:block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#student_home_page_wrapper{
	width: 100%;
    overflow: hidden;
}
#student_home{
	height: 100%;
}
#student_home #login_w_student{
	bottom: 22px;
}
#student_home #login_w_student #sign_out{
    height: 60px;
    line-height: 50px;
    background-image: none !important;	
    z-index: 1;
    position: absolute;
}
#student_home #login_w_student #sign_out span{
	position: absolute;
    background-image: url(../images/student_admin.svg)!important;
    height: 40px;
    width: 40px;
    left: 0;
    top: 12px;
    background-position: 0px -37px;
}
#student_home #login_w_student #user_avatar_wrap{
	z-index: 0;
}
#scanner_wrapper{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    width: 720px;
    height: 450px;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
}
#preview{
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px;
    overflow: auto;
    display: none;
    height: 100%;
    border-radius: 10px;
}
.student_spin_loader,
.student_spin_loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.student_spin_loader {
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    top: -3px;
    width: 200px;
    height: 200px;
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    display: none;
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,.2);
}
.student_spin_loader_1{
	border-left: 1.1em solid #f5df79;
}
.student_spin_loader_2{
	border-left: 1.1em solid #b4d7eb;
}
.student_spin_loader_3{
	border-left: 1.1em solid #f7b6b0;
}
.student_spin_loader_4{
	border-left: 1.1em solid #A5D3CA;
}
.student_spin_loader_5{
	border-left: 1.1em solid #d8cdec;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#submit_loader{
    z-index: 11 !important;
    top: 23px !important;
    left: 8px;
    width: 132px !important;
    height: 132px !important;
}
#student_home #student_left_col{
    height: 100%;
    float: left;
    display: block;
    position: relative;
}
.student_left_col{
	width: 12% !important;
	float:left;
}
#student_headings h1{
	text-align:center;
	padding:10px;
}
#student_login_body2 {
	padding: 18px;
	font-weight: 100;
	text-align: center;
	font-size: 18px;
}
#student_login_box {
	width: 600px;
	height: 350px;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: #FFF;
	border-radius: 5px;
}
#student_login_heading {
    font-family: 'Open Sans', 'sans-serif';
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    font-weight: 100;
    padding: 15px;
    text-transform: uppercase;
    background-image: url(../images/user.svg);
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-color: #FFF;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 50%;
    position: absolute;
    top: -40px;
    left: -40px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
#student_login_heading span{
    padding-left: 40px;
    font-size: 25px;
}
#scanner_start{
  padding: 0;
  position: fixed;
  width: 85px;
  height: 85px;
  border-radius: 10px;
  right: 20px;
  bottom: 20px;
  background-image: url(../images/qr_code_parent.svg);
  background-size: 70px;
  background-repeat: no-repeat;
  background-position: 6px 6px;
  background-color: #FFF;
  border: 2px solid #FFF;
}
#scanner_start #scanner_label{
  height: 30px;
  line-height: 15px;
  display: flex;
  align-items: center;
  font-size: 12px;
  background: #4298cc;
  color: #FFF;
  border-radius: 5px;
  width: 65px;
  margin: 0 auto;
  bottom: 25px;
  position: absolute;
  left: 0;
  right: 0;
  display: none;
}
html.non-touch #scanner_start:hover{
  border: 2px solid #4298cc;
}
html.non-touch #scanner_start:hover #scanner_label{
  display:block;
}
#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;
}
#student_login_box h1{
	background: #1ecd97;
	color: #FFF;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
}
#student_login_form {margin: 50px 0px;}
#student_login_form .prefix{
    height: 50px;
    padding: 0;
    width: 50px;
    background-size: 150px;
}
#student_login_form .home{background-position: 3px 0px;}
#student_login_form .user{background-position: -53px 0px;}
#student_login_form .key{background-position: -100px 0px;}
#student_login_form ul li{margin: 0px 5px;}
#student_login_form ul li input{margin-bottom: 5px;}
#student_login_form #actions {
    margin: 0 auto;
    width: 100px;
    float: none;
}
#student_login{
    border: none;
    border-radius: 5px;
    height: 60px;
    width: 150px;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    margin-top: 14px;
}
.styled_submit {
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -moz-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -ms-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: -o-linear-gradient(top, #fcfcfc, #eaeaea);
	background-image: linear-gradient(top, #fcfcfc, #eaeaea);
	padding: 5px 10px;
	height: 28px;
	margin: 6px 10px 0px 4px;
	font: 12px futura-pt, Gill Sans, sans-serif;
	text-decoration: none;
	color: #333;
	border: 1px solid #ccc;
	text-transform: uppercase;
}
html.non-touch .styled_submit:hover {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
}
.styled_submit:active {
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
}
.styled_submit:focus {
	outline: 0;
	background: #fafafa;
}
.styled_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;
}
.quiz_number {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	float: left;
	margin: 0px 0px;
	border-radius: 0px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	cursor: hand;
	background: #fbfbfb;
	z-index: 10;
	font-size: 13px;
	color: #012b53;
	border: 1px solid #ccc;
    border-radius: 5px;
    background: #FFF;
}
.quiz_number_dynamic{
	pointer-events: none;
}
#question_list .quiz_number {
  position: absolute;
  transition: transform 0.2s, left 0.2s, opacity 0.2s, z-index 0s;
  -webkit-transition: transform 0.2s, left 0.2s, opacity 0.2s, z-index 0s;
  opacity: 1;
  will-change: transform;
}
#question_list .quiz_number.hideLeft {
  left: 0%;
  opacity: 0;
  transform: translateY(0%) translateX(-50%);
  display: none;
}
#question_list .quiz_number.hideRight {
  left: 100%;
  opacity: 0;
  transform: translateY(0%) translateX(-50%);
  display: none;
}
#question_list .quiz_number.pq_6 {
  z-index: 5;
  left: 20%;
  transform: translateY(0px) translateX(-50%) scale(0.7);
  opacity: 0.4;
}
#question_list .quiz_number.pq_5 {
  z-index: 4;
  left: 25%;
  transform: translateY(0%) translateX(-50%) scale(0.75);
  opacity: 0.5;
}
#question_list .quiz_number.pq_4 {
  z-index: 5;
  left: 30%;
  transform: translateY(0px) translateX(-50%) scale(0.80);
  opacity: 0.6;
}
#question_list .quiz_number.pq_3 {
  z-index: 4;
  left: 35%;
  transform: translateY(0%) translateX(-50%) scale(0.85);
  opacity: 0.7;
}
#question_list .quiz_number.pq_2 {
  z-index: 5;
  left: 40%;
  transform: translateY(0px) translateX(-50%) scale(0.9);
  opacity: 0.8;
}
#question_list .quiz_number.pq_1 {
  z-index: 4;
  left: 45%;
  transform: translateY(0%) translateX(-50%) scale(0.95);
}
#question_list .quiz_number.selected {
  z-index: 10;
  left: 50%;
  transform: translateY(0px) translateX(-50%) scale(1.4);
  font-size: 16px;
}
#question_list .quiz_number.selected .flagged_question{
  background:#fff;
}
#question_list .quiz_number .quiz_number_dynamic_lock{
  position: absolute;
  width: 30px;
  height: 30px;
  background: red;
  left: 0;
  top: 35px;
  background: url(../images/dynamic_icon.svg) no-repeat;
  background-size: 120px;
  background-position: -61px 0px;
}
#question_list .quiz_number.nq_1 {
  z-index: 5;
  left: 55%;
  transform: translateY(0px) translateX(-50%) scale(0.95);
}
#question_list .quiz_number.nq_2 {
  z-index: 4;
  left: 60%;
  transform: translateY(0%) translateX(-50%) scale(0.9);
  opacity: 0.8;
}
#question_list .quiz_number.nq_3 {
  z-index: 4;
  left: 65%;
  transform: translateY(0%) translateX(-50%) scale(0.85);
  opacity: 0.7;
}
#question_list .quiz_number.nq_4 {
  z-index: 4;
  left: 70%;
  transform: translateY(0%) translateX(-50%) scale(0.8);
  opacity: 0.6;
}
#question_list .quiz_number.nq_5 {
  z-index: 4;
  left: 75%;
  transform: translateY(0%) translateX(-50%) scale(0.75);
  opacity: 0.5;
}
#question_list .quiz_number.nq_6 {
  z-index: 4;
  left: 80%;
  transform: translateY(0%) translateX(-50%) scale(0.7);
  opacity: 0.4;
}
#question_list .quiz_number .dynamic_locked{
  background: url(../images/dynamic_icon.svg) no-repeat;
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: 100px;
  overflow: hidden;
  top: 30px;
  left: 0;
  background-position: -48px 0px;
  display: none;
}
#question_list .mynum_learn{
	transition: 0.3s ease;
	background: #4298cc;
	background: #FFF;
	/*
	background-color: #d8f1ff;
    border: 1px solid #4298cc;
    border: 1px solid transparent;
    */
}
#question_list .mynum_learn_active{
	width: 330px;
    border-radius: 5px;
    background: #FFF;
    color: #666;
    border: 0;	
    box-shadow: 0 3px 5px rgba(0,0,0,.3) !important;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3) !important;
}
#question_list .mynum_learn .mynum_learn_heading{
	opacity: 0;
	display: block;
	font-size: 16px;
	transition: 0.3s ease;
}
#question_list .mynum_learn_active .mynum_learn_heading{
	opacity: 1;
}
#question_list .mynum_learn .mynum_learn_icon{
	background: url(../images/quiz_tools_v3.svg) no-repeat;
	position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    display: block;
	background-size: 210px;
    background-position: -134px 2px;
    background-repeat: no-repeat;
}
#question_list .mynum_learn_active .mynum_learn_heading .mynum_learn_icon{
	background-position: -134px 2px;	
}
html.non-touch .quiz_number:hover {
	box-shadow: 0px 3px 10px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 3px 10px 5px rgba(0,0,0,.2);
    transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	z-index: 15 !important;
	top:0px;
}
.quiz_number .flagged_question{
    position: absolute;
    width: 20px;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 2px;
    background: #012b53;
    border-radius: 20px;
    display: none;
}
.quiz_number_complete {
	background: #4298cc;
	color: #FFF;
	border: 1px solid #4298cc;
}
.quiz_i_dont_know .flagged_question{
  display: block;
}
.quiz_number_marking_required {
	background: #fae910;
}
.quiz_number_uncomplete {
	background-position-x: 0px;
}
.quiz_number_correct {
    background-position-x: -17px !important;
}
.quiz_number_idontknow {
    background-position-x: -32px !important;
}
.quiz_number_not_started{
    background: none !important;
}
.quiz_number_marking{
	background: none !important;
	/* background-position: -50px -1px !important; */
}
.quiz_number_unfinished {
	background: #f17a72;
}
.quiz_number_common {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto;
}
.quiz_active{
 	background: #012b53;
 	border: 1px solid #012b53;
    color: #FFF;
    /* border-radius: 5px; */
    /*box-shadow: 0 3px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);*/
    
    transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    z-index: 14;
}
.quiz_correct_answer {
	text-align: center;
	font-size: 12px;
	letter-spacing: 0px !important;
	position: absolute;
    top: -25px;
    border: 1px solid #ddd;
    width: 150px;
    left: 4px;
    left: 0;
    right: 0;
    margin: auto;
    /*background: #4298cc;*/
    background: #f2f2f2;
    /*color: #FFF;*/
    border-radius: 5px;
    font-weight: 600;
}
.mc_lit_1 .quiz_correct_answer{
    left: inherit;
    right: 10px;
    /* top: 14px; */
    /*background: #4298cc;*/
    background: #f2f2f2;
    border-radius: 5px;
    /*color: #FFF;*/
    height: 20px;
    line-height: 20px;
    top: 100%;
    transform: translateY(-90%);
}
.mc_lit_2 .quiz_correct_answer{
    left: inherit;
    right: 10px;
    /* top: 14px; */
    /*background: #4298cc;*/
    background: #f2f2f2;
    border-radius: 5px;
    /*color: #FFF;*/
    height: 20px;
    line-height: 20px;
    top: 100%;
    transform: translateY(-90%);
}
.mc_lit_3 .quiz_correct_answer{
	left: inherit;
    right: 10px;
    /* top: 14px; */
    /*background: #4298cc;*/
    background: #f2f2f2;
    border-radius: 5px;
    /*color: #FFF;*/
    height: 20px;
    line-height: 20px;
    top: 100%;
    transform: translateY(-90%);
}
.mc_grid_legend_result{
	width: 500px;
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -55px;	
}
.mc_grid_legend_result .mc_grid_legend_child{
    height: 100%;	
}
.mc_grid_legend_result .mc_grid_legend_child .mc_grid_legend_heading{
    font-size: 12px;
    font-weight: 100;
    background: #f2f2f2;
    border: 1px solid #ddd;
    line-height: 17px;
    width: 150px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px;
    margin: auto;
}
.mc_grid_legend_result .mc_grid_legend_child .mc_grid_legend_element{
    width: 38px;
    height: 38px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.mc_grid_legend_result .mc_grid_legend_child .mc_grid_legend_element_correct{
    border: 3px solid #ddd;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.5);
    right: 215px;
}
.mc_grid_legend_result .mc_grid_legend_child .mc_grid_legend_element_student{
    background-color: rgba(66, 152, 204, 0.8);
    border-radius: 5px;
}
.mc_grid_parent{
	width: 500px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	border: 3px solid #ccc;
	border-right: 3px solid #ccc;
	background: #FFF;
	border-radius: 10px;
	padding-bottom: 2px;
	padding-right: 2px;
}
.mc_grid_parent_smaller{
	transform: scale(0.8);
}
.mc_grid_parent_review{
	pointer-events: none;
}
.mc_grid{
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    left:-2px;
}
.mc_grid_parent .mc_grid_image{
	position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
}
.mc_grid_parent .mc_grid_image img{
	width: 100%;
	border-radius: 5px;
}
.mc_grid_parent .mc_grid_legend{
    position: absolute;
    top: 0;
    z-index: 0;
    right: 0;
    transform: translateX(105%);
}
.mc_grid_parent .mc_grid_legend_centered{
    left: 0;
    transform: none !important;
    margin: 0 auto;
    max-width: 50%;
}
.mc_grid_parent .mc_grid_legend img{
	width: 100%;
}
.mc_grid_parent .mc_grid_axis{
    position: absolute;
    width: 100%;
}
.mc_grid_parent .mc_grid_axis_x{
    height: 20px;
    bottom: -20px;
}
.mc_grid_parent .mc_grid_axis_y{
    width: 20px;
    float: left;
    height: 100%;
    left: -30px;
}
.mc_grid_parent .mc_grid_axis .mc_grid_axis_cell{
    float: left;
    text-align: center;
    font-size: 18px;
}
.mc_grid_parent .mc_grid_axis .mc_grid_axis_cell_y{
    display: table;
    float: left;
    width: 100%;
}
.mc_grid_parent .mc_grid_axis .mc_grid_axis_cell_y div{
	display: table-cell;
    vertical-align: middle;
}
.mc_grid_parent .mc_grid_axis .mc_grid_axis_labels div{
    transform: rotate(-90deg) translateY(-10px);
    -webkit-transform: rotate(-90deg) translateY(-10px);
}
.mc_grid .mc_grid_row{
	width: 100%;
	float: left;
}
.mc_grid .mc_grid_row .mc_grid_cell{
	height: 100%;
	float: right;
	position: relative;
}
.mc_grid .mc_grid_row .mc_grid_cell .mc_grid_contents{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 0;
}
.mc_grid .mc_grid_row .mc_grid_cell .mc_grid_contents .mc_grid_contents_child{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
}
.mc_grid .mc_grid_row .mc_grid_cell .mc_grid_contents .mc_grid_contents_child img{
    width: 100%;
}
.mc_grid .mc_grid_row .mc_grid_cell label{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    border: 1px solid #000;
    padding: 0;
    z-index: 1;
    box-shadow: none;
}
.mc_grid .mc_grid_row:first-child .mc_grid_cell:first-child label{
	border-top-right-radius: 5px;
}
.mc_grid .mc_grid_row:first-child .mc_grid_cell:last-child label{
	border-top-left-radius: 5px;
}
.mc_grid .mc_grid_row:last-child .mc_grid_cell:first-child label{
	border-bottom-right-radius: 5px;
}
.mc_grid .mc_grid_row:last-child .mc_grid_cell:last-child label{
	border-bottom-left-radius: 5px;
}
.mc_grid_style_0 .mc_grid .mc_grid_row .mc_grid_cell label{
	border: 1px solid transparent;
}	
html.non-touch .mc_grid .mc_grid_row .mc_grid_cell label:hover{
	border: 1px solid #000 !important;
	border-radius: 5px;
  background-color: rgba(245, 223, 121, 0.5);
}
html.non-touch .mc_grid .mc_grid_row .mc_grid_cell:hover label:after{
  background: #4298cc;
}
.mc_grid .mc_grid_row .mc_grid_cell label div{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    /* border: 1px solid #000; */
}
.mc_grid .mc_grid_row .mc_grid_cell .hidden:checked + label{
	background-color: rgba(66, 152, 204, 0.5);
	border-radius: 5px;
}
.mc_grid .mc_grid_row .mc_grid_cell .mc_grid_correct:checked + label:before{
	content: "";
    position: absolute;
    width: 85%;
    height: 85%;
    border-radius: 10px;
    border: 4px solid #ddd !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: inset 0 0 3px 0px rgba(0, 0, 0, 0.5) !important;
    background: transparent;
    opacity: 0.7;
}
.mc_grid .mc_grid_row .mc_grid_cell .mc_grid_correct:checked + label{
    background-color: transparent !important;
}
.mc_grid .mc_grid_row .mc_grid_cell .mc_grid_student:checked + label{
    background-color: rgba(66, 152, 204, 0.8) !important;
}
.quiz_number_incorrect_answer {
	background-position-x: -16px;
}
.quiz_number_correct_answer {
	background-position-x: 0px;
}
.quiz_number_result {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	bottom: 29px;
	left: 7px;
	background: url(../images/correct_incorrect_v2.svg) no-repeat;
	background-size: 480%;
}
.quiz_number_result_mynumeracy{
	display: none;
}
.myng_locked{
    position: absolute;
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
    margin-top: 0px;
    display: none;
    top: 22px !important;
    border-radius: 4px;
    width: 95%;
    left: 2.5% !important;
    /* top: 14px !important; */
    right: -3px;
    transform: rotate(0.5deg);
    -webkit-transform: rotate(0.5deg);
}
.question_content_lock{
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    margin-top: 0px;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.quiz_curric_code{
	position: absolute;
    top: -46px;
    left: 5px;
    color: #000;
    font-size: 11px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(-50deg)
}
.quiz_number_active {
	background: #012b53;
	color:#FFF;
}
.quiz_number_default {
	border: 1px solid #CECECE;
}
#question_list {
	margin: 0 auto;
	text-align: left;
	display: inline-block;
	position: relative;
	margin-top: 17px;
	width: 724px;
    height: 40px;
    margin: 0 auto;
}
.question_list_review{
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    
    border-radius: 5px;
	overflow: hidden;
}
#quiz_review_admin_wrapper {
	right: 0;
	top: 0;
	width: 100px;
	position: absolute;
	line-height: 60px;
	font-size: 25px;
	letter-spacing: 5px;
}
.results_links {
	background: #E4E4E4;
	color: #000;
	display: block;
}
html.non-touch .results_links:hover {
	background: #FFF !important;
}
#chart_div_wrapper {
	margin: 10px 0 0 260px;
}
.input_text_styled input {
	font-family: 'Open Sans', 'sans-serif';
	font-size: 14px;
}
#edit_save_changes {
	right: 0;
	top: 0;
	position: absolute;
	background: #e5e5e5;
	height: 64px;
	width: 120px;
}
.edit_question_input {
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 15px;
}
.edit_answer_input {
	border: 1px solid #ccc !important;
	padding: 5px !important;
	background: #FFF !important;
}
.error_quiz_uncomplete h1 {
	text-align: center;
	font-size: 100px;
}
#begin_quiz {
	width: 120px;
	height: 50px;
	display: block;
	background: #1ECD97;
	border: 0px;
	cursor: pointer;
	cursor: hand;
	color: #FFF;
	font-size: 20px;
	margin: 0 auto;
	margin-top: 20px;
	border:1px solid transparent;
	-webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
html.non-touch #begin_quiz:hover {
	color: #1ECD97;
	background: #FFF;
	border:1px solid #1ECD97
}
#begin_quiz:active {
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
}
#student_login_body h2 {
	padding: 8px;
	font-size: 17px;
}
/* Dialog Box */
#dialog-overlay {
	/* set it to fill the whil screen */
	width: 940px;
	height: 100%;
	/* transparency for different browsers */
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: #000;
	/* make sure it appear behind the dialog box but above everything else */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;/* hide it by default */
    /*display:none;*/
}
#dialog-box {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	background: #eee;
	width: 320px;
	position: absolute;
	left: 310px;
	z-index: 5000;/* hide it by default */
    /*display:none;*/
}
#dialog-box .dialog-content {
	text-align: center;
	padding: 10px;
	margin: 13px;
	color: #666;
	font-size: 12px;
}
a.button {
	margin: 10px 5px 20px 5px;
	text-align: center;
	display: block;
	width: 50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	float: left;
	/* button color */
	background-color: #012b53;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	/* text shaow */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
html.non-touch a.button:hover {
	background-color: #FFFFFF;
	color: #012b53;
}
/* extra styling */
#dialog-box .dialog-content p {
	margin: 0;
}
#dialog-box .dialog-content ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	height: 50px;
}
#dialog-buttons {
	width: 160px;
	margin: 0 auto;
}
.admin_input{
	border: 1px solid #d6d6d6;
	padding: 10px;
	font-size: 16px;
	width: 178px;
	background: #f4f4f4;
	margin: 10px 0px 20px 0px;
	-webkit-appearance: none;
    appearance: none;
	font-family: sans-serif;
	/*font-family: "Roboto Slab", serif;*/
	text-align:center;
	border-radius: 5px;
}
.admin_edit{
	width: 90%;
    margin: 0;
    height: 40px;
    padding: 0px 10px;
    border-radius: initial;
    border: none;
    font-size: 15px;
    background: #FFF;
}
.admin_schoolname {
	float: left;
	width: 200px;
	padding: 0px 5px;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
}
.admin_ausvel {
	float: left;
	width: 120px;
	padding: 0px 5px;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.admin_ac {
	float: left;
	width: 200px;
	padding: 0px 5px;
	overflow: hidden;
	height: 40px;
}
#content {
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.drag_content {
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.drag_content h2 {
	clear: both;
	height: 30px;
	line-height: 30px;
	letter-spacing: normal;
	text-transform: none;
	background: #f2f2f2;
    width: 150px;
    margin: 0 auto;
    line-height: 17px;
    height: 17px !important;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
}
.ti_wrapper h2{
    background: #f2f2f2;
    border: 1px solid #ddd;
	margin-bottom: 5px;	
	margin-top: 10px;
}
/* Header/footer boxes */
 
.wideBox {
	clear: both;
	text-align: center;
	margin: 70px;
	padding: 10px;
	background: #ebedf2;
	border: 1px solid #333;
}
.wideBox h1 {
	font-weight: bold;
	margin: 20px;
	color: #666;
	font-size: 1.5em;
}
/* Slots for final card positions */
 
.drag_cardSlots {
	/*margin: 50px auto 0 auto;*/
	background: #eee;
}
/* The initial pile of unsorted cards */
 
.drag_cardPile {
	margin: 0 auto;
	background: #fbfbfb;
    width: max-content;
}
.drag_cardSlots, .drag_cardPile {
	height: auto;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	clear: both;
	-webkit-box-pack: center;
	display: -webkit-box !important;
	display: flex !important;
	max-width: 90% !important;
	width: fit-content;
	margin: 0 auto;
}
.d .drag_cardSlots, .drag_cardPile{
	justify-content: center;
    align-items: center;
}
.d .drag_cardSlots .card_image_drag{
    box-shadow: none !important;
    border: 1px solid transparent !important;
}
/* Individual cards and slots */
 
.drag_cardSlots div, .drag_cardPile div {
	float: left;
	height: 40px;
	width: 120px;
	padding: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 0 10px;
	background: #fff;
	letter-spacing: 0px !important;
	font-size: 1.1em;
    font-weight: 100 !important;
    font-size: 1.7em !important;
    font-size: 24px !important;
}
.drag_cardSlots div:first-child, .drag_cardPile div:first-child {
	margin-left: 0;
}
.drag_cardSlots div.hovered {
	background: #aaa;
}
.drag_cardSlots div {
	color: #000;
}
.drag_cardPile div {
	color: #000;
	cursor: move;
}
.drag_cardPile div.ui-draggable-dragging {
	-moz-box-shadow: 0 0 .2em rgba(0, 0, 0, .8) !important;
	-webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .8) !important;
	box-shadow: 0 0 .2em rgba(0, 0, 0, .8) !important;
    z-index: 3;
}
.drag_cardPile div.ui-draggable-dragging .audio_wrapper{
	display: none;
}
.drag_cardPile_images {
	margin: 0 auto;
}
.drag_cardSlots_images, .drag_cardPile_images {
	height: 120px;
	padding: 20px;
	margin: 0 0 10px 0px;
	border: 1px solid #DDD;
	background: #F3F9FF;
	border-radius: 10px;
	}
	.drag_cardSlots_images{
		background: #FFF;
	    border: 0;
	}
/* Individual cards and slots */
 
.drag_cardSlots_images div, .drag_cardPile_images div {
	float: left;
	height: 120px;
	width: 120px;
	border: 1px solid #CCC;
	margin: 0 0 0 10px;
	background: #f6f6f6;
	border-radius: 10px;
	overflow: hidden;
}
.drag_cardPile_images div img{width:100%;}
.drag_cardSlots_images div:first-child, .drag_cardPile_images div:first-child {
	margin-left: 0;
}
.drag_cardSlots_images div.hovered {
	background: #aaa;
}
.drag_cardPile_images div.ui-draggable-dragging {
	-moz-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
	box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
}
.drag_cardPile div.ui-draggable-dragging {
	-moz-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
	box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
}
.ui-draggable{
	min-width: 120px;
    margin: 0px 10px;
    background: #f2f2f0;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    font-size: 1.5em;
}
.ui-droppable{
	min-width: 120px;
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 0px 10px;
    -webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.drag_cardPile{
    border: 1px solid #ddd;
    height: auto;
    display: inline-block;
}
.drag_cardSlots{
	background: none;
    border: none;
    box-shadow: none;
    max-width: 90% !important;
    width: fit-content;
    max-width: 80%;
    margin: 0 auto;
    height: auto;
}

.styled_cardSlots div {
	border: 1px solid #CCC;
}
.styled_cards {
	font-size: 15px;
	line-height: 40px;
	min-width: 120px;
	font-family: sans-serif;
	text-transform: none;
	border:1px solid #ccc;
	position: relative;
}
.flot-tick-label {
	color: #000;
}
.tickLabel {
	color: #000;
	size: 80%;
}
.myStat {
	margin: 0 auto;
}
.circle-text{
	font-weight: 400;
	color:#FFF;
	font-family: 'Josefin Sans', sans-serif;
}
.circle-text-half {
	position: absolute;
	left: 40%;
}
.class_list_circilful_text {
	position: absolute;
	left: 33px;
	font-size: 12px;
}
.btnReset {
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -40px;
	border: 0 !important;
    border-radius: 5px;
    background-position: 0px -147px;
    width: 40px !important;
}
html.non-touch .btnReset:hover {
	background-position: 0px -147px;
}
.btnResetDrag{
    width: 40px !important;
    background-position: 0px -147px;
    border-radius: 5px;
    position: absolute;
    border: 0;
    right: 0;
    left: 0;
    top: -30px;
    margin: 0 auto;
}
html.non-touch .btnResetDrag:hover{
	background-position: 0px -147px;
}
.btnResetDragLit{
	top:-20px !important;
	background-position: 0px -147px !important;
	z-index: 10;
}
.d_lit_3 .btnResetDragLit{
    left: -50px;
    right: unset;
    top: 50% !important;
    transform: translateY(-50%);
}
.d_1 .btnResetDragLit{
	top:-40px !important;
}
.h_wrapper_student {
	background: url(../images/logo_bg_student.jpg) no-repeat 2px 39px !important;
	background-position-x: 130px !important;
}
.h_wrapper_student .menu {
	padding: 115px 0px 0px 10px !important;
}

/* STUDENT HOME PAGE */
#header_logo{
	z-index: 0 !important;
}
.header_logo_grid{
	margin-left: 20px;
    background: #fff;
    border-radius: 5px;
    padding: 0px;
    left: -5px;
}
.header_width #student_icon_w{
	position:relative;
	width:90px;
	margin:0 auto;
	display:block;
	z-index: 1;
}
.header_width #student_icon_w #student_icon{
	width: 90px;
    height: 90px;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    background: #1fa1d2 url(../images/student_home.png);
    background-repeat: no-repeat;
	position: absolute;
    top: 50px;
    z-index: 100;
}

#status_window{
    position: absolute;
    top: -60px;
    width: 400px;
    right: 20px;
    height: 37px;
    z-index: 10;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.status_window_show{
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
}

#status_window #status_wrapper{
    position: relative;
    width: 400px;
    height: 37px;
    margin: 0 auto;
    background: #FFFFFF;
    color: #6d6e72;
    border-radius: 5px;
    text-align: center;
}

#status_window #status_wrapper h2{
	line-height:37px;
}

#trophy_rewarded{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/trophy_smaller.svg) no-repeat;
    z-index: 2000;
    background-size: 150px;
    background-position: 50% 50%;
    z-index: 2;
    background-color: rgb(66, 152, 204);
    border-radius: 10px;
    border: 2px solid #ffff;
    overflow: hidden;
    display: none;
}
#trophy_rewarded h2{
    font-family: 'Josefin Sans', sans-serif;
    color: #FFFFFF;
    font-size: 35px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #f5df7a;
    position: absolute;
    top: -10%;
	transform:scale(0);
}
#trophy_sparkle{
    background: url(../images/trophy_sparkle.svg) no-repeat;
    width: 150px;
    height: 150px;
    background-size: 100%;
    left: 0;
    position: absolute;
    opacity: 0.7;
    top: 0;
    right: 0;
    margin: auto;
    display: none;
}
.trophy_shine{
    position: absolute;
    top: 0;
    background: linear-gradient(to right,transparent,rgba(#fff,0.3),transparent);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 53%,rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.6s ease;
    left: -150%;
}
.reward_star_result_wrapper{
    width: 25%;
    float: left;
    position: relative;
    height: 220px;	
}
.reward_star_result_wrapper .reward_star_result_tile{
    display: block;
    width: 150px;
    height: 150px;
    margin: auto;
    position: relative;
}
.reward_star_result_wrapper .reward_star_result_tile #my_numeracy_tile_reward{
    display: block;
    width: 50px;
    height: 50px;
    left: -90px;
    bottom: -90px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;	
}
.reward_star_result_wrapper .reward_star_result_tile #my_numeracy_tile_reward .my_numeracy_tile_icon{
	transform: scale(0.6) translate(-16px, 0px);
}
#myn_reward_content #myn_reward_content_internal #my_literacy_reward .reward_star_result_wrapper .reward_star_result_tile .my_numeracy_tile_icon{
	background: url(../images/my_literacy_icons_v2.svg) no-repeat;
	background-size: 2000px;
}
.reward_star_result_wrapper .reward_star_result_tile #trophy_rewarded{
    display: block;
    width: 100px;
    height: 100px;
    background-size: 70px;	
    display: none;
}
.reward_star_result_wrapper .reward_star_result_text{
	position: relative;
    width: 120px;
    width: 70%;
    text-align: center;
    background: #FFF;
    border-radius: 10px;
    font-size: 12px;
    height: 70px;
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
    display: none;
}
.reward_star_result_wrapper .reward_star_result_text .reward_star_result_text_parent{
	display: table;
	width: 100%;
	height: 100%;
}
.reward_star_result_wrapper .reward_star_result_text .reward_star_result_text_parent div{
	display: table-cell;
	vertical-align: middle;
}
#fireworks{
	position: absolute;
    top: 0;
    z-index: 20000000;
	display: block;
}
#confetti{
	position:absolute;top:0;z-index:2;margin: 0;padding: 0;width: 100%;height: 100%;overflow: hidden;left: 0;
}
#student_home{
	min-width:1024px;
	width:100%;
	margin:0 auto;	
    position: relative;
	overflow:hidden;
}

#history_review{
	display:none;
    width: 100%;
    z-index: 100000;
	position:absolute;
}

#student_home #student_status{
	width: 500px;
    margin: 0 auto;
    margin-top: 60px;
}

#student_home #student_status button{
	text-align: center;
    line-height: 60px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Josefin Sans', sans-serif;
	background: #FFF;
	width:100%;
	border: 0;
    font-size: 1em;
	cursor: pointer;
	cursor: hand;
}
#student_home #student_status button:focus {outline:0;}

html.non-touch #student_home #student_status button:hover{
	background:#1fa1d2;
	color:#FFF;
}
.circle-text-student{font-family: 'Josefin Sans', sans-serif;}
#student_home .student_content_wrapper{
	width: 100%;
    overflow: hidden;
	float: left;
    position: relative;
	background: url(../images/student_bg.svg) no-repeat;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size:cover;
    height: auto;
    min-height: 100%;
    background: #1fa1d2;
    background: -webkit-linear-gradient(to bottom, #1fa1d2 , #ffffff);
    background: linear-gradient(to bottom, #1fa1d2 , #ffffff);
}
#student_home #student_active{
	height:100vh;
}
#student_home #student_active .pg-canvas{
	position: absolute;
}
#student_loading{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #FFF;
    z-index: 10;
}
#student_loading #loading_logo{
    width: 452px;
    height: 74px;
    margin: -44px 0 0 -225px;
}
#student_loading #loading_logo #header_logo{padding:0;}
#student_home #student_active .most_recent_wrapper{
	width: 15%;
	float:left;
	position:relative;
	height:100%;
	z-index: 8;
}
.most_recent_wrapper_history{
	float:left;
	position:relative;
}
.most_recent_mynumeracy{
	width: 100% !important;
}
#my_numeracy_loader{
	transform: scale(0.85);
    top: 46%;
    margin-top: -110px;
    display: block;
    z-index: 10;
    display: none;
}
#student_home #student_active .most_recent_wrapper h2{
	text-align:center;
	padding: 5px 0px;
}
.game_gradient{
	background: linear-gradient(to bottom, #f44747, #ffffff) !important;
}
#game_wrapper #game_loader_message{
	position: absolute;
    top: 190px;
    bottom: 0;
    margin: auto;
    text-align: center;
    height: 40px;
    font-size: 40px;
    z-index: 100;
    color: #FFF;
	font-family: 'Josefin Sans', sans-serif;
	width: 100%;
}
#game_wrapper #game_wallpaer{
	width: 100%;
    height: 100%;
    position: absolute;
}
#game_wrapper #other_player{
    width: 120px;
    height: 120px;
    top: -310px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: 16px 15px;
}
.p_1{
	background: url(../images/avatars/p_1.svg);
}
.p_2{
	background: url(../images/avatars/p_2.svg);
}
.p_3{
	background: url(../images/avatars/p_3.svg);
}
.p_4{
	background: url(../images/avatars/p_4.svg);
}
.p_5{
	background: url(../images/avatars/p_5.svg);
}
.p_6{
	background: url(../images/avatars/p_6.svg);
}
.p_7{
	background: url(../images/avatars/p_7.svg);
}
.p_8{
	background: url(../images/avatars/p_8.svg);
}
.p_9{
	background: url(../images/avatars/p_9.svg);
}
.p_10{
	background: url(../images/avatars/p_10.svg);
}
.p_11{
	background: url(../images/avatars/p_11.svg);
}
.p_12{
	background: url(../images/avatars/p_12.svg);
}

.game_assessment_wrapper{
	overflow: hidden;
    width: 100%;
    background:none;
    height: 100vh;
}
#main_assessment_wrap{
	position: relative;
	height: 40vh;
	z-index: 6;
}
.main_assessment_wrap_hidden{
	display: none !important;
}
#main_mynumeracy_wrap{
	position: relative;
	height: 40vh;
}
.main_full_height{
	height: 75vh !important;
}
.main_half_height{
	height: 40vh !important;
}
#mynumeracy_heading{
	top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    display: block;
    text-align: center;
    font-size: 30px;
    transform: none;
    z-index: 100;
}
#mynumeracy_heading #mynumeracy_heading_text{
	z-index: 100;
}
#mynumeracy_progress{
    width: 360px;
    height: 25px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5px;
    z-index: 10;
}
#mynumeracy_progress #mynumeracy_bar{
    width: 100%;
    height: 100%;
    background: #FFF;
    border-radius: 5px;
    overflow: hidden;
    z-index: 10;
    position: relative;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2);
}
#mynumeracy_progress_text{
    display: block;
    left: 0;
    right: 0;
    transform: none;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    top: 5px;
    z-index: 10;
}
#mynumeracy_progress #mynumeracy_bar #mynumeracy_ticks{
	width: 100%;
    height: 100%;	
}
#mynumeracy_progress #mynumeracy_bar #mynumeracy_ticks .mynumeracy_tick_mark{
    height: 100%;
    border-right: 1px solid #ddd;
    float: left;
    margin-left: -1px;
}
#mynumeracy_progress #mynumeracy_bar #mynumeracy_ticks .mynumeracy_tick_mark:last-child{
	border: none !important;
}
#mynumeracy_progress #mynumeracy_bar #mynumeracy_bar_content{
	height: 100%;
    height: 19px;
    position: absolute;
    left: 4px;
    top: 3px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    border-radius: 5px;
}
#mynumeracy_progress #mynumeracy_bar .mynumeracy_bar_start{
	width: 0 !important;
}
#mynumeracy_container{
	width: 942px;
    position: relative;
    margin: 0 auto;
    z-index: 300;
}
.active_level{
	z-index: 4;
}
.student_nav_mynumeracy{
	top: 75px;
    display: block;	
    border-right: 6px solid #FFFFFF;
    border-bottom: 6px solid #FFFFFF;
}
.mynumeracy_last{
	position: absolute;
    width: 10px;
    height: 10px;
    background: #4298cc;
    visibility: visible;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    bottom: -20px;
}
#mynumeracy_nav_left{
    left: -580px;
    right: 0px;
    margin: 0 auto;
    top: -35px;
	-webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    display: none;
}
#mynumeracy_nav_right{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0;
    right: -630px;
    margin: 0 auto;
    top: -35px;
}
html.non-touch #mynumeracy_nav_right:hover{
	right: -650px;
}
html.non-touch #mynumeracy_nav_left:hover{
	left: -600px;
}
#mynumeracy_nav_left_general{
	left: 30px;
	-webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    display: none;
}
#mynumeracy_nav_right_general{
	display: none;
	right: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
html.non-touch #mynumeracy_nav_right_general:hover{
	right: 20px;
}
html.non-touch #mynumeracy_nav_left_general:hover{
	left: 20px;
}
#mynumeracy_content{
	top: 0 !important;
	z-index: 10;
	height: 100vh;
	display: none;
}
#mynumeracy_content ul{
	width: 150px;
	height: 150px;
	margin: auto;
	position: absolute;
	top: -20%; left: 0; bottom: 0; right: 0;
	z-index: 11;
}
#mynumeracy_content ul .hex{
	margin-top: -8px;
	opacity: 0;
}
#mynumeracy_hexagon{
	transform: scale(0);
	-webkit-transform: scale(0);
}
.hexagon {
	position: relative;
	width: 450px; 
	height: 259.81px;
	background-color: transparent;
	margin: 129.90px 0;
	margin: auto;
	position: absolute;
	top: -20%; left: 0; bottom: 0; right: 0;
	z-index: 10;
}
.hexagon:before,
.hexagon:after {
	content: "";
	position: absolute;
	width: 0;
	border-left: 225px solid transparent;
	border-right: 225px solid transparent;
}

.hexagon:before {
	bottom: 100%;
	border-bottom: 129.90px solid transparent;
}

.hexagon:after {
	top: 100%;
	width: 0;
	border-top: 129.90px solid transparent;
}
.assessment_wrapper_scaled{
	transform:scale(0.65);
	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;
    /*filter: blur(2px);*/
}
.student_actions{
	border: 0;
    margin: 0 auto;
    width: 140px;
    display: block;
    padding: 10px;
    background: #4298cc;
    outline: none;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    height: 38px;
    line-height: 38px;
    padding: 0;
    position: relative;
}
html.non-touch .student_actions:hover{
	background:#2cbc9b;
	border: 0;
}
.stu_export_options{
	position: absolute;
    width: 300px;
    height: 75px;
    left: 0;
    right: 0;
    top: 0;
    bottom: -199px;
    margin: auto;
    z-index: 10;	
}
.stu_export_options .stu_export_options_wrapper{
	width: 70px;
    height: 75px;
    float: left;
	background: #FFF;
    background: rgba(255,255,255,0.6);
    border-radius: 5px;
    margin: 0px 10px;
    padding: 0;
    border: 0;
    cursor: pointer;
    outline: 0;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.stu_export_options .stu_export_options_wrapper:first-child{
    margin: 0px 80px 0px 0px;	
}
.stu_export_options .stu_export_options_wrapper:last-child{
    margin: 0px 0px 0px 80px;	
}
html.non-touch .stu_export_options .stu_export_options_wrapper:hover{
	background: #FFF;
	z-index: 11;
}
.stu_export_options .stu_export_options_wrapper .stu_export_icon{
    width: 36px;
    height: 36px;
    margin: 5px 17px;
    position: absolute;
    top: 0;
}
.stu_export_options .stu_export_options_wrapper .stu_export_text{
    position: absolute;
    height: 30px;
    width: 70px;
    color: #666;
    bottom: 5px;
    font-size: 12px;	
}
.stu_export_options #stu_export_learning_goals{
	position: absolute;
    left: 0;
    margin: 0;
}
.stu_export_options #stu_export_inlp_download{
	position: absolute;
    right: 0;
    margin: 0;
}
.stu_export_options #stu_export_learning_goals .stu_export_icon{
	background-image: url(../images/learning_goals.svg);
    background-size: 70px;
}
.stu_export_options #stu_export_inlp_download .stu_export_icon{
    background-image: url(../images/zpd_list.svg);
    background-size: 31px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}
.student_start_icon{
    position: absolute;
    background-image: url(../images/student_notifications_white.svg);
    width: 30px;
    height: 30px;
    background-size: 60px;
    background-position: 0px 0px;
    top: 4px;
    left: 2px;
}
.student_resume_icon{
	background-position: 30px 0px;
}
.student_actions_review{
    width: 250px;
    float: left;
    height: 38px;
    line-height: normal;
    color: #FFF;
    position: relative;
    margin: 0 auto;
    display: block;
    float: none;
}
#student_home .stu_hist_button_wrapper{
  position: relative;
  height: 38px;
  margin-top: 35px;
}
#student_home .student_loader{
	width: 100%;
	height: 38px;
	background: transparent;
	top: 0px !important;
}
.mn_wrapper .student_loader{
	height:40px !important;
}
.mn_wrapper .student_loader .pdf_animator{
	height:40px !important;
}
#stu_export_animation{
    width: 144px !important;
    height: 75px !important;	
    top: -30px !important;	
    z-index: 20;
}
#stu_export_animation #progress{
	height: 75px;
}
#stu_export_animation #progress .pdf_animator{
    height: 75px;
}
#stu_export_animation #stu_export_download{
	height: 75px;
    width: 144px;
	position: absolute;
	top:0;
}
#stu_export_animation #stu_export_download .stu_export_icon_wrapper{
    position: absolute;
    width: 144px;
    height: 75px;
    background: #4298cc;
    border-radius: 5px;
    top: 0;
    z-index: 2;
    text-decoration: none;	
}
html.non-touch #stu_export_animation #stu_export_download .stu_export_icon_wrapper:hover{
	background:#005587;	
}
#stu_export_animation #stu_export_download .stu_export_icon_wrapper .stu_export_icon{
	position: absolute;
    width: 56px;
    height: 56px;
    margin: 7px 44px;
    background: url(../images/inlp_download.svg);
    background-size: 100px;
    background-position: -46px 2px;	
}
#stu_export_animation #stu_export_download .stu_export_icon_wrapper .stu_export_text{
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    width: 144px;
    text-align: center;
    height: 20px;
    bottom: 0;
    position: absolute;	
}
#student_home #student_active .most_recent_wrapper .status_wrapper{
	position: relative;
    z-index: 2;
    height: 230px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#student_home #student_active .most_recent_wrapper .status_wrapper .student_action_w{
	position: absolute;
    left: 0;
    right: 0;
    width: 140px;
    margin: 0 auto;
    top: 180px;
    height:38px;
    z-index: 11;
}

#student_home .student_header_wrap{
	margin-top:69px;
	height:90px;
	position: absolute;
    width: 100%;
    z-index: 2;
}
#student_past_ass_wrapper{
	top: 126px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#student_home .student_header_wrap_history{
	height: 46px;
	border-bottom: 10px solid #1fa1d2;
	margin-top: 0 !important;
}
#student_home .student_header_wrap_history h2{padding: 12px 0px;}
#student_home #student_history{
	display:none;
	position: absolute;
    z-index: 10;
    background: transparent;
}

#student_home #student_mynumeracy .my_numeracy_parent{
	height:320px;
    margin-top: -220px !important;
	min-width: 590px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    z-index: 1;
}

.my_numeracy_parent{
	position: relative;
    height: 100%;
    width: 95%;
    margin: 0 auto;
}

.my_numeracy_wrapper{
 	min-width: 594px;
    margin: 0 auto;
	z-index: 2;
    position: absolute;
	width:100%;
}

#my_numeracy_last{
    position: absolute;
    width: 100%;
    z-index: 1;
	margin-top: 20px;
}
	
.my_numeracy_wrapper_student{
    height: 320px;
    border-radius: 20px;
    overflow: hidden;
}

.my_numeracy_nav{
	width: 40px;
    height: 40px;
    position: absolute;
    z-index: 10;
	border: 0;
    border-radius: 5px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #4298cc url(../images/my_numeracy_nav.svg);
}
.my_numeracy_nav_up{
	top: -30px;
	display:none;
	background-position: 45px -5px;
}
.my_numeracy_nav_down{
	bottom: -30px;
	background-position: -4px -5px;
}
.my_numeracy_wrapper_student #my_numeracy_internal{
	width:100%;
	position:absolute;
	top:0;
    background: #fff;
    height:100%;
}

.my_numeracy_wrapper .my_numeracy_button_wrapper{
	position:relative;
}

.mn_wrapper{
	position: relative;
    height: 40px;
    width: 95%;
	float:left;
}

.mn_wrapper_student{width:100%;}
.mn_wrapper_student_last{
	width: 240px;
    height: 40px;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

html.non-touch .mn_wrapper:hover .card_front{
	display: none;
}

html.non-touch .mn_wrapper:hover .card_back{
	display: block;
}

.mn_wrapper .card_front,
.card_back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mn_wrapper .card_back{
    z-index: 100;
    border-radius: 5px;
    display: none;
}

.mn_wrapper .my_numeracy_style{
	background:#4298cc;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 100;
    color: #FFF;
	line-height: 40px;
	border: 1px solid #4298cc;
}

.mn_wrapper .my_numeracy_style_last{
	width: 240px;
    height: 40px;
    border-radius: 20px;
    margin: 0 auto;
    display: block;
    background: #4298cc;
    color: #FFF;
	line-height: 36px;
	padding-right: 10px;
}

.my_numeracy_style_last_first{
    border: 2px solid #FFF !important;
    background: #FFF !important;
    color: #4298cc !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}
.my_numeracy_activity{
	width:100%;
	height: 40px;
	border:0;
	outline:none;
	cursor: pointer;
	cursor: hand;
	/* border-bottom: 1px solid #ddd; */
	padding:0;
	font-family: 'Open Sans', 'sans-serif';
	font-size:11px;
	overflow:hidden;
	border: 1px solid #FFF;
	background: #FFF;
}

.my_numeracy_wrapper .my_numeracy_student_reset{
	position: absolute;
    right: 135px;
    z-index: 1000;
    top: 7px;
    width: 26px;
	overflow: hidden;
}
.my_numeracy_wrapper .my_numeracy_student_reset span{
	background-position-x: -409px;
}
.my_numeracy_activity span{
	display:block;
	float: left;
	line-height: 34px;
	font-weight: 500;
	text-align:left;
}
.my_numeracy_activity .my_numeracy_locked{
    background: #FFF url(../images/student_home_icons_v4.svg);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    float: right;
    background-size: 386%;
}
.my_numeracy_activity .proficiency_dot{
	/*width:5%;*/
	width: 40px;
    height: 40px;
    position: relative;
}

.my_numeracy_activity .proficiency_dot .my_numeracy_circle{
    width: 60px !important;
    height: 60px !important;
    position: absolute !important;
    left: -12px !important;
    top: -12px !important;
}

.my_numeracy_activity .proficiency_dot .mn_status_icon{
	background: url(../images/preview_eye.svg) no-repeat;
	width: 31px;
    height: 31px;
    display: block;
    position: absolute;
    background-size: 50px;
}
.mn_status_icon_last{
	background: url(../images/student_home_icons_v4.svg) !important;
    border-radius: 50%;
    top: 0px;
    z-index: 1000;
    width: 32px !important;
    height: 32px !important;
	background-size:360% !important;
	left: 1px;
}
.my_numeracy_activity .proficiency_dot .mn_start{background-position: 7px 5px;}
.my_numeracy_activity .proficiency_dot .mn_resume{background-position-x: -37px;}
.my_numeracy_activity .proficiency_dot .mn_complete{background-position-x: -74px;}

.my_numeracy_activity .proficiency_dot .dot_span{
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 5px;
    margin: 2px;
}

.my_numeracy_activity .proficiency_heading{
	width:58%;
	padding-left: 10px;
  height: 40px;
  line-height: initial;
  display: flex;
  align-items: center;
}
.my_numeracy_activity .proficiency_heading_student{width:56%;}
	
.my_numeracy_activity .proficiency_percent{
	width:5%;
	text-align:center;
}
#my_numeracy_overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0,0,0,0.1);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    display: none;
    width: 100%;
    height: 100%;
}
#my_numeracy_i_can{
	height: 60px;
    margin: 0;
    float: left;
    clear: both;
}
#my_numeracy_i_can #my_numeracy_i_can_heading{
    border: 2px solid #4298cc;
    width: 100px;
    border-radius: 5px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    margin: 5px;
    float: left;
    background: #f6f6f6;
}
#my_numeracy_i_can #my_numeracy_i_can_content{
    float: left;
    position: relative;
    height: 60px;
    display: table;	
}
#my_numeracy_i_can #my_numeracy_i_can_content #my_numeracy_i_can_internal{
    width: 100%;
    vertical-align: middle;
    height: 50px;
    display: table-cell;
    font-size: 18px;
    font-weight: 100;	
}
.proficiency_stars{
	width:120px;
	margin-top: 3px;
	float:right;
    margin-right: 6px;
}

.my_numeracy_activity .proficiency_results{
	width: 160px;
	float:right;
}

.my_numeracy_activity .proficiency_results .proficiency_stars{
    width: 120px;
    margin-top: 2px;
    float: left;
    margin-right: 0;
}

.my_numeracy_activity .proficiency_results .p_results_percent{
	width: 45%;
	text-align: center;
	color: #4298cc;
	margin-top:-1px;
    color: #000;
    font-size: 15px;
    font-weight: 100;
	line-height: 39px;
}

.my_numeracy_activity .proficiency_results .p_results_trophy{
	width: 40px;
    display: block;
    height: 40px;
}

.my_numeracy_activity .proficiency_results .p_results_trophy .p_results_trophy_icon{
	width:35px;
	height:35px;
	background: url(../images/trophy_smaller.svg) no-repeat;
	display:block;
	background-size: 90%;
    background-position: 2px;
}
.my_numeracy_activity .proficiency_results .p_results_trophy .no_trophy{
	background: none !important;
}
.star_outline_more{
    display: block;
    float: left;
    line-height: 34px;
    font-weight: 500;
    text-align: left;
}

.star_outline{
	width: 30px;
    height: 30px;
	position:relative;
	display: block;
    float: left;
	overflow:hidden;
}

.star_outline span{
	width:30px;
	height:30px;
	line-height: 30px;
	position:absolute;
}

.star_outline .star_overlay{
	width: 30px;
    height: 30px;
    background: url(../images/proficiency_stars.svg) no-repeat;
    background-size: 30px;
	z-index: 1;
}

.star_outline .star_result{
	width:0%;
	background:#4298cc;
	z-index: 2;
}

.star_outline .star_initial{
	z-index: 4;
	text-align: center !important;
	color: #6d6e72;
    font-size: 11px;
}

.star_outline .star_background{
	z-index: 2;
    background: url(../images/my_numeracy_star_outline.svg) no-repeat;
    background-size: cover;
}
.star_outline .star_background_teacher{
	z-index: 2;
	background: url(../images/my_numeracy_star_outline.svg) no-repeat;
	background-size: cover;
}
.student_mn_stars{
	visibility: visible;
    width: 120px;
    z-index: 9;
    margin: 0 auto;
    margin-top: 5px;
}
.student_mn_stars .star_initial{
	left: 0;
	top: 3px;
}
.student_mn_stars .star_overlay{
	left: 0;
}
.student_mn_stars .star_background{
	left: 0;
}
.proficiency_stars_student{
    width: 100%;
    margin: 0;	
    border-top: 1px solid #ddd;
}
.proficiency_stars_student .star_outline{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    float: none;
    padding: 10px 0px;	
}
.proficiency_stars_student .star_outline .star_overlay{
	width: 100px;
    height: 100px;
    background-size: 80px !important;
    background-position: 10px 11px !important;
}
.proficiency_stars_student .star_outline span{
	width: 100px !important;
    height: 100px !important;
    line-height: 110px !important;
    background-size: cover;
    font-size: 20px !important;
}
.proficiency_stars_student .star_outline .star_background_teacher{
	background: url(../images/star_outline.svg) no-repeat;
}
#proficiency_descriptions{
	float:left;
	width: 100%;
	clear: both;
}
#proficiency_descriptions .proficiency_headings{
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}
#proficiency_descriptions .proficiency_content{
    padding: 0px 10px;
    text-align: center;
    border-radius: 5px;
    height: 100%;
    font-size: 15px;
    font-weight: 100;
}
.mn_percent{
    z-index: 0;
    top: 0;
    left: 0;
}
.mn_percent .myStat{
	width: 190px;
    height: 190px;
    top: -18px;
    left: -26px;
}
.mn_trophy{
    width: 40px;
    height: 40px;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    visibility: visible;
    background: #FFFFFF url(../images/trophy_smaller.svg) no-repeat;
    background-size: 40px;
    border-radius: 10px;
    position: absolute;
    z-index: 10;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
}
@keyframes mn_trophy_rotate {
	0%  {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.3);}
    100% {-webkit-transform: scale(1);} 
}
#my_numearcy_legend{
	position: relative;
    clear: both;
    width: 120px;
    float: right;
    margin-right: 4%;
}
#my_numearcy_legend .mn_legend_wrapper{
	position: relative;
    float: left;
    width: 30px;
    height: 80px;
}
#my_numearcy_legend .mn_legend_wrapper .mn_legened_heading{
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    width: 130px;
    text-align: right;
}
#my_numearcy_legend .mn_legend_wrapper .mn_legened_guide{
	height: 30px;
    position: absolute;
    top: 0;
    right: 20px;
    width: 30px;
    border-right: 1px dashed #ccc;
}

.most_recent_heading{
	text-transform: uppercase;
    letter-spacing: 2px;
    /*font-family: 'Josefin Sans', sans-serif;*/
	text-align: center;
 	font-size: 13px;
    line-height: 16px;
	/*background: #1fa1d2;*/
	height: 46px;
    margin: 0 auto;
}

.most_recent_heading_current{ 
    color: #6d6e72;
    background: #FFF;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
}
.student_active_strand{
	line-height: 15px !important;
    height: 15px;
}
.most_recent_heading_history{
	color: #FFF;
	height: 27px;
}
#load_assessment_cancel{
	display: none;
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
    outline: 0;
    padding: 0;
    border: 0;
}
.student_history_internal{
	display: none;
    width: 350px;
    margin: 0 auto;
    overflow: auto;
    box-shadow: 0 10px 50px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 10px 50px rgba(0,0,0,.2);
    
    border-radius: 5px;
    position: relative;
    margin-top: 0;
    transition: all 0.3s ease 0s;
}
#glass_opacity{
	display: none;
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: #eee;
    opacity: 0.2;
    border-radius: 20px;
}
.student_history_background{
	position: absolute;
    width: 100%;
    height: 100%;
    background: #eee;
    z-index: -1;
    opacity: 0.8;
}
#substrand_title_button{
	display: none;
	font-size: 14px;
    letter-spacing: 1px;
}
#substrand_home_button{
	background: #FFF;	
}
.student_histroy_subdd{
	border-top: 10px solid #eee;
    height: 0%;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.most_recent_heading span{
	width:50%;
	float:left;
}
.most_recent_heading span button{
    width: 350px;
    border: 0;
    outline: 0;
    padding: 0;
    height: 31px;
    color: #6d6e72;
    background: transparent;
    z-index: 1;
}
html.non-touch .most_recent_heading span button:hover{
	color:#FFF;
	background: #1fa1d2;
}
html.non-touch .heading_current:hover{
	background: #FFF !important;
	color: #6d6e72 !important;
}
.most_recent_heading span h2{
	font-size:12px;
	line-height: 31px;
	font-weight: 100;
}

.most_recent_heading span h2:last-child{
	font-size: 14px;
    letter-spacing: 1px;
}
.time_line_wrapper{
	position:absolute;
	width: 80%;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
    height: 18px;
    -webkit-transform: translateY(-240%);
    -ms-transform: translateY(-240%);
    transform: translateY(-240%);
}

.time_line_wrapper .history_time_line{
    height: 4px;
    display: block;
    margin-top: 124px;
}

#time_line_wrapper .timeline_common{
	position: absolute;
    display: block;
}

#time_line_wrapper #timeline_background{
    height: 18px;
    background: #FFF;
    width: 100%;
    z-index: 1;
    border-radius: 15px;
    opacity: 0;
    transition: 1s ease;
    -webkit-transition: 1s ease;
}

#time_line_wrapper #timeline_status{
 	height: 10px;
    position: absolute;
    z-index: 2;
    margin: 4px;
    border-radius: 15px;
}

.assessment_status_wrapper {
    position: absolute;
    width: 100%;
    margin-top: 15px;
	z-index: 10;
}
.history_complete{margin-top: 12px;}
.student_status{
	margin: 0 auto;
    width: 120px;
    height: 120px;
    display: block;
	border-radius:50%;
	position:absolute;
	z-index: 6;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.assessment_status_wrapper .student_status_history{
	width: 106px;
    height: 106px;
}

.student_status .status_icon_wrapper{
	width: 80px;
    height: 80px;
    display: block;
    overflow: hidden;
    left: 20px;
    top: 15px;
	background: url(../images/student_home_icons_v4.svg) no-repeat;
	position: absolute;
	background-size: 490%;
}

.student_status .status_icon_wrapper_history{
	left: 10px;
	top: 10px;
}
.student_status .student_icons{
    margin: 0 auto;
    display: block;
}
.myStat_wrapper{
    height: 150px;
    width: 150px;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
	background: rgba( 255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow: inset 0 0px 5px rgba(0,0,0,.39), 0 0px 0px rgba(0,0,0,.39), 0 0px 0 rgba(0,0,0,.39);
    box-shadow:none;
}
.myStat_wrapper_child{
	width: 100%;
	height: 100%;
}
.student_myStat{
    z-index: 5;
    position: absolute;
    left: -39px;
    right: 0;
    margin: 0 auto;
    top: -39px;
    width: 220px !important;
    height: 220px !important;
}
.student_myStat_myn{
	width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}
.student_myStat span{
	text-align:center !important;
}

.student_myStat_post{
	position: absolute !important;
    top: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.student_headings{
	background: #FFF;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
	float: right;
	position:relative;
	margin: 20px 20px 0 0;
	width: 400px;
}

#student_menu{
	z-index: 22;
    position: absolute;
}

.student_headings_active{
	background: #005587 !important;
	color:#FFF !important;
}

#menu_active_wrapper{
	position: absolute;
	width: 200px;
    height: 40px;
    margin-top: 4px;
    background: #1fa1d2;
	left: 0;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
	border-radius:5px;
	transition: 0.5s ease;
}
.past_menu_active{
	transform:translateX(200px);
	-webkit-transform:translateX(200px);
}
.student_current_ass_active{
	color:#FFFFFF !important;
}

#student_review_wrap{
	width: 100%;
    position: absolute;
    height: 37px;
    bottom: 15px;
    z-index: 2;
    text-align: center;
    line-height: 37px;
    font-size: 15px;
}

#student_review_wrap #srw_sub{
	width: 85%;
    margin: 0 auto;
}
#student_review_wrap #srw_sub #srw_strand{width:30%;}
#student_review_wrap #srw_sub #srw_substrand{width:30%;}
#student_review_wrap #srw_sub #srw_percent{width:10%;margin-top: -6px;}
#student_review_wrap #srw_sub #srw_result{width:30%;}
#student_review_wrap #srw_sub .srw_common{float: left;font-size: 12px;text-transform: uppercase;}

#student_review_wrap #srw_sub .srw_common .circliful{
	height:37px;
	overflow: hidden;
}

#student_headings_active:after{
	content: '';
    position: absolute;
    top: 0;
    right: -23px;
    width: 54px;
    height: 55px;
    -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: #005587;
	border-radius: 0 5px 0 50px;
    box-shadow: 3px -2px 0 1px #FFF, 3px -3px 0 2px #FFF;
    z-index: 1;
}

.student_headings ul li{
	float:left;
}

.student_headings ul li a{
	clear: both;
    overflow: auto;
	display: block;
	color: #484848;
	padding: 15px 0px;
	text-align:center;
	overflow: auto;
    width: 200px;
    float: left;
	text-decoration:none;
}

html.non-touch .student_headings ul li a:hover{
	text-decoration:underline;
}

#student_past_ass_w{
	width:100%;
	overflow-y:scroll;
}

.student_past_headings{
	overflow:auto;
	clear:both;
	/*border-bottom: 1px solid #FFF;*/
}

.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
	width: 85%;
}
.info_warning{
	width: 590px;
    margin: 0 auto;
    background: #FFF;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -50px;
}
#student_past_ass_w .stu_hist_w{
	width:100%;
	height:240px;
	position: relative;
}

#student_past_ass_w .stu_hist_w .stu_hist_heading{
	text-align: center;
}

#student_past_ass_w .stu_hist_w .stu_hist_heading span{
	width:30%;
	text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 10px 0px;
	float:left;
}
#student_past_ass_w .stu_hist_w .stu_hist_heading span:first-child{margin: 0px 0% 0px 20%;}
#student_past_ass_w .stu_hist_w .stu_hist_heading span:last-child{margin: 0px 20% 0px 0%;}
#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass{
	clear:both;
	float:left;
	width: 100%;
}

#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass .stu_hist_titles{
	width:10%;
	float:left;
	line-height:80px;
	border-right: 1px solid #ddd;
	text-align: center;
}

.stu_hist_ass_col{
    position: absolute;
    top: 0;
    width: 100%;
}

.stu_hist_ass_col_2{ height: 188px;}

.stu_hist_ass_col h2{
	text-align: center;
    padding: 5px 0px;
    color: #484848;
    max-width: 140px;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 13px;
    /*-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;*/
}

#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass .stu_hist_ass_col .stu_hist_graph{
	width:100%;
	float: left;
	position:relative;
	z-index: 2;
}

#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass .stu_hist_ass_col .stu_hist_my_numeacy{
	width: 160px;
    margin-top: 33px;
}

#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass .myStat_info{
	width: 150px;
    height: 150px;
    margin: 0 auto;
    position: relative;
	z-index: 5;
}

#my_numeracy_history_wrapper{
	position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
    z-index: 100;
}
#student_past_ass_w .stu_hist_w .stu_hist_content .myStat_info .myStat_info_w{
	position:relative;
	width:90%;
	margin:0 auto;
}
#student_past_ass_w .stu_hist_w .stu_hist_content .myStat_info .myStat_info_w .myLines{
	position: absolute;
    width: 100%;
    height: 2px;
    display: block;
    top: 106px;
}
#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass .stu_hist_ass_col .stu_hist_results{
	width:60%;
    float: left;
	margin: 3px 0px;
}

#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass .stu_hist_ass_col .stu_hist_results .stu_hist_actions{
	font-size: 12px;
    padding: 5px;
}

#student_past_ass_w .stu_hist_w .stu_hist_content .stu_hist_ass .stu_hist_ass_col .stu_hist_results h2{
	height:22px;
	width:100%;
	text-align:center;
	font-size: 12px;
    line-height: 22px;
}

#ipad_orientationchange{
	display:none;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background: #1fa1d2;
	background: -webkit-linear-gradient(to bottom, #1fa1d2 , #ffffff);
	background: linear-gradient(to bottom, #1fa1d2 , #ffffff);
	position: fixed;
}

#ipad_orientationchange img{
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

html.non-touch .blue_button:hover{
	background:#005587;
	background-position: 0px -147px;
}

.my_numeracy_realtime{
	z-index: 1000;
    position: absolute;
    left: 30px;
    margin: 0 auto;
    top: 70px;
    transform: scale(2);
    -webkit-transform: scale(2);
    width: 60px;
    display: none;
}
.bubble_wrapper_not_marked .bubble:checked + .bubble:after{
    -webkit-transform: rotate(-720deg) !important;
    transform: rotate(-720deg) !important;
    left: 23px !important;
    height: 5px !important;
    top: 37px !important;
}
.bubble_wrapper_not_marked .bubble:checked + .bubble:before{
    -webkit-transform: rotate(-720deg) !important;
    transform: rotate(-720deg) !important;
    left: 35px !important;
    height: 5px !important;
    top: 24px !important;
}
.bubble_wrapper_not_marked .bubble:after{
	-webkit-transform: rotate(-720deg) !important;
    transform: rotate(-720deg) !important;
    height: 5px !important;
    top: 37px !important;
}
.bubble_wrapper_not_marked .bubble:before{
	-webkit-transform: rotate(-720deg) !important;
    transform: rotate(-720deg) !important;
    height: 5px !important;
    top: 37px !important;
}
#lds_grid {
  display: none;
  z-index: 10000;
  position: relative;
  width: 64px;
  height: 64px;
  margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: scale(2);
}
#lds_grid div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #4298cc;
  animation: lds-grid 1.2s linear infinite;
}
#lds_grid div:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s;
}
#lds_grid div:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s;
}
#lds_grid div:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s;
}
#lds_grid div:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s;
}
#lds_grid div:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s;
}
#lds_grid div:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s;
}
#lds_grid div:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s;
}
#lds_grid div:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s;
}
#lds_grid div:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.thumb_1_0{
	background-image: url(../images/game/world_thumbnails/thumb_1_0.jpg);
}
.thumb_1_1{
	background-image: url(../images/game/world_thumbnails/thumb_1_1.jpg);
}
.thumb_1_2{
	background-image: url(../images/game/world_thumbnails/thumb_1_2.jpg);
}
.thumb_1_3{
	background-image: url(../images/game/world_thumbnails/thumb_1_3.jpg);
}
.thumb_1_4{
	background-image: url(../images/game/world_thumbnails/thumb_1_4.jpg);
}
.thumb_1_5{
	background-image: url(../images/game/world_thumbnails/thumb_1_5.jpg);
}
.thumb_1_6{
	background-image: url(../images/game/world_thumbnails/thumb_1_6.jpg);
}
.thumb_1_7{
	background-image: url(../images/game/world_thumbnails/thumb_1_7.jpg);
}
.thumb_1_8{
	background-image: url(../images/game/world_thumbnails/thumb_1_8.jpg);
}
.thumb_1_9{
	background-image: url(../images/game/world_thumbnails/thumb_1_9.jpg);
}
.thumb_1_10{
	background-image: url(../images/game/world_thumbnails/thumb_1_10.jpg);
}
.thumb_1_11{
	background-image: url(../images/game/world_thumbnails/thumb_1_11.jpg);
}

.thumb_2_0{
	background-image: url(../images/game/world_thumbnails/thumb_2_0.jpg);
}
.thumb_2_1{
	background-image: url(../images/game/world_thumbnails/thumb_2_1.jpg);
}
.thumb_2_2{
	background-image: url(../images/game/world_thumbnails/thumb_2_2.jpg);
}
.thumb_2_3{
	background-image: url(../images/game/world_thumbnails/thumb_2_3.jpg);
}
.thumb_2_4{
	background-image: url(../images/game/world_thumbnails/thumb_2_4.jpg);
}
.thumb_2_5{
	background-image: url(../images/game/world_thumbnails/thumb_2_5.jpg);
}
.thumb_2_6{
	background-image: url(../images/game/world_thumbnails/thumb_2_6.jpg);
}
.thumb_2_7{
	background-image: url(../images/game/world_thumbnails/thumb_2_7.jpg);
}
.thumb_2_8{
	background-image: url(../images/game/world_thumbnails/thumb_2_8.jpg);
}
.thumb_2_9{
	background-image: url(../images/game/world_thumbnails/thumb_2_9.jpg);
}
.thumb_2_10{
	background-image: url(../images/game/world_thumbnails/thumb_2_10.jpg);
}
.thumb_2_11{
	background-image: url(../images/game/world_thumbnails/thumb_2_11.jpg);
}

.thumb_3_0{
	background-image: url(../images/game/world_thumbnails/thumb_3_0.jpg);
}
.thumb_3_1{
	background-image: url(../images/game/world_thumbnails/thumb_3_1.jpg);
}
.thumb_3_2{
	background-image: url(../images/game/world_thumbnails/thumb_3_2.jpg);
}
.thumb_3_3{
	background-image: url(../images/game/world_thumbnails/thumb_3_3.jpg);
}
.thumb_3_4{
	background-image: url(../images/game/world_thumbnails/thumb_3_4.jpg);
}
.thumb_3_5{
	background-image: url(../images/game/world_thumbnails/thumb_3_5.jpg);
}
.thumb_3_6{
	background-image: url(../images/game/world_thumbnails/thumb_3_6.jpg);
}
.thumb_3_7{
	background-image: url(../images/game/world_thumbnails/thumb_3_7.jpg);
}
.thumb_3_8{
	background-image: url(../images/game/world_thumbnails/thumb_3_8.jpg);
}
.thumb_3_9{
	background-image: url(../images/game/world_thumbnails/thumb_3_9.jpg);
}
.thumb_3_10{
	background-image: url(../images/game/world_thumbnails/thumb_3_10.jpg);
}
.thumb_3_11{
	background-image: url(../images/game/world_thumbnails/thumb_3_11.jpg);
}

.thumb_4_0{
	background-image: url(../images/game/world_thumbnails/thumb_4_0.jpg);
}
.thumb_4_1{
	background-image: url(../images/game/world_thumbnails/thumb_4_1.jpg);
}
.thumb_4_2{
	background-image: url(../images/game/world_thumbnails/thumb_4_2.jpg);
}
.thumb_4_3{
	background-image: url(../images/game/world_thumbnails/thumb_4_3.jpg);
}
.thumb_4_4{
	background-image: url(../images/game/world_thumbnails/thumb_4_4.jpg);
}
.thumb_4_5{
	background-image: url(../images/game/world_thumbnails/thumb_4_5.jpg);
}
.thumb_4_6{
	background-image: url(../images/game/world_thumbnails/thumb_4_6.jpg);
}
.thumb_4_7{
	background-image: url(../images/game/world_thumbnails/thumb_4_7.jpg);
}
.thumb_4_8{
	background-image: url(../images/game/world_thumbnails/thumb_4_8.jpg);
}
.thumb_4_9{
	background-image: url(../images/game/world_thumbnails/thumb_4_9.jpg);
}
.thumb_4_10{
	background-image: url(../images/game/world_thumbnails/thumb_4_10.jpg);
}
.thumb_4_11{
	background-image: url(../images/game/world_thumbnails/thumb_4_11.jpg);
}

.thumb_5_0{
	background-image: url(../images/game/world_thumbnails/thumb_5_0.jpg);
}
.thumb_5_1{
	background-image: url(../images/game/world_thumbnails/thumb_5_1.jpg);
}
.thumb_5_2{
	background-image: url(../images/game/world_thumbnails/thumb_5_2.jpg);
}
.thumb_5_3{
	background-image: url(../images/game/world_thumbnails/thumb_5_3.jpg);
}
.thumb_5_4{
	background-image: url(../images/game/world_thumbnails/thumb_5_4.jpg);
}
.thumb_5_5{
	background-image: url(../images/game/world_thumbnails/thumb_5_5.jpg);
}
.thumb_5_6{
	background-image: url(../images/game/world_thumbnails/thumb_5_6.jpg);
}
.thumb_5_7{
	background-image: url(../images/game/world_thumbnails/thumb_5_7.jpg);
}
.thumb_5_8{
	background-image: url(../images/game/world_thumbnails/thumb_5_8.jpg);
}
.thumb_5_9{
	background-image: url(../images/game/world_thumbnails/thumb_5_9.jpg);
}
.thumb_5_10{
	background-image: url(../images/game/world_thumbnails/thumb_5_10.jpg);
}
.thumb_5_11{
	background-image: url(../images/game/world_thumbnails/thumb_5_11.jpg);
}

.thumb_6_0{
	background-image: url(../images/game/world_thumbnails/thumb_6_0.jpg);
}
.thumb_6_1{
	background-image: url(../images/game/world_thumbnails/thumb_6_1.jpg);
}
.thumb_6_2{
	background-image: url(../images/game/world_thumbnails/thumb_6_2.jpg);
}
.thumb_6_3{
	background-image: url(../images/game/world_thumbnails/thumb_6_3.jpg);
}
.thumb_6_4{
	background-image: url(../images/game/world_thumbnails/thumb_6_4.jpg);
}
.thumb_6_5{
	background-image: url(../images/game/world_thumbnails/thumb_6_5.jpg);
}
.thumb_6_6{
	background-image: url(../images/game/world_thumbnails/thumb_6_6.jpg);
}
.thumb_6_7{
	background-image: url(../images/game/world_thumbnails/thumb_6_7.jpg);
}
.thumb_6_8{
	background-image: url(../images/game/world_thumbnails/thumb_6_8.jpg);
}
.thumb_6_9{
	background-image: url(../images/game/world_thumbnails/thumb_6_9.jpg);
}
.thumb_6_10{
	background-image: url(../images/game/world_thumbnails/thumb_6_10.jpg);
}
.thumb_6_11{
	background-image: url(../images/game/world_thumbnails/thumb_6_11.jpg);
}

.thumb_7_0{
	background-image: url(../images/game/world_thumbnails/thumb_7_0.jpg);
}
.thumb_7_1{
	background-image: url(../images/game/world_thumbnails/thumb_7_1.jpg);
}
.thumb_7_2{
	background-image: url(../images/game/world_thumbnails/thumb_7_2.jpg);
}
.thumb_7_3{
	background-image: url(../images/game/world_thumbnails/thumb_7_3.jpg);
}
.thumb_7_4{
	background-image: url(../images/game/world_thumbnails/thumb_7_4.jpg);
}
.thumb_7_5{
	background-image: url(../images/game/world_thumbnails/thumb_7_5.jpg);
}
.thumb_7_6{
	background-image: url(../images/game/world_thumbnails/thumb_7_6.jpg);
}
.thumb_7_7{
	background-image: url(../images/game/world_thumbnails/thumb_7_7.jpg);
}
.thumb_7_8{
	background-image: url(../images/game/world_thumbnails/thumb_7_8.jpg);
}
.thumb_7_9{
	background-image: url(../images/game/world_thumbnails/thumb_7_9.jpg);
}
.thumb_7_10{
	background-image: url(../images/game/world_thumbnails/thumb_7_10.jpg);
}
.thumb_7_11{
	background-image: url(../images/game/world_thumbnails/thumb_7_11.jpg);
}

.thumb_8_0{
	background-image: url(../images/game/world_thumbnails/thumb_8_0.jpg);
}
.thumb_8_1{
	background-image: url(../images/game/world_thumbnails/thumb_8_1.jpg);
}
.thumb_8_2{
	background-image: url(../images/game/world_thumbnails/thumb_8_2.jpg);
}
.thumb_8_3{
	background-image: url(../images/game/world_thumbnails/thumb_8_3.jpg);
}
.thumb_8_4{
	background-image: url(../images/game/world_thumbnails/thumb_8_4.jpg);
}
.thumb_8_5{
	background-image: url(../images/game/world_thumbnails/thumb_8_5.jpg);
}
.thumb_8_6{
	background-image: url(../images/game/world_thumbnails/thumb_8_6.jpg);
}
.thumb_8_7{
	background-image: url(../images/game/world_thumbnails/thumb_8_7.jpg);
}
.thumb_8_8{
	background-image: url(../images/game/world_thumbnails/thumb_8_8.jpg);
}
.thumb_8_9{
	background-image: url(../images/game/world_thumbnails/thumb_8_9.jpg);
}
.thumb_8_10{
	background-image: url(../images/game/world_thumbnails/thumb_8_10.jpg);
}
.thumb_8_11{
	background-image: url(../images/game/world_thumbnails/thumb_8_11.jpg);
}

#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: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFF;
    left: -22px;
    top: -13px;
    z-index: 10;
    text-align: center;
    line-height: 40px;
}
#ican_wrapper .ican_mynumeracy .ican_code{
	position: absolute;
    right: 4px;
    font-size: 12px;
    bottom: 1px;
    font-weight: 400;
}
#ican_wrapper .ican_mynumeracy .ican_level{
    position: absolute;
    left: 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;
}
#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: 20px;
    font-family: 'Josefin Sans', sans-serif;
}
#ican_wrapper .ican_row{
    width: 100%;
    height: 120px;
    float: left;
    margin: 5px 0px;
    border: 2px solid #4298cc;
    border-radius: 10px;
    background: #FFF;	
}
#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: 50px;
    height: 50px;
    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: 38px;
    height: 38px;
    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: 12px;
	line-height: 15px;
	font-weight: 400;
}

@media only screen and (device-width: 768px) {
	#header_wrapper{position:fixed;z-index: 4;}
	#quiz_wrap{min-width:100%;}
	.h_content_subpages{min-width: initial !important;}
	#student_header{position:fixed;top:inherit;left:0;}
	#login_w_student{left:0;right:inherit;bottom:0px;top: initial;position: fixed;}
	#question_wrapper{width:100%;}
	#logged_in{width: 150px;border:none;height:37px;padding-left:0px;background:none;}
	#logged_in span{text-align: left;line-height: 37px;}
	#sign_out{padding: 10px 32px 10px 25px;float:left;}
	#quiz_wrapper{width:100%;padding: 0px 0px 0px 0px;}
	#question_wrapper{height:695px;/*min-height:728px !important;*/}
	.question_content{height:695px;}
	#student_header{height: 37px;bottom: 0;width:inherit;}
	#student_header_wrapper{width:100%;}
	#student_history{height:768px;}
	#student_past_ass_w{
		width:100%;
		margin-top: 110px
	}
	.quiz_number_ipad span{left:4px;}
	.question_text_ipad_keyboard{
		position: absolute;
		/*border-top: 18px solid #000;*/
		z-index: 100000;
		bottom: 0;
		border-top: 1px solid #ddd
	}
	#ipad_setup_video{
		width: 576px;
		height: 432px;	
		margin: auto;
	    position: absolute;
	    top: 0px;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    background: #FFF;
	    border-radius: 20px;
	}
	#web_app_demo{
		position: fixed;
		top: 0;
		right: 0;
		height: 70px;
		width: 300px;
		z-index: 10000;
	}
	#web_app_notice{
	    position: fixed;
		width: 100%;
		height:70px;
		bottom: 0px;
		right: 0px;
		z-index: 1000000;
		/* background: #eaeaea; */
		padding: 5px;
		font-size: 12px;
		text-align: center;
		-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: #1fa1d2;
		color: #FFF;
	}
	#web_app_notice:after, #web_app_notice:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	#web_app_notice p{
		margin-top:20px;
		font-size: 17px;
	}
	#web_app_close{
		background:#FFF;
		padding:5px;
		text-decoration:none;
		color:#012b53;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.mn_wrapper:hover .card_front{
		-webkit-transform: none !important;
		transform: none !important;
		transform:none !important;
		display: none;
	}
	.mn_wrapper:hover .card_back{
		-webkit-transform: none !important;
		transform: none !important;
		transform:none !important;
		 -webkit-backface-visibility:none !important;
         backface-visibility:none !important;
	}
}

.shadow-pop-tr {
	-webkit-animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

@-webkit-keyframes shadow-pop-tr {
  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-tr {
  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);
  }
}

.myn_start:after {
	-webkit-animation: heartbeat 2s ease-in-out infinite both;
	        animation: heartbeat 2s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
#xaxisLabel{
	transform: translateX(15px);
    font-size: 40px !important;	
}
#yaxisLabel{
    transform: translateY(-25px) translateX(-15px);
    font-size: 40px !important;	
}
.ball {
  position: absolute;
  border-radius: 100%;
  opacity: 0.7;
}
.my_literacy_width .d_lit_3{
	min-width: 600px !important;
}
.my_literacy_width .d_lit_3 .drag_lit_3_slots .drag_cardSlots_fixed .styled_cards span{
	font-size: 15px;
}
.my_literacy_width .d_lit_3 .drag_content .drag_lit_3_slots .drag_cardSlots{
	background: #FFF;
	border-radius: 10px;
}
.my_literacy_width .question_body_split .mc_lit_3_my_literacy .mc_lit_3{
  max-width: 330px !important;
  min-width: 330px !important
}
.my_literacy_width .mc_a_wrapper{
	max-width: 550px !important;
}
.my_literacy_width .mc_a_1_parent{
	margin: 0 !important;
	transform: translate(0px, -30px);
}
.question_body_split_my_literacy{display: none;}
.question_body_split_my_literacy_show{
	display: block;
	width: 100% !important;
	left: 0% !important;
	top: 50% !important;
}
.questions_my_literacy{margin-bottom: 20px;}
.questions_my_literacy .d_lit_1_answers_wrapper_1{
    width: 90%;
    left: 0;
    float: none;
    right: 0;
    margin: auto;	
}
.questions_my_literacy .d_lit_1_answers_wrapper_2{
    width: 90%;
    left: 0;
    float: none;
    right: 0;
    margin: auto;	
}
.questions_my_literacy .d_lit_1_no_text_1 .d_lit_1_no_text_2 .d_lit_1 .drag_content .drag_cardPile{
	padding: 10px;
}
.questions_my_literacy .d_lit_1_no_text_1 .d_lit_1_no_text_2 .d_lit_1 .drag_content .drag_cardSlots{
	background: #FFF;
    border-radius: 10px;
    border: 1px solid #ddd;
	max-width: 100%;
}
.questions_my_literacy .d_2{
    max-width: 50%;	
}
.questions_my_literacy .d_2 .drag_cardPile{
	max-width: 90%;
    padding: 10px;
}
.questions_my_literacy .d_3{
    max-width: 100%;	
    min-width: 700px;
    width: fit-content;
}
.questions_my_literacy .d_3 .drag_cardPile{
    padding: 10px;
    width: 100%;
    width: auto;
    flex-wrap: wrap;
}
.questions_my_literacy .d_lit_2 .drag_content .drag_cardPile{
    padding: 20px 0px;	
}
.questions_my_literacy .d_lit_2 .drag_content .drag_cardSlots{
	padding: 0px;
	background: transparent;
}
.questions_my_literacy .d_lit_2 .drag_content .drag_cardSlots_images{
	padding: 0px;
}
.questions_literacy_split_fullwidth .question_body_text_internal_wrapper .literacy_text_image .literacy_text_internal .literacy_text_wrapper{
    width: 90%;
    height: 90%;
    margin: 5%;
}
.questions_literacy_split_fullwidth .question_body_text_internal_wrapper .literacy_text_image .literacy_text_internal .literacy_text_wrapper .literacy_internal_text{
    padding-top: 2%;	
}
.questions_my_literacy .mc_lit_1, .mc_lit_2, .mc_lit_3{
    /* min-width: 520px !important; */
    width: 100%;
}
.my_literacy_width .question_body_split #question_mc_image_answers .mc_lit_1{
	min-width: 100% !important;
	width: 100% !important;
	max-width: 520px;
	min-width: 320px !important;
}
.my_literacy_width .question_body_split #question_mc_image_answers .mc_lit_1 .audio_wrapper_mc_lit_1{
    right: 0px;
}
.questions_my_literacy .mc_lit_3_images{
	min-width: auto !important;
    width: auto !important;	
    clear: none;
	height: 100%;
	margin: 0px 5px;
}
.questions_my_literacy .mc_lit_3_images label{
	width: 150px !important;
	height: 150px !important;
	padding-left: 0;
}
.questions_my_literacy .mc_lit_3_images label img{
    pointer-events: none;
}
.questions_my_literacy .fi_wrapper_row{
	background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
	overflow: visible;
    display: table;
    width: min-content;
    max-width: 90%;
}
.questions_my_literacy .fi_wrapper_row .fi_5_wrapper:last-child{
	border-bottom: 0;
}
.questions_my_literacy .fi_6_3{
	width: 600px;
}
.questions_my_literacy .fi_6_3 select{
	width: 180px;
}
.questions_my_literacy .fi_6_3 .fi_6_wrapper{
	width: 200px;
}
.questions_my_literacy .fi_6_3 .fi_6_wrapper .fi_6_dropdown{
	width: 200px;
}
.questions_my_literacy .fi_6_3 .fi_6_wrapper .fi_6_image{
	width: 180px;
    height: 180px;
    margin: 0 auto;
    float: none;
}
.questions_my_literacy .fi_6_4{
	width: 600px;
	padding: 10px;
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.questions_my_literacy .fi_6_4 .fi_6_wrapper .fi_6_image{
	width: 180px;
    height: 180px;
    margin: 0 auto;
    float: none;
}
.myliteracy_grade{
	left: 25px;
    right: unset;
    top: 5px;
}
.questions_literacy .fi_wrapper_row{
  background: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
  overflow: visible;
    display: table;
    width: min-content;
    max-width: 90%;
}
.questions_literacy .fi_wrapper_row .fi_wrapper img{
  position: relative;
  transform: none;
  top: 0;
  max-height: unset;
  max-width: unset;
}
#myn_reward_wrapper{
	width: 100%;
    height: 100%;
    background: #2f115e;
    color: #FFF;
    overflow: hidden;
}
#myn_reward_wrapper #myn_reward_border{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0,0,0,0.4);
    z-index: 2;
}
#myn_reward_stars_wrapper{
	width: 100%;
    height: 100%;
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;	
}
#myn_reward_stars_wrapper .myn_reward_star_item{
    width: 25%;
    float: left;
    height: 100%;
    position: relative;	
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper{
	width: 150px;
    height: 150px;
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    margin: auto;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper .myn_start_wrapper_outline{
    background: url(../images/my_numeracy_star_outline.svg) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100%;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper .myn_start_wrapper_item{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: 100%;	
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper .myn_start_wrapper_item_1{
	background: url(../images/proficiency_stars_20.svg) no-repeat;	
	background-size: 100%;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper .myn_start_wrapper_item_2{
	background: url(../images/proficiency_stars_40.svg) no-repeat;
	background-size: 100%;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper .myn_start_wrapper_item_3{
	background: url(../images/proficiency_stars_60.svg) no-repeat;
	background-size: 100%;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper .myn_start_wrapper_item_4{
	background: url(../images/proficiency_stars_80.svg) no-repeat;
	background-size: 100%;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_star_wrapper .myn_start_wrapper_item_5{
	background: url(../images/proficiency_stars_100.svg) no-repeat;	
	background-size: 100%;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_reward_background{
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    border-radius: 15px;
    position: absolute;
    width: 80%;
    height: 60%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.myn_reward_1 .myn_reward_star_item .myn_reward_background{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(245, 223, 121, 0.3) 75%);	
}
.myn_reward_2 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
}
.myn_reward_3 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(247, 182, 176, 0.3) 75%);
}
.myn_reward_4 .myn_reward_star_item .myn_reward_background, .myn_reward_14 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(165, 211, 202, 0.3) 75%);
}
.myn_reward_5 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(216, 205, 236, 0.3) 75%);
}
.myn_reward_6 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(245, 223, 121, 0.3) 75%);
}
.myn_reward_7 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(245, 223, 121, 0.3) 75%);
}
.myn_reward_13 .myn_reward_star_item .myn_reward_background{
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
}
.myn_reward_17 .myn_reward_star_item .myn_reward_background{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(245, 223, 121, 0.3) 75%);	
}
.myn_reward_18 .myn_reward_star_item .myn_reward_background{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(245, 223, 121, 0.3) 75%);	
}
.myn_reward_19 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
}
.myn_reward_20 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(180, 215, 235, 0.3) 75%);
}
.myn_reward_21 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(247, 182, 176, 0.3) 75%);
}
.myn_reward_22 .myn_reward_star_item .myn_reward_background{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 75% , rgba(247, 182, 176, 0.3) 75%);
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_reward_title{
	position: absolute;
    width: 60%;
    height: 15%;
    border-radius: 5px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5%;
    text-align: center;
    color:#666;
}
.myn_reward_1 .myn_reward_star_item .myn_reward_title{
    background: rgba(245, 223, 121, 0.5);	
}
.myn_reward_2 .myn_reward_star_item .myn_reward_title, .myn_reward_13 .myn_reward_star_item .myn_reward_title, .myn_reward_19 .myn_reward_star_item .myn_reward_title, .myn_reward_20 .myn_reward_star_item .myn_reward_title{
    background: rgba(180, 215, 235, 0.5);	
}
.myn_reward_3 .myn_reward_star_item .myn_reward_title, .myn_reward_21 .myn_reward_star_item .myn_reward_title, .myn_reward_22 .myn_reward_star_item .myn_reward_title{
    background: rgba(247, 182, 176, 0.5);	
}
.myn_reward_4 .myn_reward_star_item .myn_reward_title, .myn_reward_14 .myn_reward_star_item .myn_reward_title{
    background: rgba(165, 211, 202, 0.5);	
}
.myn_reward_5 .myn_reward_star_item .myn_reward_title{
    background: rgba(216, 205, 236, 0.5);	
}
.myn_reward_6 .myn_reward_star_item .myn_reward_title{
    background: rgba(245, 223, 121, 0.5);	
}
.myn_reward_7 .myn_reward_star_item .myn_reward_title, .myn_reward_17 .myn_reward_star_item .myn_reward_title, .myn_reward_18 .myn_reward_star_item .myn_reward_title{
    background: rgba(245, 223, 121, 0.5);	
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_reward_title .myn_reward_title_parent{
	display: table;
	width: 100%;
	height: 100%;
}
#myn_reward_stars_wrapper .myn_reward_star_item .myn_reward_title .myn_reward_title_parent .myn_reward_title_child{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
    font-weight: 600;
}
.wallpaper{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	transition: 1s ease;
	z-index: 0;
}
.wallpaper div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#canvas{
	z-index: 100000;
    position: absolute;
    left: 0;
    top: 0;
}
#my_numeracy_tile{
	width: 60px;
    height: 60px;
    bottom: -33px;
    right: -66px;
    border: 1px solid #FFF;
    bottom: -32px;
    box-shadow: none;
}
.my_numeracy_tile{
    background: red;
    box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    /* border: 2px solid #FFF; */
    border-radius: 10px;
    z-index: 10;
    z-index: 10001;
    position: absolute;
}
.my_numeracy_tile .my_numeracy_tile_icon{
    background: url(../images/my_numeracy_icons_v2.svg) no-repeat;
    background-size: 2000px;
    width: 70px;
    height: 70px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    transform: scale(0.7) translate(-6px, 0px);
    transform-origin: center;
}
.my_numeracy_tile .my_numeracy_tile_icon_literacy{
	background: url(../images/my_literacy_icons_v2.svg) no-repeat;
    background-size: 2000px;
}
#my_numeracy_tile_reward{
	position: absolute;
    width: 80px;
    height: 80px;
    left: -190px;
    right: 1px;
    margin: auto;
    top: 0;
    bottom: -190px;
    z-index: 99;
    display: none;
}
#my_numeracy_tile_reward .my_numeracy_tile_icon{
    transform: none;
}
#my_numeracy_reward_box{
	position: absolute;
    /* left: 0; */
    right: 20px;
    bottom: 20px;
    /* margin: auto; */
    width: 300px;
    height: 300px;
    z-index: 100;
    /* display: none; */
    left: auto;
}
#my_numeracy_reward_box #reward_myn_box #reward_myn_icon{
	background-size: 1060px;
    background-position: -31px -688px;	
    background-size: 178px;
    background-position: 0px 0px;
}
#my_numeracy_reward_box #reward_myn_lid{
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    width: 291px;
    height: 68px;
    border-top: 8px solid #ff6a67;
    border-left: 8px solid #ff6a67;
    border-right: 8px solid #ff6a67;
    border-bottom: 4px solid #b33535;
}
#my_numeracy_reward_box #reward_myn_box{
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 290px;
    height: 214px;
    border-left: 8px solid #ddd;
    border-right: 8px solid #ddd;
    border-bottom: 8px solid #ddd;	
}
#my_numeracy_reward_box #reward_myn_lid #reward_myn_lid_ribbon{
    top: 60px;
    height: 20px;
    border-radius: 5px;
}
.avatar_choice_myn_reward{
	left: 0;
    right: 0;
    margin: auto;
    top: 0;
    right: 0;	
    z-index: 20001;
    box-shadow: 0 10px 80px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);
    background: #FFF;
    display: none;
}
.avatar_choice_myn_reward #outfit_rewards .outfit_rewards_myn{
	display: block !important;
}
#myn_reward_picker{
    position: absolute;
    width: 500px;
    height: 500px;
    z-index: 20001;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background: #FFF;
    display: none;	
}
#myn_reward_preview .myn_avata_preview{
	position: absolute;
    width: 300px;
    height: 300px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
    background: #FFF;
    border-radius: 50%;
    background: #FFF;
}
#myn_reward_picker .myn_avata_preview .myn_avatar_preview_icon{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 20px;
    margin: auto;
    width: 75px;
    height: 75px;
    transform: scale(2);	
}
#myn_reward_picker .myn_avata_preview .myn_avatar_preview_icon span{
	background-image: url(../images/avatars/outfits/outfits.svg);
	background-size: 1950px;
	width: 100%;
    height: 100%;
    display: block;
}
#myn_sticker_back{
	display: none;
	left: 30px;
}
.myn_reward_return{
    position: absolute;
    width: 50px;
    height: 50px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    left: -70px;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: #78cdff;
}
html.non-touch .myn_reward_return:hover{
	background-color: #72c3f3;
}
.myn_reward_return span{
	background: url(../images/inlp_download.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    display: block;
    width: 40px;
    height: 40px;
    background-position: -40px 0px;
    margin: 5px;
    transform: rotate(90deg);	
}
#myn_reward_picker .myn_sticker_reward{
	display: none;
}
#myn_reward_picker .myn_reward_picker_button{
	width: 58px;
    height: 58px;
    border: 0;
    outline: 0;
    padding: 0;
    border-radius: 50%;
    background: #FFF;
    background: rgba(180, 215, 235, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
    box-shadow: inset 0 0px 4px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff;
}
html.non-touch #myn_reward_picker .myn_reward_picker_button:hover{
  /*
	-webkit-box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff !important;
    box-shadow: inset 0 1px 13px rgba(0,0,0,.39), 0 -1px 1px #fff, 0 1px 0 #fff !important;
    */
  z-index:10;
}
html.non-touch #myn_reward_picker .myn_reward_picker_button:hover span{
  border-radius: 50%;
  box-shadow: 0 10px 80px rgb(0 0 0 / 40%);
  -webkit-box-shadow: 0 10px 80px rgb(0 0 0 / 40%);
  border: 2px solid #FFF; 
  background-color:#FFF;
  transform:scale(2);
}
#myn_reward_picker .avatar_icons_outfit_locked{
	box-shadow: none;
}
#myn_reward_picker .avatar_icons_outfit_locked:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    width: 58px;
    height: 58px;
    top: 0;
    left: 0;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 2000px;
    background-position: -330px -172px;
    /* border: 2px solid #a3bdc5; */
    border-radius: 50%;
    background-color: rgba(180, 215, 235, 0.4);
}
html.non-touch #myn_reward_picker .myn_reward_picker_button:hover:after{
	display: none;
}
#myn_reward_preview{
	display: none;
	position: absolute;
    width: 500px;
    height: 500px;
    z-index: 20001;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background: #FFF;
}
#myn_reward_preview .myn_avata_preview .myn_avatar_preview_icon{
    transform: translate(0px , 0px);
    width: 58px;
    height: 58px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;	
}
#myn_reward_preview .myn_avata_preview .myn_avatar_submit{
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    bottom: 50px;
    font-size: 20px;
    padding: 0;
    border: 0;
    background: #78cdff;
}
html.non-touch #myn_reward_preview .myn_avata_preview .myn_avatar_submit:hover{
	background: #72c3f3;
}
#myn_reward_preview .myn_avata_preview .myn_avatar_submit div{
    background-image: url(../images/avatars/outfits/outfits.svg);
    position: absolute;
    width: 30px;
    height: 30px;
    left: 5px;
    top: 5px;
    background-size: 1350px;
    background-position: -228px -121px;
    background-color: #FFF;
    border-radius: 5px;	
}
#myn_reward_preview_icon{
	display: none;
	z-index: 20002;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#myn_reward_preview_icon .myn_avatar_preview_icon{
	display: none;
	width: 58px;
    height: 58px;
    position: absolute;
    top: -60px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    transform: translate(0px , 0px);
}
#myn_reward_preview_icon .myn_avatar_preview_icon_2023 span{
  background-image: url(../images/avatars/outfits/outfits_2023.svg);
  display: block;
  width: 50px;
  height: 50px;
  background-size: 1300px;
  background-repeat: no-repeat;
  transform: scale(3);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(1){
    transform: translate(0px, -216px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(2){
  transform: translate(68px, -204px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(2) span{
    background-position: -52px -4px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(3){
  transform: translate(130px, -173px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(3) span{
    background-position: -106px -1px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(4){
    transform: translate(178px, -125px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(4) span{
  background-position: -158px -1px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(5){
    transform: translate(207px, -65px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(5) span{
  background-position: -209px -1px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(6){
  transform: translate(216px, 0px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(6) span{
  background-position: 0px -53px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(7){
    transform: translate(207px, 65px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(7) span{
    background-position: -52px -53px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(8){
  transform: translate(178px, 125px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(8) span{
    background-position: -105px -49px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(9){
  transform: translate(130px, 173px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(9) span{
    background-position: -157px -53px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(10){
  transform: translate(68px, 204px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(10) span{
  background-position: -209px -53px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(11){
  transform: translate(0px, 216px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(11) span{
    background-position: 0px -106px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(12){
    transform: translate(-68px, 204px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(12) span{
    background-position: -53px -106px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(13){
  transform: translate(-130px, 173px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(13) span{
    background-position: -105px -106px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(14){
  transform: translate(-178px, 125px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(14) span{
  background-position: -156px -155px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(15){
    transform: translate(-207px, 65px);		
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(15) span{
    background-position: -208px -155px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(16){
  transform: translate(-216px, 0px);		
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(16) span{
    background-position: -208px -207px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(17){
  transform: translate(-207px, -65px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(17) span{
    background-position: -156px -203px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(18){
  transform: translate(-178px, -125px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(18) span{
  background-position: -105px -203px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(19){
  transform: translate(-130px, -173px);	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(19) span{
  background-position: -53px -203px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(20){
    transform: translate(-68px, -204px);		
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(20) span{
    background-position: 0px -203px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(21){
    transform: translate(117px, -111px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(21) span{
  background-position: -576px -53px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(22){
    transform: translate(159px, -25px); 
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(22) span{
    background-position: -576px -102px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(23){
    transform: translate(145px, 73px); 
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(23) span{
  background-position: -574px -152px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(24){
    transform: translate(75px, 141px); 
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(24) span{
  background-position: -574px -205px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(25){
    transform: translate(-24px, 159px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(25) span{
  background-position: -574px -259px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(26){
    transform: translate(-116px, 113px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(26) span{
    background-position: -624px -3px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(27){
    transform: translate(-159px, 26px); 
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(27) span{
  background-position: -627px -56px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(28){
    transform: translate(-146px, -72px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(28) span{
    background-position: -627px -106px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(29){
     transform: translate(-76px, -142px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(29) span{
    background-position: -627px -158px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(30){
    transform: translate(23px, -156px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(30) span{
  background-position: -627px -213px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(31){
    transform: translate(56px, -103px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(31) span{
    background-position: -262px -3px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(32){
  transform: translate(102px, -49px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(32) span{
  background-position: -259px -261px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(33){
    transform: translate(114px, 19px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(33) span{
    background-position: -209px -261px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(34){
     transform: translate(84px, 81px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(34) span{
    background-position: -159px -261px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(35){
  transform: translate(19px, 113px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(35) span{
    background-position: -105px -261px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(36){
  transform: translate(-55px, 106px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(36) span{
    background-position: -51px -261px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(37){
    transform: translate(-103px, 54px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(37) span{
    background-position: -262px -50px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(38){
    transform: translate(-115px, -18px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(38) span{
  background-position: -260px -104px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(39){
  transform: translate(-85px, -81px);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(39) span{
  background-position: -260px -157px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(40){
    transform: translate(-21px, -110px);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(40) span{
    background-position: -260px -210px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(41){
  transform: translate(-27px, -162px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(41) span{
  background-position: -988px -53px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(42){
    transform: translate(77px, -150px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(42) span{
    background-position: -988px -208px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(43){
    transform: translate(156px, -76px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(43) span{
  background-position: -936px -158px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(44){
    transform: translate(167px, 26px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(44) span{
  background-position: -1041px -53px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(45){
  transform: translate(124px, 121px) scale(0.6);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(45) span{
  background-position: -988px -106px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(46){
  transform: translate(28px, 165px) scale(0.6);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(46) span{
  background-position: -936px -210px;	
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(47){
  transform: translate(-78px, 153px) scale(0.6); 
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(47) span{
  background-position: -990px -1px;	 
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(48){
  transform: translate(-151px, 76px) scale(0.6);  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(48) span{
  background-position: -988px -156px;  
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(49){
  transform: translate(-166px, -23px) scale(0.6);   
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(49) span{
  background-position: -1041px -1px;		
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(50){
  transform: translate(-123px, -118px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(50) span{
  background-position: -936px -260px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(51){
  transform: translate(14px, -70px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(51) span{
  background-position: -313px -157px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(52){
  transform: translate(50px, -50px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(52) span{
  background-position: -313px -210px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(53){
  transform: translate(70px, -8px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(53) span{
  background-position: -313px -260px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(54){
  transform: translate(65px, 34px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(54) span{
  background-position: -523px 0px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(55){
  transform: translate(33px, 64px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(55) span{
  background-position: -523px -50px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(56){
  transform: translate(-11px, 72px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(56) span{
  background-position: -523px -106px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(57){
  transform: translate(-51px, 55px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(57) span{
 background-position: -523px -156px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(58){
  transform: translate(-71px, 15px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(58) span{
  background-position: -523px -206px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(59){
  transform: translate(-65px, -32px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(59) span{
  background-position: -523px -260px;
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(60){
  transform: translate(-31px, -59px) scale(0.6);
}
.myn_reward_picker_2023 .myn_reward_picker_icon:nth-child(60) span{
  background-position: -573px 0px;
}
#myn_reward_picker .myn_reward_picker_button:before{
	display: none;
}
html.non-touch #myn_reward_picker .myn_reward_picker_button:hover{
	background: #FFF;
}
#myn_reward_picker .myn_reward_picker_button_2023 span{
  background-image: url(../images/avatars/outfits/outfits_2023.svg);
  display: block;
  width: 50px;
  height: 50px;
  background-size: 1300px;
  background-repeat: no-repeat;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  top: 0 !important;
}
#myn_reward_circles{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;	
}
#myn_reward_circles .myn_reward_circles_child{
    position: absolute;
    width: 750px;
    height: 750px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FFF;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(96,2,2,1) 84%);
    box-shadow: 0 10px 80px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);	
    background: #FFF;
    display: none;
}
#myn_reward_circles .myn_reward_circles_child #myn_reward_text{
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../images/avatars/outfits/reward_text.svg);
	display: none;
}
.rotate-center {
	-webkit-animation: rotate-center 60s linear infinite both;
	        animation: rotate-center 60s linear infinite both;
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.bullets{
	list-style: initial !important;
	padding-left: 20px;
}
.bullets_bubbles{
	list-style: initial !important;
	padding-left: 20px;
}
.sticker_lock:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 2500px;
    background-position: -410px -210px;		
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}
.sticker_lock_drag{
	pointer-events: none;
}
#reward_4 #sticker_pack_0 .reward_main_icons:after{
	background-size: 1500px;
    background-position: -249px -130px;
}
#sticker_wall{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent !important;
    top:100px;
}
#sticker_trash{
    position: absolute;
    width: 100px;
    height: 100px;
    left: 0;
    bottom: 0px;
    background-image: url(../images/avatars/outfits/outfits.svg) !important;
    background-size: 1600px !important;
    width: 50px;
    height: 50px;
    min-width: 50px !important;
    background-position: -72px -201px !important;
    z-index: 0;
    background-color: rgba(212, 212, 212, 0.5);
    min-width: 100px;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    border-top-right-radius: 10px;
    left: 0px;
    display: none;
    margin: 0;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
}
.sticker_wall_active{
	z-index: 10003 !important;
}
#sticker_wrapper{
    position: absolute;
    /*
    background: #FFF;
    background: rgba(255, 255, 255, 0.4);
    background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
    */
    width: 100%;
    height: 100px;
    top: 0px;
    z-index: 10004;
    display: none;
}
#sticker_wrapper .sticker_pack{
	width: 600px !important;
    position: relative;
    /*
    height: 600px;
    top: 50%;
    -webkit-transform: translate(0px, -250px);
    transform: translate(0px, -300px);
    display: none;
    */
}
#sticker_wrapper #sticker_home{
    width: 720px;
    margin: 0 auto;
    height: 100px;	
    position: absolute;
    left: 0;
    right: 0;
    display: none;
}
#sticker_wrapper #sticker_edit{
    width: 100px;
    margin: 0 auto;
    height: 100px;	
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    display: none;
}
#sticker_wrapper #sticker_home .sticker_icons{
    width: 90px;
    height: 90px;
    float: left;
    margin: 5px;
    cursor: pointer;
}
#sticker_wrapper #sticker_home .sticker_icons div{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
#sticker_wrapper #sticker_home .reward_menu_icons{
	width: 80px;
	height: 80px;
}
html.non-touch #sticker_wrapper #sticker_home .reward_menu_icons:hover{
	border: 5px solid #FFF;
}
#sticker_wrapper #sticker_home .reward_menu_icons div{
	background-color: rgba(255, 255, 255, 0.6);
	background-color: rgb(67, 152, 204, 0.3);
}
#sticker_wrapper #sticker_home .reward_menu_icons:nth-child(1) div{
	background-position: -1326px -312px;	
}
#sticker_wrapper #sticker_home .reward_menu_icons:nth-child(2) div{
    background-position: -1324px -390px;	
}
#sticker_wrapper #sticker_home .reward_menu_icons:nth-child(3) div{
    background-position: -1402px 2px;	
}
#sticker_wrapper #sticker_home .reward_menu_icons:nth-child(4) div{
	background-position: -1402px -78px;	
}
#sticker_wrapper #sticker_home .reward_menu_icons:nth-child(5) div{
    background-position: -1402px -157px;	
}
#sticker_wrapper #sticker_home .reward_menu_icons:nth-child(6) div{
    background-position: -1481px -384px;
}
#sticker_wrapper #sticker_home .reward_menu_icons:nth-child(7) div{
    background-position: -1714px -156px;	
}
#sticker_item_10_13 div{
	background-position: -1409px -195px;
    background-size: 1600px;
    width: 60px;
    height: 60px;
}
#sticker_wrapper .rewards_common{
	top: 0px;
	width: 100%;
	position: absolute;
    left: 0;
    right: 0;
    height: 100px;
    margin: 0 auto;
    display: none;
}
#sticker_wrapper .rewards_common_main{
	opacity: 1 !important;
}
#sticker_wrapper .rewards_common .reward_main_wrapper{
    height: 100px;
    position: absolute;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.reward_main_icons{
    width: 80px;
    height: 80px;
    float: left;
    margin: 5px;
    border-radius: 50%;
    background: #FFF;
	background: rgba(255, 255, 255, 0.6);
    position: relative;
    border: 5px solid transparent;
    cursor: pointer;
    box-shadow: none;
    z-index: 12;
    min-width: 80px !important;
}
html.non-touch #sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons:hover{
	border: 5px solid #FFF;
}
.frame_wallpaper_icons{
	min-width: 80px;
	border-radius: 10px;
}
.reward_main_icons div{
	width: 75px;
	height: 75px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.reward_main_icons div{
	background-image: url(../images/avatars/outfits/outfits.svg);
	background-size: 1950px;
    background-repeat: no-repeat;
}
.reward_wallpaper_icons div{
    background-position: -1089px -323px !important;	
}
#sticker_start_edit div{
	background-position: -523px -373px;
    background-size: 4000px;	
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_0 div{
	background-position: -469px -3px;
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_1 div{
    background-position: -469px -157px;		
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_2 div{
	background-position: -468px -80px;   
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_3 div{
    background-position: -469px -236px;	
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_4 div{
    background-position: -470px -314px;	
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_5 div{
	background-position: -469px -391px;	
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_6 div{
	background-position: -1326px -4px;
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_7 div{
	background-position: -1327px -83px;
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_8 div{
    background-position: -1327px -159px;	
}
#sticker_wrapper .rewards_common .reward_main_wrapper .reward_main_icons_1_9 div{
    background-position: -1327px -236px;	
}
.reward_main_icons_2_32 div{
    background-position: -394px -6px;	
}
.reward_main_icons_2_33 div{
	background-position: -391px -390px;
}
.reward_main_icons_2_34 div{
	background-position: -313px -390px;	
}
.reward_main_icons_2_35 div{
    background-position: -237px -390px;	
}
.reward_main_icons_2_36 div{
	background-position: -159px -390px;	
}
.reward_main_icons_2_37 div{
    background-position: -79px -390px;	
}
.reward_main_icons_2_38 div{
	background-position: -394px -76px;	
}
.reward_main_icons_2_39 div{
    background-position: -394px -158px;	
}
.reward_main_icons_2_40 div{
    background-position: -391px -236px;	
}
.reward_main_icons_2_41 div{
    background-position: -391px -313px;	
}
#sticker_wrapper #sticker_pack_1 .reward_main_wrapper .reward_main_icons span{
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    background-color: #4298cc;
    background-size: 100%;
}
#sticker_wrapper #reward_3 .rewards_common .sticker_item_style{
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin: 5px;
    border: 5px solid transparent;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    margin-top: 17px;
}
html.non-touch #sticker_wrapper #reward_3 .rewards_common .sticker_item_style:hover{
	background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;	
    border: 5px solid #FFF;	
}
#sticker_wrapper #reward_3 .rewards_common .sticker_item_style .sticker_item_pic .sticker_item_fixed{
	width: 56px;
    height: 56px;
    min-width: 56px;
}
#sticker_wrapper #reward_3 .rewards_common .sticker_item_style .sticker_item_pic{
    width: 56px;
    height: 56px;
    min-width: 56px;
}
#sticker_wrapper #reward_3 .rewards_common .reward_menu_items{
	border-radius: 50%;
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    position: relative;
    border: 5px solid transparent;
    cursor: pointer;
    width: 66px;
    height: 66px;
    min-width: 66px !important;
}
html.non-touch #sticker_wrapper #reward_3 .rewards_common .reward_menu_items:hover{
	border-radius: 50%;
	border: 5px solid #FFF;
}
#sticker_wrapper #reward_3 .rewards_common .frame_color{
	margin: 5px;
	margin-top: 10px;
}
#sticker_wrapper #reward_3 .rewards_common .frame_color div{
    border-radius: 50%;
    background: #FFF;
    width: 50px;
    height: 50px;
    margin: 8px;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_1 div{
	background: #FFFFFF;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_1 div{
	background: #ffb3ba;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_2 div{
	background: #ffdfba;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_3 div{
	background: #ffffba;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_4 div{
	background: #baffc9;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_5 div{
	background: #bae1ff;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_6 div{
	background: #eac0ee;
}
#sticker_wrapper #reward_3 .rewards_common  #sticker_item_13_7 div{
	background: #4ca3dd;
}
.customcolor_0{
	border-bottom-color: #f7f6f2;
    border-left-color: #eee;
    border-right-color: #eee;
    border-top-color: #ddd;
}
.customcolorborder_0{
	border: 6px solid #f7f6f2 !important;
}
.customcolor_1{
	border-bottom-color: #ffc9ce;
    border-left-color: #ffb3ba;
    border-right-color: #ffb3ba;
    border-top-color: #e5a1a7;
    background: #e0acb1 !important;
}
.customcolorborder_1{
	border: 6px solid #ffc9ce !important;
}
.customcolor_2{
	border-bottom-color: #ffe8ce;
    border-left-color: #ffdfba;
    border-right-color: #ffdfba;
    border-top-color: #e5c8a7;
    background: #efd2b1 !important;
}
.customcolorborder_2{
	border: 6px solid #ffe8ce !important;
}
.customcolor_3{
    border-bottom-color: #ffffdc;
    border-left-color: #ffffba;
    border-right-color: #ffffba;
    border-top-color: #e5e5a7;
    background: #ececa4!important;
}
.customcolorborder_3{
	border: 6px solid #ffffdc !important;
}
.customcolor_4{
    border-bottom-color: #dcffe4;
    border-left-color: #baffc9;
    border-right-color: #baffc9;
    border-top-color: #a7e5b4;
    background: #a1e8b0 !important;
}
.customcolorborder_4{
	border: 6px solid #dcffe4 !important;
}
.customcolor_5{
    border-bottom-color: #d5edff;
    border-left-color: #bae1ff;
    border-right-color: #bae1ff;
    border-top-color: #a7cae5;
    background: #add3f1 !important;
}
.customcolorborder_5{
	border: 6px solid #d5edff !important;
}
.customcolor_6{
    border-bottom-color: #f2d9f4;
    border-left-color: #eac0ee;
    border-right-color: #eac0ee;
    border-top-color: #cda4d2;
    background: #d8aadc !important;
}
.customcolorborder_6{
	border: 6px solid #f2d9f4 !important;
}
.customcolor_7{
    border-bottom-color: #81bee7;
    border-left-color: #4ca3dd;
    border-right-color: #4ca3dd;
    border-top-color: #4492c6;
    background: #49a3de!important;
}
.customcolorborder_7{
	border: 6px solid #81bee7 !important;
}
#sticker_wrapper #reward_4 .reward_main_wrapper{
	height: 40px;
    top: 25px;
}
#sticker_wrapper #reward_4 .reward_main_wrapper .reward_main_icons{
    margin: 2px;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid transparent;
	border-radius: 5px;
}
html.non-touch #sticker_wrapper #reward_4 .reward_main_wrapper .reward_main_icons:hover{
	border: 2px solid #FFF !important;
}
#sticker_wrapper #reward_4 .reward_main_wrapper .reward_main_icons div{
    width: 42px !important;
    height: 42px !important;
    background-size: 1000px !important;
}
.reward_main_icons_4_0 div{
	background-position: 0px 0px;
}
.reward_main_icons_4_1 div{
	background-position: -39px 0px;	
}
.reward_main_icons_4_2 div{
	background-position: -79px 0px;	
}
.reward_main_icons_4_3 div{
	background-position: -119px 0px;	
}
.reward_main_icons_4_4 div{
    background-position: -158px 0px;	
}
.reward_main_icons_4_5 div{
    background-position: 0px -39px;	
}
.reward_main_icons_4_6 div{
	background-position: -39px -39px;	
}
.reward_main_icons_4_7 div{
    background-position: -79px -39px;	
}
.reward_main_icons_4_8 div{
	background-position: -119px -39px;
}
.reward_main_icons_4_9 div{
	background-position: -158px -39px;	
}
.reward_main_icons_4_10 div{
	background-position: 0px -79px;	
}
.reward_main_icons_4_11 div{
    background-position: -39px -79px;	
}
.reward_main_icons_4_12 div{
    background-position: -79px -79px;
}
.reward_main_icons_4_13 div{
	background-position: -119px -119px;	
}
.reward_main_icons_4_14 div{
     background-position: -158px -119px;	
}
.reward_main_icons_4_15 div{
   background-position: -158px -158px;
}
.reward_main_icons_4_16 div{
	background-position: -119px -158px;
}
.reward_main_icons_4_17 div{
    background-position: -79px -158px;		
}
.reward_main_icons_4_18 div{
   background-position: -39px -158px; 	
}
.reward_main_icons_4_19 div{
   background-position: 0px -158px; 
}
.reward_item{
    z-index: 10;
    border: 0;
    background: transparent;
    box-shadow: none;
	margin: 2px;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid transparent;
}
.reward_item div{
    width: 42px !important;
    height: 42px !important;
    background-size: 1000px !important;
    background-image: url(../images/avatars/outfits/outfits.svg) !important;
    background-repeat: no-repeat !important;
}
.sticker_item_style .sticker_drop_zone{
	display: none;
    height: 100%;
    position: absolute;
    margin: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    min-width: 100%;
    z-index: 10;
    border: 5px solid #FFF;
    margin: -5px;
    border-radius: 5px;
}
.sticker_item_style .hovered{
    background: rgba(0, 0, 0, 0.3) !important;	
}
.sticker_item_style .sticker_item_pic .user_outfit{
    background-size: 2500px;
	background-image: url(../images/avatars/outfits/outfits.svg);
    background-repeat: no-repeat;
}
.sticker_item_style .sticker_item_pic .user_outfit_0{
	background-image: none;
}
.sticker_item_style .sticker_item_pic .user_outfit_1{
	background-position: 0px 0px;
}
.sticker_item_style .sticker_item_pic .user_outfit_2{
	background-position: -100px 0px;
}
.sticker_item_style .sticker_item_pic .user_outfit_3{
	background-position: -200px 0px;	
}
.sticker_item_style .sticker_item_pic .user_outfit_4{
	background-position: -300px 0px;	
}
.sticker_item_style .sticker_item_pic .user_outfit_5{
	background-position: -400px 0px;
}
.sticker_item_style .sticker_item_pic .user_outfit_6{
	background-position: 0px -90px;
}
.sticker_item_style .sticker_item_pic .user_outfit_7{
	background-position: -100px -90px;
}
.sticker_item_style .sticker_item_pic .user_outfit_8{
	background-position: -200px -90px;
}
.sticker_item_style .sticker_item_pic .user_outfit_9{
	background-position: -300px -90px;
}
.sticker_item_style .sticker_item_pic .user_outfit_10{
	background-position: -400px -90px;
}
.sticker_item_style .sticker_item_pic .user_outfit_11{
	background-position: 0px -200px;
}
.sticker_item_style .sticker_item_pic .user_outfit_12{
	background-position: -100px -200px;
}
.sticker_item_style .sticker_item_pic .user_outfit_13{
	background-position: -200px -200px;
}
.sticker_item_style .sticker_item_pic .user_outfit_14{
	background-position: -300px -300px;
}
.sticker_item_style .sticker_item_pic .user_outfit_15{
	background-position: -400px -300px;
}
.sticker_item_style .sticker_item_pic .user_outfit_16{
	background-position: -400px -390px;
}
.sticker_item_style .sticker_item_pic .user_outfit_17{
	background-position: -300px -390px;
}
.sticker_item_style .sticker_item_pic .user_outfit_18{
	background-position: -200px -390px;
}
.sticker_item_style .sticker_item_pic .user_outfit_19{
	background-position: -100px -390px;
}
.sticker_item_style .sticker_item_pic .user_outfit_20{
	background-position: 0px -390px;	
}
.sticker_item_style .sticker_item_pic .user_hat{
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    pointer-events: none;
}
.sticker_item_style .sticker_item_pic .user_avatar_glasses{
	width: 100px;
    height: 100px;
    left: 0;
    right: 0;
    margin: auto;
    top: -10px;
    position: absolute;
    z-index: 3;
}
.sticker_item_style .sticker_item_pic .user_avatar_bowtie{
    bottom: -30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    z-index: 2;	
}
.sticker_item_10_3 .sticker_item_pic .user_hat{
    top: -45px;
}
.sticker_item_11_5 .sticker_item_pic .user_hat{
    top: -45px;	
}
.sticker_item_10_11 .sticker_item_pic .user_avatar_glasses{
	top: 0px;
}
.frame_static{
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin: 5px;
    border: 5px solid transparent;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    margin-top: 15px !important;	
}
.frame_static .sticker_item_pic .sticker_item_fixed{
    width: 53px !important;
    height: 53px !important;
    min-width: 53px;
    background-image: url(../images/avatars/outfits/frame_sprite.svg) !important;
    background-size: 370px !important;
    background-repeat: no-repeat !important;
}
.sticker_item_12_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -4px -4px;
}
.sticker_item_12_2 .sticker_item_pic .sticker_item_fixed{
    background-position: -65px -4px;	
}
.sticker_item_12_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -126px -4px;	
}
.sticker_item_12_4 .sticker_item_pic .sticker_item_fixed{
    background-position: -188px -4px;	
}
.sticker_item_12_5 .sticker_item_pic .sticker_item_fixed{
    background-position: -250px -4px;	
}
.sticker_item_12_6 .sticker_item_pic .sticker_item_fixed{
    background-position: -312px -4px;	
}
.sticker_item_style .sticker_item_pic .sticker_item_10_1{
	background: url(../images/avatars/s_1.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_2{
	background: url(../images/avatars/s_2.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_3{
	background: url(../images/avatars/s_3.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_4{
	background: url(../images/avatars/s_4.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_5{
	background: url(../images/avatars/s_5.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_6{
	background: url(../images/avatars/s_6.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_7{
	background: url(../images/avatars/s_7.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_8{
	background: url(../images/avatars/s_8.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_9{
	background: url(../images/avatars/s_9.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_10{
	background: url(../images/avatars/s_10.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_11{
	background: url(../images/avatars/s_11.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_10_12{
	background: url(../images/avatars/s_12.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_1{
	background: url(../images/avatars/p_1.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_2{
	background: url(../images/avatars/p_2.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_3{
	background: url(../images/avatars/p_3.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_4{
	background: url(../images/avatars/p_4.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_5{
	background: url(../images/avatars/p_5.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_6{
	background: url(../images/avatars/p_6.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_7{
	background: url(../images/avatars/p_7.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_8{
	background: url(../images/avatars/p_8.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_9{
	background: url(../images/avatars/p_9.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_10{
	background: url(../images/avatars/p_10.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_11{
	background: url(../images/avatars/p_11.svg) !important;
	background-size: cover !important;
}
.sticker_item_style .sticker_item_pic .sticker_item_11_12{
	background: url(../images/avatars/p_12.svg) !important;
	background-size: cover !important;
}
.sticker_icon_style{
	width: 100px;
    height: 100px;
}
.sticker_item_style{
    min-width: auto;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
	cursor: pointer;
	float: left;
	position: relative;
}
.sticker_item_style .sticker_scale{
    width: 80%;
    height: 80%;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;	
}
.sticker_item_style .sticker_item_pic{
	width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: auto;
    box-shadow: none;
    background: transparent;
    border: 0;
    margin: auto;
    z-index: 2;
}
.sticker_item_style .sticker_zoom{
    width: 80px;
    height: 80px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.sticker_item_style .sticker_item_pic .sticker_item_fixed{
	background-image: url(../images/avatars/outfits/outfits.svg);	
	background-size: 2875px;
	width: 100px;
    height: 100px;
    margin: auto;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.sticker_item_style .sticker_handle{
    position: absolute;
    width: 80%;
    height: 80%;
    z-index: 3;
    border-radius: 50%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.sticker_item_style .sticker_edit{
	position: absolute;
    width: 30px;
    height: 30px;
    background: #FFF;
    border-radius: 50%;
    display: none;
    bottom: -15px;
    right: -15px;
    z-index: 3;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 2500px;
    background-position: -38px -532px;
    cursor: pointer;
}
.sticker_item_style .sticker_add{
	position: absolute;
    width: 30px;
    height: 30px;
    background: #FFF;
	bottom: -15px;
    left: -15px;
    border-radius: 50%;
    display: none;
    z-index: 3;
    background-image: url(../images/avatars/outfits/outfits.svg);
    background-size: 1500px;
    background-position: -247px -178px;
    cursor: pointer;
}
#sticker_wrapper .sticker_pack .sticker_item_style{
	position: relative;
	cursor: pointer;
}
html.non-touch #sticker_wrapper .sticker_pack .sticker_item_style:hover{
	background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
}
.sticker_item_0_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1043px -3px;	
}
.sticker_item_0_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1043px -121px;
}
.sticker_item_0_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1043px -238px;	
}
.sticker_item_0_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1043px -352px;	
}
.sticker_item_0_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1043px -467px;	
}
.sticker_item_0_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1043px -582px;	
}
.sticker_item_1_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -931px -3px;	
}
.sticker_item_1_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -931px -121px;
}
.sticker_item_1_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -931px -238px;	
}
.sticker_item_1_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -931px -352px;	
}
.sticker_item_1_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -931px -467px;	
}
.sticker_item_1_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -931px -582px;	
}
.sticker_item_2_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -821px -3px;	
}
.sticker_item_2_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -821px -121px;
}
.sticker_item_2_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -821px -238px;	
}
.sticker_item_2_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -821px -352px;	
}
.sticker_item_2_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -821px -467px;	
}
.sticker_item_2_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -821px -582px;	
}
.sticker_item_3_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1160px -3px;	
}
.sticker_item_3_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1160px -121px;
}
.sticker_item_3_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1160px -238px;	
}
.sticker_item_3_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1160px -352px;	
}
.sticker_item_3_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1160px -467px;	
}
.sticker_item_3_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1160px -582px;	
}
.sticker_item_4_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1273px -3px;	
}
.sticker_item_4_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1273px -121px;
}
.sticker_item_4_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1273px -238px;	
}
.sticker_item_4_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1273px -352px;	
}
.sticker_item_4_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1273px -467px;	
}
.sticker_item_4_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1273px -582px;	
}
.sticker_item_5_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1387px -3px;	
}
.sticker_item_5_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1387px -121px;
}
.sticker_item_5_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1387px -238px;	
}
.sticker_item_5_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1387px -352px;	
}
.sticker_item_5_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1387px -467px;	
}
.sticker_item_5_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1387px -582px;	
}
.sticker_item_6_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1503px -6px;	
}
.sticker_item_6_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1503px -121px;
}
.sticker_item_6_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1503px -238px;	
}
.sticker_item_6_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1503px -352px;	
}
.sticker_item_6_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1503px -467px;	
}
.sticker_item_6_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1503px -582px;	
}
.sticker_item_7_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1614px -13px;	
}
.sticker_item_7_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1614px -129px;
}
.sticker_item_7_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1614px -238px;	
}
.sticker_item_7_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1614px -352px;	
}
.sticker_item_7_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1614px -467px;	
}
.sticker_item_7_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1614px -582px;	
}
.sticker_item_8_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1734px -3px;	
}
.sticker_item_8_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1734px -121px;
}
.sticker_item_8_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1734px -238px;	
}
.sticker_item_8_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1734px -352px;	
}
.sticker_item_8_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1734px -467px;	
}
.sticker_item_8_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1734px -582px;	
}
.sticker_item_9_1 .sticker_item_pic .sticker_item_fixed{
	background-position: -1847px -3px;	
}
.sticker_item_9_2 .sticker_item_pic .sticker_item_fixed{
	background-position: -1847px -121px;
}
.sticker_item_9_3 .sticker_item_pic .sticker_item_fixed{
	background-position: -1847px -238px;	
}
.sticker_item_9_4 .sticker_item_pic .sticker_item_fixed{
	background-position: -1847px -352px;	
}
.sticker_item_9_5 .sticker_item_pic .sticker_item_fixed{
	background-position: -1847px -467px;	
}
.sticker_item_9_6 .sticker_item_pic .sticker_item_fixed{
	background-position: -1847px -582px;	
}
.sticker_dropped{
	position: absolute;
	/* transform: scale(1.5); */
}
.qt_main_wrapper{
	display: flex;
	flex-direction:row;
	align-items:center;
}
.qt_txt_justify{
	text-align: justify;
	width: 100%;
	padding-right: 20px;
}
.qt_txt_center{
	text-align: center;
}
.qt_image_wrapper{
	width: 150px;	
}
.qt_image_wrapper img{
	max-height: 100px;
    max-width: 150px;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
}
.larger_text_size .question_body .mc label{
	width: 180px !important;
    height: 180px !important;
}
.larger_text_size .question_body .mc label h2{
	font-size: 1.5em !important;
}
.larger_text_size .question_body .mc label img{
	max-width: 150px !important;
}
.larger_text_size .questions_my_literacy .mc label{
	width: 150px !important;
    height: 150px !important;	
}
.larger_text_size .questions_my_literacy .mc label h2{
	font-size: 1em !important;
}
.larger_text_size .questions_my_literacy .mc label img{
	max-width: 120px !important;
}
.larger_text_size .question_body .mc_a_1 label{
	width: 150px !important;
    height: 150px !important;
}
.larger_text_size .mc_a_1_parent .mc_a_1 label h2{
	font-size: 1.5em !important;
}
.larger_text_size .mc_a_1_parent .mc_a_1 label img{
	max-width: 150px !important;
}
.larger_text_size .question_body .d .drag_content .drag_cardPile .styled_cards{
    font-size: 1.5em !important;
}
.larger_text_size .question_body .d_lit_1 .drag_content div .styled_cards{
	font-size: 1em !important;
    padding: 1px 5px !important;
}
.larger_text_size .d_lit_2_parent .d_lit_2 .drag_content .styled_cards span{
	font-size: 1.2em !important;
}
.larger_text_size .d_lit_3_parent .d_lit_3 .drag_content .styled_cards span{
	font-size: 1em !important;
}
.larger_text_size .d_lit_4_parent .d_lit_4 .drag_content .styled_cards{
	font-size: 1.3em !important;
}
.larger_text_size .fi_5_parent .fi_5_wrapper .fi_wrapper_parent .fi_wrapper{
	font-size: 1.2em !important;
}
.larger_text_size .question_body .mc_lit_1 label h2{
    font-size: 1.2em !important;	
}
.larger_text_size .question_body .mc_lit_2 label h2{
    font-size: 1.1em !important;	
}
.larger_text_size .question_body .mc_a_2 label h2{
	font-size: 1.3em !important;	
}
.larger_text_size .body_internal .literacy_image_wrapper .question_body_text .question_body_text_internal_wrapper .sync_word{
	font-size: 1.3em;	
    line-height: 1.5em;
}
.larger_text_size .ti_parent input{
	font-size: 1.5em !important;
}
.larger_text_size .fi_2_parent input{
	font-size: 1.5em !important;
}
.larger_text_size .question_body_text textarea{
	font-size: 1.3em !important;
}
.larger_text_size .question_body_text .question_body_text_internal_wrapper .question_body_text_internal{
	font-size: 1.3em !important;
}
.larger_text_size .question_side_wrapper_content .side_text{
	font-size: 1.3em !important;	
}
.larger_text_size .fi_4_parent .fi_wrapper_row .fi_wrapper div{
	font-size: 1.3em !important;
}
.larger_text_size .question_text_sub{
	font-size: 1.3em !important;
}
.larger_text_size .s_2_sortable_wrapper .s_2_left .s_2_child .s_2_child_parent .s_2_child_cell{
	font-size: 1em !important;
}
.larger_text_size .mc_grid .mc_grid_row .mc_grid_cell .mc_grid_contents .mc_grid_contents_child{
	font-size: 1.3em !important;
}
.larger_text_size .question_body .mc_lit_3 label h2{
	font-size: 1.1em !important;	
}
.larger_text_size .s_2_sortable_wrapper .s_2_right ul .s_2_child .s_2_child_wrapper .s_2_child_parent .s_2_child_child{
	font-size: 0.8em !important;
}
.larger_text_size .larger_box .hidden + label{
	height: 80px !important;
}
.font_size_1 .question_text h1{
	font-size: 1.1em !important;
}
.larger_text_size .larger_box{
	height: 80px !important;
}
.literacy_typeface .question_text{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .question_body_text .question_body_text_internal_wrapper .question_body_text_internal{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .question_body #question_mc_image_answers .mc_image_answers h2{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .drag_cardSlots{
	font-family: 'Poppins', sans-serif !important;
}
.literacy_typeface .drag_cardSlots div{
	font-family: 'Poppins', sans-serif !important;
}
.literacy_typeface .drag_cardPile div{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .drag_cardPile div span{
	font-family: 'Poppins', sans-serif !important;
}
.literacy_typeface .drag_cardSlots div span{
	font-family: 'Poppins', sans-serif !important;
}
.literacy_typeface .highlight_wrapper .sync_word{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .question_side_wrapper_content .side_text{
	font-family: 'Poppins', sans-serif !important;		
}
.literacy_typeface .questions_literacy_input input{
	font-family: 'Poppins', sans-serif !important;
}
.literacy_typeface .mc_grid .mc_grid_row .mc_grid_cell .mc_grid_contents .mc_grid_contents_child{
	font-family: 'Poppins', sans-serif !important;
}
.literacy_typeface .s_2_parent div{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .question_text_sub{
	font-family: 'Poppins', sans-serif !important;		
}
.literacy_typeface #master_text_wrapper{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .quiz_fi_input{
	font-family: 'Poppins', sans-serif !important;		
}
.literacy_typeface .input_dropdown{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .fi_wrapper{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .literacy_internal_text{
	font-family: 'Poppins', sans-serif !important;		
}
.literacy_typeface .question_body_text .writing_internal .question_body_text_internal .text_editor{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .hidden + label{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface #my_literacy_learn_me_wrapper_parent{
	font-family: 'Poppins', sans-serif;	
}
.literacy_typeface #master_wrapper .master_internal{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .mc_image_answers .mc_a_text .mc_a_text_child{
	font-family: 'Poppins', sans-serif !important;	
}
.literacy_typeface .d_3 .d_3_wrapper .d_3_child .d_3_labels{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .card_text{
	font-family: 'Poppins', sans-serif !important;
}
.literacy_typeface .mc_v2 .mc_v2_text{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .fi_6_text{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .sortable .ui-state-default{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .sortable_3_list_name{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .s_1_heading{
	font-family: 'Poppins', sans-serif;	
}
.literacy_typeface .mc_a_2_text .mc_a_2_text_internal{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .d_flow_parent .d_flow .drag_content .cardSlotsLines .cardLevel .cardLevelWrap .boxStructure .boxStructureItem .boxStructureLabel{
	font-family: 'Poppins', sans-serif;
}
.literacy_typeface .d_spider_parent .d_spider .cardSlotsLines .d_spider_style .d_spider_row .d_spider_row_wrap div .boxStructureLabel{
	font-family: 'Poppins', sans-serif;
}
#student_class_messages{
    position: absolute;
    display: block;
    width: 70px;
    height: 100px;
    top: 0;
    z-index: 10000;
    border: 0;
    width: 97px;
    border-radius: 5px;
    left: 450px;
    top: -10px;
    display: none;
    background-image: url(../images/email_icon.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
#student_class_messages .student_message_notify{
    background: #ff8282;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    position: absolute;
    top: 18px;
    line-height: 20px;
    right: 10px;
    display: none;	
}
#student_class_message_main{
    position: absolute;
    -webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.39);
    box-shadow: inset 0 0px 4px rgba(0,0,0,.39);
    border: 2px solid #FFF;
    width: 0px;
    height: 0px;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FFF;
    border-radius: 5px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.4);
    display: none;	
}
#student_class_message_main #student_class_messages_internal{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;	
}
#student_class_message_main #student_class_messages_internal #student_class_main_message{
	display: none;
}
#student_class_message_main #student_class_messages_internal .student_class_message_style{
	position: absolute;
    width: 710px;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 300px;
    top: 0;
    margin: auto;
    background: #fbfbfb;
    border-radius: 5px;
    padding: 20px;
}
#student_class_message_main #student_class_messages_internal .student_class_message_style .student_class_message_header{
	background: #ccebf3;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 1.2em;
    position: relative;
}
#student_class_message_main #student_class_messages_internal .student_class_message_style .student_class_message_header span{
	display: block;
    background: url(../images/email_icon.svg);
    position: absolute;
    width: 60px;
    height: 60px;
    left: -43px;
    background-repeat: no-repeat;
    background-size: cover;
    top: -51px;
}
#student_class_message_main #student_class_messages_internal .student_class_message_style .student_class_message_style_interior{
	font-size: 20px;
    font-weight: 100;
    border: 0;
    background: transparent;
    width: 100%;
    height: 250px;
    font-family: 'Open Sans', 'sans-serif';
}
#student_class_messages_wrapper{
	width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;	
}
#snooze_info{
  z-index: 3;
  top: 0;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgb(0 0 0 / 0%) 100%);
}
#snooze_info #snooze_panel{
  position: absolute;
  background: #FFF;
  width: 400px;
  height: 100px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  bottom: -110px;
  text-align: center;
  line-height: 20px;
  border-radius: 20px;
}
#snooze_info #snooze_panel div{
  margin-top: 45px;
}
#snooze_info #snooze_icon{
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  border: 20px solid #FFF;
}
#snooze_info #snooze_icon .snooze_icon{
  background-image: url(../images/snooze.svg);
  background-size: 300px;
  position: absolute;
  width: 100%;
  height: 100%;
}
#snooze_info #snooze_icon #snooze_icon_1{
  z-index: 3;
  background-position: -200px 0px;
}
#snooze_info #snooze_icon #snooze_icon_2{
  z-index: 2;
  background-position: -103px 0px;
}
#snooze_info #snooze_icon #snooze_icon_3{
  z-index: 1;
}
#reflection{
  display: none;
}
#reflection #reflection_heading{
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;
    font-size: 2em;
    font-weight: 100;
    background: #FFF;
    width: fit-content;
    padding: 1%;
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
    border-radius: 20px;
    color: #666;
    border: 2px solid #666;
}
#reflection #reflection_heading .audio_wrapper{
    margin: 0;
    margin-right: 10px;
}
#reflection #reflection_animations{
  display:none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#reflection #reflection_animations .reflection_animations{
  position: absolute;
  width: 100%;
  height: 100%;
}
#reflection #reflection_items{
  height: 100%;
  align-items: center;
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 0;
}
#reflection #reflection_items #reflection_item_wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#reflection #reflection_items .reflection_items{
  width: 20%;
  width: 25%;
  height: 100vh;
  opacity: 0;
  background: #FFF;
  overflow: hidden;
}
#reflection #reflection_items .reflection_items:hover .reflection_selection:before{
	content:'';
	position:absolute;
	border: 5px solid #FFF !important;
	width: 160px;
	height: 160px;
	border-radius:50px;
	left:-10px;
	top:-10px;
}
#reflection #reflection_items .reflection_items:hover .reflection_selection_active:before{
    display: none !important;
}
#reflection #reflection_items .reflection_items:before{
  background: #FFF;
  position: absolute;
  width:10px;
  height:100%;
  left: 0;
  content: '';
  z-index: 3;
  display: none;
}
#reflection #reflection_items #reflection_items_main{
  z-index: 3;
}
#reflection #reflection_items #reflection_items_1{
  z-index: 1;
}
#reflection #reflection_items #reflection_items_1:before{
  display:none;
}
#reflection #reflection_items #reflection_items_1 .reflection_color{
  background: #2548FC;
  background: #8A19FF;
}
#reflection #reflection_items #reflection_items_2{
  z-index: 2;
}
#reflection #reflection_items #reflection_items_2 .reflection_color{
  background: #8C9DF9;
  background: #B875FD;
}
#reflection #reflection_items #reflection_items_3{
  z-index: 2;
}
#reflection #reflection_items #reflection_items_3 .reflection_color{
  background: #F8E682;
}
#reflection #reflection_items #reflection_items_4{
  z-index: 1;
}
#reflection #reflection_items #reflection_items_4 .reflection_color{
  background: #FFD700;
}
#reflection #reflection_items .reflection_items .reflection_button{
  position: absolute;
  width:100%;
  height:100%;
  border: 0;
  background:transparent;
  z-index: 4;
  cursor: pointer;
}
#reflection #reflection_items .reflection_items .reflection_color{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.4;
}
#reflection #reflection_items .reflection_items .reflection_items_active + .reflection_selection:after{
  /*
  border: 5px solid #FFF !important;
  content:'';
  position:absolute;
  width: 100%;
  height: 100%;
  left:-5px;
  top:-5px;
  border-radius: 45px;
  transform:scale(1.1);
  */
  border: 5px solid #FFF !important;
  content: '';
  position: absolute;
  width: 160px;
  height: 252px;
  left: -10px;
  top: -11px;
  border-radius: 50px;
}
#reflection #reflection_items .reflection_items .reflection_wallpaper{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#reflection #reflection_items .reflection_selection{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border: 0;
  outline: 0;
  width: 150px;
  height: 150px;
  border-radius: 40px;
  background: #FFF;
  padding: 0;
  top: 0;
  bottom: 150px;
  bottom: 0;
  opacity: 0;
  z-index: 3;
}
#reflection #reflection_items .reflection_selection .reflection_selection_icon{
  position: absolute;
  width: 150px;
  height: 150px;
  z-index: 1;
}
#reflection #reflection_items .reflection_selection svg{
  position: absolute;
  top: 0;
  height: 150px !important;
  width: 150px !important;
}
#reflection #reflection_items .reflection_items .reflection_selection .reflection_confirm{
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 50px;
  background: #FFF;
  border-radius: 30px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -67px;
  border: 0;
  padding: 0;
  display:none;
}
#reflection #reflection_items .reflection_items .reflection_selection .reflection_confirm button{
  border: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  background: transparent;
  padding:0;
  cursor:pointer;
}
#reflection #reflection_items .reflection_items .reflection_selection .reflection_confirm button:first-child{
  left: 5px;
}
#reflection #reflection_items .reflection_items .reflection_selection .reflection_confirm button:first-child:hover{
  background: #f9e6e5;
}
#reflection #reflection_items .reflection_items .reflection_selection .reflection_confirm button:last-child{
  right: 5px;
}
#reflection #reflection_items .reflection_items .reflection_selection .reflection_confirm button:last-child:hover{
  background: #d2eee2;
}
#reflection #reflection_items .reflection_items .reflection_selection .reflection_confirm button svg{
  width: 42px !important;
  height: 42px !important;
  position: absolute;
  left: -1px;
  top: -1px;
}
#growth_display{
  display:none;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 3;
}
.growth_display_style{
  box-shadow: 0 10px 80px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 10px 80px rgba(0,0,0,.4);
  border-radius: 20px;
  overflow: hidden;
}
#growth_display #growth_display_interior{
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
#growth_display .growth_display_common{
  position: absolute;
  width: 100%;
  height: 100%;
}
#growth_display #growth_display_wallpaper{
  z-index: 0;
  background-size: cover;
  background-image: url(../images/growth_wallpaper.svg);
}
#growth_display #growth_display_wrapper{
  display:flex;
  z-index: 1;
}
#growth_display .growth_col{
  height: 100%;
  flex-grow: 1;
  position: relative;
}
#growth_display #growth_col_1{
  min-width: 50%;
}
#growth_display #growth_col_1 #growth_animation{
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
  margin: auto;
  pointer-events: none;
  display: flex;
  align-items: center;
}
#growth_display #growth_col_1 #growth_animation svg{
    width: 60% !important;
    margin: 0 auto;
    display: block;
    height: fit-content !important;
    max-width: 700px;
}
#growth_display #growth_col_2{
  min-width: 400px;
  max-width: 40%;
}
#growth_display #growth_col_3{
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
#growth_display .growth_col .growth_list{
  width: 350px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #FFF;
  height: fit-content;
  min-height: 400px;
  border-radius: 40px;
  max-height: 90%;
}
#growth_display #growth_col_3 .growth_list{
    background: transparent;
}
#growth_display .growth_col .growth_list .growth_list_finished{
    z-index: 1;
    position: absolute;
    background: #4298cc;
    border: 0;
    width: 80px;
    height: 80px;
    border-radius: 20px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    cursor: pointer;
}
html.non-touch .growth_col .growth_list .growth_list_finished:hover{
    background:#005587 !important;
}
#growth_display .growth_col .growth_list .growth_list_finished .growth_list_tick{
    background-image: url(../images/student_admin.svg)!important;
    background-repeat: no-repeat !important;
    background-size: 70px;
    background-position: 0px -348px;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 5px;
}
#growth_display #growth_col_2 .growth_list #growth_list_user{
  width: 120px;
  height: 120px;
  position: relative;
  background: #FFF;
  border-radius: 20px;
  margin: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -65px;
  border-radius: 50%;
}
#growth_display #growth_col_2 .growth_list #growth_list_user #growth_list_user_avatar{
  width: 80%;
  height: 80%;
  margin: 10%;
}
#growth_display #growth_col_2 .growth_list #growth_list_content{
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
  padding-top: 60px;
}
#growth_display #growth_col_2 .growth_list .growth_item_student{
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
}
#growth_display #growth_col_2 .growth_list .growth_item_student:before{
  content: '';
  background: url(../images/growth_result_v2.svg);
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: 60px;
  left: 0;
  top: 2px;
}
.snooze_target_active{
  display: none !important;
}
.nsw_html_text_largest{
	font-size: 30px;
}
.nsw_html_image{
    margin-top: 10px;
    margin-bottom: 30px;
}

.nsw_html_image img{
    height: 180px;
    margin: 0 auto;
    display: block;
}
.nsw_html_text{
    width: fit-content;
    margin: 0 auto;
}
.nsw_html_image_EST1{
    margin-top: 10px;
    margin-bottom: 30px;
}
.nsw_html_image_EST1 img{
    height: 220px;
    margin: 0 auto;
    display: block;
}
.text_align_justify{
	text-align: justify !important;
}
.text_align_justify p{
	text-align: justify !important;
}
.mc_larger_text h2{
	font-size: 1.6em;
}
.mc_largest_text h2{
	font-size: 1.3em;
}
.w_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");
}
.w_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");
}
.w_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");
}
.w_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");
}
.w_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");
}
.w_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");
}
.w_7{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='404' height='404'%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");
}
.w_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");
}
.w_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");
}
.polka_css{
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.48' 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");
}
.texture_background{
	/*
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
	*/
	z-index: 5;
}
.coconut label:before {
	/* background-color: #1fa1d2; */
	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='%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");
}
.vanilla label:before { 
	/* background-color: #1fa1d2; */
	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='%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");
}
.orange label:before { 
	/* background-color: #1fa1d2; */
	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='%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");
}
.almond label:before { 
	/* background-color: #1fa1d2; */
	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='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.grape label:before { 
	/* background-color: #1fa1d2; */
	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='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.blackberry label:before { 
	/* background-color: #1fa1d2; */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23ffffff' fill-opacity='0.4' 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");
}
.cherry label:before {
	/* background-color: #1fa1d2; */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='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");
}
.strawberry label:before {
	/* background-color: #1fa1d2; */
	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='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.raspberry label:before {
	/* background-color: #1fa1d2; */
	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='%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");
}