html {
	background-color: #fff;
}
body {
    padding-top: 50px;
	font-family: 'open sans', sans-serif;
	color: #444;
	font-size: 14px;
}
ol, ul {
	margin: 0 0 0.8em 0;
}
p {
	margin: 0 0 0 0;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.inner-addon {
    position: relative;
}
.hover-trans:hover {
	opacity: 0.8;
}
.padded {
	padding: 15px 20px;
}
/* style icon */
.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
	color: #aaa;
}
.inner-addon.inner-addon-md .glyphicon {
	top: 3px;
	left: 5px !important;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon .form-control-md  { padding-left:  45px; }
.right-addon .form-control-md { padding-right: 45px; }

.vis-hidden {
    visibility: hidden;
}
.vis-visible-override {
	visibility: visible !important;
}

.visible-xs-inline-block {
	display: none;
}
hr {
    border-top: 1px solid #ddd;
}
.navbar-inverse {
    background-image: none;
    background-color: #343434;
}
.navbar-toggle {
	margin-right: 9px;
}
.navbar__transient-user-button {
	position: relative;
	top: 3px;
	margin-right: 14px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
}
/* Animation */
.animate-show.ng-hide-add, .animate-show.ng-hide-remove, .animate-hide.ng-hide-add, .animate-hide.ng-hide-remove {
	transition: all linear 0.2s;
}
.animate-show.ng-hide-add-active,
.animate-show.ng-hide-remove-active,
.animate-hide.ng-hide-add-active,
.animate-hide.ng-hide-remove-active {
  /* the transition is defined in the active class */
  transition: 1s linear all;
}
.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
  transition: all linear 0.2s;
}
.animate-show.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 2px;
}
.semibold {
	font-weight: 600;
}
.teacher-h2 {
    margin-top: 35px;
	font-size: 24px;
	font-weight: bold;
}

.teacher-h3 {
    margin-top: 35px;
	font-size: 20px;
	font-weight: 600;
}
h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}
h3 {
    font-size: 20px;
    font-weight: 700;
	line-height: 1.3;
}
h4 {
    font-size: 115%;
    font-weight: bold;
}
.bold {
    font-weight: bold;
}
.no-bold {
    font-weight: normal;
}
.no-border {
	border: 0 !important;
}
.no-wrap {
	white-space: nowrap;
}
.break-space {
	white-space: normal;
}
table.no-border > tbody > tr > td {
	border: 0 !important;
}
.ul {
    text-decoration: underline;
}
.no-ul {
    text-decoration: none !important;
}
.italic {
    font-style: italic;
}
.no-italic {
    font-style: normal;
}
.DownloadResultsReportButton {
    margin: 15px 0;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.GsFilterWell {
    margin: 35px 0 12px 0;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 18px 28px;
}
.GsCourseFilterSelect {
    margin: 4px 0 0px 0;
    width: auto;
    display: inline-block;
}
.GsCourseFilterArrow {
    font-size: 29px;
    position: relative;
    top: 4px;
    left: 0px;
}
.hwLogoLink {
    display: inline-block;
    margin-top: 0;
}
.hwLogoLink img {
    height: 80px;
    position: relative;
    top: -4px;
}
.field-verified {
    border: 1px solid #9BDE3A !important;
}
.hwLinkBlock {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: -89px;
    padding: 35px 0 27px 0;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    background-color: #41E97E;
    text-align: center;
}
.hwLinkBlock:hover {
    background-color: #2ED46A;
}
.uib-day .btn.btn-sm {
    border-width: 1px;
    margin-top: 0;
}
.uib-day .btn.btn-default.active {
    background-color: #BBD8E3;
}
.uib-day .btn.btn-default.btn-info.active {
    background-color: #269abc;
    border-color: #1b6d85;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: 0px;
}
.btn-default-disabled {
     display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: 0 1px 0 #fff;
    border-color: #dbdbdb;
    border-color: #ccc;
	text-decoration: none;
	margin-top: 5px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	color: #333;
    background-color: #eee;
    border-color: #ccc;
}
.btn-group>.btn-default-disabled:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group>.btn-default-disabled:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.tab-style-1 .nav-tabs>li {
    margin-right: 3px;
}
.tab-style-1 .nav-tabs>li>a {
    font-weight: bold;
    background-color: #f1f1f1;
    color: #555;
    border-color: #d2d2d2;
}
.tab-style-1 .nav-tabs>li.active>a, .tab-style-1  .nav-tabs>li.active>a:focus, .tab-style-1 .nav-tabs>li.active>a:hover {
    background-color: #fff;
    border-bottom-color: transparent;
}
.GsCustomNoneBlock {
    margin-top: 20px;
}
.GsCustomNoneBlock .badge {
    margin-top: 3px;
}
.GsSurveyModalImg {
    width: 92px;
}
.GsSurveyTitle {
    font-weight: 700;
	font-size: 28px;
	margin: 25px 0 0 0;
}
.GsLink {
    font-size: 20px;
}
.GsBlueLink {
    color: #7DF1FF;
}
.GsPinButtonContainer {
    width: 319px; /*280px*/
    margin: 0 auto;
}
.GsRegTable {
    margin: 35px 0 0 0;
}
.GsRegTable>tbody>tr>td {
    padding: 20px 30px !important;
}
.GsRegTable h2 {
    font-size: 20px;
    margin: 0px 0 15px 0;
}
.GsUploadBlock {
    margin-top: 23px;
    font-size: 17px !important;
    text-align: center;
}
.GsShareImage {
	text-align: center;
}
.GsShareText {
	text-align: left;
	padding-top: 15px;
}
.GsShareWhy {
	position: relative;
	top: 4px;
	left: 9px;
	font-size: 14px;
}
.GsUploadWhyText {
	font-size: 14px;
	text-align: left;
}
.GsSolutionIcon {
    margin: 8px auto;
    width: 100px !important;
}
.GsUploadBlock h2 {
    margin: 0 0 12px 0;
    font-size: 23px;
    font-weight: 800;
}
.GsSolutionReason {
    font-size: 19px;
}
.GsSolutionCounter {
	width: 52px;
	height: 62px;
	margin: 5px 2px 0 6px;
	text-align: center;
	padding-top: 14px;
	font-size: 27px;
	font-weight: 700;
	color: #fff;
	background-image: url(../images/upload-focus-empty-lg.png);
	background-size: cover;
}
.gs-solution-icon-cell, table.answerDisplay td.gs-solution-icon-cell {
	padding: 12px 1px 5px 13px !important;
}
.gs-solution-static-icon {
	width: 52px;
	height: 62px;
	margin: 5px 2px 0 0px;
	text-align: center;
	padding-top: 14px;
	font-size: 27px;
	font-weight: 700;
	color: #fff;
	background-image: url(../images/upload-focus-grey-light-icon.png);
	background-size: cover;
}
.GsSolutionModalAction {
    display: inline-block;
    margin: 7px 23px 0 0;
    text-transform: uppercase;
    font-size: 12px;
}
    .GsSolutionModalAction .glyphicon {
        font-size: 30px;
        position: relative;
        top: 10px;
    }
.GsSolutionModalArrow {
    font-size: 53px;
    color: #01A2F5;
}
.GsSolutionModalImageTable {
    width: 100%;
    margin: 20px 5px;
}
.GsSolutionModalImageTable .cell_arrow {
    padding: 0 10px;
    min-width: 60px;
    text-align: center;
}
.GsSolutionModalImageTable .cell_image {
    padding: 0 0px;
    text-align: center;
}
.GsSolutionModalImageTable .cell_image img {
    max-width: 100%;
    width: 100%;
}
.GsCustomCounter {
    background-color: #0FADE1 !important;
    font-size: 14px !important;
    padding: 4px 7px;
    border-radius: 20px !important;
}
.GsBookmarkedCounter {
    background-color: #0FADE1 !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 4px 7px;
    border-radius: 20px !important;
}
.GsSolutionOutOf {
    text-align: center;
    margin: 10px auto 5px auto;
    font-size: 22px;
    color: #aaa;
}
.GsSolutionOutOf .highlight {
    font-weight: 800;
}
.GsSolutionModalNameBlock {
    font-weight: 800;
    font-size: 29px;
    margin: 11px 0 8px 0;
}
#GsJoinSplashContainer {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #c1e4ed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    display: none;
}
#GsJoinSplashImageContainer {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 580px;
    top: 60px;
    background-image: url(../images/gameshow-join-splash-join.png);
}
#GsJoinSplashDetails {
    position: absolute;
    width: 316px;
    top: 225px;
    right: 86px;
    text-align: center;
}
#GsJoinSplashDetails h2 {
    font-weight: 700;
    font-size: 40px;
    margin: 0 0 10px 0;
    color: #257f9d;
    letter-spacing: -1px;
}
#GsJoinSplashDetails input {
    font-size: 43px;
    font-weight: 800;
    text-align: center;
    color: #1e1e1e;
    height: auto;
    padding: 2px !important;
    border-radius: 10px !important;
    margin: 0 0 10px 0;
}
#GsJoinSplashDetails button {
    width: 263px;
}
.GsJoinSplashLoading {
    font-size: 35px;
    text-align: center;
    margin-top: 0px;
    color: #878787;
}
.game-access-box {
	background-color: lightgray !important;
	text-align: center;
}

.game-access-spacing {
	padding-top: 10px;
	padding-left: 25px;
}

.game-show-join-link-container {
	display: flex;
}
.game-show-join-link-container .game-show-join-link-container-left {
	background-image: url(../images/GameShow/gameshow-join-url-left.png);
	background-repeat: no-repeat;
	height: 175px;
	width: 87px;
}
.game-show-join-link-container .game-show-join-link-container-center {
	background-image: url(../images/GameShow/gameshow-join-url-bg.png);
	background-repeat: repeat;
	height: 175px;
	min-width: 100px;
	margin: 0 -1px;
}
.game-show-join-link-container .game-show-join-link-go-to-label {
	margin: 55px 0 0 20px;
	font-weight: 600;
	font-size: 18px;
	color: #86f1ff;
}
.game-show-join-link-container .game-show-join-link {
	display: block;
	margin-top: 16px;
	padding: 0 8px;
	font-weight: 700;
	font-size: 18px;
	color: #7d7d7d;
}
.game-show-join-link-container .game-show-join-link-container-right {
	background-image: url(../images/GameShow/gameshow-join-url-right.png);
	background-repeat: no-repeat;
	height: 175px;
	width: 91px;
}
.game-show-join-class-code-container {
	background-image: url(../images/GameShow/gameshow-join-code.png);
	background-repeat: no-repeat;
	height: 175px;
	width: 316px;
}
.game-show-join-class-code-container .game-show-join-class-code-label {
	margin: 35px 0 0 35px;
	font-weight: 700;
	font-size: 25px;
	color: #257f9d;
}
.game-show-join-class-code-container .game-show-join-class-code {
	margin: 5px 0 0 35px;
	font-weight: 800;
	font-size: 30px;
	color: #1e1e1e;
}
.game-show-steps-mobile-container .game-show-join-link,
.game-show-steps-mobile-container .game-show-join-class-code {
	color: #01B4FF;
}
.game-show-steps-mobile-container .game-show-steps-base-url-wrapper .game-show-steps-base-url {
	font-style: italic;
	font-size: 17px;
}
.GsJoinBotImage {
	width: 100%;
	max-width: 160px;
}
.GsBotSelectBox {
	display: inline-block;
	max-width: 170px;
	text-align: center;
	margin: 12px;
}
	.GsBotSelectBox.active img {
		border: 5px solid #21bbed;
		border-radius: 200px;
	}
.font-thin {
    font-weight: 300;
}

.form-control-xxs {
    font-size: 13px;
    height: auto;
    padding: 2px 8px;
}
.form-control-xs {
    font-size: 13px;
    height: auto;
    padding: 4px 8px;
}
.form-control-sm {
    font-size: 13px;
    height: auto;
}
.form-control-smp {
    font-size: 18px;
    height: auto;
}
input.form-control-md, select.form-control-md {
    font-size: 18px;
	padding: 8px 14px;
    height: auto;
}
.form-control-lg {
    font-size: 22px;
    height: auto;
}
.form-control {
}
	.form-control:focus {
		border-color: #43d0ff;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px 2px #43d0ff;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px 2px #43d0ff;
	}
.valign-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
}
.valign {
    vertical-align: middle;
    display: table-cell;
    height: 100%;
}
.mobile-container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 766px;
}
.min-width-200 {
	min-width: 200px;
}
.min-width-300 {
	min-width: 300px;
}
.min-width-md {
    min-width: 280px;
}
.min-height-200 {
	min-height: 200px;
}
.min-height-300 {
	min-height: 300px;
}
.min-height-400 {
	min-height: 400px;
}
.mobile-container-sm {
    max-width: 500px !important;
}
.mobile-container-xs {
    max-width: 360px !important;
}
.mobile-container.mobile-container-padded {
    padding: 0 15px;
}
.gs-student-header-block {
    background-color: #2a2a2a;
    color: #fff;
    overflow: auto;
}
.gs-student-header-block h2 {
    font-family: bangers, sans-serif;
    color: #fff;
    font-weight: normal;
    font-size: 36px;
    margin: 12px 0;
}
.gs-student-header-2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    font-size: 28px;
    margin: 15px 0;
}
.gs-header-font-style {
    font-family: bangers, sans-serif;
    /*color: #fff;*/
    font-weight: normal;
    font-size: 38px;
    margin: 12px 0;
}
.NotificationAlert {
    padding: 35px 65px 45px 65px;
    position: relative;
}
.NotificationIntroVideos {
    padding: 25px 25px;
}
.NotificationIntroVideos.NotificationIntroVideosGameShow {
    padding: 5px 20px 15px 20px !important;
}
.NotificationIntroVideos .heading_video {
    margin: 15px 0;
    font-weight: 600;
    font-size: 23px;
}
.NotificationIntroVideos .block_narrow {
    max-width: 350px;
    margin: 0 auto;
}
.NotificationIntroVideos .block_column {
    text-align: center;
    padding: 15px 15px;
}
.NotificationIntroVideosGameShow .block_column {
    padding-top: 0;
}
.NotificationIntroVideos .btn {
    margin: 15px 0 8px 0;
    width: 100%;
}
.NotificationIntroVideos iframe {
    width: 100%;
}
.GsAlert .gs-header-font-style {
    font-size: 37px;
}
.gs-student-header-block-blue {
    background-color: #00B8E7 !important;
    color: #fff;
}
.GsStudentLogo {
    width: 250px;
    margin: 10px 0;
}
.GsStudentLogo2 {
    width: 183px !important;
}
.GsTeacherBarCont {
	position: absolute;
    left: 0;
    top: 0;
    height: 134px;
    width: 100%;
}
.GsTeacherBar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #464646;
	z-index: 1060;
}
.GsTeacherBar .logo {
    height: 60px;
    margin: 5px 0;
}
#GsTeacherStepsBar {
    position: absolute;
    left: 0;
    top: 70px;
    height: 64px;
    width: 100%;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #FCF8E3 0px, #F8EFC0 100%);
    background-repeat: repeat-x;
}
.GsTeacherStepsBar .step {
    display: inline-block;
    padding: 15px 20px;
    margin: 0 5px 0 0;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.step .tooltip {
    z-index: 1000 !important;
}
.GsTeacherStepsBar .stepBadge {
    background-color: #E44685 !important;
    color: #fff;
    font-family: 'Fugaz One', sans-serif;
    font-size: 24px;
    border-radius: 40px !important;
    padding: 5px 0px !important;
    text-align: center;
    width: 35px;
    margin-right: 7px;
}
.BarGamePinBlock {
    font-size: 25px;
    color: #5cd4ea;
    margin: 15px 15px 0 0;
}
.BarGamePin {
    color: #fff;
}
.BarGamePinLabel {
    text-transform: uppercase;
    font-size: 19px;
}
.GamePinTeacherLogin {
    display: inline-block;
    font-size: 19px;
    color: #6FE6FF;
    text-decoration: none;
}
.GsStudentLink {
    font-size: 19px;
    text-decoration: underline;
}

.GsStudentResults .cell_score {
    text-align: center;
}
.GsStudentResults .cell_mastered {
    text-align: center;
}
.padded-container-md {
    margin: 15px 15px !important;
}
.alert.GsAlert {
    border-radius: 10px !important;
    border: 0 !important;
    padding: 15px 20px !important;
}
.alert.AlertBig {
    font-size: 18px;
}
.alert-blue {
	border-radius: 12px;
	padding: 15px 20px;
	border: 4px solid #85daf9;
	border-right-color: #31a3ec;
	border-bottom-color: #31a3ec;
	background-color: #34baed;
	margin: 15px 0;
	color: #fff;
}
.GsCourseSubtitle {
    font-size: 21px;
    display: inline-block;
    margin: -1px 0 2px 0;
    color: #bbb;
}
.GsCourseSwitcherBlock {
    display: inline-block;
    margin: 0 0 0 12px;
    position: relative;
    top: -4px;
}
.GsAddCourseButton {
    position: relative;
    top: -4px;
    margin-left: 2px;
}
.GsAlert > h2 {
    font-size: 23px;
    margin: 3px 0 10px 0;
}

.GsAlert > h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 3px 0 8px 0;
}
.GsAlertError {
    font-size: 18px;
}
.opacity-9 {
	opacity: 0.9;
}
.opacity-8 {
	opacity: 0.8;
}
.opacity-7 {
	opacity: 0.7;
}
.opacity-6 {
	opacity: 0.6;
}
.opacity-5 {
	opacity: 0.5;
}
.hover-trans:hover {
	opacity: 0.8;
}
.GsPinInstructionsBlock {
    font-size: 19px;
    color: #999;
    clear: both;
    margin: 12px 0 20px 0;
    border-radius: 15px;
    padding: 15px 20px;
    overflow: auto;
}
.GsPinInstructionsBlock h2 {
    font-size: 25px;
    color: #777;
    margin: 5px 0 10px 0;
}
.GsPinInstructionsBlock .highlight {
    font-weight: bold;
}
.GsFeedbackTable {

}
.GsFeedbackTable td {

}
.GsFeedbackTable .cell_name {
    font-size: 22px;
    padding-left: 28px;
}
.GsFeedbackTable .cell_count {
    font-size: 25px;
    font-weight: 800;
    color: #0FADE1;
}
.GsDownloadResultsPanel {
    max-width: 600px;
    margin: 20px auto;
}
.gs-panel-table {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 18px;
}

.gs-panel-table-wrapper {
	max-width: 100vw;
}

.gs-panel-table .gs-panel-heading {
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
}

table .gs-panel-table-bottom {
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 20px;
    background-color: #fff;
}
table .gs-panel-table-bottom-grey {
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 20px;
    background-color: #fff;
}
.gs-panel {
    margin-bottom: 23px;
}
.gs-panel-heading {
    background-color: #00b8e7;
    padding: 14px 15px 16px 30px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.gs-panel-heading-pink {
    background-color: #E44685 !important;
}
.gs-panel-heading-white-empty {
	background-color: #fff;
	height: 15px;
}
.gs-panel-heading .secondary_text {
    color: #9eebff;
}
    .gs-panel-heading h2 {
        color: #fff;
        font-family: 'open sans', sans-serif;
        font-weight: 900;
        font-size: 30px;
        margin: 0;
    }
.gs-panel-body {
    background-color: #fff;
    padding: 0 0 0 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.gs-panel-body-grey {
    background-color: #fff;
    padding: 0 0 0 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
div.gs-panel-body {
    padding: 0 0 12px 0;
}
.gs-panel-body-content {
    padding: 15px 25px 20px 30px;
}
.challengeContainer {
    margin-top: 20px !important;
}
.spacer-gameshow-no-steps {
    height: 70px;
}
.spacer-gameshow-steps {
    height: 70px;
}
.GsStudentJoined {
    margin: 5px 0 0 0;
    font-size: 21px;
}
    .GsStudentJoined .badge {
        margin: 0 9px 0 0;
        font-weight: bold;
    }
.fullscreenButtonBlock {
    position: absolute;
    top: 10px;
    right: 15px;
}
.fullscreenButton {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 24px !important;
}
.fullscreenButtonInQuestion {
    position: relative;
    top: 0px;
    padding: 8px 12px 4px 12px !important;
    font-size: 24px !important;
}
.fullscreenLabel {
    font-size: 14px;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    top: 4px;
    color: #217EA9;
}
.fadingAlertContainer {
    position: fixed;
    top: 10px;
    width: 100%;
    text-align: center;
    z-index: 10000;
}
.fadingAlert {
    display: inline-block !important;
    padding: 8px 14px;
	border-radius: 8px;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
}
.no-margin {
    margin: 0 !important;
}
.no-side-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.split-layout-container {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	left: 0;
	max-width: 100% !important;
	border-radius: 0;
	border: 0;
	z-index: 1060;
}
.split-layout-column--left {
	width: 50%;
	text-align: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	background-color: white;
}
.split-layout-column--right {
	width: 50%;
	text-align: center;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
}
.split-layout-close-button {
	position: absolute;
	top: 9px;
	right: 15px;
	display: inline-block;
	padding: 5px 9px;
	color: #ccc;
	font-size: 21px;
}
.split-layout--teacher-registration .split-layout-column--left {
	padding: 40px 40px;
}
.split-layout--teacher-registration .split-layout-column--right {
	background-image: url(../images/Teacher/teacher-reg-panel-bg.png);
	background-size: 100% auto;
	background-position: bottom;
	background-color: #2ddaff;
	text-align: center;
	color: #fff;
	background-repeat: no-repeat;
	padding: 60px 15px 50px 15px;
}
.split-layout-column--create-student-feature {
	background-color: #5fc6f7;
	color: #fff;
	text-align: center;
	padding: 0 35px;
}
.teacher-reg__title {
	font-weight: 700;
	font-size: 36px;
	margin: 15px 10px;
	line-height: 1.3;
}
.teacher-reg__feature-image {
	max-width: 550px;
	width: 100%;
	margin: 20px 10px;
}
.teacher-reg__preimium-pilot-video {
	margin: 0 10%;
}
.teacher-reg-outline-heading {
	border-radius: 11px;
	border: 2px solid #fff;
	padding: 12px 20px;
	font-size: 22px;
	font-weight: 600;
	margin: 30px auto;
}
.teacher-reg-bullet-table {
	margin: 20px auto;
}
.teacher-reg-bullet-table__icon-cell {
	font-size: 28px;
}
.teacher-reg-bullet-table__text-cell {
	padding-left: 15px;
	font-weight: 600;
	font-size: 22px;
	text-align: left;
}
.middle-500 {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}
.modal-dialog {
	max-width: 95% !important;
	margin: 30px auto !important;
}
	.modal-dialog.modal-full {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		padding: 0;
		margin: 0;
		left: 0;
		max-width: 100% !important;
		border-radius: 0;
		border: 0;
	}
		.modal-dialog.modal-full .modal-content {
			border-radius: 0;
			border: 0;
			position: fixed;
			width: 100%;
			top: 0;
			bottom: 0;
			overflow: auto;
		}
.well {
    border: 0;
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 20px 25px;
    background-image: none;
    box-shadow: none;
}
.well-bordered {
	border: 1px solid #ddd;
}
.well.well-blue {
	border: 1px solid #428BCA;
	color: #fff;
	background-color: #428BCA;
	background: -webkit-linear-gradient(#428BCA, #216095);
	background: -o-linear-gradient(#428BCA, #216095);
	background: -moz-linear-gradient(#428BCA, #216095);
	background: linear-gradient(#428BCA, #216095);
}
.well-blue .well-desc {
	color: #ADD2F1;
}
.well-blue .highlight {
	color: #fff;
}
.well.well-blue textarea, .well.well-blue input {
    /*color: #555;*/
}
.well.well-dark {
    border: 1px solid #000;
	color: #fff;
	background-color: #333;
	background: -webkit-linear-gradient(#555, #222);
	background: -o-linear-gradient(#555, #222);
	background: -moz-linear-gradient(#555, #222);
	background: linear-gradient(#555, #222);
}
.well-grey {
	background-color: #e3e3e3;
	border-color: #ccc;
	color: #555;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.well.well-lavender {
	border: 0px solid #000;
	color: #fff;
	background-color: #A349A4;
}

.well-style.well {
    background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
    background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
    background-image: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
}
.well-style.well.well-button:hover {
    background-image: -webkit-linear-gradient(top,#e0e0e0 0,#f0f0f0 100%);
    background-image: -o-linear-gradient(top,#e0e0e0 0,#f0f0f0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#f0f0f0));
    background-image: linear-gradient(to bottom,#e0e0e0 0,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0e0e0', endColorstr='#ff0f0f0', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #cacaca;
    cursor: hand;
    cursor: pointer;
}
.well.well-lg {
	border-radius: 12px;
	padding: 25px 30px;
}
.well.well-xl {
	border-radius: 14px;
	padding: 30px 35px;
}
.well-top-half {
	border: 0;
	border-radius: 5px 5px 0px 0px;
	padding: 20px 25px 0px 25px;
	box-shadow: none;
}
.well-bottom-half {
	border: 0;
	border-radius: 0px 0px 5px 5px;
	padding: 0px 25px 20px 25px;
	box-shadow: none;
}
.marathon-subtitle {
	margin: 0 0 15px 0;
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.wide {
	width: 100%;
}
.max-wide {
	max-width: 100%;
}
.width-25 {
	width: 25%;
}
.width-half {
	width: 50%;
}
.w-40 {
	width: 40%;
}
.w-60 {
	width: 60%;
}
.f-1-3 {
	flex: 1 1 auto;
}
.f-2-3 {
	flex: 2 1 auto;
}
.cursor {
	cursor: pointer !important;
}
.no-cursor {
	cursor: default !important;
}
.white {
	color: #fff !important;
}
.black {
	color: #000 !important;
}
.yellow {
	color: #F7D203;
}
.yellow-orange {
	color: #ffd154;
}
.bright-yellow {
	color: #ffe34d;
}
.dark-yellow {
	color: #f6bf50;
}
.orange {
	color: #FFAE01;
}
.brown {
	color: #b38e6f !important;
}
.grey {
	color: #999 !important;
}
.lavender {
	color: #A349A4
}
.grey-link-hover-blue {
	color: #999;
	cursor: pointer;
}
.grey-link-hover-blue:hover {
	color: #0fade1;
}
.navbar {
	font-size: 14px;
}
.navbar-header {
	padding-left: 15px;
}
.navbar-arrow {
	color: #FBBA1D;
	font-size: 90%;
	position: relative;
	top: 2px;
}
.nav>li>a {
	padding-left: 13px;
	padding-right: 13px;
}
.btn-invis {
    color: #888;
    display: inline-block;
    margin: 0 2px 0 0;
    background-color: transparent;
    background-image: none;
    border: 0;
}
.btn-invis.active {
    background-color: #f2f2f2;
    box-shadow: none;
}
.btn-invis.active .glyphicon {
    color: #01B4FF;
}
.btn-invis:hover {
    background-color: #eee;
}
.btn-invis.btn-sm {
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 4px;
}
.btn-invis.btn-md {
    padding: 14px 18px;
    font-size: 15px;
    border-radius: 6px;
}
.btn-invis.btn-sm {
    padding: 20px 30px;
    font-size: 22px;
    border-radius: 8px;
}
.btn-invis.btn-invis-blue {
	color: #888;
	display: inline-block;
	margin: 0 2px 0 0;
	background-color: transparent;
	background-image: none;
	border: 0;
}

	.btn-invis.btn-invis-blue.active {
		background-color: #f2f2f2;
		box-shadow: none;
	}

		.btn-invis.btn-invis-blue.active .glyphicon {
			color: #01B4FF;
		}

	.btn-invis.btn-invis-blue:hover {
		background-color: #00b0dd;
	}

.btn-group.btn-group-white {
}
.btn.btn-white {
    color: #717171;
	background-color: #fff;
    border: 1px solid #ccc;
    border-top-width: 1px !important;
    border-left-width: 1px !important;
}
.btn.btn-white:hover {
    border-color: #bbb;
    background-color: #eee;
}
.btn.btn-white.no-hover:hover {
    border-color: #ccc;
    background-color: #fff;
    cursor:default;
}
.btn.btn-pink {
	color: #fff;
	background-color: #f96e7b;
	border: 1px solid #e24857;
	border-top-width: 1px !important;
	border-left-width: 1px !important;
}

	.btn.btn-pink:hover {
		background-color: #e85a67;
		border-color: #bf2b3a;
	}

	.btn.btn-pink.no-hover:hover {
		background-color: #f96e7b;
		border-color: #e24857;
		cursor: default;
	}
.btn.btn-light-blue {
	color: #fff;
	background-color: #21d2ff;
	border: 1px solid #10a2dc;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
}

	.btn.btn-light-blue:hover {
		background-color: #0fc4f2;
		border-color: #0599d3;
	}

	.btn.btn-light-blue.no-hover:hover {
		background-color: #21d2ff;
		border: 1px solid #10a2dc;
		cursor: default;
	}

.btn.btn-light-green {
	color: #fff;
	background-color: #85C668;
	border: 1px solid #679950;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
}
	.btn.btn-light-green:hover {
		background-color: #73B456;
		border-color: #55873E;
	}

.btn.btn-yellow {
	color: #10a2dc;
	background-color: #FFFF33;
	border: 1px solid #CCCC00;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
}

	.btn.btn-yellow:hover {
		background-color: #FFFF33;
		border-color: #CCCC00;
	}

.btn.btn-orange {
	color: #fff;
	background-color: #F89522;
	border: 1px solid #C4761B;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
}
	.btn.btn-orange:hover {
		background-color: #E68310;
		border-color: #B26409;
	}
.btn.btn-purple {
	color: #fff;
	background-color: #643794;
	border: 1px solid #321b49;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
}

	.btn.btn-purple:hover {
		background-color: #5e2e90;
		border-color: #321b49;
	}

.btn.btn-outline-blue {
	border-color: #7DF1FF;
	color: #7DF1FF;
	background-color: #00B8E7;
}
.btn.btn-lg.btn-outline-blue {
	border-width: 1px;
	border-top: 1px solid;
	border-left: 1px solid;
}
.btn.btn-outline-blue:hover {
	color: #00B8E7;
	background-color: #7DF1FF;
}

.btn.btn-outline-lavender {
	color: #A349A4;
	border: 1px solid #A349A4;
	background-color: #fff;
}
.btn.btn-outline-lavender:hover {
	color: #fff;
	background-color: #A349A4;
}
i.btn-line-height {
	line-height: 20px;
}
.student-google-sso-button, .btn.btn-lg.GsButton.student-google-sso-button {
	padding-left: 8px !important;
	padding-right: 10px !important;
	font-size: 22px;
	margin: 9px 0 !important;
}
.student-blue-page h2 {
	font-size: 24px;
	font-weight: bold;
	color: #444;
}
.student-blue-page {
	line-height: 1.3;
	color: #04738f;
	font-size: 19px;
}
.student-blue-page__column-xs {
	max-width: 390px;
	margin: 0 auto;
	padding: 15px;
}
.student-blue-page__column-sm {
	max-width: 480px;
	margin: 0 auto;
	padding: 15px;
}

.student-blue-page__column-md {
	max-width: 767px;
	margin: 0 auto;
	padding: 15px;
}
.student-blue-page__column-lg {
	max-width: 991px;
	margin: 0 auto;
	padding: 15px;
}
.student-register-page {
	padding-top: 30px;
}
.student-large-blue-button {
	border-radius: 8px;
	min-height: 120px;
	width: 100%;
	border: 5px solid #0099c0;
	border-top-width: 1px;
	border-left-width: 1px;
	background-color: #60dfff;
	text-align: center;
}
.student-large-button {
	min-height: 120px;
}
.button-spaced-sm {
	margin-left: 5px;
	margin-right: 5px;
}
.btn.btn-outline {
    color: #fff;
	background-color: transparent;
    border-color: #fff;
}
.btn.btn-outline:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.btn.btn-outline.btn-outline-green:hover {
    background-color: #16b999;
}
.btn.btn-outline-deep {
    color: #fff;
	background-color: transparent;
    border-color: #fff;
    border-width: 2px 2px 2px 2px !important;
    -webkit-box-shadow: inset -4px -4px 0px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: inset -4px -4px 0px 0px rgba(0,0,0,0.09);
    box-shadow: inset -4px -4px 0px 0px rgba(0,0,0,0.09);
    text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
}
.btn.btn-outline-deep:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.btn.btn-outline-deep.btn-outline-deep-green:hover {
    background-color: #16b999;
}

.btn.btn--rounded-blue {
	color: #EDFBFF;
	background-color: #21BBED;
	border-radius: 20px;
}
.btn.btn--rounded-blue:hover {
	background-color: rgba(33, 187, 237, 0.8);
}

.btn-primary .glyphicon-subtle {
	color: #6CABE0;
}
.btn-info .glyphicon-subtle {
	color: #A7E2F1;
}
.add-teacher {
	position: relative;
	left: 2px;
	top: -4px;
}
.btn-default .glyphicon-subtle {
	color: #aaa;
}
.btn.GsButton {
    font-weight: 700;
}
.btn-primary.GsButton {
    background-image: none;
    background-color: #2d90e4;
    border: 5px solid #1774ce;
    border-top: 0;
    border-left: 0;
    color: #fff;
}
.btn-info.GsButton {
    background-image: none;
    background-color: #00b8e7;
    border: 5px solid #0095d0;
    border-top: 0;
    border-left: 0;
}
.btn-info-GsButton-force {
    background-color: #00b8e7 !important;
    border: 7px solid #0095d0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    color: #fff !important;
}
.btn-default.GsButton {
    background-image: none;
    background-color: #ddd;
    border: 5px solid #aaa;
    border-top: 0;
    border-left: 0;
    color: #555;
}
.btn.btn-lg.GsButton {
    font-size: 25px;
    border-width: 7px;
    padding: 11px 30px 9px 30px;
}
.btn.btn-md.GsButton {
    font-size: 22px;
    border-width: 6px;
    padding: 9px 30px 7px 30px;
    margin-top: 8px;
}
.btn-primary.GsButton:hover {
    background-color: #2080d2;
    border-color: #0863bb;
}
.btn-info.GsButton:hover {
    background-color: #00b0dd;
    border-color: #0082b5;
}
.btn-default.GsButton:hover {
    background-color: #bbb;
    border-color: #999;
}
/* GsButton copied to normal buttons */
.btn {
    border-width: 4px;
    border-top: 0;
    border-left: 0;
    padding: 7px 12px 5px 12px;
    margin-top: 4px;
}
.btn-spacing {
	padding: 7px 12px 5px 12px;
	margin-top: 4px;
}
.btn {
    /*-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;*/
}
a.btn {
    text-decoration: none !important;
}
.btn-primary, .btn-primary.active {
    background-image: none;
    background-color: #2d90e4;
    border-color: #1774ce;
    color: #fff;
}
.btn-info {
    background-image: none;
    background-color: #00b8e7;
    border-color: #149bd1;
}
.btn-warning {
    background-image: none;
    background-color: #f0ab4a;
    border-color: #e38d13;
}
.btn-danger {
    background-image: none;
    background-color: #d7504c;
    border-color: #b92c28;
}
.btn-primary:disabled {
    background-color: #277DC5;
    border-color: #1963A7;
}
.btn-info-GsButton-force {
    background-color: #00b8e7 !important;
    border: 7px solid #0095d0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    color: #fff !important;
}
.btn-default {
    background-image: none;
    background-color: #e3e3e3;
    border-color: #ccc;
    color: #555;
}
.btn.btn-xl {
	font-size: 23px;
	border-width: 6px;
	padding: 14px 32px 11px 32px;
	border-radius: 8px;
}
.btn.btn-lg {
    font-size: 19px;
    border-width: 6px;
    padding: 11px 30px 8px 30px;
}
.btn.btn-md {
    font-size: 17px;
    border-width: 5px;
    padding: 8px 20px 6px 20px;
}
.btn.btn-sm {
    font-size: 14px;
    border-width: 4px;
    padding: 6px 13px 4px 13px;
    margin-top: 6px;
}
.btn.btn-xs {
    font-size: 13px;
    border-width: 2px;
    padding: 3px 12px 3px 12px;
    margin-top: 5px;
}
.btn.btn-xs.btn-outline {
    font-size: 13px;
    border: 1px solid #fff !important;
    padding: 3px 12px;
    margin-top: 5px;
}
.btn.btn-md.btn-outline {
    border: 2px solid #fff !important;
}
.btn.btn-xs.btn-outline-deep {
    font-size: 13px;
    border: 1px solid #fff !important;
    padding: 3px 12px;
    margin-top: 5px;
}
.btn.btn-md.btn-outline-deep {
    border: 2px solid #fff !important;
    padding: 4px 24px 9px 20px !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active:hover, .btn-primary.active:focus {
	background-color: #2080d2;
	border-color: #0863bb;
}
.btn-info:hover {
    background-color: #00b0dd;
    border-color: #0082b5;
}
.btn-info-GsButton-force:hover {
    background-color: #00b0dd !important;
    border: 5px solid #0082b5 !important;
    color: #fff !important;
}
.btn-default:hover {
    background-color: #d8d8d8;
    border-color: #bbb;
}
.btn-group>.btn {
    border-right-width: 1px;
    border-left-width: 0;
}
.btn-group>.btn.btn-xs {
    border-right-width: 1px;
    border-left-width: 0;
}
.btn-group>.btn:last-child {
    border-right-width: 5px;
    border-left-width: 0px !important;
}
.btn-group>.btn-xs.btn:last-child {
    border-right-width: 3px;
    border-left-width: 1px;
}
.btn-group>.btn-sm.btn:last-child {
    border-right-width: 4px;
}
.btn-group>.btn-lg.btn:last-child {
    border-right-width: 6px;
}
.up-xs {
    position: relative;
    top: -4px;
}
.up-sm {
    position: relative;
    top: -8px;
}
.up-md {
    position: relative;
    top: -12px;
}
/* end GsButton styles */
.max-width-lg {
	max-width: 1000px;
}

.max-width-md {
	max-width: 800px;
}

.max-width-sm {
	max-width: 300px;
}
.table.v-mid > thead > tr > th, .table.v-mid > tbody > tr > th, .table.v-mid > tfoot > tr > th, .table > thead > tr > td, .table.v-mid > tbody > tr > td, .table.v-mid > tfoot > tr > td {
	vertical-align: middle;
}
.wide-450-center {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.wide-500-center {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.wide-550-center {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.wide-600-center {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.wide-650-center {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}
.first-heading {
	margin-top: 2px !important;
}
.button-wider {
	min-width: 200px;
}
.game-heading-1 {
	font-size: 58px;
	font-family: 'open sans', sans-serif;
	font-weight: 700;
	margin: 20px 0 25px 0;
	color: #fff;
	text-shadow: 3px 3px 1px #0083c6;
	letter-spacing: -2px;
}

.student-h1 {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 800;
    margin: 15px 0 15px 0;
    line-height: 1.1;
}
.student-h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 15px 0 15px 0;
    line-height: 1.1;
}
.student-h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0 15px 0;
    line-height: 1.1;
}
.section-subheading {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}
.projector-heading-1 {
	font-size: 45px;
	font-family: 'open sans', sans-serif;
	font-weight: 700;
	margin: 20px 0 25px 0;
	color: #555;
	text-shadow: 3px 3px 1px #ddd;
	letter-spacing: -2px;
    line-height: 1.1;
}
    .projector-heading-1 .glyphicon {
        text-shadow: none;
    }
    .projector-heading-1 .glyphicon-info-sign {
        font-size: 35px;
    }
    .pageHeading .glyphicon-info-sign {
        font-size: 75%;
    }
    .projector-heading-1 .tooltip {
        text-shadow: none;
        letter-spacing: 0;
    }
.projector-heading-2 {
	font-size: 37px;
	font-family: 'open sans', sans-serif;
	font-weight: 700;
	margin: 20px 0 25px 0;
	color: #555;
	text-shadow: 3px 3px 1px #ddd;
	letter-spacing: -1px;
    line-height: 1.1;
}
.GsNavTabsButton {
    float: right !important;
}
    .GsNavTabsButton a {
        background-color: #3f87c5 !important;
        color: #fff !important;
        padding-left: 20px !important;
    }
    .GsNavTabsButton a:hover {
        background-color: #539dde !important;
    }
    .GsNavTabsButton .glyphicon {
        color: #77c0ff !important;
        font-size: 90%;
        margin-right: 2px;
    }
.tooltip {
	z-index: 1000;
}
.quickTip {
    margin: 15px 0 5px 0;
    color: #abcce9 !important;
}
.quickTipTitle {
    font-size: 26px;
    color: #fff;
    margin: 0px 0 10px 0;
}
.quickTip .badge {
    font-weight: bold;
    position: relative;
    left: -12px;
}
.quickTipContent {
    padding: 0 0 0 20px;
}
.quickTipCloseXBlock {
    float: right;
    margin: -3px 16px 0px 0;
}
.headline-bar-page-spacer {
	height: 40px;
}
.headline-bar-below-navbar {
	display: none;
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	z-index: 5;
}
#headline-bar-teacher-mode {
	background-color: #F79F51;
	display: block;
}
#headline-bar-projector-mode {
	background-color: #B3E14F;
}
#headline-bar-live-mode {
	background-color: #97D6F3;
}
.headline-bar-image {
	position: relative;
	top: -4px;
	margin-right: 4px;
	height: 33px;
}
.headline-bar-below-navbar .glyphicon {
	font-size: 85%;
}
.headline-bar-below-navbar .glyphicon-info-sign {
	font-size: 78%;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */


footer {
	font-size: 14px;
	color: #888;
	padding-left: 15px;
}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.tinymce-editor {
	border: 1px solid;
    border-radius: 5px;
	border-color: lightgray;
	background-color: white;
	padding: 5px;
}

.EditorPreview {
	border: 1px solid;
    border-radius: 5px;
	border-color: darkgray;
	background-color: lightgray;
	padding: 5px;
}

.loginBox {
	width: 100%;
	max-width: 350px;
	border-radius: 10px;
	background-color: #eee;
	margin: 0 auto 30px auto;
	padding: 15px 50px 35px 50px
}
.loginButtonsBottom {
	line-height: 1;
}
	.loginButtonsBottom .btn {
		margin: 0 3px 5px 0;
		width: 48%;
	}
#layoutLogo {
	width: 300px;
}
#loginLogo, .loginLogo {
	display: block;
	width: 282px;
	margin: 50px auto 16px auto;
}
/*.ng-invalid{border:1px solid red !important;}*/
.invalid-field {
	border: 1px solid red !important;
}
.loginGlyph {
	color: #8DBEE1;
	margin-right: 3px;
}
.sidenote {
	font-style: italic;
	color: #888;
	font-size: 90%;
    font-weight: normal;
}
.sidenote--bold {
	font-style: italic;
	color: #888;
	font-size: 90%;
	font-weight: bold;
}
.progress-bar[aria-valuenow="0"], .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
    min-width: 0px;
}


.margin-none {
	margin: 0;
}

.scroll-pad {
	width: 1px;
	height: 55px;
}
.has-headline-bar .scroll-pad {
	position: relative;
	top: -60px;
}
.scroll-pad-sm {
	width: 1px;
	height: 6px;
}

.RegistrationFormErrorBox {
    text-align: left;
    margin: 15px 0 15px 0;
}

.ChatWithUsButtonInError {
    margin: 17px 0 0 1px !important;
    display: inline-block;
}

.questionTableAnswer img {
	max-width: 250px;
}
.liveQuizAnswerPercentBar {
	width: 140px;
	margin-left: 20px;
}

label {
	font-weight: normal;
}
.clear, .clr {
	clear: both;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.center-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.center-vertical-desktop {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.flex {
	display: flex;
}
.flex-valign {
	align-self: center;
	width: 100%;
}
.content {
	width: 900px;
	margin: 40px auto;
	font-family: 'segoe ui', sans-serif;
	font-size: 14px;
	color: #777;
}
.field-label {
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin: 18px 0 4px 0;
    text-align: left;
}
.field-text {
    display: block;
    font-weight: normal;
    font-size: 15px;
    margin: 18px 0 4px 0;
    text-align: left;
}

.field-label.field-label-lg {
    font-size: 18px;
    margin: 22px 0 6px 0;
}
.red {
	color: #d00;
}
.manatee {
	color: #999ca7;
}
.modal-label {
    color: #999;
    font-size: 14px;
    margin: 15px 0 5px 0;
}
.modal-label-sm {
    font-size: 12px;
}
.small-answer-spacer {
	width: 160px;
	height: 1px;
}
.answer-spacer {
    width: 225px;
    height: 1px;
}
.spacer-xs {
    margin-top: 3px;
    margin-bottom: 3px;
}
.spacer-sm {
	margin-top: 8px;
	margin-bottom: 8px;
}
.spacer-m, .spacer-md {
	margin-top: 12px;
	margin-bottom: 12px;
}
.spacer-lg {
	margin-top: 20px;
	margin-bottom: 20px;
}
.spacer-xl {
    margin-top: 40px;
    margin-bottom: 40px;
}
.spacer-xxl {
    margin-top: 80px;
    margin-bottom: 80px;
}
.text-sm {
	font-size: 12px;
}
.text-smp {
    font-size: 13px;
}
.text-smpp {
	font-size: 15px;
}
.text-shrink {
	font-size: 80%;
}
.text-enlarge {
    font-size: 120%;
}
.btn-full {
	display: block;
	text-align: left;
}
.time-sm {
	color: #999;
	font-style: italic;
	font-size: 12px;
}
.panel-heading {
	font-size: 19px;
}
.panel-body-has-table {
	/*padding-left: 0;
	padding-right: 0;*/
}
.panel-primary {
	border-color: #ddd;
}
.panel-aqua {
	border-color: #0fade1;
}

.panel-grey {
	border-color: #ddd;
}
.panel-light-blue-flat {
	border: 0;
}
.panel-mission {
	border: 4px solid #85daf9;
	border-right-color: #31a3ec;
	border-bottom-color: #31a3ec;
	border-radius: 12px;
}
.panel-aqua > .panel-heading {
	background-image: none;
	background-color: #0fade1;
	color: #fff;
	border-color: transparent;
}
.panel-grey > .panel-heading {
	background-image: none;
	background-color: #e8e8e8;
	border-color: transparent;
}
.panel-primary > .panel-heading {
	background-image: none;
	background-color: #3dd2b5;
	border-color: transparent;
}
.panel-mission > .panel-heading {
	background-image: none;
	background-color: #34baed;
	color: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.panel-light-blue-flat > .panel-heading {
	background-image: none;
	background-color: #B3ECFF;
	color: #1992D4;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.panel-light-blue-flat > .panel-body {
	background-image: none;
	background-color: #F1FBFE;
	color: #444;
}
.badge-lg {
	font-size: 20px;
	margin: 10px 0;
	font-weight: normal;
	padding: 12px 18px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.badge-mission {
    display: inline-block;
    margin-left: 5px;
    border-radius: 35px;
    background-color: #eee;
    color: #E44685;
    padding: 2px 8px 2px 6px;
    font-size: 20px;
}
.badge-gameshow {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 1px;
    border-radius: 35px;
    background-color: #eee;
    color: #0FADE1;
    padding: 1px 11px 1px 11px;
    font-size: 21px;
}
.badge-remediation {
	display: inline-block;
	position: relative;
	top: 2px;
	padding: 4px 4px;
	text-align: center;
	font-size: 14px;
	border-radius: 40px;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #fff !important;
	width: 33px;
	height: 33px;
}
.badge-mdp {
    font-size: 19px;
	font-weight: normal;
	padding: 6px 10px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.badge-m, .badge-md {
	font-size: 15px;
	font-weight: normal;
	padding: 4px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.badge-sm {
	font-size: 15px;
	font-weight: normal;
	padding: 7px 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.badge-xs {
	font-size: 13px;
	font-weight: normal;
	padding: 5px 8px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.badge-xxs {
    font-size: 11px;
	font-weight: normal;
	padding: 2px 5px 3px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.badge-xxsp {
    font-size: 12px;
	font-weight: normal;
	padding: 3px 6px 4px 6px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.badge-profile-big  {
	font-size: 25px;
	margin: 10px 0 0px 0;
	font-weight: normal;
	padding: 10px 18px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	min-width: 110px;
}
.badge-profile-label-big {
	display: inline-block;
	font-size: 25px;
	color: #555;
	margin-left: 20px;
}
.badge.badge-credits {
	background-color: #0FADE1;
	font-size: 18px;
	font-weight: normal;
	padding: 8px 12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.badge-label-m {
	display: inline-block;
	font-size: 18px;
	padding: 8px;
}
.badge.badge-credits.badge-credits-right {
	float: right;
	margin: 5px 5px 5px 10px;
}
.badge.badge-credits.badge-credits-other {
	background-color: #777;
}
.badge.badge-credits.badge-credits-claimed {
	background-color: #83C600;
}
.badge.badge-credits.badge-credits-completed {
	background-color: #3BC000;
}
.badge-question {
	display: inline-block;
	border-radius: 35px;
	padding: 3px 4px 4px 4px;
	font-size: 22px;
	text-align: center;
	color: #dddddd;
	font-weight: 800;
}
.badge-question-active {
	color: #fff;
}
.badge-question-answered {
	color: #d2ebf0;
}
.badge-question-pending {
	color: #999;
	border-color: #888;
	background-color: transparent;
}
.question-not-sent {
	border: 2px solid #ef4444 !important;
}
tr.heading td {
	font-weight: bold;
}
td.leftcol {
	width: 65%;
}
td.rightcol {
	text-align: right;
	width: 35%;
}
.black {
    color: #000;
}
.aqua {
	color: #01B4FF;
}
.aqua2 {
	color: #44c5c7;
}
.dark-aqua {
	color: #00a2e6;
}
.turquoise {
	color: #3af8ed;
}
.blue {
    color: #327efb;
}
.medium-blue {
	color: #57a3cc;
}
.indigo-blue {
	color: #4779A4;
}
.kh-blue {
	color: #4ccffd;
}
.bg-kg-blue {
	background-color: #4ccffd;
}
.bg-light-blue {
	background-color: #EDFBFF;
}
.bg-semi-light-blue {
	background-color: #BCEBF9;
}
.pink {
    color: #E44685;
}
.band-grey {
    background-color: #eee;
}
.purple {
	color: #643794;
}
.gray-blue {
	color: #4E5867;
}
.bg-dark-grey {
	background-color: #bbb;
}
.thin-scrollbar {
	overflow: auto;
}
	.thin-scrollbar::-webkit-scrollbar {
		width: 4px;
		height: 5px;
		background-color: #F2F2F2;
	}
.thin-scrollbar::-webkit-scrollbar-thumb {
	background-color: #CAD2DC;
}
a {
	color: #01A2F5;
	/*text-decoration: underline;*/
}
a:hover {
	text-decoration: none;
}
a.no-color {
	color: inherit;
}
a.blue-accessible {
	color: #00A0D6 !important;
}
.text-m, .text-md {
	font-size: 17px;
}
.text-lg {
	font-size: 18px;
}
.text-xl {
    font-size: 25px;
}
.text-xxl {
    font-size: 30px;
}


.btn-md-arrow {
	margin-left: 5px;
	position: relative;
	margin-right: -13px;
}

.btn-lg-arrow {
    margin-left: 5px;
		position: relative;
		margin-right: -25px;
}

.btn, .nav, .nav a {
	text-decoration: none;
}
.navthings .btn {
	width: 220px ;
	text-align: left;
}

/* Knowledgehook CSS */
.pageHeading {
	font-size: 32px;
	font-family: 'open sans', sans-serif;
	font-weight: 700 !important;
	margin: 25px 0 10px 0;
	clear: both;
    line-height: 1.1;
}
.has-subtitle {
    margin-bottom: 0px;
}
.inline-subheading {
    font-weight: 300;
    color: #aaa;

}
.feature {
	padding: 35px 0;
}
.feature-aqua {
	background-color: #22bbed;
	color: #fff;
}
	.feature-aqua .region-preview-feature__subtitle {
		color: #9fe6fc;
	}
.modal-footer {
    padding: 13px;
}
.modal-heading.modal-heading-1 {
    background-color: #48c8ed;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.modal-heading-1 .label_name {
    font-size: 21px;
    padding: 10px 20px;
}
.modal-heading .modal-heading-title {
	font-weight: 800;
	font-size: 26px;
	padding: 16px 5px 0 5px;
}
.modal-heading .modal-heading-subtitle {
	font-weight: 600;
	font-size: 17px;
	padding: 0px 5px 16px 5px;
	margin-top: -2px;
}

.modal-heading-1 .modal-heading-title {
	color: #fff;
}

.modal-heading-1 .modal-heading-subtitle {
	color: #b3eeff;
}
.modal-heading.modal-heading-2 {
	background-color: #1ccee0;
	color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.modal-close-x {
	float: right;
	color: #bbb;
	font-size: 20px;
}
.modal-heading-1 .modal-close-x {
	float: right;
	color: #fff;
	font-size: 20px;
}
.modal-heading-1 .modal-close-x:hover {
	opacity: 0.7;
	cursor: pointer;
}
.modal-heading-white .modal-close-x {
	margin: 10px 19px 0 0;
}
.modal-header h3 {
    font-size: 19px;
    font-weight: bold;
    margin: 0;
}
.modal-h3 {
	margin-top: 5px;
}
.modal-body-padding {
	padding: 15px 20px 15px 20px;
}
.ribbon {
	display: inline-block;
	height: 40px;
	background-image: url(../images/ribbon-blue.png);
	color: #fff;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 7px 25px 0 18px;
	font-weight: bold;
}
.ribbon.ribbon-hang-well {
	margin: 0 0 15px -20px;
}
.ribbon.ribbon-hang-alert {
	margin: 0 0 15px -15px;
}
.subtitle {
	font-size: 20px;
	font-weight: normal;
	color: #999;
	margin: 0px 0 20px 0;
    font-weight: 300;
}
.subtitle-lg {
	font-size: 24px;
	font-weight: normal;
	color: #999;
	margin: 0px 0 20px 0;
    font-weight: 300;
}
.subtitle.subtitle-below {
	margin-top: -18px;
}
.dropdown-menu span.menu-item-link {
    font-size: 16px;
    display: inline-block;
    padding: 2px 15px;
    margin: 5px 0;
    min-width: 250px;
    cursor: pointer;
    cursor: hand;
}

/* Knowledgehook NEW CSS -- COPY OVER */
table.setDueDateTable td.cellButtons {
	width: 50px;
}
table.rowHighlight td {
	padding: 4px 12px;
}
tr.rowHighlight td {
	background-color: #f5f5f5;
}
tr.heading td {
	font-weight: bold;
}
.dueDateCheckGlyph {
	color: #77CA00;
	font-size: 20px;
}
.dueDateTopic {
	color: #696969;
}
.dueDateCol {
	width: 175px;
}
.dueDateCheck {
	width: 40px;
	padding-right: 0 !important;
}
tr.dueDateSet td {
	background-color: #D0E9F4;
}
.dueDateSaveBtn {
	width: 151px;
}
.dueDateChangeClassBtn {
	position: relative; top: -4px;
	margin-left: 5px;
}
.metricsImageXp {
	width: 90px;
}
.metricsImageStar {
	width: 75px;
}

/* Assigned Topics Box */
.assignedLabel {
	font-weight: bold;
	padding-right: 9px;
}
.assignedTopicsBox {
	padding: 15px 25px;
	color: #555;
}
.assignedTopicsBox h3 {
	color: #333;
	margin: 10px 0;
	font-family: lato, sans-serif;
}

/* Completion Bars */
.completionCompareContainer {
	background-color: #f1f1f1;
	margin: 20px 0;
	padding: 15px 15px 20px 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.completionCompareContainer h3 {
	margin: 3px 0 8px 0;
}
.completionCompareBars {
	width: 100%;
}
.completionCompareBars td {
	padding: 5px 5px;
}
.completionCompareBars .progress {
	margin-bottom: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	background-image: none !important;
}
.completionCompareBars td.cell_label {
	padding-right: 8px;
	width: 142px;
}
.completionCompareBars td.bars {
	min-width: 150px;
}

.progress.progress-success .progress-bar {
    background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
}
.progress.progress-warning .progress-bar {
    background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
}
.ClassMgmtParentProgressBlock .progress-bar-warning {
    background-image: linear-gradient(to bottom,#F4BD54 0,#E79D0F 100%);
}
.progress-bar-yellow-gradient {
	background-image: linear-gradient(to right,#fdab22 0,#f9ec8c 100%);
	background-color: #f9ec8c;
}
.progress-bar-purple {
	background-image: linear-gradient(to right,#643794 0,#5e2e90 100%);
	background-color: #643794;
}
/* Topic Summary */
.topicSummarySectionsContainer .panel-title {
	font-family: lato, sans-serif;
	font-size: 19px;
}
.topicSummarySectionsContainer .panel-title a {
	text-decoration: none;
}
table.topicSummary {
	width: 100%;
}
.topicSummary td {
	font-size: 13px;
}
table.data td {
	padding: 3px 10px 3px 5px;
}
table.data td a {
	text-decoration: none;
}
table.data tr.head td {
	font-weight: bold;
	padding: 3px 8px;
}
table.data td.name {
	width: 34%;
	font-size: 13px;
}
td.completionPercent {
	width: 22%;
}
td.questionsCompleted {
	text-align: center;
	width: 11%;
}
td.strugglingStudents {
	width: 20%;
}
.topicSummary td.dueDateCol {
	width: 8%;
}
.topicSummary td.buttonCol {
	width: 5%;
}
.progressValueRight {
	color: #555;
	float: right;
	font-size: 12px;
	margin: 2px 4px 0 0;
}
.teacherInfoIcon {
	color: #01B4FF;
	font-size: 16px;
}
.pace-inactive {
    display: none;
}
.pace-progress.progress {
    display: none;
}
.topicNameOverflow {
	/*width: 285px;
	overflow: hidden;
	white-space: nowrap;*/
	line-height: 1.2;
}
.topicSummarySectionsContainer .panel {
	margin-top: 9px !important;
}
#loggedInContainer {
    margin-top: 2px;
}
.progress {
    margin-bottom: 0;
}
.progress-fat {
	height: 30px;
}
.progress-fat .progress-bar {
	font-size: 18px;
	padding-top: 3px;
}
.progress-bar-slim {
	height: 13px;
}
.progress-bar-slimmer {
	height: 8px;
}
.progress-fat-label {
	display: inline-block;
	font-size: 18px;
	position: relative;
	top: -18px;
	margin: 0 0 0 10px;
}
.data .progress {
	margin-bottom: 4px !important;
}
.dataFilterLabel {
	position: relative;
	top: 8px;
	display: inline-block;
	font-family: lato;
	font-size: 18px;
	padding-right: 10px;
}
.progress-bar-red {
	background-image: linear-gradient(to bottom, #DB7A67 0px, #D14A2F 100%) !important;
}
/* Student Summary */
.studentSummary {
	margin: 10px auto;
}
table.data.studentSummary tr.head td {
	background-color: #eee;
	padding: 6px 10px;
	border: 1px solid #d6d6d6;
}
.studentSummary .name {
	width: 27%;
}
.studentSummary .completionPercent {
	width: 26%;
}
.studentSummary .questionsCompleted {
	width: 20%;
}
.studentSummary .strugglingTopics {
	width: 27%;
}
/* Questions Display */
.questionsDisplayContainer {
	width: 900px;
	padding: 0 40px;
	margin: 20px auto;
}
.questionsBox {
	border: 1px solid #ccc;
	padding: 20px 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size: 16px;
}
.questionsAnswers {
	width: 100%;
	margin-top: 20px;
}
.questionsAnswers td {
	font-size: 18px;
	padding: 9px 20px;
	border-bottom: 1px solid #ddd;
}
.questionsAnswers .glyphicon-ok {
	color: #76E44C;
}
.questionsAnswersLabel {
	width: 15%;
	font-weight: bold;
	font-size: 17px !important;
}
.questionsAnswersAnswer {
	width: 85%;
}
.progress-bar.progress-bar-orange {
	background-color: #FB8D51 !important;
	background-image: none;
}

.panel-heading-button {
	position: relative;
	top: -6px;
}

.form-control {
	margin-top: 3px;
}

.input-group .form-control {
	margin-top: 0;
}

.form-control.field-short {
	width: 80px;
	display: inline;
}
td.spaced {
	padding-right: 10px;
}
#pnlQuestionTextBox {
	margin-top: 15px !important;
}

/* Editor UI */
.curricContainer {
	width: 2500px;
}
.curricMain {
	border-spacing: 10px;
	border-collapse: separate;
}
.curricMain td, .curricMain th {
	padding: 10px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	vertical-align: top;
}
.curricColSummary.blank {
	background-color: transparent !important;
}
.curricBranchGroupTitle {
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px 0 0px 0;
	letter-spacing: 1px;
}
.curricColTitle {
	text-align: center;
	font-size: 13px;
	background-color: #555;
	color: #ddd;
	padding: 5px 0 2px 0;
}
.curricColSummary {
	width: 250px;
	background-color: #B2D5FB;
}
.curricColBlock {
	width: 300px;
}
.curricColEven {
	background-color: #DDF1FF;
}
.curricColOdd {
	background-color: #F4F8FC;
}
.curricSticky {
	margin: 10px 0 20px 0;
	/*height: 150px;*/
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	padding: 15px 20px;
}
.curricStickyCE {
	background-color: #FDF8B5;
	width: 260px;
	/*height: 160px;*/
}
.curricStickyCE--orange {
	background-color: #FFD8A9;
}
.curricStickyLG {
	background-color: #FEE5B4;
	border: 1px solid #FFC765;
	margin-right: 15px;
	width: 100%;
	height: auto;
}
.curricStickySG {
	background-color: #FEE5B4;
	border: 1px solid #FFC765;
	margin-right: 15px;
	width: 100%;
	height: auto;
}

.curricStickySG--orange {
	background-color: #FFD8A9;
}

.curricStickyNotice {
	background-color: #FEE5B4;
	border: 1px solid #FFC765;
	margin-right: 15px;
	width: 100%;
}
.curricStickyLT {
	background-color: #E6D8F6;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 8px;
	width: 100%;
	height: auto;
}
.curricStickyQB {
	background-color: #B8F0E6;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 8px;
	width: 100%;
	height: auto;
}
	.curricStickyQB--orange{
		background-color: #FFD8A9;
	}
	.curricStickyQB .curricStickyTitle {
		height: auto;
	}
.curricStickyQBScaffold {
	background-color: #F8D9CC;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 8px;
	width: 100%;
	height: auto;
}
.curricContainerHeading {
	margin: 15px 0 8px 0;
	font-size: 18px;
}
.curricStickyQuestionTemplate {
	background-color: #DAE593 !important;
}
.curricStickyQuestion {
	background-color: #EBF3B5;
	border: 1px solid #CADB59;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 8px;
	width: 100%;
	height: auto;
}
	.curricStickyQuestion .curricStickyTitle {
		height: auto;
	}

.curricStickyWarning {
	display: block;
	width: 100%;
	background-color: #F8D9CC;
	border: 1px solid #F4B79C;
}

.curricStickyTitle {
	/*height: 90px;*/
	margin-bottom: 15px;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}
.curricStickyTitle.flow {
	height: auto;
}
.curricStickyBottom {
	/*height: 40px;*/
	padding: 0 20px 0px 0px;
	font-size: 12px;
}
.curricStickyDays {
	display: inline-block;
	width: 65px;
	text-align: left;
}
.curricStickyProgress {
	display: inline-block;
	width: 163px;
	margin-bottom: -4px !important;
	margin-top: 4px;
}
.curricLabelGrade {
	font-size: 18px;
	font-weight: bold;
	min-width: 208px;
}
.curricLabelRegion {

}
.NavbarLogo {
    display: inline-block !important;
    position: relative;
    top: -6px;
}
a.no-highlight {
	color: inherit;
	text-decoration: none;
}
.curricEditorTable {
	width: 850px;
}
.curricEditorLabelCell {
	width: 25%;
	text-align: right;
	padding-right: 15px;
}
.curricEditorValueCell {
	width: 75%;
}
.curricEditorTable label {

}
.editorFlaggedContainer {
	margin: -10px 0 25px 0;
}
.fwn {
	font-weight: normal;
}
label.catks {
	font-weight: normal;
	margin-bottom: 0;
}
.curricEditorLabelCell label {
	text-align: right;
	display: block;
}
.progress.curricEditorPage {
	width: 150px;
	display: inline-block;
	margin-bottom: -4px;
	margin-top: 5px;
}
.curricEditorPageStatusText {
	display: inline-block;
	color: #888;
	font-size: 12px;
	margin-left: 8px;
}
.curricEditorStickyContainer {
	background-color: #f5f5f5;
	padding: 15px 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.curricDiscussionContainer {
	background-color: #f5f5f5;
	padding: 15px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.curricSaveBtn {
	margin-top: 10px;
}
hr.curricDivider {
	border: 0;
	border-top: 1px solid #ddd;
	margin: 40px 0 10px 0;
}
.curricStatBox {
	margin: 0 0 0 0;
	font-size: 12px;
}
.form-control.field-short {
	width: 60px;
}
.curricQuestionCount {
	font-size: 14px;
	font-weight: bold;
}
.curricWarning {
	color: #f05234;
	font-size: 15px;
}
.curricCountBox {
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -2px;
	width: 35px;
	text-align: right;
	padding: 2px 4px 2px 2px;
	color: #555;
	margin-right: 4px;
	margin-top: 7px;
}
.curricDiscussionPostContainer {
	margin: 10px 0 10px 26px;
}
.curricDiscussionPostContainer.indented {
	margin-left: 70px;
}
.curricDiscussionMeta {
	font-size: 13px;
}
.curricDiscussionMetaDate {
	font-size: 12px;
	color: #999;
	display: inline-block;
	margin-left: 10px;
}
.curricDiscussionPostText {
	background-color: #fff;
	padding: 10px 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d5d5d5;
	margin: 5px 0 15px 0;
	font-size: 13px;
}
textarea.curricDiscussionReplyField {
	height: 35px;
}
.curricQuestionShowTable {
	margin: 15px 0;
}
.curricQuestionShowTable td {
	padding: 2px 4px;
	font-size: 12px;
}
td.curricQuestionAnswerLabelCell {
	font-weight: bold;
	padding-right: 20px;
}
td.curricQuestionAnswerValueCell {
	padding-right: 20px;
}
td.curricQuestionAnswerValueCell img {
	max-width: 280px;
}
.curricStickyQuestion img {
	max-width: 400px;
}
.curricStickyQuestion hr {
	border-color: #E8AE94;
}
.curricSticky h1 {
	margin: 10px 0 15px 0;
	font-size: 23px;
	font-family: Lato, sans-serif;
	font-weight: 700;
}
.curricLogicalErrorText {
	display: inline-block;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	position: relative;
	bottom: -4px;
}

.breadcrumb {
	font-size: 13px;
	font-family: 'segoe ui', sans-serif;
	color: #999;
	margin: 10px 0 20px 0;
    background-color: transparent;
    padding-left: 0;
    /*border-bottom: 1px solid #ddd;*/
}
.breadcrumb a {

}
.form-control.form-control-inline {
	display: inline-block;
	width: auto;
}
.breadcrumb .indent {
	display: inline-block;
	height: 1px;
	width: 30px;
}
.vtop {
	vertical-align: top;
}
.margin-sm {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}
.indent-1, .indent {
	margin-left: 15px;
}
.indent-15 {
	margin-left: 20px;
}


.indent-2 {
	margin-left: 30px;
}

.indent-3 {
	margin-left: 45px;
}
.breadcrumb .type_label {
	font-style: italic;
}

.stars-block {
	display: inline-block;
	width: 75px;
	margin: 0 3px 0 5px;
}
	.stars-block-wide img {
		width: 20px;
	}
	.stars-block img {
		width: 20px;
	}
.stars-block.stars-block-single {
	margin: 4px 0px 0 11px;
	width: 24px;
}

.stars-block-lg {
	display: inline-block;
	width: 120px;
	margin: 0 5px 0 15px;
	line-height: 1;
}
	.stars-block-lg img {
		width: 27px;
		position: relative;
		top: -4px;
		margin-left: -2px;
	}

.discussPostVoteContainer {
	position: absolute;
	margin-left: -42px;
	border: 1px solid orange;
	width: 30px;
	height: 70px;
	text-align: center;
	background-color: #D2E4EE;
	border: 1px solid #ACCCDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.discussPostVoteCount {
	text-align: center;
	font-weight: bold;
}
.discussCommentCount {
	position: absolute;
	margin-left: -25px;
	width: 15px;
	font-size: 12px;
	color: #888;
}
.discussCommentThumb {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	padding: 2px 6px !important;
	/*background-color: #eee;*/
	/*border: 1px solid #ccc !important;*/
	margin: 0px 0 3px 3px;
	position: relative;
	top: -7px;
}
.curricQuestionCellLabel {
	padding-right: 15px;
}
.badge-template {
	background-color: #3FAC0A;
	font-weight: normal;
}
.badge-notice {
	background-color: #FF9F09;
	color: #000;
	font-weight: normal;
}
.badge-warning {
	background-color: #EB2201;
}
.badge-success {
	background-color: #34B600;
}
.badge-positive {
	background-color: #0FADE1 !important;
    color: #fff !important;
}
.badge-black {
    background-color: #000000;
}
.badge-pink {
	background-color: #E44685 !important;
    color: #fff !important;
}
.badge-light-pink {
	background-color: #FF69AC !important;
}
.badge-orange {
	background-color: #FB830D;
}
.badge-light-orange {
	background-color: #FABD6E;
}
.badge-green {
	background-color: #A8E02E;
}
.badge-forest-green {
	background-color: #78C905;
}
.badge-fuchsia {
	background-color: #F6422A;
}
.badge-red {
	background-color: #F6422A;
}
.badge-grey {
	background-color: #9C9C9C;
}
.badge-light-grey {
    background-color: #ddd;
}
.badge-icon {
	min-width: 30px;
	margin-top: 3px;
}
.badgeLiveModeVideo {
    float: left;
	position: relative;
	top: 6px;
    left: -4px;
	padding: 7px 8px;
	background-color: #0FADE1;
	margin: 0 3px 0 3px;
    border-radius: 40px;
}
.badgeLiveModeVideoEvent {
	position: relative;
	top: 2px;
	padding: 7px 8px;
	background-color: #0FADE1;
	margin: 0 3px 0 3px;
    border-radius: 40px;
}
.badge-answer {
	background-color: #0FADE1;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding: 5px 8px;
	font-size: 14px;
	margin-right: 5px;
}
.badge-clone {
	background-color: #999;
	font-weight: normal;
}
.badge-count {
	background-color: #fff;
	color: #555;
	text-align: center;
	margin-right: 3px;
}
.badgeGameplayIncorrect {
    background-color: #000000;
    font-size: 16px;
    padding: 6px 7px;
    color: #ffffff;
    margin-right: 6px;
    border-radius: 40px;
}
.hierarchy-indent-1 {
	display: inline-block;
	margin-left: 33px;
}
.hierarchy-indent-2 {
	display: inline-block;
	margin-left: 66px;
}
.hierarchy-indent-3 {
	display: inline-block;
	margin-left: 99px;
}
.hierarchy-indent-4 {
	display: inline-block;
	margin-left: 132px;
}
.hierarchy-indent-5 {
	display: inline-block;
	margin-left: 165px;
}
.hierarchy-indent-6 {
	display: inline-block;
	margin-left: 198px;
}
.created-by-sm {
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: 3px;
}

.branchEditBranchButton {
	width: 400px;
	text-align: left;
}
.branchEditBtnGroup {

}
.dropdown-menu>li>.dropdown-text {
	display: block;
	padding: 3px 20px;
	clear: both;
	color: #333;
	white-space: nowrap;
}
.curricReorder {
	border: 2px dashed #777;
}
.green {
	color: #06C006;
}
.light-green {
	color: #99D103 !important;
}
.intense-light-green {
	color: #C0FF01 !important;
}
.vibrant-green {
    color: #82DE72 !important;
}
.tomato {
	color: #ff7f6e !important;
}
.light-grey {
    color: #dddddd;
}
.medium-grey {
    color: #bbb;
}
.medium-dark-grey {
    color: #777;
}
.dark-grey {
	color: #555;
}
.light-blue {
    color: #A2E4FC;
}
.containerNarrow {
	width: 650px;
	margin: 20px auto;
}
.spacer-left {
	margin-left: 10px;
}
.spacer-right {
	margin-right: 10px;
}
.schedule-picker {
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	.schedule-picker th, .schedule-picker td {
		border: 1px solid #d1d1d1;
		padding: 10px 10px;
		text-align: center;
	}
	.schedule-picker th {
		background-color: #e1e1e1 !important;
	}
	.schedule-picker .hour {
		background-color: #DDEBF5;
		color: #777;
		font-weight: bold;
	}
	.schedule-picker .weekend {
		background-color: #f5f5f5;
	}
	.schedule-picker .selected {
		background-color: #CFE666;
		color: #8EBF0B;
		font-weight: bold;
	}

.spacer-m, .spacer-md {
    margin-top: 12px;
    margin-bottom: 12px;
}

input.error {
    border-color: #d00;
    color: #d00;
}
select.error {
	border-color: #d00;
}
.m-bot-10 {
	margin-bottom: 10px;
}
.m-bot-20 {
	margin-bottom: 20px;
}
.m-bot-30 {
	margin-bottom: 30px;
}
.p-bot-40 {
	padding-bottom: 40px;
}
.registration-container {
    max-width: 600px;
    margin: 21px auto 0 auto;
	padding: 0 15px;
}
.registration-container-home {
    margin: 5px auto 0 auto;
}
.registration-container h2 {
    font-size: 26px;
}
.GsGuestPinBadge {
    position: relative;
    top: -5px;
}
.GsResetsBlock {
    margin: 10px 11px 15px -5px;
}
.GsResetStudent {
    font-size: 18px;
    margin-bottom: 12px;
}
.GsResetStudent .btn {
    position: relative;
    margin: -3px 0 0 5px;
}
.GsStudentsJoinedCounter {
    display: inline-block;
    font-size: 24px;
    font-style: italic;
    color: #aaa;
    margin-left: 18px;
    position: relative;
    top: 8px;
}
.GsRequestPermissionLabel {
    font-size: 19px;
    font-style: italic;
    color: #aaa;
    margin: 14px 0 15px 0;
}
.GsRegisterContainer {
    max-width: 600px;
    margin: 25px auto 0 auto;
	padding: 0 15px;
    color: #11738d;
    font-size: 17px;
}
.GsRegisterContainer h2 {
    color: #fff;
    font-weight: 800;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    margin: 10px auto 25px auto;

}
.login-form-container {
    max-width: 375px;
    margin: 0 auto;
	padding: 0 15px;
}
.RegistrationContainerWider {
    max-width: 433px !important;
}
.stickyHeading {
	background-color: #777;
	color: #fff;
	font-size: 25px;
	padding: 8px 14px 8px 20px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
.well-grey-bottom {
	background-color: #f5f5f5;
	margin-bottom: 25px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	padding: 5px 20px 15px 20px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.cell-label {
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}
.popover-header {
	padding: 10px 15px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.tourtip--blue .popover-header {
	background-color: #0198ca;
	font-size: 16px;
	font-weight: 600;
	font-family: 'open sans';
}
.tourtip--blue .popover-content {
	font-size: 16px;
	font-family: 'open sans';
}
.tourtip--black {
	background-color: #333;
	color: #fff;
}
.student-login-tourtip {
	display: block;
}
.student-login-tourtip-label {
}
.student-login-tourtip-value {
	margin: 5px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.tourtip--black .popover-content {
	background-color: #333;
	color: #fff;
	font-size: 16px;
	font-family: 'open sans';
}
.popover-footer {
	padding: 10px 15px;
}
.popover-steps {
	margin: 15px 0 0 0;
	font-size: 15px;
}
.tourtip--blue .popover-steps {
	opacity: 0.7;
}
.popover-default {
	font-size: 14px;
}
.popover-close {
	position: absolute;
	display: inline-block;
	top: 8px;
	right: 10px;
	font-size: 15px;
	padding: 3px;
	color: #aaa;
}
li.navbar-button.selected a.popover-close {
	background: none !important;
}
.tourtip--blue .popover-close {
	color: #fff;
	opacity: 0.7;
}
.popover--blue .tooltip-arrow {
	border-bottom-color: #10bef7 !important;
}
.popover--blue .tooltip-inner {
	background-color: #10bef7;
}
.popover-close:hover {
	opacity: 0.5;
}
.AllPageContainer {
	padding-bottom: 70px;
}
.well-grey-bottom hr {
	margin: 20px 0 10px 0;
	border-color: #ccc;
}
.student-page-container {
	margin: 25px 0 30px 0;
	font-size: 17px;
}
.student-page-container.student-page-container-no-nav {
	margin: 0 0 20px 0;
}
.admin-page-container {
	margin: 35px 0 90px 0;
}
.teacher-page-container {
	margin: 5px 0 90px 0;
    padding-top: 31px;
}
.parent-page-container {
	margin: 14px auto 90px auto;
    max-width: 835px;
}
.has-headline-bar {
	margin-top: 50px !important;
}
.content-container {
	margin: 0px auto 0 auto;
	padding: 0 15px 0px 15px;
}
.content-container-xs {
	max-width: 300px;
}
.content-container-sm {
	max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.content-container-smp {
	max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.content-container-md {
	max-width: 850px;
}
.content-container-lg {
	max-width: 1200px;
}
.content-container-xl {
	max-width: 1400px;
}
.bottom-nav {
	position: fixed;
    bottom: 0;
    left: 0;
	width: 100%;
	min-width: 291px;
	background-color: #777777;
	background: -webkit-linear-gradient(#777777, #5a5a5a);
	background: -o-linear-gradient(#777777, #5a5a5a);
	background: -moz-linear-gradient(#777777, #5a5a5a);
	background: linear-gradient(#777777, #5a5a5a);
	text-align: center;
    -webkit-box-shadow: inset 0px 4px 0px 0px #555;
    -moz-box-shadow: inset 0px 4px 0px 0px #555;
    box-shadow: inset 0px 4px 0px 0px #686868;
}
.bottom-nav a {
	text-decoration: none;
	padding: 0 0px;
	display: inline-block;
	margin-left: 0px;
}
.bottom-nav a.active {
	background-color: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0px 4px 0px 0px #2fc0cf;
-moz-box-shadow: inset 0px 4px 0px 0px #2fc0cf;
box-shadow: inset 0px 4px 0px 0px #2fc0cf;
}
.bottom-nav img {
	width: 70px;
}
#studentBottomNav {
	z-index: 2;
}
#studentBottomNav img {
	width: 77px;
}
li.navbar-button.selected {
	background-color: #555;
	background-color: #23B0D3 !important;
}
li.navbar-button.selected a {
	color: #fff !important;
	background: -webkit-linear-gradient(#23B0D3, #19a4c7) !important;
	background: -o-linear-gradient(#23B0D3, #19a4c7) !important;
	background: -moz-linear-gradient(#23B0D3, #19a4c7) !important;
	background: linear-gradient(#23B0D3, #19a4c7) !important;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);*/
}
.studentChoiceLabel {
    color: #999;
    font-size: 12px;
}
.icon-teacher-mode {
	height: 17px;
	position: relative;
	top: -4px;
	margin-right: 3px;
	margin-left: -3px;
}
li.dropdown.dropdown-grey-shine {
	background: linear-gradient(#777, #444);
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}
.progress.flat {
	border-radius: 0;
}

.externalBody {
	margin: 0;
	background-color: #EBF2F7;
	font-family: 'open sans', sans-serif;
}
	.externalBody hr {
		border-color: #BCD6E6;
	}
.logoLogin {
	width: 250px;
	display: block;
	margin: 10px auto 0 auto;
}
.inline-button-fix {
	position: relative;
	top: 4px;
}
.inline-btn-fix {
    position: relative;
    top: -4px;
}
.inline {
    display: inline;
}

#metricsMeters {
	width: 100%;
}
	#metricsMeters .metricsSymbol {
		width: 105px;
		text-align: center;
	}
	#metricsMeters .metricsBar {
		padding-right: 10px;
		line-height: 1;
	}
.scoreLine {
	font-size: 26px;
}
.scoreGold {
	color: #F7B503;
}
.scoreLabel {

}
hr.on-white {
	border-color: #e6e6e6;
}
.to-next-division {
	font-size: 13px;
	color: #AAA;
	display: inline-block;

	/*margin: -13px 0 10px 0;*/
}
.challengeProgressXp {
	margin: 8px 10px 3px 0;
}
.LeaguesProgressBar {
    margin: 3px 15px 9px 0;
    height: 15px;
}
.LeaguesProgressBar .progress-bar {
    background-image: linear-gradient(to bottom, #62c0e0 0px, #36a7cc 100%);
    background-color: #55b9da;
}
.metricLeagueLabel {
    display: block;
	font-size: 19px;
    color: #000;
    font-weight: bold;
	color: #388BAA;
}
.metricLeagueLabelLevel {
    display: block;
	margin-top: 7px;
    font-size: 15px;
    color: #aaa !important;
}
.topicsTable {
	width: 100%;
    font-weight: normal;
}
	.topicsTable td {
		padding-top: 10px;
	}
	.topicsTable .topicsSymbol {
		width: 65px;
		vertical-align: top;
	}
	.topicsTable .topicsBar {
		padding-left: 20px;
		padding-right: 20px;
        padding-bottom: 12px;
		width: 100%;
	}
	.topicsTable .topicTitle {
		font-size: 18px;
		margin: 0 0 9px 0;
        line-height: 1.2;
	}
	.topicsTable .due-date-line {
		font-size: 11px;
		margin: -4px 0 10px 0;
	}
	.topicsTable .topicsArrow {
		padding-left: 10px;
	}
	.topicsTable .topicsArrow img {
		height: 35px; /* 35px;*/
		/*opacity: 0.2;*/
		position: relative;
		top: -2px;
	}
	.topicsTable .topicSymbolImage {
		width: 90px;
		position: absolute;
		top: -15px;
		left: -8px;
	}
	.topicsTable .imgSpacer {
		width: 70px;
		height: 1px;
	}
	.topicsTable .progress-bar {
		/*background-color: #97CDEF;*/
		/*background-image: linear-gradient(to bottom, #97CDEF 0px, #7CC1EC 100%) !important;*/

	}
	.badge-date-hover {
		position: absolute;
		left: 9px;
		top: -6px;
		box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	}
	.badge-date-hover-lg {
		position: absolute;
		top: 0;
		left: 15px;
		box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	}

    .badge-assigned {
        min-width: 12px;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
        height: 24px;
        width: 24px;
        border-radius: 30px;
        padding-top: 6px;
        text-align: center;
    }
    .badge-assigned .glyphicon {
        margin-left: -1px;
    }
    .badge-unassigned {
        min-width: 12px;
        position: absolute;
        top: 0;
        left: 0;
        height: 24px;
        width: 24px;
        border-radius: 30px;
        padding-top: 6px;
        text-align: center;
        background-color: #aaa;
        opacity: 0.45;
    }
    .OtherMissionLabel {
        font-size: 10px;
        position: absolute;
        width: 80px;
        text-align: center;
        top: 51px;
        color: #fff;
    }
    .MissionSummaryTable .cell_icon {
        padding: 1px 10px;
        text-align: center;
    }
    .MissionSummaryTable .cell_score {
        padding: 1px 5px 1px 5px;
        text-align: center;
    }
    .MissionSummaryTable .cell_name {
        padding: 1px 10px;
    }
    .MissionSummaryTable .cell_pad_badge {
        padding-top: 5px !important;
    }
.missionHeadingDate {
    font-size: 29px;
    color: #bbb;
    display: inline-block;
}
.GsReplayStudentLeaderboard {
    color: #aaa !important;
}
.gs-select-student-container {
    display: inline-block;
    margin: 10px auto 20px auto;
    width: auto;
    text-align: left;
}
.lightningBoxCounter {
    position: absolute;
    top: 2px;
    font-size: 14px;
    right: 6px;
    color: #fff;
    opacity: 0.85;
    text-shadow: none;
    text-align: right;
}
.mobile-header-button {
	float: left;
	margin: 10px 5px 0 7px;
}
.navNameLabel {
	display: inline-block;
	height: 20px;
	margin-bottom: -10px;
	max-width: 65px;
	overflow: hidden;
	position: relative;
	top: -5px;
	margin-right: 2px;
}
.last-attempted-marker {
	display: none;
	position: absolute;
	top: 0px;
	left: 14px;
	width: 52px;
	border-top: 4px solid orange;
	z-index: 11000;
}
.topic-block-container {
	/*min-height: 350px;*/ /* dynamically calculate based on topic count */
	/*max-width: 520px;*/
	padding-left: 4px;
}
.topic-block-wrapper {
	position: relative;
	float: left;
	/*overflow: auto;
	float: left;
	padding-top: 3px;*/
}
.topic-block {
	display: block;
	float: left;
	margin: 5px 7px 8px 5px;
	width: 70px;
	height: 70px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	background-color: #3EA3D9;
	border: 4px solid #A1D2ED;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.topic-block.IsMasteryWin {
    border-color: #5deeff;
}
.topic-block.topic-block-last-attempt {
	border-color: #E08D6C !important;
}
.topic-block.topic-block-locked {
	background-color: #8B8B8B;
	border-color: #C1C1C1;
	text-align: center;
}
	.topic-block.topic-block-unlock-time {
		background-color: #E44685;
		border-color: #FFCACA;
		text-align: center;
	}
.topic-block-unlock-time .topic-block-lock {
	width: 24px;
	margin-top: 12px;
}
.topic-block-unlock-time__time {
	font-size: 12px;
	color: #fff;
	margin-top: 2px;
}
.topic-block.topic-block-scaffold {
	background-color: #ffc809;
	border-color: #ffe79f;
}
.topic-block-label {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.topic-block-stars {
	padding-left: 5px;
	margin: -2px 0 0 0;
}
.topic-block-stars img {
	width: 17px;
	display: block;
	float: left;
}
.topic-block-lock {
	width: 30px;
	margin-top: 13px;
}
.topic-block-lock-mission {
	width: 30px;
	margin-top: 8px;
}
.topic-block-mini-preview {
    position: relative;
    top: -8px;
}
.topic-block-mini {
	display: inline-block;
	margin: 5px 7px 7px 0px;
	width: 43px;
	height: 43px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	background-color: #3EA3D9;
	border: 3px solid #A1D2ED;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
    line-height: 1.5;
}
	.topic-block-mini .topic-block-label {
		font-size: 17px;
		margin: 0px 0 1px 0;
	}
	.topic-block-mini .topic-block-stars img {
		width: 9px;
	}
.workedExampleText {
	margin: 10px 0 15px 0;
}
.workedExampleText img, .miniLessonContent img, .gameplayQuestion img {
	max-width: 500px;
}
.svg_image {
    max-width: 500px;
    width: 100%;
}
.workedExampleText table td {
	padding: 3px 6px;
	border: 1px solid #777;
}
.workedExampleVideoTitle {
	font-weight: bold;
	margin: 10px 0;
}
.workedExampleVideo {
	margin: 0 0 15px 0;
}
.gameplayQuestionAnswerContainer {
	/*border: 1px solid #e4e4e4;
	background-color: #f8f8f8;*/
	margin: -1px 0px 10px 0px;
}
.gameplayQuestion {
	/*border: 1px solid #e5e5e5;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 40px 20px 40px;
}
.gameplayQuestionText {
	padding-bottom: 25px;
}
.gameplayQuestion table {
	margin: 10px 0;
}
.gameplayQuestion table td, .gameplayAnswerValue table td, .RenderMath td {
	border: 1px solid #888;
	padding: 4px 6px;
}

.kh-data-table {
	margin: 10px 0;
	max-width: 400px !important;
}
	.kh-data-table td, .RenderMath td {
		border: 1px solid #888;
		padding: 4px 6px;
	}
	.kh-data-table th {
		border: 1px solid #888;
		padding: 4px 6px !important;
		font-weight: bold;
		background-color: #9cdff6;
	}
.gameplayAnswerValue table {
	max-width: 290px !important;
}
.gameplayAnswerText img {
	max-width: 262px;
    height: auto;
}
.gameplayAnswerText p {
    /*display: inline-block;*/
}
.gameplayAnswerContainer {
	padding-right: 0;
	padding-left: 0;
	min-width: 33.33%;
	/*border-left: 1px solid #eee;*/
}
.gameplayAnswer {
    position: relative;
	display: block;
	border: 1px solid #e7e7e7;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 0 0;
	font-size: 19px;
	background: -webkit-linear-gradient(#f9f9f9, #eee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f9f9f9, #eee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f9f9f9, #eee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f9f9f9, #eee); /* Standard syntax */
	cursor: pointer;
	cursor: hand;
}
.gameplayAnswer-inner {
	padding: 22px 15px;
}
.MultiSelectAnswerBlock .gameplayAnswer {
	margin-bottom: -1px;
	margin-top: -1px;
}
.gameplayAnswer.IsSelected {
    box-shadow: inset 0 0 0 4px #0FADE1;
	background: -webkit-linear-gradient(#fff, #aecedd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #aecedd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #aecedd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #aecedd); /* Standard syntax */
}
.SelectedAnswerNotice {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0FADE1;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 2px;
}
#GameplaySelectSubmitContainer {
    padding: 15px 20px;
    text-align: center;
}
#GameplaySelectSubmitContainer .btn {
    max-width: 330px;
}
.gameplayAnswerStatic {
	display: block;
	border: 1px solid #e7e7e7;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 15px 0;
	font-size: 19px;
	background: -webkit-linear-gradient(#f9f9f9, #eee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f9f9f9, #eee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f9f9f9, #eee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f9f9f9, #eee); /* Standard syntax */
}

.gameplayAnswer:hover, .gameplayAnswer:active {
	background: -webkit-linear-gradient(#fff, #d7e1e7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #d7e1e7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #d7e1e7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #d7e1e7); /* Standard syntax */
	cursor: hand;
}
	.gameplayAnswerFirst {
		border-top: 1px solid #e7e7e7;
	}
	.gameplayAnswer.gameplayAnswerIncorrect {
		color: #aaa;
		background: initial;
		background-color: #ddd !important;
	}
	.gameplayAnswerIncorrect .badge-answer {
		background-color: #999;
	}
	.gameplayAnswer.gameplayAnswerChosen {
		color: #aaa;
		background: -webkit-linear-gradient(#fff, #d7e1e7); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fff, #d7e1e7); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fff, #d7e1e7); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fff, #d7e1e7); /* Standard syntax */
	}
	.gameplayAnswerChosen .badge-answer {
		background-color: #00D8D0;
	}

.gameplayAnswerTable {


}
	.gameplayAnswerLabel {
		width: 40px;
	}
.gameplayAnswerTable > tbody > tr > td {
    border: 0;
}

.answerPlayIcon {
	width: 50px;
}
#gameplayHintBox {
	margin: 15px 0;
}
#gameplayVideoBox {
	margin: 15px 0;
}
.answerHeading {
	background-color: #525252;
	background: -webkit-linear-gradient(#787878, #525252); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#787878, #525252); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#787878, #525252); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#787878, #525252); /* Standard syntax */
	padding: 12px 0 12px 22px;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
}
.pad {
    padding: 15px;
}
.pad-h-1 {
	padding-left: 15px;
	padding-right: 15px;
}
.pad-h-2 {
	padding-left: 30px;
	padding-right: 30px;
}
.pad-v-1 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.pad-v-2 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pad-v-3 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.m-top-sm {
	margin-top: 8px;
}
.m-top-md {
	margin-top: 15px;
}
.m-right-sm {
	margin-right: 8px;
}
.m-right-md {
	margin-right: 15px;
}
.no-pad-top {
    padding-top: 0 !important;
}
.pad-top-sm {
	padding-top: 8px;
}
.pad-top-md {
	padding-top: 15px;
}
.p-bot-lg {
 padding-bottom: 70px;
}
.m-bottom-lg {
	margin-bottom: 90px;
}
.relative, .rel {
	position: relative;
}
.labelUnderProgressBar {
	font-size: 12px;
	margin: 2px 0 -1px 0;
	color: #888;
}
.editorPreviewFlag {
	position: absolute;
	top: 6px;
	right: 7px;
}
.editorRootLE {
	width: 400px;
	display: inline-block;
}
.label-1 {
	display: inline-block;
	width: 115px;
}
.editorRootLEDropdown {
	display: inline-block;
	width: 397px;
}
.gameplaySummaryTitle {
	font-weight: 700;
	font-size: 35px;
	margin: 0px 0 15px 0;
	line-height: 1.3;
}
.gameplaySummaryTitle-sm {
	font-weight: 700;
    font-size: 28px;
	margin: 10px 0 5px 0;
	line-height: 1.3;
}
.modalHeading {
    font-weight: 700;
	font-size: 35px;
	margin: 0px 0 15px 0;
	line-height: 1.3;
}
.gameplaySummarySubtitle {
	font-weight: 400;
	font-size: 25px;
	margin: -10px 0 15px 0;
	color: #777;
}
.gameplaySummarySubtitle-sm {
	font-weight: 400;
	font-size: 20px;
	margin: -10px 0 15px 0;
	color: #777;
}
.modalSubheading {
	font-size: 18px;
	font-weight: bold;
}
.modalBody {
    font-size: 16px;
	color: #777;
	margin-bottom: 20px;
}
.modalXp {
    font-size: 18px;
	color: #777;
	margin-bottom: 20px;
}
    .modalXp .highlight {
        font-weight: bold;
    }
.highlight {
	color: #29b7eb;
}
.btn.btn-primary .highlight {
    color: #96D5E2;
    font-style: italic;
}
.gameplaySummaryBody {
	font-size: 16px;
	color: #777;
	margin-bottom: 20px;
}
.leaderXP {
}
.leaderXP td, .leaderMathCup td {
	font-size: 16px;
	padding: 4px 10px;
	overflow: hidden;
}
.leaderXPRank {
	padding-right: 10px;
	padding-left: 10px;
    width: 50px;
}
.leaderXPStudent {
	padding-right: 20px;
}
.leaderXPAmount {
	text-align: right;
	padding-right: 10px;
}
.leaderMathCup {
}
td.leaderMathCupSchool {
	padding-right: 40px;
	padding-left: 20px;
}
td.leaderMathCupPoints {
	text-align: right;
	padding-right: 10px;

}
td.leaderMathCupRank {
    color: #999;
    font-size: 13px;
    padding-right: 0px !important;
}
.leaderMathCupScoringRow td {
    font-size: 13px;
    color: #999;
    padding: 2px 5px;
}
td.leaderMathCupScoring {
    padding-left: 20px;
}
.leaderMathCupScoring img {
    max-width: 23px;
    margin-right: 6px;
}
.leaderPrev td {
	font-weight: normal !important;
	color: #999;
	height: 20px;
	font-size: 12px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.leaderXP tr.you td, .leaderMathCup tr.you td, .leaguesTable tr.you td {
	background: -webkit-linear-gradient(#C9E9F7, #9CD6EE); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#C9E9F7, #9CD6EE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#C9E9F7, #9CD6EE); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#C9E9F7, #9CD6EE); /* Standard syntax */
}
.leaderXP tr.head td, .leaderMathCup tr.head td {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}
.hwLeaderboardAvatar {
    text-align: center;
    width: 80px;
}
.hwLeaderboardAvatar img {
    height: 45px;
}
.hwLeaderboardDesc {
    margin: -3px 0 18px 0;
    font-size: 14px;
    color: #888;
}
.answerCorrectTitle {
	text-align: center;
	font-weight: 700;
	font-size: 50px;
}
.intenseTitle {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 27px;
	color: #777;
	text-transform: uppercase;
	margin: 20px auto 0px auto;
}
.alert.alert-xs {
	padding: 5px 10px;
	font-size: 13px;
}
.alert.alert-lg {
	border-radius: 12px;
	padding: 25px 30px !important;
}
.alert.alert-xl {
	border-radius: 14px;
	padding: 30px 35px !important;
}
.block {
    display: block;
}
.inline-block {
	display: inline-block !important;
}
.miniLessonContent {
	margin: 0 0 20px 0;
}
.miniLessonBlockLabel {
	color: #fff;
	text-align: center;
	font-size: 24px;
	display: block;
	margin: 10px 0 0 0;
}
.miniLessonStatus {
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.myClassAvatar {
	display: none;
}
.myClassBadge {
	width: 60px;
}
.myClassBadge img {
	height: 52px;
	margin-right: 10px;
}
.myClassName {
	font-size: 17px;
	vertical-align: middle !important;
}
.dueDateCellButtons {
	vertical-align: top !important;
}
.dueDateCellDate {
	vertical-align: top !important;
}
.dueDateSectionTitle {
	font-weight: bold;
	font-size: 16px;
}
.dueDateSubsectionTitle {

}
.dueDateSubsectionTable {
	display: block;
	margin: 10px 0;
}
.subtext {
	font-size: 13px;
	color: #999;
}
.questionsAnswersContainer {
	padding: 0 0 0 15px;
}
.summaryStarsLeaders {
	text-align: left;
	margin: 15px auto 20px auto;
	display: inline-block;
	padding: 0 10px;
}
.summaryStarsStudent {
	margin: 5px 0 0 0;
	font-size: 16px;
}
.summaryStarsStudent img {
	width: 20px;
	position: relative;
	top: -2px;
}
.summaryStarsStudent img {
	width: 20px;
	position: relative;
	top: -2px;
}
.summaryStarsStudent .studentName {
    display: inline-block;
    margin-left: 5px;
}
.liveModeEventStars {
	width: 100px;
}
.liveModeEventStars img {
	width: 29px;
	position: relative;
	top: -2px;
}
.live-mode-solution {
	display: inline-block;
	font-size: 21px;
	margin: 0 5px 0 -8px;
	position: relative;
	top: 5px;
}
.live-mode-solution:hover {
	opacity: 0.8;
}
.leaguesTable {
	width: 100%;
}
	.leaguesTable .leaguesBadge {
		text-align: center;
	}
	.leaguesTable .leaguesBadge img {
		width: 65px;
		padding: 5px 0 5px 5px;
	}
	.leaguesTable .leaguesName {
		font-size: 19px;
		padding: 5px 15px 5px 15px;
	}
.videoVoteContainer {
	margin: 15px auto 25px auto;
	padding: 0 10px;
}
.videoVoteContainer .btn {
	position: relative;
	top: -4px;
}
.videoVoteButtonsContainer {
	display: inline-block;
	width: 175px;
	margin-top: 6px;
}
.watchVideoXP {
	font-size: 15px;
	margin: 15px 0;
}
.exampleAnswerContainer {
	font-style: italic;
	font-size: 14px;
}
.exampleAnswerBadge {
	font-size: 17px;
	color: #fff;
	background-color: #0FADE1;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	font-style: normal;
}
.live-attempts-box {
	width: 25px;
	height: 25px;
	float: left;
	margin: 0 5px 0 0;
	color: #fff;
	/*font-weight: bold;*/
	font-size: 14px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	text-align: center;
	padding-top: 2px;
}
.live-attempts-box-3 {
	background-color: #7FDD23;
}
.live-attempts-box-2 {
	background-color: #C1DF33;
}
.live-attempts-box-1 {
	background-color: #EFD91F;
}
.live-attempts-box-0 {
	background-color: #EEA93C;
}

.gameplayTitle {
	font-size: 25px;
    margin: 5px 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900 !important;
    color: #378ED7;
}
.gameplayTitleScaffold {
	margin-top: 0px !important;
}
.workedExampleContainer {
	position: relative;
	top: 0px;
    padding-top: 10px;
}
.printQuestionTitle {
	font-size: 24px;
	font-weight: bold;
}
.printQuestionsTbl {
	width: 943px;
	margin: 12px 0 30px 0;
}
.printQuestionsTbl td {
	border: 1px solid #aaa;
}
.printQuestionsTbl .question {
	padding: 15px 20px;
	vertical-align: top;
}
.answerTable {
	width: 100%;
	min-width: 200px;
}
.answerTable img {
	max-width: 350px;
}
.answerTable td {
	border: 0;
	border-bottom: 1px solid #888;
	padding: 6px 10px;
}
.answerTable tr:last-child td {
	border-bottom: 0;
}
.answerTable p {
	display: inline;
}
.answerCell {
	vertical-align: top;
}
.printQuestionsTbl .labelAnswers {
	margin: 0 0 10px 0px;
	padding: 10px 10px 10px 8px;
	font-weight: bold;
	border-bottom: 1px solid #888;
}
.printQuestionsTbl .labelAnswersOpen {
	margin: 0 0 10px 0px;
	padding: 10px 10px 10px 8px;
	font-weight: bold;
	min-width: 320px;
}
.notifLevelBadge {
	width: 220px;
	margin-bottom: 10px;

}

.notifContentBadge {
	width: 180px;
}
.notifNewSectionImage {
	width: 120px;
}

.profile-circle {
	width: 150px;
	height: 150px;
	border-radius: 400px;
}
.profileContainer {

}
.profileLevelContainer {
	background-color: #eee;
	border-radius: 9px;
	margin-left: 15px;
	padding-top: 15px;
	padding-bottom: 4px;
}
.student-profile-avatar-row {
	margin-bottom: 28px;
}
.student-profile-panel {

}
.student-profile-skill__checkmark {
	position: absolute;
	right: 21px;
	top: 9px;
	font-size: 22px;
}
.student-profile-panel__title {
	font-size: 22px;
	font-weight: 700;
	margin-left: 3px;
	display: inline-block;
}
.student-profile-panel__subtitle {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
}
.student-profile-panel .panel-body {
	padding: 10px 15px 11px 21px;
}
.student-profile-skill__container {
	cursor: pointer;
	margin: 13px 0;
}
.student-profile-skill__progress-flex {
	position: relative;
	/*display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	*/
}
.student-profile-skill__progress-bar {
	height: 39px;
}
.student-profile-skill__name {
	font-size: 15px;
	color: #999;
	width: 100%;
	overflow: hidden;
	height: 23px;
}
.student-profile-skill__progress-icon-cell {
	/*flex: 0 0 50px;*/
	position: absolute;
	width: 40px;
	height: 40px;
	text-align: center;
	top: 8px;
	left: 6px;
}
.student-profile-skill__progress-bar-cell {
	width: 100%;
	padding: 5px 10px 2px 1px;
}
.student-profile-skill__progress-icon {
	width: 38px;
}
.student-profile-panel__view-link {
	float: right;
	font-size: 13px;
	cursor: pointer;
	margin: 4px 4px 2px 2px;
}
.student-profile-statement__container {
	margin: 7px 3px 7px 5px;
	color: #646464;
	font-size: 16px;
}
.student-profile-statement__check {
	margin-right: 4px;
}
.student-profile-statement__container.light-grey {
	color: #bbb;
}
.student-profile-statement__check-image {
	width: 40px;
	margin-right: 8px;
}
.student-profile-statement__unearned {
	font-size: 35px;
	margin: -7px 10px -9px 3px;
	position: relative;
	top: 6px;
	color: rgba(164, 205, 219, 0.4);
}
.student-profile-statement__container--unearned {
	color: #bbb;
}
.student-profile-mathalon__container {
	text-align: center;
	margin: 15px 0;
}
.student-profile-mathalon__block {
	display: inline-block;
	margin: 5px 20px;
}
.student-profile-mathalon__name {
	font-weight: 700;
	font-size: 20px;
	margin: 7px 0;
}
.student-profile-mathalon__image-full {
	height: 77px;
	margin-bottom: 28px;
}
.student-profile-mathalon__image-half {
	height: 107px;
}
.mathalon-shipment-table {
	margin: 0 auto;
}
.mathalon-shipment-table__image-cell {
	padding: 0 15px;
}
.mathalon-shipment-table__content-cell {
	min-width: 227px;
}
.mathalon-shipment-date__label {
	font-size: 14px;
	color: #aaa;
}
.mathalon-shipment-date__date {
	font-size: 21px;
}
.profileAvatarContainer {
	text-align: center;
}
.profileAvatar {
	max-width: 176px;
    position: relative;
    top: 14px;
}
.profileTitle {
	margin: 10px 10px 20px 10px;
	font-size: 28px;
	text-transform: none !important;
}
.profileLevelBadge {
	width: 180px;
}
.profileBadges, .profileGifts {
	padding: 0 10px 10px 10px;
	text-align: center;
}
.profileBadges img, .profileGifts img {
	width: 150px;
	margin: 0 8px 20px 10px;
}
.profileLeagueRow {
	margin: 20px 0 0;
}
.profileLeagueDetails {
	margin: 20px 0 0 0;
}
.profileLeagueTitle {
	font-size: 21px;
	font-weight: bold;
}
.profileLeagueLevel {
	font-size: 18px;
	color: #999;
	display: block;
}
.studentDetailsTable {
    /*min-width: 300px;*/
}
.studentDetailsTable .cell_label {
	padding: 8px 6px 8px 9px !important;
	font-weight: bold;
}
.studentDetailsTable .cell_value {
	padding: 8px 9px !important;
}
.studentDetailsTable .cell_desc {
	padding: 8px 9px !important;
	font-size: 13px;
	color: #999;
}
.gameshowSumCellProgress {
	width: 450px;
}
	.gameshowSumCellProgress .progress {
		margin: 8px 0 0 0;
	}
.gameshowSumCellDueDate {
	text-align: center;
	width: 130px;
}
.gameshowSumCellExpectation {
	font-size: 18px;
}
.gameshowNoDueDate {
	color: #999;
	font-size: 18px;
	display: block;
}
.studentDetCellTopic {
	font-size: 17px;
	vertical-align: middle !important;
}
.challengesUnitNumber {
    text-transform: uppercase;
    font-size: 15px;
    color: #999;
}
.tooltipColorBox {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px 5px 0 0;
    border-radius: 2px;
}
.contentSummaryUnitNumber {
    text-transform: uppercase;
    font-weight: normal;
    color: #888;
    display: inline-block;
    border-bottom: 2px solid #ccc;
    line-height: 1.1;
    margin-right: 5px;
    font-size: 17px;
}
.contentSumCellDate {
	width: 170px;
}
.contentSumCellDateText {
	width: 120px;
}
.contentSumCellTopic {
	font-size: 17px;
    width: 200px;
}
.contentSumCellTopic .glyphicon-info-sign {
	font-size: 15px;
	margin-left: 3px;
}
.contentDetCellTopic {
	font-size: 17px;
    width: 325px;
}
.contentDetCellTopic .glyphicon-info-sign {
	font-size: 15px;
	margin-left: 3px;
}
.ActivityTitleOverflow {
    max-height: 47px;
    overflow: hidden;
}
.contentSumCellComplete {
    width: 77px;
    text-align: center;
}
td.contentSumCellComplete {
    color: #aaa;
}
.gameShowSumCellButtons {
	width: 280px;
}
.contentSumCellButtons {
	width: 180px;
}
.contentDetCellButtons {

}
.contentSumCellButtonsNarrow {
	width: 90px;
}
.contentSumCellCE {
	text-align: right;
	padding-right: 20px !important;
}
.contentSumCellProgress {
	padding-right: 15px !important;
    padding-top: 10px !important;
    width: 220px;
}

.contentSumCellProgressPadTop {
	padding-top: 15px !important;
	width: 280px !important;
}
.contentSumCellProgressWide {
	width: 450px !important;
}
.contentSumCellProgress .progress {
	margin: 0 0 0 0;
	background-color: transparent;
	box-shadow: none;
}
.studentSumCellProgress {
	width: 330px;
	padding-right: 25px !important;
}
.studentSumCellProgressPadTop {
	padding-top: 15px !important;
	width: 280px !important;
}
.studentSumCellProgressWide {
	width: 450px !important;
}
.studentSumCellProgress .progress {
	margin: 0 0 0 0;
	background-color: transparent;
	box-shadow: none;
}
.fourColor .progress-bar-success {
	background-color: #69D400;
}
.fourColor .progress-bar-info {
	background-color: #A7DB75;
}
.fourColor .progress-bar-warning {
	background-color: #F1B535;
}
.fourColor .progress-bar-danger {
	background-color: #E95E47;
}
.progress-bar-performance-3 {
	background-image: linear-gradient(to bottom, #88E115 0px, #74CB0D 100%) !important;
}
.progress-bar-performance-2 {
	background-image: linear-gradient(to bottom, #B3E880 0px, #99DF55 100%) !important;
}
.progress-bar-performance-1 {
	background-image: linear-gradient(to bottom, #F3C35D 0px, #F1B535 100%) !important;
}
.progress-bar-performance-0 {
	background-image: linear-gradient(to bottom, #EF8675 0px, #E95E47 100%) !important;
}
.lgButton {
	border: 1px solid #aaa;
	padding: 10px 15px 20px 15px;
	font-size: 20px;
	display: inline-block;
	margin: 0;
	background-color: #fff;
}
.lgButton.active {
	background-color: #ddd;
}
.lgButton-3 {
	-webkit-box-shadow: inset -5px -16px 0px -6px #75D206;
	-moz-box-shadow: inset -5px -16px 0px -6px #75D206;
	box-shadow: inset -5px -16px 0px -6px #75D206;
}
.lgButton-2 {
	-webkit-box-shadow: inset -5px -16px 0px -6px #C7DF59;
	-moz-box-shadow: inset -5px -16px 0px -6px #C7DF59;
	box-shadow: inset -5px -16px 0px -6px #C7DF59;
}
.lgButton-1 {
	-webkit-box-shadow: inset -5px -16px 0px -6px #FBD609;
	-moz-box-shadow: inset -5px -16px 0px -6px #FBD609;
	box-shadow: inset -5px -16px 0px -6px #FBD609;
}
.lgButton-0 {
	-webkit-box-shadow: inset -5px -16px 0px -6px #E29C22;
	-moz-box-shadow: inset -5px -16px 0px -6px #E29C22;
	box-shadow: inset -5px -16px 0px -6px #E29C22;
}
.contentDetCellAvg {
	font-size: 25px;
	text-align: center;
	width: 110px;
}
	.contentDetCellAvg img {
		width: 26px;
		position: relative;
		top: -3px;
	}
.modal-sm-plus {
	width: 480px !important;
	max-width: 80% !important;
}
.modal-md-plus {
	width: 914px !important;
}
.modal-lg {
	width: 1054px !important;
}
.modal-xl {
	width: 100% !important;
}
.modalTitle {
	margin: 0 0 0 0;
	font-size: 20px;
	font-weight: bold;
}
.attempt-box {
	border: 1px solid #bbb;
	width: 32px;
	height: 32px;
	float: left;
	margin: 3px 10px 3px 0;
	padding-top: 4px;
	/*color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
        */
	text-align: center;
	cursor: pointer;
	cursor: hand;
	border-radius: 4px;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13);
	box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.13);
}
.attempt-box:hover {
    opacity: 0.8;
}
.attemptScaffoldLabel {
    display: block;
    margin-top: 0;
    font-size: 15px;
    color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.attempt-box-grey {
	background-color: #eee !important;
}
.attempt-box-thumb {
	position: relative;
	padding-top: 2px;
	top: 4px;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 3px;
	cursor: default !important;
	float: none;
	display: inline-block;
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.13);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.13);
}
.attempt-box.attempt-box-large {
	width: 38px;
	height: 38px;
}
.attempt-box-3 {
	background-color: #77D11F;
}
.attempt-box-2 {
	background-color: #B3E880;
}
.attempt-box-1 {
	background-color: #F3C35D;
}
.attempt-box-0 {
	background-color: #EF8675;
}
.attemptUnitLabel {
    margin-top: 2px;
    font-size: 12px;
}
.attempt-box-3 .attemptUnitLabel {
	color: #458309;
}
.attempt-box-2 .attemptUnitLabel {
	color: #458309;
}
.attempt-box-1 .attemptUnitLabel {
	color: #B66200;
}
.attempt-box-0 .attemptUnitLabel {
	color: #9B3221;
}
.studentSummaryBranchBlock {
	margin: 30px 0 30px 0;
}
.branchGroupProgress {
	margin-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
}
#studentNavBar .navbar-inner .container {
	max-width: 943px !important;
}
#teacherNavBar {

}
#teacherNavBar .fa-rocket {
    font-size: 111%;
}
.container.teacherNavbarContainer {
	/*width: 100%;
	max-width: 1000px;
	min-width: 970px;*/
}
#teacherNavBar.navbar-inverse .navbar-nav>.open>a, #teacherNavBar.navbar-inverse .navbar-nav>.open>a:hover, #teacherNavBar.navbar-inverse .navbar-nav>.open>a:focus, .topNavbar.navbar-inverse .navbar-nav>.open>a, .topNavbar.navbar-inverse .navbar-nav>.open>a:hover, .topNavbar.navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #23B0D3;
	color: #fff;
}
#teacherNavBar.navbar-inverse .navbar-nav>li>a, .topNavbar.navbar-inverse .navbar-nav>li>a {
	color: #ddd;
}
#teacherNavBar.navbar-inverse .navbar-brand, .topNavbar.navbar-inverse .navbar-brand {
	color: #fff !important;
}
/* Originally added to fix the wrapping items in navbar that only Meaghan's Mac */
/*#teacherNavBar .navbar-inner , #teacherNavBar .nav.navbar-nav {
	height: 50px;
}*/

.TeacherBarClassPinBlock {
    float: right !important;
    margin: 7px 17px 0 5px;
    color: #aaa;
    font-size: 12px;
    text-align: center;
    cursor: default;
}
.TeacherBarClassPinBlock .label_name {
    font-size: 11px;
    margin: 1px 0 -3px 0;
}
.TeacherBarClassPinBlock .label_pin {
    color: #fff;
    font-size: 17px;
}
#teacherNavBar .top-nav-button {
    /*background: -webkit-linear-gradient(#C9E9F7, #9CD6EE);
	background: -o-linear-gradient(#C9E9F7, #9CD6EE);
	background: -moz-linear-gradient(#C9E9F7, #9CD6EE);*/
	/*background: linear-gradient(#707070, #222);*/
    border-right: 1px solid #626262;
    /*-moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;*/
    /*box-shadow:         inset -3px -3px 4px -4px #fff;*/
    padding-left: 14px;
    padding-right: 14px;
    background-color: #494949;
	font-weight: 600;
}

#SchoolAdminNavbar {

}
.container.SchoolAdminNavbar {
	/*width: 100%;
	max-width: 1000px;
	min-width: 970px;*/
}
#SchoolAdminNavbar.navbar-inverse .navbar-nav>.open>a, #SchoolAdminNavbar.navbar-inverse .navbar-nav>.open>a:hover, #SchoolAdminNavbar.navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #23B0D3;
	color: #fff;
}
#SchoolAdminNavbar.navbar-inverse .navbar-nav>li>a {
	color: #ddd;
}
#SchoolAdminNavbar.navbar-inverse .navbar-brand {
	color: #fff !important;
}
#studentNavBar, #teacherNavBar, #curricReviewNavBar, #SchoolAdminNavbar, .topNavbar {
	padding-left: 15px;
	padding-right: 15px;
}
#studentNavBar.navbar-inverse {
	background-image: linear-gradient(to bottom, #555555 0px, #444444 100%);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 2px 2px 0px rgba(255,255,255,0.2);
}
#studentNavBar.navbar-inverse .navbar-nav>.open>a, #studentNavBar.navbar-inverse .navbar-nav>.open>a:hover, #studentNavBar.navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #23B0D3;
	color: #fff;
}
#studentNavBar.navbar-inverse .navbar-nav>li>a {
	color: #ddd;
}
#studentNavBar.navbar-inverse .navbar-brand {
	color: #fff !important;
}
.navbar-button {

}
.navIconBook {
    display: inline-block !important;
	height: 30px;
	position: relative;
	top: -2px;
	left: -5px;
	margin-top: -3px;
}
.nav-highlight, .nav-highlight a[role=button] {
	background-color: #23B0D3;
	color: #fff !important;
	cursor: pointer;
}
.StudentRegModalInstructions {
	margin: 0 auto 20px auto;
	max-width: 250px;
}
.StudentRegModalInstructions .cell_number {
    width: 30px;
    text-align: right;
    padding-right: 4px;
    vertical-align: top;
    padding-top: 1px;
}
.StudentRegModalInstructions .cell_text {
    vertical-align: top;
    padding-top: 2px;
    padding-left: 5px;
}
	.StudentRegModalInstructions .cell_text.cell_text--create {
		padding-top: 0px;
		padding-bottom: 9px;
	}
.DashboardWidgetCenterer {
    max-width: 280px;
    margin: 0 auto;
}
.DashboardWidgetCounter {
    padding: 3px 7px 4px 10px;
    font-size: 47px;
    font-weight: 800;
    line-height: 1;
    color: #E44685;
    text-align: center;
}
.DashboardWidgetCounter.aqua {
    color: #01B4FF;
}
.DashboardWidgetCenterer .label_name {
    padding: 4px 0;
    font-size: 23px;
    line-height: 1;
    font-weight: 300;
    color: #999;
    text-align: center;
}
.dashboardCurricHeading {
	display: inline-block;
}
.dashboardStudentPinBlock {
    float: right;
	text-align: center;
	color: #777;
    position: relative;
    top: -2px;
}
.performanceBoxColor-0 .dashboardStudentPinBlock {
	color: #9E3800;
}
#studentBottomNav {
    /*display: none;*/
}
.dashboardStudentPin {
}
.dashboardStudentBox {
	position: relative; /* for Demo Class tourtip */
	width: 193px; /*212px; 206px;*/
	height: 125px;
	display: block;
	float: left;
	margin: 10px 15px 5px 0;
	padding: 10px 20px;
	border-radius: 5px;
}
.dashboardStudentBox.dashboardStudentBoxGs, .dashboard-add-student.dashboardAddStudentBoxGs {
    height: 155px;
}
	.dashboardStudentBox .progress {
		margin-bottom: 6px;
	}
.dashboard-add-student.dashboardAddStudentBoxGs {
    padding-top: 47px;
}
.progressGrowthArrow {
    opacity: 0.8;
    font-size: 13px;
}
.tooltipGrowthPercent {
    font-size: 35px;
    color: #6CCBFC;
    font-weight: bold;
    margin: -5px 0 5px 5px;
}
.performanceBoxColor-3 {
	background-color: #B7E137;
	border: 6px solid #8DD61A;
	border-top: 0;
	border-right: 0;
}
.performanceBoxColor-2 {
	background-color: #F3DC1B;
	border: 6px solid #F6BF00;
	border-top: 0;
	border-right: 0;
}
.performanceBoxColor-1 {
	background-color: #F4B51E;
	border: 6px solid #EAA30C;
	border-top: 0;
	border-right: 0;
}
.performanceBoxColor-0 {
	background-color: #EB8045;
	border: 6px solid #E45F16;
	border-top: 0;
	border-right: 0;
}
.performanceBoxColor-none {
	background-color: #C5DEE7;
	border: 6px solid #B8D2DC;
	border-top: 0;
	border-right: 0;
}
.class-underline-1, .class-underline-11, .class-underline-21 {
    box-shadow: inset 0 -4px 0 #85cf11;
}
.class-underline-2, .class-underline-12, .class-underline-22 {
    box-shadow: inset 0 -4px 0 #ff81a9;
}
.class-underline-3, .class-underline-13, .class-underline-23 {
    box-shadow: inset 0 -4px 0 #0FADE1;
}
.class-underline-4, .class-underline-14, .class-underline-24 {
    box-shadow: inset 0 -4px 0 #dedc2f;
}
.class-underline-5, .class-underline-15, .class-underline-25 {
    box-shadow: inset 0 -4px 0 #dd8f06;
}
.class-underline-6, .class-underline-16, .class-underline-26 {
    box-shadow: inset 0 -4px 0 #45f5ef;
}
.class-underline-7, .class-underline-17, .class-underline-27 {
    box-shadow: inset 0 -4px 0 #c89cff;
}
.class-underline-8, .class-underline-18, .class-underline-28 {
    box-shadow: inset 0 -4px 0 #95ffa6;
}
.class-underline-9, .class-underline-19, .class-underline-29 {
    box-shadow: inset 0 -4px 0 #ff8787;
}
.class-underline-10, .class-underline-20, .class-underline-30 {
    box-shadow: inset 0 -4px 0 #df60f2;
}
.light-bgcolor-, .light-bgcolor-NaN {
    background-color: #eee;
}
.light-bgcolor-0 {
    background-color: #EEF9A5;
}
.light-bgcolor-1 {
    background-color: #c6eefe;
}
.light-bgcolor-2 {
    background-color: #e0e7ff;
}
.light-bgcolor-3 {
    background-color: #eaffbd;
}
.light-bgcolor-4 {
    background-color: #ffd4f8;
}
.light-bgcolor-5 {
    background-color: #d4fff8;
}
.light-bgcolor-6 {
    background-color: #fffbe0;
}
.light-bgcolor-7 {
    background-color: #ffe9c2;
}
.light-bgcolor-8 {
    background-color: #b3fff9;
}
.light-bgcolor-9 {
    background-color: #ffdbef;
}
.light-bgcolor-10 {
    background-color: #ffedbe;
}
.bg-light-purple {
	background-color: #e9dcfc;
}
.dsFirstName {
	color: #fff;
	font-size: 27px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	overflow: hidden;
	height: 41px;
}
.dsLastName {
	color: #fff;
	font-size: 17px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	margin: -7px 0 0px 0;
	overflow: hidden;
	height: 22px;
}
.dsBottom {
	text-align: center;
}

.student-box-progress.progress {
	/*width: 123px;*/
	height: 10px;
	margin: 10px 0 -8px 0 !important;
	background-image: none;
	background-color: #dbe8e8;
}
.performanceBoxColor-3 .student-box-progress.progress .progress-bar {
	background-image: -webkit-linear-gradient(top,#a7d813 0,#8eca1b 100%);
	background-image: -o-linear-gradient(top,#a7d813 0,#8eca1b 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#a7d813),to(#8eca1b));
	background-image: linear-gradient(to bottom,#a7d813 0,#8eca1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa7d813', endColorstr='#ff8eca1b', GradientType=0);
	background-color: #8eca1b;
}

.performanceBoxColor-2 .student-box-progress.progress .progress-bar {
	background-image: -webkit-linear-gradient(top,#f3c41b 0,#e6c20e 100%);
	background-image: -o-linear-gradient(top,#f3c41b 0,#e6c20e 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f3c41b),to(#e6c20e));
	background-image: linear-gradient(to bottom,#f3c41b 0,#e6c20e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c41b', endColorstr='#ffe6c20e', GradientType=0);
	background-color: #e6c20e;
}
.performanceBoxColor-1 .student-box-progress.progress .progress-bar {
	background-image: -webkit-linear-gradient(top,#e6aa15 0,#e69d02 100%);
	background-image: -o-linear-gradient(top,#e6aa15 0,#e69d02 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#e6aa15),to(#e69d02));
	background-image: linear-gradient(to bottom,#e6aa15 0,#e69d02 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6aa15', endColorstr='#ffe69d02', GradientType=0);
	background-color: #e69d02;
}
.performanceBoxColor-0 .student-box-progress.progress .progress-bar {
	background-image: -webkit-linear-gradient(top,#e87535 0,#d2672c 100%);
	background-image: -o-linear-gradient(top,#e87535 0,#d2672c 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#e87535),to(#d2672c));
	background-image: linear-gradient(to bottom,#e87535 0,#d2672c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe87535', endColorstr='#ffd2672c', GradientType=0);
	background-color: #d2672c;
}
.student-box-parent-linked {
	text-align: center;
	font-size: 12px;
	margin: 15px 10px 5px 0;
}
.student-box-parent-linked:hover {
	color: #555 !important;
}
.register-button-icon {
	color: #80c6e2;
	margin-left: -26px;
}
.badge-parent-linked {
	background-color: #1ee681;
	color: #fff;
	border-radius: 30px;
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 10px;
	padding: 1px 1px 0 0;
	text-align: center;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	margin-right: 2px;
}
.performanceBoxColor-3 .student-box-parent-linked {
	color: #64a200;
}
.performanceBoxColor-2 .student-box-parent-linked {
	color: #c38902;
}
.performanceBoxColor-1 .student-box-parent-linked {
	color: #da7204;
}
.performanceBoxColor-0 .student-box-parent-linked {
	color: #b14000;
}
.performanceBoxColor-none .student-box-parent-linked {
	color: #999;
}
.dsStarCount {
	color: #fff;
	font-size: 40px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.dsStarOutOf {
	color: #888;
}
.performanceBoxColor-0 .dsStarOutOf {
	color: #9E3800;
}
.dsStarImg {
	width: 35px;
	position: relative;
	top: -12px;
}
.dsStarBothImg {
    width: 38px;
    position: relative;
    top: -11px;
}
.dsStarBlueImg {
    width: 35px;
    position: relative;
    top: -11px;
}
.dsProgressContainer {
	width: 94%;
	text-align: center;
	margin: 3px auto 2px auto;
}
.dsProgressContainer .progress {
	background-color: #DF6259;
}
.RecentActivityGsEventBlock {
    border-top: 1px solid #ddd;
    clear: both;
    margin: 10px 0 10px 0;
    padding: 10px 0 0 0;
}
.RecentActivityGsEventBlock .label_desc {
    overflow: hidden;
    height: 23px;
}
.branchBox {
	width: 47%; /* 24% */
	/*min-width: 250px;*/
	display: block;
	float: left;
	border-radius: 3px;
	margin: 5px 10px 5px 0;
	padding: 10px;
	height: 103px;
	text-align: center;
}
.branchBoxTitle {
	color: #fff;
	font-size: 22px;
	text-align: center;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
	margin: 0 0 5px 0;
	height: 31px;
	overflow: hidden;
}
.branchProgress {
	width: 90%;
	margin: 0 auto 3px auto;
}
.branchProgress .progress {
	margin-bottom: 0;
	background-color: #DF6259;
}
.branchDueLabel {
	text-align: center;
	color: #777;
}
.dashboardBranchContainer {
	/*position: relative;*/
	/*left: 23px;*/
	background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: -15px auto 20px auto;
	padding: 15px 5px 15px 25px;
	overflow: auto;
}
.headingBranches {
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 3px 0;
	color: #777;
}
.dashboardDonutContainerMastery {
	margin-left: 40px;
}
.dashboardDonutContainer {
	text-align: center;
	max-width: 300px;
}
.dashboardDonutContainer img {
	width: 150px;
}
.dashboardMasteryLabel {
	font-size: 18px;
	color: #777;
    font-weight: 300;
}
.dashboardDonutLabelContainer {
	margin: 8px auto 15px auto;
}
.dashboardMasteryPercent {
	font-size: 18px;
	font-weight: bold;
	color: #57C208;
}
.dashboard3Bars {
	padding: 15px 15px 0 25px;
	max-width: 400px;
}
.dashboard3BarsTbl {
	width: 100%;
}
	.dashboard3BarsTbl .cell_left {
		width: 40%;
		padding-top: 5px;
	}
	.dashboard3BarsTbl .cell_right {
		width: 60%;
		padding-top: 5px;
	}
	.dashboard3BarsTbl .progress {
		height: 12px;
		background-color: #fff;
		background-image: none;
		margin: 0 0 0 0;
		box-shadow: none;
	}
.dashboardCompletedHeading {
	font-weight: bold;
	font-size: 17px;
	margin: 20px 0 10px 0;
}
.dashboard-student-container {
	margin: 10px auto 16px auto;
	padding: 15px 30px 25px 30px;
	background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}
.dashboard-course-block {
	border-top: 1px solid #d9d9d9;
	padding: 15px 0;
	clear: both;
	overflow: auto;
}
.progressStar {
	height: 12px;
	position: relative;
	top: -2px;
}
.table-lq-leaderboard {
	width: 100%;
	min-width: 700px;
}
    .table-lq-leaderboard td {
        vertical-align: middle !important;
    }
.lqBadge {
	font-weight: bold;
	background-color: #0FADE1;
}
.lqQuestionDisplay {
	margin-bottom: 0 !important;
}
.lqLockedIn {
	padding-left: 50px;
	padding-right: 50px;
	margin-top: -1px;
}
.lqAddButton {
	margin-top: 2px;
	position: relative;
	top: -2px;
	margin-right: 8px;
}
.lqAddedStudent {
	display: inline-block;
	width: 80px;
	height: 36px;
}
table.questionDisplay {
	border: 1px solid #DDDDDD;
	/*border-radius: 5px !important;*/
    background-color: #fff;
}

table.questionDisplay th {
	background-color: #F5F5F5;
}
table.questionDisplay th.lqTableHeading {
	background-color: #449BC4;
	background-image: linear-gradient(to bottom, #449BC4 0px, #2B7A9F 100%) !important;
	color: #fff;
	text-shadow: 2px 2px #256989;
	font-size: 21px;
	border-color: #308CB6 !important;
	padding-left: 16px !important;
}
.questionDisplayCellQuestion {
	vertical-align: top !important;
	padding: 20px 30px 12px 30px !important;
	font-size: 18px;
	font-family: 'open sans', sans-serif;
}
.lqQuestionDisplay .questionDisplayCellQuestion, .lqQuestionDisplay .questionDisplayCellAnswers {
	font-size: 27px;
	min-width: 280px;
}
.questionDisplayCellQuestion table td, .questionDisplayCellQuestion table th {
	padding: 2px 6px;
	font-family: 'open sans', sans-serif;
}
.GsEditQuestionTable {
    border: 1px solid #555;
}
.GsEditQuestionTable > thead > tr > th, .GsEditQuestionTable > tbody > tr > td {
    border: 1px solid #ddd;
}
.GsEditQuestionTable .cell_question {
    background-color: #f9f9f9;
}
.GsEditQuestionTable .cell_answers {
    width: 340px;
    background-color: #f9f9f9;
}
.GsEditSampleInputBlock {
    padding: 0 60px 40px 60px;
    margin-top: 25px;
}
.GsEditModeButtonGroup {
    width: 100%;
}
.GsEditModeButtonGroup .button_save {
    width: 30%;
}
.GsEditModeButtonGroup .button_add {
    width: 40%;
}
.GsEditModeButtonGroup .button_cancel {
    width: 30%;
}
.GsAnswerPreviewField {
    display: inline-block;
    width: 138px;
    margin-right: 5px;
}
.GsFreeFormDropdownOptions img, .GsQuestionTypeDropdown img {
    position: relative;
    top: -1px;
    left: -1px;
}
.questionDisplayCellAnswers {
	padding: 0 !important;
	font-size: 18px;
    border: 1px solid #ddd;
}
.questionDisplayCellAnswersPreview {
    padding: 0 !important;
}
.answerDisplayCellPercentage {
    width: 110px;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
    color: #aaa;
    font-weight: 700;
}
.answerDisplayCellAnswer img {
	max-width: 200px;
}
.questionDisplayCellSolutions {
	vertical-align: top !important;
	padding: 20px 40px !important;
}
.questionDisplayCellVideo {
	text-align: center;
}
.questionDisplayVideoIframe {
	width: 370px;
	height: 250px;
}
.questionTableAnswer {
	display: inline-block;
}
.questionTableSelection {
    text-align: center;
}
.lqBottomTable {
	width: 100%;
}
.timeLeftHeading {
	font-size: 24px;
	margin: 2px 0 0 0;
}
.timeLeft {
	font-size: 24px;
}
.btn .btn-icon {
	height: 15px;
	position: relative;
	top: -2px;
	width: auto !important;
}
.btn-disabled.btn-default, .btn-disabled.btn-default:hover, .btn-disabled.btn-default:active, .btn-disabled.btn-default:focus {
    background-color: #ddd;
    border-color: #bbb;
    color: #aaa;
}
.forgotLoginLink {
	font-size: 12px;
	text-decoration: underline;
	float: right;
	margin-top: 4px;
}
.loginBlockLinksTable {
    width: 100%;
}
.loginBlockLinksTable td {
    width: 50%;
}
.forgotHeading {
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 20px 0;
	font-size: 19px;
}
.timesUp {
}
.studentsJoined {
	/*min-height: 130px;*/
	margin: 15px 0;
}
.cell_lockedIn {
	width: 70%;
	padding-right: 20px;
}
.cell_timer {
	width: 30%;
	text-align: center;
}
table.answerDisplay > tbody > tr:first-child > td {
	border: 0;
}
table.answerDisplay td {
	border: 0;
	border-top: 1px solid #dddddd;
	padding: 10px 15px !important;
}
.answerDisplayCellMore {
	width: 172px;
}
.answerPercent {
	text-align: center;
	font-size: 35px;
    margin-left: 17px;
    font-weight: 700;
    color: #aaa;
}
.answerPercentBar {
	height: 14px;
	margin: 5px 0 8px 0;
}
.questionDisplayCellSolutionImage {
	text-align: center;
}
	.questionDisplayCellSolutionImage img {
		max-width: 750px;
        width: 100%;
	}
.answerDisplayCellSelected {
	width: 110px;
}
.answerGlyph {
	color: #ddd;
	font-size: 27px;
}
.answerGlyph.glyphicon-ok.selected {
	color: #99D103;
}
.answerGlyph.glyphicon-remove.selected {
	color: #DF6259;
}
.answerDisplayCellSelected .badge {
	position: relative;
	top: -5px;
	margin-left: 8px;
}
.contentSumTeacherCellButtons {
	width: 220px !important;
    padding-bottom: 14px !important;
}
.contentSumTeacherCellButtonsEnd {
    width: 355px !important;
}
.saveDueDatesBtn {
	min-width: 165px;
}
.contentSummarySectionName {
	font-weight: bold;
}
.liveModeInactiveLabel {
    color: #aaa;
    font-size: 11px;
}
.liveModeHighlights {
	min-width: 600px;
}
.liveModeDirectionArrow {
	color: #aaa;
	margin: 8px 10px 0 2px;
	display: inline-block;
}
.studentDetailDirectionArrow {
	color: #aaa;
	margin: 8px 10px 0 2px;
	display: inline-block;
	float: left;
}
tr.headingSmaller th {
	padding: 3px 10px !important;
	font-weight: normal;
	color: #888;
	font-size: 13px;
}
.liveBadgeCell {
	padding-right: 15px !important;
    text-align: center;
    padding-left: 12px !important;
}
.liveNameCell {
	padding-right: 30px !important;
	font-size: 18px;
	min-width: 150px;
	max-width: 300px;
}
.liveAttemptsCell {
	padding-right: 50px !important;
    border-left: 1px solid #ddd;
    padding-left: 12px !important;
}
.attemptTitle {
	font-size: 28px;
	font-weight: bold;
	margin: 5px 0;
}
.attemptStarsBadge {
	font-size: 25px;
	margin: -8px 0 20px 0;
}
.attemptStarsBadge img {
	height: 23px;
	position: relative;
	top: -3px;
	margin-left: -2px;
}
.liveTimeCell {
	padding-left: 15px !important;
}
.liveIconCell {
	padding: 12px 20px 12px 20px !important;
	width: 110px;
    text-align: center;
}
.liveIconImg {
	height: 37px;
	margin: -3px 0;
}
.liveDescCell {
	padding-right: 25px;
}
.gameplayOtherButtons {
    margin: 35px 15px 8px 15px;
    text-align: center;
}
.reportProblemQuestionButton {
    margin: 12px 0 0 0;
	display: block;
	color: #999;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
}

.dueDateSectionNote {
	margin: 0px 0 10px 5px;
	font-size: 13px;
}
.answerDisplayCellAnswer.answerDisplayCellAnswerLiveQuiz {
	width: 200px !important;
}
.EditorPreview {
	margin-top: 8px;
}
.EditorPreviewSpaced {
	margin-top: 15px;
}
.liveQuizQuestionLabel {
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
	margin-top: 3px;
}
.editorQuestionId {
	font-weight: normal;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 13px;
	color: #62AC0A;
}
.GsViewResultsText {
    position: relative;
    top: 7px;
    left: 25px;
    font-size: 24px;
    color: #555;
    display: inline-block;
    margin: 0 0 0 20px;
    font-weight: 600;
}
.GsAvatarSelectBox {
    display: inline-block;
    -webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	padding: 10px;
	margin: 0 15px 15px 0;
    vertical-align: top;
    width: 42%;
    max-width: 180px;
}
.GsAvatarSelectBox.active {
    background-color: #56ddff;
}
.GsJoinAvatarImage {
    width: 100%;
}
.avatar-select-box {
	float: left;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	padding: 10px;
	margin: 0 10px 15px 0;
    position: relative;
}
.avatar-select-box.active {
	background-color: #1197D5;
}
.avatar-select {
	width: 145px;
}
.AvatarSelectSettingsBonusTag {
    position: absolute;
    bottom: 0;
    left: 60px;
}
.breadcrumb-teacher {
	font-size: 16px;
	margin: 0px 0 35px 0;
	position: relative;
	top: 5px;
}
.breadcrumb-parent {
	font-size: 16px;
	margin: 0px 0 15px 0;
	position: relative;
	top: 5px;
}
.settingsContainer {
	border: 1px solid #bbb;
	border-left: 0;
	border-right: 0;
}
.settingsRow:first-child {
	border-top: 0;
}
.settingsRow {
	border-top: 1px solid #ddd;
	padding: 10px;
	margin-left: 0;
	margin-right: 0;
}
.settingLabel {
	padding-top: 8px;
	font-weight: bold;
}
.settingValue {
	padding-top: 8px;
	color: #999;
}
.settingModalRow {
	margin-top: 5px;
	margin-bottom: 15px;
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  100% {
    opacity: 0;
  }

  0% {
    opacity: 1;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
          animation-name: fadeIn;
	animation-delay: 1s;
}

.fadeOut {
	-webkit-animation-name: fadeOut;
          animation-name: fadeOut;
	animation-delay: 1s;
}


@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

#leaderboard-1 {
	text-align: center;
}
.previewQuestionsHeading {
	font-weight: 600;
	font-size: 26px;
	margin: 25px 0 18px 0;
}
.fname {
	display: inline-block;
	font-size: 110px; /*140px;*/
	max-width: 575px;
	text-align: left;
	overflow: hidden;
	margin: 0 auto -5px auto;
}
.lname {
	font-size: 32px;
	display: inline-block;
	color: #616161;
	max-width: 390px;
	overflow: hidden;
	white-space: nowrap;
}
.leaderboardTitle {
	font-size: 55px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #777;
}
.table.lbTable td {
	color: #fff;
	border-color: #555 !important;
	text-align: center;
	padding-bottom: 40px !important;
	padding-left: 10px;
	padding-right: 10px;
}
.lbXp {
	position: relative;
	top: 0px;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 8px;
	font-size: 32px !important;
	color: #777;
}
.lbBadge {
	float: left;
	display: inline-block;
	border-radius: 300px;
	background-color: #222;
	color: #fff;
	font-size: 30px;
	padding: 9px 20px;
	margin: -2px 20px 0 0px;
}
.event {
	border-top: 1px solid #555;
	padding: 15px;
	font-size: 22px;
	text-align: center;
}
.event-name {
	color: #fff;
	font-size: 35px;
}
.event-detail {
	color: #616161;
	margin: 0 0 5px 0;
}
.star-sm {
	height: 25px;
	position: relative;
	top: -3px;
	margin-right: -3px;
}
.event-title {
	font-size: 35px;
	color: #555;
	font-weight: 700;
}
.ceTag {
	display: inline-block;
	margin: 1px 5px 0 1px;
	border: 1px solid #C6E567;
	background-color: #E1F3AB;
	color: #6AA60C;
	border-radius: 4px;
	font-size: 16px;
	padding: 4px 10px;
	font-weight: normal;
}
.ceTag.ceTag-sm {
    font-size: 14px;
    padding: 2px 8px;
}
.ceTag.ceTag-xs {
    font-size: 12px;
    padding: 1px 6px;
    margin-left: 3px;
    margin-top: 4px;
}
.ceTag.ceTag-white {
    border-color: #ddd;
    background-color: #fff;
    color: #777;
}
	.ceTag.ceTag--insights {
		margin: -5px 4px -5px 9px;
		border: 1px solid #a4ca31;
		color: #5e9803;
	}
.image-glyph-size-normal {
	height: 17px;
	position: relative;
	top: -2px;
	width: auto !important;
}
.btnHomeworkReport, .btnHelpRequests {
	display: inline-block;
	margin: 5px 0 8px 0;
	width: 47%;
}
.btnHomeworkReport {
    margin-right: 6px;
}
.legendStarOutside {
	width: 25px;
	margin: 0 0 0 3px;
	position: relative;
	top: -4px;
}
.legendStarInside {
	width: 25px;
	margin: 5px 0 0 1px;
	position: relative;
	top: 0px;
}
.legendInfoSign {
	color: #333;
	font-size: 20px;
	position: relative;
	top: 3px;
	left: 4px;
}
.hwLegendContainer .badge {
	margin-top: 5px;
	margin-right: 8px;
}
.liveQuizStudentList  {
	min-height: 250px;
	padding-left: 30px;
}
.text-normal {
	font-weight: normal !important;
}
.hwSumCellButtons {
	width: 138px;
}
.hwSumCellDate {
	width: 130px;
	text-align: center;
}
.hwSumCellProgress .progress {
	margin-bottom: 0;
}
.hwSumCellComplete {
    width: 77px;
    text-align: center;
}
td.hwSumCellComplete {
    color: #aaa;
}
.hwSumCellStatus {
	padding-left: 15px !important;
}
.badge-light-blue {
	background-color: #86C9EC;
}

.table.table-hw th, .table-striped.table-hw > tbody > tr:nth-child(odd) > th {
	background-color: #eeeeee;
	border-bottom: 3px solid #ddd;
}

.table-border {
	border: 1px solid #ddd;
}
.table.table-hw th, .table.table-hw td {
	font-size: 17px;
	padding-left: 15px;
	vertical-align: middle;
}
.cell_table_head {
	background-color: #e8e8e8;
	border-bottom: 3px solid #ccc !important;
	font-size: 18px;
	font-weight: bold;
}
.hwMatrix {
	width: auto;
	margin-right: 30px;
	background-color: #eeeeee;
}

	.hwMatrix td {
		vertical-align: top;
	}

.hwMatrixCellStudent {
	padding-right: 35px !important;
}

.hwLabelBadge {
	font-size: 20px;
	padding: 11px 11px;
	border-radius: 40px;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}

	.hwLabelBadge:hover {
		background-color: #444;
	}

	.hwLabelBadge img {
		display: block;
		margin-top: 3px;
		height: 10px;
	}

.hwLabelBadgeSmall {
	font-size: 14px;
	padding: 6px 9px;
	border-radius: 40px;
}

.hwMatrixCellAttempt {
    min-width: 45px;
	text-align: center;
    padding: 0 !important;
}

.hwMatrixCellScore {
	padding-left: 10px !important;
	padding-right: 15px !important;
	text-align: center;
}

	.hwMatrixCellScore img, .hwTopicSumCellStars img {
		position: relative;
		top: -2px;
		height: 19px;
	}

.hwMatrixCellCompletion {
	text-align: center;
}
.hwMatrixCellPercent {
	padding-left: 20px !important;
	padding-right: 20px !important;
	text-align: center;
}
.hwTopicSumCellButton {
	padding-right: 15px !important;
}
.hwStudentSumCellStudent {
	width: 70%;
}

.hwStudentSumCellPercent {
	width: 30%;
	text-align: center;
}

.hwTopicSumCellName {
	width: 50%;
	font-size: 90%;
}
.hwTopicSumCellPercent {
	width: 20%;
	text-align: center;
}
.hwTopicSumCellStars {
	width: 20%;
}

.hwTopicSumCellProgress {
	width: 30%;
}

	.hwTopicSumCellProgress .progress {
		margin-bottom: 0;
	}
.margin-top-m4 {
	margin-top: -4px;
}
.badge-color-0 {
	background-color: #2CCED2;
}
.badge-color-1 {
	background-color: #E27396;
}
.badge-color-2 {
	background-color: #87BBBB;
}
.badge-color-3 {
	background-color: #F9B959;
}
.badge-color-4 {
	background-color: #2CCED2;
}
.badge-color-5 {
	background-color: #218B82;
}
.badge-color-6 {
	background-color: #CD5566;
}
.badge-color-7 {
	background-color: #109DCB;
}
.badge-color-8 {
	background-color: #26474E;
}
.badge-color-9 {
	background-color: #B98FEF;
}
.badge-color-10 {
	background-color: #FD835A;
}
.badge-color-11 {
	background-color: #8DA47E;
}
.badge-color-12 {
	background-color: #A15D98;
}
.badge-color-13 {
	background-color: #B22C45;
}
.badge-color-14 {
	background-color: #4382BB;
}
.badge-color-15 {
	background-color: #E27396;
}
.badge-color-16 {
	background-color: #87BBBB;
}
.badge-color-17 {
	background-color: #F9B959;
}
.badge-color-18 {
	background-color: #2CCED2;
}
.badge-color-19 {
	background-color: #218B82;
}
.badge-color-20 {
	background-color: #CD5566;
}
.bg-color-1 {
    background-color: #B3E14F;
}
.bg-color-2 {
	background-color: #73d4ec;
}
.bg-color-3 {
	background-color: #fb99cc;
}
.bg-color-4 {
	background-color: #f5dd0e;
}
.bg-color-5 {
	background-color: #feb94d;
}
.bg-color-6 {
	background-color: #89fbe7;
}
.bg-color-7 {
	background-color: #a3abfa;
}
.bg-color-8 {
	background-color: #e66e6e;
}
.bg-color-9 {
	background-color: #54d1a6;
}
.bg-color-10 {
	background-color: #6776e5;
}
.bg-color-11 {
	background-color: #B3E14F;
}
.bg-color-12 {
	background-color: #73d4ec;
}

.bg-color-13 {
	background-color: #fb99cc;
}

.bg-color-14 {
	background-color: #f5dd0e;
}

.bg-color-15 {
	background-color: #feb94d;
}

.bg-color-16 {
	background-color: #89fbe7;
}

.bg-color-17 {
	background-color: #a3abfa;
}

.bg-color-18 {
	background-color: #e66e6e;
}

.bg-color-19 {
	background-color: #54d1a6;
}

.bg-color-20 {
	background-color: #6776e5;
}
.bg-color-21 {
	background-color: #48d1f4;
}

.LoadingGameplayImages {

}
.blockedUnassigned {
	position: relative;
}
.blockedOverlay {
	position: absolute;
	background-color: #ddd;
	opacity: 0.85;
	width: 97%;
	height: 100%;
	top: 0;
	border-radius: 8px;
}
.blockedBadge {
	position: absolute;
	top: 10px;
	left: 30px;
	z-index: 1000;
}
.editorFreeFormSurroundingField {
	width: 100px;
	display: inline;
}
.timerModalBody {
	max-width: 380px;
	margin: 10px auto;
	text-align: left;
}
.timerModalBullets {
	width: 275px;
	margin: 0 auto;
}
.gameplayTimerPenaltyBox {
	padding: 10px 10px 10px 22px;
	background-color: #F79F51;
}
.gameplayTimerPenaltyBoxReady {
	background-color: #B3E14F;
}
.gameplayTimerPenaltyBox img {
	height: 48px;
	position: relative;
	top: -3px;
}
.gameplayTimerPenaltyText {
	font-size: 25px;
	font-weight: 600;
	display: inline-block;
	position: relative;
	top: 4px;
	left: 5px;
}
.gameplayTimerPenaltyTextBefore {
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	position: relative;
	top: 4px;
	left: 5px;
}
.gameplayScaffoldBar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	text-align: center;
	background-color: #0FADE1;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}
.top-bar-spacer {
	height: 40px;
}
.ribbon-scaffold {
	margin-bottom: 10px;
}
.lightningModalImg {
    height: 105px;
}
.lightningMsgBox {
    margin: 25px 5px 10px 5px;
    padding: 14px 20px;
}
    .lightningMsgBox .lightningSummarySubtitle {
        font-size: 18px;
        margin-top: 1px;
    }
.lightningOppMessage {
    margin: 4px 15px 10px 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.lightningTable {
	margin-top: 30px;
}
.lightningTableRankings {
	margin-top: 25px;
}
	.lightningTableRankings .cell_rank {
        font-weight: normal;
        text-align: right;
        color: #888;
        font-size: 15px;
	}
	.lightningTableRankings .cell_name {
		font-size: 17px;
        max-width: 200px;
        overflow: hidden;
	}
    .lightningTableRankings .cell_icon {
        text-align: center;
    }
	.lightningTableRankings .cell_score {
		text-align: center;
	}
	.lightningTableRankings tr.you td {
		background: -webkit-linear-gradient(#C9E9F7, #9CD6EE); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#C9E9F7, #9CD6EE); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#C9E9F7, #9CD6EE); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#C9E9F7, #9CD6EE); /* Standard syntax */
	}
.lightningBtn {
	display: block;
	width: 250px;
	text-align: center;
	margin: 5px auto;
}

.lightningRankingSchool {
	font-size: 11px;
	color: #aaa;
}
.lightningRankingScore {
    display: inline-block;
    font-size: 29px;
    font-weight: bold;
    color: #0BC9A7;
    margin-right: 1px;
    margin-top: -4px;
}
.lightningRankingScoreOutOf {
    display: inline-block;
    color: #bbb;
    font-size: 14px;
}
.lightningRankingScoreTime {
    font-size: 13px;
    color: #999;
    margin: -6px 0 0 0;
}
.hintTagline {
    font-size: 14px;
    color: #888;
    margin: 4px 0 20px 0;
}
.badgeSchoolRank {
	color: #fff;
	font-size: 22px;
	height: 40px;
	width: 40px;
	border-radius: 40px;
	padding-top: 4px;
}
.badgeLightningSection {
	width: 100%;
	margin: 0px 0 5px 0;
	color: #fff !important;
}
.lightningCatLabel {
	font-size: 13px;
	color: #999;
	margin: 2px 0;
	text-align: center;
}
.lightningBar {
	background-color: #000;
	color: #fff;
	padding: 8px 8px;
}
	.lightningBar h1 {
		font-size: 25px;
		text-align: center;
		margin: 7px 7px 15px 7px;
		font-weight: bold;
	}
.lightningScoreRow {
	text-align: center;
	margin: 10px 0;
}
.lightningScoreBadge {
	padding: 5px 7px 6px 6px;
	border-radius: 30px;
	min-width: 23px;
}
	.lightningScoreBadge.correct {
		background-color: #8BDD09;
		color: #fff;
	}
	.lightningScoreBadge.empty {
		background-color: #626262;
	}
    .lightningScoreBadge.incorrect {
        background-color: #aaa;
    }
	.lightningScoreBadge.current {
		background-color: #0FADE1;
	}
	.lightningTimerBadge {
		padding-left: 10px;
		padding-right: 10px;
	}
.lightningSummarySubtitle {
	margin: 24px 0 9px 0;
	font-size: 23px;
	color: #888;
}
.topic-block-lightning-incoming {
	background-color: #E44685;
	border-color: #F6C4C4;
}
	.topic-block-lightning-incoming .topic-block-label {
		margin: 7px 0 0 0;
		font-size: 28px;
	}
	.topic-block-lightning-incoming .topic-block-sublabel {
		color: #fff;
		text-align: center;
		margin: -7px 0 0 0;
		font-size: 12px;
	}
.topic-block-lightning-challenge {
	padding-top: 9px;
	background-color: #37E5F9;
	border-color: #A1EEF7;
    position: relative;
}
.topic-block-lightning-challenge .topic-block-label {
	font-size: 36px;
}
.assessment-completed__text {
	width: 80%;
	color: #aaa;
	margin: 0 auto 8px auto;
}
.lightningChallengerSchool {
	margin: -7px 0 0 0;
	color: #777;
	font-size: 16px;
}
.lightningChallengerSelectSchool {
    font-size: 13px;
    color: #fff;
    opacity: 0.6;
}
.performanceTooltipThumb {
	display: inline-block;
	position: relative;
	top: 6px;
	width: 25px;
	height: 25px;
	float: none;
	margin: 3px 5px 0 0;
	padding: 0;
}
.performanceTooltipThumb.performanceTooltipThumbExposed {
	margin: 0 0 0 0px;
	top: 4px;
}
.liveModeLegend {
	color: #999;
	display: inline-block;
	margin: 12px 0 25px 0;
	font-size: 17px;
}
.tooltip-inner {
	text-align: left;
	padding: 2px 6px 5px 4px;
	font-weight: normal;
	max-width: 300px;
}
.text-push-down-sm {
	display: inline-block;
	position: relative;
	top: 4px;
}
.practiceTooltipInfoSign {
	font-size: 80%;
	color: #222;
}
.marathonWinners .value_name {
    font-size: 18px;
}
.marathonWinners .value_school {
    font-size: 14px;
    color: #888;
}
.marathonWinnerHalf {
    margin: 0 6px 0 0;
    position: relative;
    top: -1px;
}
.marathonWinnerMedal {
    height: 25px;
    margin: 0 6px 0 0;
    position: relative;
    top: -3px;
}
.marathonWinnerRibbon {
	margin: 0 6px 0 5px;
	position: relative;
}
.medalImages {
    text-align: center;
    margin: 15px 0;
}
.medalImages img {
    width: 100%;
    max-width: 400px;
}
.challengeMarathonText {
    font-size: 19px;
    margin: 0 0 -3px 0;
    line-height: 1.3;
}
.badgeIncoming {
    position: relative;
    top: -2px;
    margin-left: 2px;
    padding-bottom: 5px;
}
.progressBarChallengeMastered .progress-bar {
    background-image: linear-gradient(to bottom, #79E7FF 0px, #4DDCFB 100%) !important;
    background-color: #31C9EF !important;
}
.marathonGoalNumBadge {
    font-weight: bold;
    position: relative;
    top: -2px;
    margin-right: 4px;
}
.mathlon-text {
	margin-bottom: 12px;
}
.mathlon-headline {
    font-size: 18px;
    color: #ADD2F1;
    line-height: 1;
    margin-bottom: 7px;
}
    .mathlon-headline .highlight {
        color: #fff;
    }
.marathon-bar-cell .progress {
	margin: 12px 0 0 0;
}
.marathon-bar-label {
	font-size: 30px;
	font-weight: bold;
}
.marathon-bar-label img {
	position: relative;
	top: -3px;
}
.marathonTrophyIcon {
    position: relative;
    top: -1px;
    left: -1px;
    margin-top: -2px;
}
.marathonGoalText {
    font-weight: normal;
    opacity: 0.7;
    font-size: 12px;
    margin: 0 0 -10px 0;
}
.mathlonCompletedText {
    color: #fff;
    font-weight: 600;
}
.gameplayNextButtonContainer {
    display: inline;
}
.gameplayAlertNextButtonContainer {
    display: inline;
}
.lightningResponseAvatar {
    width: 155px;
    height: 155px;
    margin: 0 0 0 0;
}
.mathlonWell {
	margin: 10px 0 20px 0;
	padding: 8px 15px;
}
.medalIconMain {
    height: 64px;
}
.metricsMeters {
    width: 100%;
}
.metricsMeters .cell_img {
    width: 74px;
    text-align: center;
}
.metricsMeters .cell_desc {
    padding-left: 14px;
}
.marathonSubtext {
    font-size: 13px;
    margin: 4px 0 0 0;
}
.marathonStarIconChallenges {
    width: 28px;
    position: relative;
    top: -3px;
    left: -1px;
}
.lightningResponseMessage {
    text-align: center;
    margin-top: 15px;
    overflow: hidden;
}
.homeworkRowButtonIcon {
    position: relative;
    top: -2px;
}
.homeworkLoading {
    font-size: 22px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
}
.contactIcon {
    height: 38px;
    margin: 4px 4px 10px 0;
}
.liveQuizStudentJoined {
    display: block;
    font-size: 17px;
    /*width: 40%;*/
    min-width: 200px;
    margin: 8px 10px 8px 10px;
}
.dashboardTitleBar {
    background-color: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: -15px -15px 40px 0;
	padding: 15px 5px 15px 25px;
    text-align: center;
}
.dashboardCounterQuestions {
    text-align: center;
    color: #E44685;
    font-weight: 800;
    font-size: 54px;
    margin: 20px 0 0px 0;
}
.dashboardCounterVideos {
    text-align: center;
    color: #0FADE1;
    font-weight: 800;
    font-size: 54px;
    margin: 10px 0 0px 0;
}
.dashboardCounterLabel {
    text-align: center;
    color: #989898;
    font-size: 14px;
    margin: -10px 0 0px 0;
}
.drawingToolbarContainer {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
    z-index: 1000;
}
.drawingLabelBar {
	padding: 5px;
	text-align: center;
    background-color: #444444;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
.drawPanel {
	text-align: center;
	padding: 0;
	background-color: #fff;
	background: -webkit-linear-gradient(#f9f9f9, #ddd);
	background: -o-linear-gradient(#f9f9f9, #ddd);
	background: -moz-linear-gradient(#f9f9f9, #ddd);
	background: linear-gradient(#f9f9f9, #ddd);
	border-top: 1px solid #ddd;
	min-height: 50px;
}
.btnFinishedDrawing {
	margin: 10px;
}
.drawIconLink {
	display: inline-block;
	margin: 0;
}
.drawIconLink.selected {
	background: linear-gradient(#79BBFF, #1283F6) !important;
}
.drawIconLink:hover {
	background: linear-gradient(#eee, #ccc);
}
.gameplayButtonGroup {
	width: 90%;
	margin: 20px 0 15px 20px;

}
.gameplayButtonGroup .btn {
	margin: 0;
}
	.gameplayButtonGroup .btn.btn-lg {
		font-size: 16px;
		padding: 11px 16px 8px 17px;
	}
#DrawingCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:90;
    border: 5px solid #0FADE1;
}

#toast-container > div.ng-enter
{
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}
#toast-container > div.ng-leave
{
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}
#toast-container > :hover {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
#toast-container > div {
    width: 500px;
    opacity: 1;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
#toast-container > .toast-success {
    background-image: none;
    background-color: #88D85D;
}
.toast-title {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 17px;
}
.toast-message {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.GsLeaderboardIconStudent {
    height: 46px;
    margin: 0 2px 0 0;
}
.GsLeaderboardStudent .cell_feedback_thumb {
    text-align: right;
    padding-right: 25px !important;
}
.GsLeaderboardStudent {
    margin: 0px 0 0px 0;
    width: 100%;
}
.GsLeaderboardStudent td, .GsLeaderboardStudent th {
    vertical-align: middle !important;
    font-size: 19px;
    padding: 8px 10px 8px 5px;
}
.GsLeaderboardStudent th {
    font-weight: 800;
    font-size: 20px;
}
.GsLeaderboardStudentRank {
    font-weight: normal;
}
.GsLeaderboardStudent .cell_rank {
    width: 10%;
    text-align: center;
    font-weight: 800;
}
.GsLeaderboardStudent td.cell_rank {
    font-weight: 800;
    font-size: 26px;
    color: #E44685;
    padding-left: 12px;
    padding-right: 12px;
}
.GsLeaderboardStudent th.cell_rank {
    padding-left: 15px !important;
}
.GsLeaderboardStudent .cell_avatar {
    width: 16%;
    padding: 8px 9px 8px 4px !important;
    text-align: center;
}
.GsLeaderboardStudent .cell_name {
    width: 37%;
    padding: 8px 8px 8px 0 !important;
}
.GsLeaderboardStudent .cell_count {
    width: 27%;
    text-align: right;
    padding-right: 35px;
}
.GsLeaderboardStudent .cell_summary_label {
    padding: 12px 20px 12px 25px;
}
.GsLeaderboardStudent .cell_summary_value {
    padding: 12px 20px 12px 10px;
}
.GsAnswerSpacer {
    width: 320px;
    height: 1px;
}
.GsNavTabs {
    border-color: #bbb;
    margin-top: 27px;
}
.GsNavTabs > li > a {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    color: #626262;
    background-color: #ddd;
    border-color: #bbb #bbb transparent;
    margin-right: 8px
}
.GsNavTabs > li.active > a {
    background-image: linear-gradient(to bottom, #f3f3f3 0px, #fff 100%) !important;
    border-color: #bbb #bbb transparent;
    color: #222;
}
.GsNavTabs .active .glyphicon {
    color: #23B0D3;
}

.tab-style-2 {
	border-color: #bbb;
	margin-top: 27px;
}

	.tab-style-2 > li > a {
		font-size: 18px;
		padding-left: 20px;
		padding-right: 20px;
		color: #626262;
		background-color: #ddd;
		border-color: #bbb #bbb transparent;
		margin-right: 8px
	}

	.tab-style-2 > li.active > a {
		background-image: linear-gradient(to bottom, #f3f3f3 0px, #fff 100%) !important;
		border-color: #bbb #bbb transparent;
		color: #222;
	}

	.tab-style-2 .active .glyphicon {
		color: #23B0D3;
	}

.ContentTabsBg {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 64px;
    background-color: #515151;
    z-index: 0;
}
.ContentTabs {
    border-color: #bbb;
    margin-top: 22px;
    z-index: 2;
}
.ContentTabs > li > a {
    font-size: 17px;
    padding-left: 20px;
    padding-right: 20px;
    color: #444;
    background-color: #989898;
    border-color: #aaa #aaa transparent;
    margin-right: 8px
}
.ContentTabs > li.active > a {
    background-image: linear-gradient(to bottom, #f3f3f3 0px, #fff 100%) !important;
    border-color: #bbb #bbb transparent;
    color: #222;
}
.ContentTabs .active .glyphicon {
    color: #23B0D3;
}
.GsBranchBox {
    margin: 15px 0 25px 0;
}
    .GsBranchBox .panel-heading {
        font-size: 18px;
        color: #333;
    }
    .GsBranchBox .panel-body {
        background-color: #f2f2f2;
        padding: 2px 30px 15px 30px;
    }

.GsListingBox {
    background-color: #fff;
    padding: 18px 20px;
    margin: 12px 0;
    /*min-width: 700px;*/
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.GsListingBox.GsListingBoxLocked {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    box-shadow: none;
}
.GsListingTable {
    width: 100%;
}
.GsListingTable .label_count {
    margin-top: -3px;
}
.GsShowPublicBtn {
    margin: 14px 0 1px 0;
}
.GsCellImage {
    width: 150px;
    text-align: center;
    padding: 10px;
}
    .GsCellImage img {
        max-width: 140px;
    }
.GsCellBody {
    font-size: 13px;
    color: #999;
    padding: 5px 36px 4px 5px;
}
.GsListingPerf {
    height: 10px;
    margin: 4px 40px 0px 0;
}
    .GsListingPerf.progress {
        /*background-color: transparent;
        background-image: none;
        box-shadow: none;*/
    }
.GsCellButton {
    width: 135px;
    padding: 5px 4px 5px 0;
}
    .GsCellButton .btn {
        width: 100%;
    }
.GsListingPlayBtn {
    text-align: center;
    width: 120px;
    padding: 12px 10px;
    font-weight: bold;
}
.GsLastPlayed {
    font-size: 12px;
    text-align: center;
    margin: 1px 0 0 0;
    font-weight: normal;
}
.GsListingTitle {
    font-size: 19px;
    margin: 0 0 0px 0;
    color: #000;
    height: 29px;
    overflow: hidden;
}
.btn-info .highlight {
    color: #b0edff;
}
.btn.btn-disabled, .btn.btn-disabled:hover {
	background-color: #e1e1e1;
	border: 0;
	color: #aaa;
	cursor: default;
}
.GsPerformanceBlock {
    margin-top: 15px;
}
.GsListingButtonGroup {
    display: inline-block;
    margin: 15px 0 7px 0;
}
.GsListingActionsMobileButtonGroup {
    display: inline-block;
    margin: 15px 3px 7px 0;
}
table.GsDetailQuestion {
    width: 100%;
    margin: 20px 5px 20px 0;
}
table.GsDetailQuestion > tbody > td {
    border: 1px solid #ddd;
}
.GsDetailQuestion .questionDisplayCellQuestion {
    width: 65%;
    vertical-align: top;
    padding: 20px 30px;
}
.GsDetailQuestion .questionDisplayCellAnswers {
    width: 35%;
    vertical-align: top;
}
.GsDetailAnswerHeading {
    font-weight: bold;
    background-color: #eee;
    padding: 4px 8px;
}
.GsDetailAnswerBlock {
    padding: 9px 15px 15px 15px;
    /*border-bottom: 1px solid #ddd;*/
}
.BtnShowAnswersInner {
    margin: 0 8px 0 0px;
}
.GsEditEditorLabel {
    color: #aaa;
    font-size: 13px;
    margin: 2px 0 5px 0;

}
.GsEditEditorLabel .label_label {
    display: inline-block;
    margin-top: 10px;
}
.GsEditEditorLabel .block_buttons {
    float: right;
    display: inline-block;
}
.GsEditDeleteQuestionBtn {
    position: relative;
    top: -4px;
    padding-bottom: 1px !important;
}
.GsEditPreviewLabel {
    color: #aaa;
    font-size: 13px;
    margin: 15px 0 5px 0;
}
.GsEditStudentPreviewHeading {
    background-image: linear-gradient(to bottom, #777 0px, #444 100%) !important;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    padding: 10px 15px 12px 22px;
    margin: -15px 0 15px 0;
}
.GsEditQuestionButtons {
	position: relative;
	z-index: 110;
    text-align: right;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 12px 24px 15px 15px;
    margin-bottom: -6px;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.alert-info .GsEditPreviewLabel {
    color: #448ba6;
}
.GsDetailBox {
    min-height: 110px;
}
.GsDetailDesc {
    margin: 2px 0 15px 0;
}
.GsEditField {
    border: 1px solid #999;
    -webkit-box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.08);
    box-shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.08);
    padding-left: 10px;
}
.GsQuestionAddToCustom {
    display: inline-block;
    margin-top: 5px;
}
.GsAnswerButtons {
    margin: 18px 15px 15px 15px;
}
.GsResultContainer {
    padding: 18px 45px !important;
}
.GsResultTable {
    width: auto !important;
}
    .GsResultTable th, .GsResultTable td {
        padding: 5px 16px 8px 16px !important;
        vertical-align: middle !important;
    }
    .GsResultTable .cell_students {
        text-align: center;
    }
    .GsResultTable .cell_score {
        text-align: center;
    }
.GsResultsLevel {
    height: 36px;
}
.GsResults3Star {
    height: 38px;
}
.GsResultsBadge {
    width: 56px;
}
.GsLaunchSettingsContainer .SettingsToggle .btn.btn-default {
    color: #aaa;
}
.GsLaunchSettingsContainer .SettingsToggle .btn.btn-primary {
    /*background-image: linear-gradient(to bottom, #42A1F2 0px, #0863BB 100%);*/
}
.GsLaunchSettings {
}
.GsLaunchSettings td {
    padding: 5px 20px 5px 5px;
    font-size: 16px;
}
.GsStudentQuestionContainer {
    margin-top: 35px;
}
.GsCorrectImg {

}
.GsIncorrectImg {
    margin: 14px 0;
}
.GsTimer {
    margin: -5px 0 -5px 30px;
    font-weight: 800;
    font-size: 26px;
    padding: 8px 15px;
}
.GsTimerStudent {
    margin: 13px 16px;
    font-weight: 700;
}
.GsStudentsJoinedContainer {
    min-height: 52px;
}
.GsNotJoinedContainer {
    padding: 10px 10px;
}
.GsNotJoinedContainer .block_student {
    height: 24px;
    overflow: hidden;
    color: #aaa;
}
.GsNotJoinedTitle {
    margin: 0 0 15px 0;
    font-weight: 700;
    color: #aaa;
}
#GsScoringBar {
    background-color: #333;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 24px;
    padding: 9px 3px 8px 3px;
    width: 100%;
    border-top: 3px solid #ccc;
	z-index: 999;
}
.GsScoringBarIcon {
    height: 33px;
    position: relative;
    top: -5px;
}
.GsFeedbackPanel {
    max-width: 600px;
    margin: 0 auto;
}
.GsTeacherLockedInBlock {
    display: inline-block;
    color: #00546a;
    font-weight: 800;
    padding: 5px 0 0 0;
    font-size: 24px;
    margin-top: -3px;
    margin-left: 20px;
}
.GsLockedInProgress {
    width: 240px;
    display: inline-block;
    margin: 0 10px 0 15px;
}
	.GsLockedInProgress.shrink-for-upload {
		width: 200px;
	}
.GsPrestartBlock {
  font-size: 30px;
  font-weight: 800;
  text-align: center;

  background-color: #8ECCE1;

  padding: 0;
  margin: -5px auto 5px auto;
  border-radius: 50px;

	height: 15px;
	transform-origin: center top;
	transform: scaleY(1);
}
.GsPrestartBlockStudent {
	font-size: 28px;
	font-weight: 800;
	text-align: center;

  background-color: #D6D6D6;
  color: #fff;

  padding: 0;
  margin: 10px auto 0 auto;
  border-radius: 50px;

	height: 15px;
	transform-origin: center top;
	transform: scaleY(1);
}
.GsReasonAnswer {
    font-size: 25px;
}
.GsSolutionAnswer {
    font-size: 23px;
    text-align: center;
    padding: 14px 10px 12px 10px;
}
.GsReasonExplanation {
    font-size: 25px;
}
.studentCountersBar {
    position: absolute;
    top: 51px;
    width: 100%;
    height: 50px;
    /*overflow: hidden;*/
    left: 0;
    border-top: 1px solid #727272;
    background-color: #696969;
    color: #fff;
    text-align: center;
	white-space: nowrap;
}
.showStudentCounters {
    display: none;
}
.downloadResultsIcon {
    height: 32px;
    margin: 0px 5px 0px 0px;
}
.spacerCountersBar {
    height: 40px;
}

.daily-streak-callout-table__cell-image {
	padding-right: 10px;
}
.notification-callout-tourtip {
	position: absolute;
	width: 238px;
	top: 48px;
	left: -116px;
	text-align: left;
	display: block;
	color: #000;
	overflow: visible;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.notification-callout-tourtip.popover.bottom > .arrow {
	left: 138px;
}
.notification-callout-tourtip--mobile {
	position: absolute;
	width: 238px;
	top: 48px;
	left: -159px;
	text-align: left;
	display: block;
	color: #000;
	overflow: visible;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}

	.notification-callout-tourtip--mobile.popover.bottom > .arrow {
		left: 182px;
	}
.counterBotXp {
    color: #fff;
}
.dashboardButtonIcon {
    position: relative;
    top: -3px;
    left: -2px;
}
.helpRequestBlock {
    margin: 10px 0;
    padding: 30px 30px;
}
.helpRequestBlock.alert-info .grey, .helpRequestBlock.alert-info .helpRequestStudentDate {
    color: #777;
}
.helpRequestDate {
    display: inline-block;
    font-size: 19px;
    color: #888;
    margin-left: 5px;
}
.helpRequestStudentBlock {
    margin: 0px 0 20px 0;
}
.helpRequestStudentBlock img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.helpRequestBlock .student {
    font-size: 30px;
}
.helpRequestBlock.old {
    background-color: #f2f2f2;
}
.helpRequestStudentDate {
    color: #999;
}
.helpRequestButtons {
    text-align: right;
    margin: -10px 0 10px 0;
}
.helpRequestFlagQuestionBlock {
    width: 400px;
    float: right;
    margin: 5px 0 0 0;
}
.GsColouredBg {
    background-color: #00B8E7 !important;
}
.GsColouredBg a {
    color: #6FE6FF;
}
td.questionDisplayCellAnswers {
    width: 28%;
}
.EmbedLbButton {
    margin: 20px 0 15px 23px;
    width: 300px;
}
#ViewLeaderboardButton {
    margin: 20px 0 22px 22px;
}
.GsStudentModalHighlights {
    margin: 15px 0;
    text-align: center;
    font-size: 18px;
}
.HwLeaderboardRibbon {
    min-width: 409px;
}
.GsReportRank {
    text-align: center;
}
.GsReportName {
}
.GsReportCheck {
    text-align: center;
    /*width: 60px;*/
	padding: 0px 0 !important;
}
.GsReportCheck .glyphicon-file {
    font-size: 85%;
    position: relative;
    top: -1px;
}
.GsReportPercent {
    text-align: center;
}
.GsReportCorrect {
    text-align: center;
}
.GsReportXp {
    text-align: right;
}
.GsAchievementBlock {
}
.GsAchievementBlock .cell_badge {
    padding: 4px 25px 4px 25px;
}
.GsAchievementBlock .cell_content {
}
.GsAchievementBlock .cell_percent {
    font-size: 38px;
    font-weight: bold;
    width: 130px;
    text-align: center;
    color: #29b7eb;
}
.GsAchievementBlock .scoreLabel {
    display: inline-block;
    width: 60px;
    text-align: right;
    margin-right: 15px;
}
.GsAchievementTitle {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 6px 0;
}
.GsReasonButton {
    padding: 1px 8px 0px 11px !important;
    font-size: 19px;
    position: relative;
    top: -5px;
    border-radius: 40px !important;
	-webkit-border-radius: 40px !important;
	-moz-border-radius: 40px !important;
    font-weight: bold;
    color: #29b7eb;
}
.GsLeaderboardAvatarTeacher {
    width: 80px;
    height: 80px;
}
.GsLeaderboardAvatarStudent {
    width: 60px;
    height: 60px;
}
.PinAvatarSelector {
    text-align: center;
    padding: 10px 0;
}
.PinAvatarImage {
    width: 140px;
    margin: 5px 5px 5px 5px;
}
.TutorialCategory {
    overflow: auto !important;
    margin: 20px 0;
}
.TutorialCategory h2 {
    margin: 0 0 5px 17px;
}
.tutorialsContainer {

}
.TutorialRibbonIcon {
	height: 38px;
	margin: -12px 0 -11px 2px;
}
.tutorialBox {
    float: left;
    margin: 10px 60px 5px 5px;
    width: 450px;
	padding: 5px 15px 15px 15px;
	border-radius: 15px;
}
.tutorialBox.IsWatched {
	background-color: #8cefec;
}
.tutorialBox .title {
    font-weight: 400;
    margin: 10px 0 15px 0;
    font-size: 19px;
}
.tutorialBox iframe {
    width: 420px;
    height: 238px;
}
.tutorialWatchedBlock {
    text-align: center;
    margin: 12px 0 0 0;
}
.GsPinBlockLeft {
    display: inline-block;
    float: left;
}
.GsPinArrow {
    height: 80px;
    float: left;
    margin: 26px 0 0 20px;
}
.GamePinLoginBlock {
    max-width: 360px;
    margin: 0px auto 50px auto;
	padding-top: 50px;
}
.student-join-login-label {
	font-size: 26px;
	color: #2582a6;
	margin-bottom: 12px;
	font-weight: 600;
}
.student-join-home-outer {
	max-width: 420px;
	margin: 0px auto 50px auto;
	padding-top: 28px;
}
.student-join-home-inner {
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}
	.student-join-home-inner .password-input-container-gameshow .input {
		padding: 6px 12px;
	}

.student-join-container {
		background-color: #20c7f2;
		padding: 25px 0px;
		border-radius: 12px;
		margin-bottom: 20px;
	}
.GsFormText {
    font-size: 21px;
}
.GamePinField {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    height: auto;
    border-radius: 8px;
    margin-top: 7px;
}
.GamePinNameBlock {
    margin: 10px auto 50px auto;
}
.GsAvatarSelector {
    margin: 15px 0;
    text-align: center;
    overflow: auto;
}
.ChatIcon {
    color: #25b5b3;
}
.GsAdvancedSettingsAccordion {

}
.GsSettingDesc {
    font-size: 13px;
    padding: 3px 19px 18px 9px;
    /*border-bottom: 1px solid #ddd;*/
    max-width: 700px;
}
.GsSettingDesc h2 {
    font-size: 13px;
    margin: 0 0 2px 0;
}
.GsSettingDesc .text-normal {
    font-size: 17px;
}
.SingleToggle {
}
.SingleToggle.SingleToggleOn {
    width: 45px;
}
.SingleToggle .btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.SettingsToggle {

}
.SettingsToggle label {
    font-weight: bold;
}
.SettingsAvatarThumb {
    width: 75px;
}
.PodSearchBlock {
    display: inline-block;
    margin-top: -5px;
}
.PodSearchBlock input {
    font-weight: normal;
}
.PodExistingQuestionsText {
    display: inline-block;
    font-weight: 300;
    color: #999;
    margin: 5px 20px 0 5px;
    font-size: 20px;
    position: relative;
    top: 4px;
}
.PodUploadSettingTable {
    margin: 0 0 15px 0;
}
.PodUploadSettingTable .cell_label {
    padding: 3px 5px 0 10px;
    font-size: 12px;
    color: #999;
}
.GsSettingFieldBox {
    padding: 10px 18px;
    border-radius: 5px;
    background-color: #eee;
    margin: 10px 0 12px 0;
}
.GsSettingFieldBox input[type=text] {
    height: auto;
    font-size: 15px;
    padding: 3px 7px;
    width: 50px;
    margin: 0 2px 0 5px;
}
.dashboardStudentQuestionCount {
    /*display: inline-block;*/
    display: block;
    text-align: center;
    position: relative;
    top: -4px;
    font-size: 13px;
}
.performanceBoxColor-3 .dashboardStudentQuestionCount {
    color: #6aa700;
}
.performanceBoxColor-2 .dashboardStudentQuestionCount {
    color: #d98603;
}
.performanceBoxColor-1 .dashboardStudentQuestionCount {
    color: #d76408;
}
.performanceBoxColor-0 .dashboardStudentQuestionCount {
    color: #b94302;
}
.performanceBoxColor-none .dashboardStudentQuestionCount {
    color: #a4a4a4;
}
.studentSummaryBlock {
    margin-top: 19px !important;
    padding-bottom: 10px !important;
}
.studentSummaryStatsBlock {
    float: right;
    width: 100%;
    margin: 0 25px 0 40px;
    padding: 0px 20px 15px 30px;
}
.studentStatsTable>tbody>tr>td {
    padding: 5px 10px;
    vertical-align: middle;
}
.studentStatsTable .cell_value {
    width: 90px;
    font-weight: 800;
    font-size: 21px;
    color: #aaa;
    text-align: right;
    padding-right: 2px;
}
.studentStatsTable .cell_label {
    font-size: 18px;
    color: #777;
}
.studentStatsTable .image_star {
    height: 25px;
    position: relative;
    top: -3px;
}
.studentSumFullMathalonIcon {
    /*height: 40px;*/
    margin: 0 0 0 0;
}
.studentSumHalfMathalonIcon {
    /*height: 31px;*/
    margin: 0 0 0 0;
}
.StarSubLine {
    height: 18px;
    font-size: 12px;
    color: #aaa;
}
.cell_row {
    display: table-row;
}
.LeagueStudentTable {
    width: 100%;
    display: table;
    font-size: 22px;
    background-color: #838383;
    border-radius: 8px;
    color: #c7c7c7;
    margin: 10px 0 30px 0;
}
.LeagueStudentTable .cell_image {
    display: table-cell;
    width: 100px;
    padding: 24px 10px 14px 45px;
    text-align: center;
    vertical-align: middle;
}
.LeagueStudentTable .cell_image img {
    width: 130px;
}
.LeagueStudentTable .cell_content {
    display: table-cell;
    padding: 20px 10px;
    vertical-align: middle;
}
.LeaguesBoxLeague {
    font-weight: 600;
    color: #fff;
}
.LeaguesBoxXpBlock {
    font-size: 17px;
}
.LeaguesBoxXpBlock img {
    height: 29px;
    position: relative;
    top: -3px;
}
.LeaguesBoxXp {
    color: #fff;
}
.gs-select-student {
	text-align: left;
	font-size: 22px;
}
	.gs-select-student a {
		text-decoration: underline;
	}
.gs-select-student-link--logged-in {
	color: #fff !important;
}
	.gs-select-student-link--logged-in a {
		color: #248fab !important;
		text-decoration: none;
	}
.gs-select-student-link {
	max-width: 240px;
	min-width: 194px;
	overflow: hidden;
	margin: 4px 0;
	padding-right: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gs-select-student-link a {
	color: #7DF1FF;
}

.GsLogInUserName {
    font-size: 28px;
    font-weight: 600;
    margin: 4px 0 15px 0;
}
.ReplayWarningParentPending {
    position: absolute;
    top: 95px;
    width: 100%;
    text-align: center;
    padding: 5px;
    background-color: #FCA068;
    color: #9D3C01;
}
.ReplayWarningParentPendingSpacer {
    height: 23px;
}
.ReplayGsBlock {
    margin: 5px 0px 6px 0;
    padding: 12px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f2f2f2;
}
.ReplayGsBlock .label_name {
    overflow: hidden;
    height: 28px;
}
.ReplayGsBlock .label_score {
    display: inline-block;
    margin: 0 12px;
}
.ReplayGsBlock .cell_date {

}
.ReplayGsBlock .cell_buttons {
    text-align: right;
}
.ReplayTipAnswerTable {
    border: 1px solid #DDD;
    background-color: #fff;
}
.ReplayTipAnswerTable .cell_badge {
    width: 40px;
    padding-left: 20px;
}
.ReplayTipNextButtonGroup {
    margin: 0 auto 0 auto;
    width: 270px;
    max-width: 100%;
}
.ReplayTipNextButtonGroup button {
    width: 50%;
}
.ReplayTipCounterLabel {
    color: #999;
    margin: 32px 0 3px 0;
}
.GsStudentEnteredMenu {
    display: inline-block;
}
.GsStudentEnteredMenu button {
    border: 0;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    font-size: 18px;
	overflow: hidden;
	max-width: 270px;
	height: 36px;
}
.GsStudentEnteredMenu button .glyphicon {
    visibility: hidden;
    margin-left: 5px;
    color: #bbb;
}
.GsStudentEnteredMenu button:hover .glyphicon, .GsStudentEnteredMenu.open button .glyphicon {
    visibility: visible;
}
.GsStudentEnteredMenu button:focus, .GsStudentEnteredMenu button:active, .GsStudentEnteredMenu button:focus:active {
    border: 0;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
}
.GsStudentEnteredMenu.open button:focus, .GsStudentEnteredMenu.open button:active, .GsStudentEnteredMenu.open button:focus:active {
    background-color: white;
}
.GsStudentEnteredMenu button:hover {
    background-color: white;
}
.dropdown-menu > li {
    max-width: 500px;
    overflow: hidden;
}
.dropdown-menu > li > a {
    overflow: hidden;
}
.dropdown-menu-label {
    padding: 6px 20px;
    font-size: 15px;
    color: #999;
    margin-top: -5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #eee;
}
.GsLaunchReplayTitle {
    font-style: italic;
    display: inline-block;
    margin-left: 15px;
    color: #99EDFF;
}
.MatrixReportTable {
    width: auto;
    min-width: 750px;
    border-top: 10px solid #555;
}
.MatrixReportTable th {
    background-color: #606060;
    color: #eee;
    border: 1px solid #4D4D4D !important;
}
.MatrixReportTable td {
    border: 1px solid #ddd;
}
.MatrixReportTable .cell_branch {
    text-align: center;
}
.MatrixReportTable .cell_name {
    padding-right: 14px;
}
.MatrixReportTable .cell_expectation {
    text-align: center;
    font-weight: normal;
}
.MatrixReportTable .cell_overall {
    text-align: center;
}
.MatrixReportBlock {
    border-radius: 3px;
    display: inline-block;
    height: 28px;
    width: 55px;
    padding-top: 2px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.MatrixReportBlock.matrix-color-0 {
    background-color: #ddd;
    color: #888;
}
.MatrixReportBlock.matrix-color-1 {
    background-color: #DFF9B3;
    color: #73C00E;
}
.MatrixReportBlock.matrix-color-2 {
    background-color: #C2FA60;
    color: #73C00E;
}
.MatrixReportBlock.matrix-color-3 {
    background-color: #AFE157;
    color: #fff;
}
.MatrixReportBlock.matrix-color-4 {
    background-color: #83CE00;
    color: #fff;
}
.MatrixTabs {
    border-color: #bbb;
    margin-top: 32px;
    border-bottom: 0;
}
.MatrixTabs > li {
    margin-bottom: 0;
}
.MatrixTabs > li > a {
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
    color: #626262;
    background-color: #ddd;
    border-color: #bbb #bbb transparent;
    border-bottom: 0;
    margin-right: 8px
}
.MatrixTabs > li.active > a {
    background-image: linear-gradient(to bottom, #777 0px, #555 100%) !important;
    border-color: #bbb #bbb transparent;
    border-bottom: 0;
    color: #fff;
}
.MatrixTabs .active .glyphicon {
    color: #23B0D3;
}
.MatrixDetailsTable {
    width: 100%;
}
.MatrixDetailsTable > tbody > tr > td {
    border: 1px solid #ddd;
    padding: 10px 20px;
}
.MatrixDetailsTable .labelName {
    font-size: 20px;
    font-weight: bold;
}
.MatrixDetailsTable .labelGameShowName {
    font-size: 20px;
    color: #999;
}
.MatrixDetailsTable .cell_name {
    border-top: 0;
    border-left: 0;
}
.MatrixDetailsTable .cell_score {
    width: 180px;
    border-top: 0;
    border-right: 0;
    text-align: center;
    background-color: #DCEEF6;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}
.MatrixDetailsTable .cell_body {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 0;
}
.MatrixDetailsTable .labelScore {
    font-size: 40px;
    font-weight: 800;
}
.MatrixDetailsTable .labelBoostedScore {
    font-size: 18px;
    font-weight: bold;
    color: #57B3DD;
    margin-top: -8px;
}
.MatrixScoreItemizedTable > tbody > tr > th {
    background-color: #e5e5e5;
    font-size: 17px;
    border-top: 3px solid #ccc;
}
.MatrixScoreItemizedTable .cell_desc {
    padding-left: 30px;
}
.MatrixScoreItemizedTable .cell_grade {
    text-align: right;
    padding-right: 30px;
}
.class-box {
    position: relative;
    vertical-align: top;
    width: 250px;
    height: 190px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 8px 15px 7px 0;
    text-align: center;
    border-radius: 10px;
    border-bottom: 4px solid #ccc;
    border-right: 2px solid #ccc;
    background-color: #f7f7f7;
    padding: 58px 0 0 0;
}

	.class-box:hover {
		border-color: #bbb;
		background-color: #f0f0f0;
	}
.class-box--expired {
	border: 1px solid #eaeaea;
	border-bottom: 4px solid #eaeaea;
	border-right: 2px solid #eaeaea;
	background-color: #eaeaea;
}
.class-box--expired:hover {
	border-color: #dadada;
	background-color: #e2e2e2;
}
.class-box__add-icon {
	font-size: 40px;
}
.class-box__course {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 19px 0 10px;
	text-align: right;
}
.class-box.AddClass {
    border: 2px dashed #bbb;
    background-color: #fff;
    font-size: 23px;
}
.class-box.UpgradeClassBox {
	padding: 17px 15px 15px 15px;
	background-color: #9ae8e1 /*#40d0f1*/;
	border: 0;
}
.class-box.UpgradeClassBox:hover {
	background-color: #b1f7f0;
	cursor: pointer;
}
.UpgradeClassBox .label_name {
	font-weight: bold;
	margin-bottom: 2px;
}
.UpgradeClassBox .label_text {
	font-size: 12px;
	color: #00819e;
}
.class-box.AddClass:hover {
    background-color: #f9f9f9;
    border-color: #aaa;
    color: #01B4FF;
}
.class-box .labelTitle {
    font-size: 22px;
    font-weight: 600;
	clear: both;
}
.class-box .labelName {
    font-size: 17px;
    color: #999;
    padding: 0 10px;
    max-height: 50px;
    overflow: hidden;
}
.class-box.class-box--expired .labelTitle, .class-box.class-box--expired .labelName {
	color: #bbb;
}
.class-box--expired .ClassMgmtUpgradeLink {
	display: none;
}
.class-box .PremiumStar {
	/*position: absolute;
    top: 10px;
    left: 10px;*/
	width: 20px;
	margin-top: -4px;
	margin-right: 4px;
}
.class-box .btnMenu {
    position: absolute;
    bottom: 12px;
    right: 14px;
    color: #999;
}
.class-box-premium-tag {
	float: left;
	color: #6bba1e;
	padding: 2px 8px 3px 8px;
	margin: -3px 0 0 10px;
	font-weight: 600;
}
.class-box-upgrade-tag {
	float: left;
	border-radius: 15px;
	background-color: #21BBED;
	color: #FFFFFF;
	padding: 2px 8px 3px 8px;
	margin: -3px 0 0 10px;
	font-weight: 600;
	border: 1px solid #00AEDE;
	-moz-box-shadow: inset -1px -1px 0px #00AEDE;
	-webkit-box-shadow: inset -1px -1px 0px #00AEDE;
	box-shadow: inset -1px -1px 0px #00AEDE;
}
.pilot-program-upgrade-tag {
	float: left;
	border-radius: 15px;
	color: #FFFFFF;
	background-color: #F79522;
	padding: 2px 8px 3px 8px;
	margin: -3px 0 0 10px;
	font-weight: 600;
	border-bottom: 2px solid #CC7B1C;
}
.class-box-upgrade-tag:hover {
	background-color: #00AEDE;
}
.class-box-demo-tag {
	float: left;
	border-radius: 15px;
	background-color: #0fade1;
	padding: 2px 8px 3px 8px;
	margin: -3px 0 0 10px;
	font-weight: 600;
	border: 1px solid #fff;
	color: #fff;
}
.class-box-premium-tag > img {
	height: 16px;
}
.ClassMgmtMenuBtn {
	font-size: 19px;
	padding: 4px 7px 0px 8px;
    border-bottom-width: 3px;
}
.MenuButton {
    font-size: 19px;
	padding: 4px 7px 0px 8px;
    border-bottom-width: 3px;
}
.dashboard-add-student {
    width: 192px;
	height: 125px;
	display: block;
	float: left;
	margin: 10px 15px 5px 0;
	padding: 21px 20px 10px 20px;
	border-radius: 5px;
    border: 2px dashed #aaa;
    text-align: center;
}
.dashboard-add-student__icon {
	font-size: 40px;
}
.dashboard-add-student__label {
	margin-top: -5px;
}
.parent-sign-up-image-container {
    text-align: center;
	margin-bottom: -12px;
}
.parent-sign-up-image {

}
.no-navbar {
    margin-top: -35px;
}
.invite-parents-more-options {
	font-size: 20px;
	color: #bbb;
}
.invite-parents-flex__remove-parent {
	margin-left: -12px !important;
}
.stem-help-image {
	width: 213px;
	float: right;
	margin: -21px 5px 10px 10px;
}
.ParentCoachMessagesContainer {
    min-height: 50px;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 15px;
    overflow: auto;
    margin: 0px 0 7px 0;
}
.ParentSignupChildImg {
    margin-top: -16px;
}
#parentBottomNav{
	z-index: 1030; /* To move above the Grade Switcher in Journey page */
}
.ParentBottomNavCounter {
	position: absolute;
	top: 10px;
	right: 5px;
}
#parentBottomNav .nav-button {
    position: relative;
}
.ParentSupportsLogo {
    width: 290px;
    margin-bottom: -5px;
}
.why-invite-parents-link {
	color: #5ea8e1;
	font-size: 19px;
	margin-right: 13px;
}
.why-invite-parents-link img {
	margin: 0 12px 0 0;
}
.why-invite-parents-link-text-block {
	display: inline-block;
	text-align: left;
	position: relative;
	top: 23px;
}
.why-invite-parents-credits {
	background-color: #E44685;
	color: #fff;
	font-size: 11px;
	display: inline-block;
	border-radius: 3px;
	padding: 0px 3px;
}
.why-invite-parents-credits-block {
	font-size: 13px;
	color: #aaa;
	margin-top: 1px;
}
.why-invite-parents-progress {
	width: 123px;
	height: 11px;
	margin: 5px 0 4px 0;
}
.why-invite-parents-progress__text {
	font-size: 12px;
	color: #aaa;
	text-align: center;
	width: 123px;
}
.why-invite-parents-invite-button {
	position: relative;
	top: -6px;
	margin-top: 21px !important;
}
.ParentGameShowsTable {
    width: auto;
}
.ParentChildSidebar {
    border-right: 1px solid #ddd;
    padding: 10px 20px 30px 5px;
    min-height: 500px;
}
.ParentChildSidebar .ChildBlock {
    padding: 15px 20px;
    font-size: 18px;
}
.ParentChildSidebar .ChildBlock:hover {
    background-color: #ddd;
}
.ParentChildSidebar .ChildBlock.active {
    background-color: #eee;
}
.ParentChildSidebar .ChildBlock .labelName {
    font-weight: bold;
}
.ParentResultsNoneMessage {
    font-style: italic;
    color: #999;
    padding: 5px 15px;
}
.ClassParentContainer {
    width: 60%;
    margin: 5px 0 0 15px;
}
.EmbedQuestionRow {
    padding: 20px 20px;
    border-top: 1px solid #eee;
}
.embedCode {
    background-color: #eee;
    padding: 6px;
    width: 500px;
    height: 90px;
    font-size: 13px;
    border: 1px solid #ddd;
    margin: 10px 0 10px 0;
}
.GameplayAnswerSubmissions {

}
.GameplayAnswerSubmissions td {
    border: 0 !important;
    padding: 3px 10px 3px 10px;
}
.GameplayAnswerSubmissions .progress {
    min-width: 100px;
    margin-bottom: 0;
}

.sectionPanel.sectionPanelIntervention.panel-default > .panel-heading {
    background-image: linear-gradient(to bottom, #FCF8E3 0px, #F8EFC0 100%) !important;
}
.sectionPanel .panel-heading {
    padding-top: 12px;
    padding-bottom: 12px;
}
.sectionPanel .progress {
    margin-bottom: 15px;
}
.InterventionContainer {
    max-width: 1000px;
}
.InterventionBlock {
    border-radius: 4px;
    margin: 5px 0 10px 0;
    border: 1px solid #eee;
}
.InterventionBlock .InterventionButtons {
    text-align: right;
}
.btnDashboardInterventions {
    margin-top: -2px;
    display: inline-block;
    width: 47%;
}
.modalLabelSmall {
    font-size: 12px;
    color: #aaa;
    margin: 15px 0 0 0;
}
.homeBadgeContainer {
    background-color: #f3f3f3;
    border-radius: 4px;
    padding: 10px 15px 20px 15px;
    margin: 15px 0;
    height: 110px;
    overflow: hidden;
}
.homeBadgeContainer h2 {
    margin: 0 0 5px 0;
    font-weight: normal;
    color: #aaa;
    font-size: 12px;
}
.homeBadgeContainer img {
    width: 80px;
    margin: 0 0 40px 0;
}
.MissionTable {
    width: 100%;
}
.MissionTable .cell_image {
    width: 78px;
    padding: 10px 10px;
    text-align: center;
}
.MissionTable .cell_image .glyphicon-ok {
    font-size: 34px;
}
.MissionTable .cell_image img {
    width: 44px;
}
.MissionTable .cell_image img.starImg {
    width: 55px;
}
.MissionTable .cell_progress {
    padding: 10px 10px;
}
.MissionTable .cell_score {
    width: 110px;
    padding: 10px 10px;
    text-align: center;
}
.MissionTable .masteryScore {
    font-size: 35px;
    color: #888;
    font-weight: 800;
    line-height: 1;
}
.MissionTable .masteryScore .grey {
    color: #aaa;
    font-weight: 300;
}
.MissionTable .labelText {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}
.GsScoringBarSpacer {
    height: 75px;
}
.class-box-tag {
    position: absolute;
    top: 8px;
    width: 250px;
    text-align: center;
    margin: 5px 0 5px 0;
    font-size: 11px;
    color: #aaa;
}

.dark-theme {
    color: #b1b1b1;
}
.dark-theme a {
    color: #59b2fd;
}
.dark-theme h3 {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    margin: 5px 0 5px 0;
}
.dark-theme .form-control {
    border-radius: 8px;
    height: auto;
    font-size: 17px;
    padding: 10px 14px;
    margin-top: 7px;
}
.dark-theme .alert.alert-danger {
    background-image: linear-gradient(to bottom, #e87474 0px, #cb6363 100%);
    border-color: #c95858;
    color: #651429;
}
.dark-theme .btn.btn-md.GsButton {
    border-radius: 9px;
}
.GsStudentProfileBlock {
    background-color: #f2f2f2;
    border-radius: 100px;
    padding: 11px 0 12px 14px;
    margin: 0 0 15px 0;
}
.GsStudentProfileStats {

}
.GsStudentProfileStats .cell_image img {
    height: 67px;
}
.GsStudentProfileStats .cell_data {
    padding: 2px 0 0 14px;
}
.GsStudentProfileStats .label_level {
    color: #bbb;
    font-style: italic;
}
.RegisterHeading {
	font-weight: 800;
	color: #0FADE1;
	font-size: 35px !important;
	margin: 35px 10px 15px 10px;
}
.TeacherRegistrationPage .label_subtitle {
	font-weight: 300;
	color: #aaa;
	font-size: 25px;
	margin-bottom: 10px;
}
.TeacherRegistrationPage {
	font-size: 17px;
	text-align: center;
}
.TeacherRegistrationPage h2 {
    font-size: 22px;
	margin: 30px 0;
}
.TeacherRegistrationPage h3 {
    font-size: 18px;
}
.TeacherRegistrationPage .form-control-md {
	font-size: 16px;
	margin-top: 5px;
}
.modalFooterLinkBack {
    position: relative;
    top: 6px;
    margin-right: 15px;
    font-size: 18px;
}
.GsLeaderboardMessage {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}
.GsCorrectStudentsCarousel {
    height: 100px;
}
.SupportsAnswersMC h3, .SupportsAnswersFF h3 {
    font-size: 15px;
    font-weight: bold;
}
.SupportsButtons {
    width: 260px;
    margin: 10px auto;
}
.SupportsButtons .btn {
    width: 100%;
}
.ParentHomeChildContainer {
    max-width: 800px;
    margin: 0px auto;
    padding: 0;
}
.ParentChildGrowth {
    width: 80%;
    margin: 20px auto 5px auto;
}
.child-box {
    position: relative;
    vertical-align: top;
    width: 250px;
    height: 125px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 8px 15px 7px 0;
    text-align: center;
    border-radius: 10px;
    border-bottom: 4px solid #ccc;
    border-right: 2px solid #ccc;
    background-color: #f7f7f7;
    padding: 10px 0 0 0;
    color: #555;
}
	.child-box:not(.child-box--archived):hover {
		border-color: #bbb;
		background-color: #f0f0f0;
	}
.child-box.child-box--archived {
	cursor: default;
}
.gap-insights-statstype-container {
	position: absolute;
	top: 12px;
	left: 182px;
	width: 155px;
}
.gap-insights-statstype-container a {
	font-size: 13px;
}
.child-box--alert {
	padding-top: 20px;
}
.child-box.child-box--add {
    border: 2px dashed #bbb;
    background-color: #fff;
    font-size: 23px;
    padding-top: 20px;
}
.child-box.child-box--add:hover {
    background-color: #f9f9f9;
    border-color: #aaa;
    color: #01B4FF;
}
.child-box.child-box--add .glyphicon {
    font-size: 36px;
    display: block;
	margin: 4px 0 3px 0;
}
.child-box__name {
	padding-top: 15px;
}
.child-box__first-name {
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    height: 32px;
    padding: 0 15px 0 10px;
	margin-top: 3px;
}
.child-box__last-name {
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
	height: 32px;
	padding: 0 10px;
}
.child-box-icon {
	font-size: 94%;
	color: #ccc;
	margin: 0 2px 0 -8px;
}

.child-box__menu-button {
	font-size: 17px;
	padding: 4px 7px 0px 8px;
	border-bottom-width: 3px;
}
.child-box__menu-container {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.GoalCurrentStatus {
    font-size: 30px;
}
.GoalIconS {
    height: 46px;
}
.GoalIconL {
    height: 49px;
}
.GoalIconM {
    height: 43px;
}
.ParentResultsActivitiesBlock, .ParentResultsStandardsBlock {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 0 15px 0;
}
.ParentResultsHeadingBlock {
    padding: 12px 15px 15px 15px;
    background-color: #f2f2f2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0 0 4px 0;
}
.ParentResultsActivitiesBlock .alert, .ParentResultsStandardsBlock .alert {
    margin: 0 15px 0 15px;
}
.ParentResultsActivitiesBlock .ResultBlock {
    border-bottom: 1px solid #ddd;
    padding: 15px 12px;
}
.ParentResultsStandardsBlock .ResultBlock {
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
}
.ResultBlockTable {
    width: 100%;
}

.ParentResultsActivitiesBlock .ResultBlockTable .cell_icon {
    padding: 0px 0 0px 0px;
    width: 58px;
    text-align: center;
}
.ParentResultsActivitiesBlock .ResultBlockTable .cell_desc {
    padding: 0px 10px 0px 10px;
}
.ParentResultsActivitiesBlock .ResultBlockTable .cell_arrow {
    width: 0;
}
.ParentResultsActivitiesBlock .ResultBlockTable .label_name {
    font-weight: bold;
    font-size: 15px;
}
.ParentResultsActivitiesBlock .ResultBlockTable .label_desc {
    color: #aaa;
    font-size: 14px;
}
.ParentResultsStandardsBlock .ResultBlockTable .cell_icon {
    width: 50px;
    padding: 0 0 0 12px;
}
.ParentResultsActivitiesBlock .ResultBlockTable .cell_icon .glyphicon {
    font-size: 26px;
}
.RecipientMessageBlock .MessageTimestamp {
    float: left;
    color: #aaa;
    font-size: 11px;
    clear: both;
    margin-left: 12px;
}
.RecipientMessageBlock .MessageContent {
    float: left;
    width: 75%;
    border-radius: 5px;
    border: 0;
    padding: 8px 10px;
    background-color: #f2f2f2;
    margin: 5px 5px 5px 8px;
    clear: both;
}
.SenderMessageBlock .MessageTimestamp {
    float: right;
    color: #aaa;
    font-size: 11px;
    clear: both;
    margin-right: 12px;
}
.SenderMessageBlock .MessageContent {
    float: right;
    width: 75%;
    border: 0;
    border-radius: 5px;
    padding: 8px 10px;
    margin: 5px 8px 5px 5px;
    clear: both;
}
.spacer-coach-top-bar {
    height: 40px;
}
.CoachTopBar {
    position: absolute;
    top: 50px;
    left: 0;
    font-size: 20px;
    width: 100%;
    text-align: center;
    background-color: #B3E14F;
    padding: 8px;
}
.GoalBlock {
    margin: 5px 0px 6px 0;
    padding: 12px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f2f2f2;
}
.GoalBlock.IsSelected {
    border-color: #01B4FF;
    background-color: #E4F3F8;
    border-width: 2px;
}
.GoalBlock.GoalBlockAchieved {
    /*background-color: #1B8DED;
    color: #fff;*/
	background: -webkit-linear-gradient(#eee, #ccc);
	background: -o-linear-gradient(#777777, #5a5a5a);
	background: -moz-linear-gradient(#777777, #5a5a5a);
	background: linear-gradient(#eee, #ddd);
}
.GoalBlock.GoalBlockAchieved .grey {
    /*color: #B6D9F6;*/
}
.GoalAchievedDateBadge {
    padding: 3px 8px;
    margin-left: 6px;
    position: relative;
    top: -1px;
}
.GoalAchievedBadge {
    padding: 9px 11px;
}
.GoalAchievedBadge .glyphicon-ok {
    font-size: 26px;
    color: #fff;
}
.GoalChallengesTable {
    width: 100%;
}
.GoalChallengesTable .cell_icon {
    padding: 0 15px 0 0;
    width: 80px;
}
.GoalChallengesTable .cell_desc {
    padding: 0 15px 0 0;
}
.GoalChallengesTable .cell_score {
    padding: 0 0 0 0;
    width: 80px;
    text-align: center;
}
.ChildGoalBox {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px 15px;
    margin: 6px 0 6px 0;
    background-color: #fbfbfb;
}
.ChildGoalBox:hover {
    background-color: #f4f4f4;
}
.ChildGoalBoxNone {
    font-size: 20px;
    color: #999;
    padding: 20px !important;
}
.ChildGoalBoxNone .glyphicon {
    position: relative;
    top: -3px;
}

.GoalGoalsTable {
    width: 100%;
}
.GoalGoalsTable .cell_icon {
    padding: 0 11px 0 3px;
    width: 70px;
    text-align: center;
}
.GoalGoalsTable .cell_desc {
    padding: 0 15px 0 0;
}
.GoalGoalsTable .cell_score {
    padding: 0 0 0 0;
    width: 80px;
    text-align: center;
}
.TeamMateBlock {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    height: 200px;
    margin: 6px 4px 6px 4px;
    padding: 15px;
}
.TeamMateBlock > img {
    width: 100%;
}
.TeamEventTable {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}
.TeamEventTable .cell_icon {
    padding-right: 15px;
    padding-left: 12px;
    text-align: center;
    width: 50px;
}
.TeamEventTable .cell_desc {
    padding-right: 12px;
    font-size: 14px;
    text-align: left;
}
.TeamChatComposeField {
    width: 70%;
    border: 1px solid #ddd;
    border-radius: 2px;
    min-height: 36px;
    display: inline-block;
}
.TeamChatComposeSendButton {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}
.TeamChatTabContents {
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top: 0;
    padding-top: 15px;
}
.TeamChatTabBelow {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 5px;
}
.TeamChatTabContents .AvatarContainer {
    display: block;
    margin: 5px 0 0 2px;
    text-align: left;
}
.TeamChatTabContents .AvatarContainer img {
    height: 35px;
}
.TeamMessageSelect {
    display: block;
}
.TeamMessageSelect:hover {
    background-color: #eee;
}
.TeamStickerSelect img {
    vertical-align: bottom;
}
.TeamAwardsTable {
    margin: 0 auto;
}
.TeamAwardsTable td {
    padding: 3px 10px 3px 10px;
}
.TeamAwardsTable .cell_desc {
    text-align: left;
}
.ParentFooter {
    position: fixed;
    background-color: #eee;
    padding: 13px;
    border-top: 1px solid #d7d7d7;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 40px 0 0px 0;
    color: #ddd;
    font-size: 16px;
	z-index: 1040;
}
.ParentFooter .block_link {
	display: inline-block;
	margin-left: 25px;
	margin-right: 25px;
	position: relative;
	top: -2px;
}
.ParentFooter .block_link .parent-footer-icon {
	position: relative;
	top: 0px;
	left: -2px;
	font-size: 95%;
	color: #69c0f0;
}
.ParentFooter .block_code {
	display: inline-block;
	color: #888;
	margin: -3px 18px -9px 15px;
	max-width: 200px;
	/*overflow: hidden;*/
	text-align: center;
	line-height: 1;
	font-size: 17px;
	height: 34px;
}
.ParentFooter .block_code .label_label {
	color: #aaa;
	font-size: 11px;
	margin: 0px 0 4px 0;
	width: 104px;
}
.ParentFooter a {
	color: #888;
}
.ParentSelectCourseStudentBlock h3 {
    margin: 0 0 15px 0;
    font-weight: bold;
    font-size: 19px;
    text-align: left;
}
.ParentPurchaseParentBlock {
    text-align: left;
}
.ParentPurchaseChildBlock {
    text-align: left;
}
.ParentPurchaseParentBlock h3, .ParentPurchaseChildBlock h3, .ParentPurchasePaymentDetailsBlock h3 {
    margin: 0 0 15px 0;
    font-weight: bold;
    font-size: 19px;
}
.ParentPurchasePaymentDetailsTable {
    margin: 7px 0 20px 0;
}
.ParentPurchasePaymentDetailsTable td {
    font-size: 14px;
    text-align: left;
}
.ParentPurchasePaymentDetailsTable .cell_value {
    text-align: right;
}
.ParentPurchasePaymentDetailsBlock {
}
.ParentPurchaseExpiryTable {
    width: 100%;
}
.ParentPurchaseExpiryTable .cell_left {
    text-align: left;
    padding-top: 6px;
}
.ParentPurchaseExpiryTable .cell_right {
    width: 95px;
    text-align: left;
    padding-top: 6px;
}
.ParentPurchaseExpiryTable .inline-block {
    width: auto;
}
.ParentPurchaseStudentBilling {
    margin: 0 0 15px 0;
}
.ParentPurchasePaymentTopBlock .label_name {
    text-transform: uppercase;
    color: #999;
    font-size: 13px;
    margin: 0 0 2px 0;
    text-align: left;
}
.ParentPurchaseColumn {

}
.subtitle-inline {
    font-weight: 300;
    text-transform: none;
}
.GsTimeBonusCorrectDisclaimer {
	color: #bbb;
	font-size: 76%;
	/*text-transform: uppercase;*/
}
.ClassMgmtParentProgressBlock {
    position: absolute;
    bottom: 12px;
    left: 15px;
    height: 34px;
    width: 172px;
    padding: 7px 8px 14px 12px;
    border-radius: 3px;
    color: #aaa;
    font-size: 12px;
    text-align: left;
}
.ClassMgmtParentProgressBlock:hover {
    color: #0FADE1;
    background-color: #eaeaea;
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
}
.ClassMgmtParentProgressBlock .progress {
    display: inline-block;
    width: 96px;
    height: 8px;
    margin: 1px 0 0 6px;
    position: relative;
    top: 1px;
}
.ClassMgmtUpgradeLink {
	position: absolute;
    bottom: 12px;
    left: 15px;
    height: 34px;
    width: 172px;
    padding: 7px 8px 14px 37px;
    border-radius: 3px;
    color: #aaa;
    font-size: 12px;
    text-align: center;
}
.SchoolAdminPurchaseInfoTable {

}
.SchoolAdminPurchaseInfoTable .cell_left {
    padding-right: 18px;
}
.SchoolAdminPurchasePaymentDetailsBlock {
    margin: 20px 0 15px 0;
}
.ParentStandardLabel {
    font-weight: bold;
    margin: 0 0 3px 0;
}
.StudentBranchesAccordion .panel-group {
    margin-bottom: 8px;
}
.ResultBlockTable .progress {
    height: 8px;
    margin: 3px 0 5px 0;
}
.ParentResultsActivityName {
    height: 23px;
    overflow: hidden;
}
.StatementContainer {
    max-width: 550px;
    margin: 0 auto;
}
.StatementBlock {

}
.StatementBlock .glyphicon-leaf {
    margin-right: 3px;
    position: relative;
    top: 3px;
}
.StatementBlock ol {
    margin-left: 11px;
}
.GameplayStatementText {
    color: #4F93CD;
    margin: 0 0 0px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
}
.MissionSummaryWell {
    margin-top: -2px !important;
}
.MissionLeaderboardButton {
    margin-top: 15px;
    padding-left: 22px !important;
    padding-right: 27px !important;
    padding-top: 12px !important;
}
.MissionLeaderboardButton img {
    position: relative;
    margin-top: -2px;
    top: -3px;
    left: -1px;
}
.MissionProgressButton {
    margin-top: 15px;
    padding-left: 22px !important;
    padding-right: 27px !important;
    padding-top: 12px !important;
}
.MissionProgressButton img {
    position: relative;
    margin-top: -2px;
    top: -3px;
    left: -1px;
}
.GameplaySummaryModalStatement {
    font-size: 20px;
    color: #4F93CD;
    max-width: 400px;
    margin: 22px auto -5px auto;
    font-weight: 600;
}
.MissionBlock {
    padding: 9px 5px 9px 5px !important;
    margin-bottom: 9px;
}
.MissionBlock .progress {
    height: 10px;
    margin-bottom: 2px !important;
}
.HomeMissionName {
    color: #aaa;
    font-size: 17px;
    margin-bottom: 6px;
    max-height: 45px;
    overflow: hidden;
}
.HomeMissionDate {
    color: #333;
}
.TeacherClassBar {
    text-align: center;
    padding: 8px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 35px;
    overflow: hidden;
    line-height: 1.6;
}
.TeacherClassBarGs {
    background-color: #ABE6F3;
}
.TeacherClassBarGs .highlight {
    color: #2DC6E1;
}
.TeacherClassBarGs .label_course {
    font-size: 86%;
    text-transform: uppercase;
    color: #0DAECB;
    display: inline-block;
    margin-left: 10px;
}
.TeacherClassBarHw {
    background-color: #B3E14F;
}
.TeacherClassBarHw .highlight {
    color: #79B610;
}
.TeacherClassBarHw .label_course {
    font-size: 86%;
    text-transform: uppercase;
    color: #6EAB03;
    display: inline-block;
    margin-left: 10px;
}
.TeacherClassBarHw .label_code {
    font-size: 86%;
    color: #6EAB03;
    display: inline-block;
    margin-left: 10px;
}
.TeacherClassBarHw .label_pin {
    font-weight: bold;
    color: #555;
}
.TeacherClassBarDemo {
    background-color: #F9D979;
}

.GsInviteParentSeparatorBlock {
    color: #aaa;
    margin: 6px 0;
    text-align: center;
}
.GsInviteParentSeparatorBlock .separator-line {
    display: inline-block;
    width: 28%;
    border-top: 1px solid #ccc;
    height: 6px;
    margin: 0 6px;
}
.LoginSeparatorBlock {
    color: #aaa;
    margin: 8px 0;
    text-align: center;
    font-size: 12px;
}
.LoginSeparatorBlock .separator-line {
    display: inline-block;
    width: 38%;
    border-top: 1px solid #ccc;
    height: 6px;
    margin: 0 6px;
}
.student-join-container .LoginSeparatorBlock {
	color: #2f8da5;
}
	.student-join-container .LoginSeparatorBlock .separator-line {
		display: inline-block;
		width: 38%;
		border-top: 1px solid #2f8da5;
		height: 6px;
		margin: 0 6px;
	}
.separator-text-block {
	color: #aaa;
	margin: 15px 0;
	text-align: center;
	font-size: 12px;
}

	.separator-text-block .separator-line {
		display: inline-block;
		width: 38%;
		border-top: 1px solid #ccc;
		height: 6px;
		margin: 0 6px;
	}
.EditorFreeFormAnswerField {
    display: inline-block;
    width: 200px;
}
.EditGsFreeFormAnswerField {

}
.admin-section {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 20px 25px;
    margin: 5px 0 15px 0;
}
.admin-section .heading-band {
    margin-left: -25px;
    margin-right: -25px;
    padding: 5px 25px;
    background-color: #e4e4e4;
    border: 1px solid #d5d5d5;
    border-left: 0;
    border-right: 0;
}
.labelAddedToMission {
    color: #388BA6;
}
.labelInOtherMission {
    color: #DE880E;
}
.AddChallengeBlock {
    border: 1px solid #ddd;
    margin: 0 0 12px 0;
    padding: 12px;
    background-color: #f9f9f9;
    border-radius: 6px;
    position: relative;
}
.AddChallengeBlock .badge {
    padding: 4px 5px;
    border-radius: 15px;
}
.AddChallengeBlock.IsInMission {
    background-color: #D5F0FD !important;
    border-color: #73C2E7 !important;
}
.AddChallengeBlock.IsAddedToOtherMission {
    background-color: #FCF8E3;
    border-color: #FBCA8B;
}
.AddChallengeTable {
    width: 100%;
}
.AddChallengeTable .cell_icon {
    padding-right: 15px;
    width: 85px;
}
.AddChallengeTable .cell_content {
    position: relative;
}
.AddChallengeTable .label_name {
    font-weight: bold;
    font-size: 15px;
    max-height: 24px;
    overflow: hidden;
}
.AddChallengeTable .label_expectation {
    color: #999;
}
.AddChallengeBlock .QuestionTextBlock {
    max-height: 24px;
    margin: 0px 0 4px 0;
    overflow: hidden;
}
.QuestionTextBlock img {
    max-width: 100%;
}
.AddChallengeTable .linksBlock {
    margin: 0 0;
}
.AddChallengeTable .linksBlock a {
    text-decoration: underline;
    margin-right: 8px;
    font-size: 12px;
}
.ChallengeUploadIconsContainer {
    float: right;
    text-align: right;
    width: 80px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.HwBranchGroupPanel {
    margin: 0 0 4px 0;
}
.HwBranchGroupPanelLink>.panel-heading:hover {
    /*background-image: -webkit-linear-gradient(top,#f1f1f1 0,#e1e1e1 100%) !important;
    background-image: -o-linear-gradient(top,#f1f1f1 0,#e1e1e1 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#e1e1e1)) !important;*/
    background-image: linear-gradient(to bottom,#e5e5e5 0,#d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffd5d5d5', GradientType=0);
}
.HwBranchGroupPanel .panel-body > div > h3 {
    margin: 0 0 10px 0;
    font-size: 21px;
}
.HwContentExpectationBlock {
    padding: 20px 25px;
}
.HwContentActivityBlock {
    border-top: 1px solid #ddd;
}
.CourseContentBranchContainer {
    background-color: #f5f5f5;
}
.CourseContentBranchContainer .TeacherQuestionSmFlex {
    margin: 0 0 15px 0;
}
.QuestionRequestSolution {
    width: 16px;
    height: 17px;
    background-image: url(../images/doc-icon-tiny.png);
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin: 2px 1px;
    padding-top: 1px;
    display: inline-block;
}
.CourseContentBranchGroupAnchor {
    position: relative;
    top: -80px;
}
.linksBlock .label_label {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 1px;
}
.DashboardCounterBlockGs {
    margin: 11px 0 12px 0;
}
.ViewAllQuestionsLink {
    /*text-decoration: none !important;*/
    position: relative;
    top: 2px;
}
.HwContentExpectationProgressTable {
    width: 100%;
}
.HwContentExpectationProgressTable .cell_progress {
    padding-right: 20px;
}

.HwContentExpectationProgressTable .cell_complete {
    width: 120px;
    color: #aaa;
}
.ActionItemsTable {
    margin: 20px 0 10px 0;
}
.ActionItemsTable td {

}
.ActionItemsTable .cell_type img {
    height: 28px;
    margin-left: 4px;
}
.ActionItemsTable .cell_actions a {
    font-size: 12px;
}
.ActionItemsTable .cell_actions {

}
.ActionItemsTable .MarkAsDoneLink {
    color: #aaa;
}
.action-items-show-archived-link {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	cursor: pointer;
	color: #a2a2a2;
}
.ClassTypeGlyph {
    font-size: 30px;
    color: #ddd;
}
.HwMissionBlock {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 11px 11px 10px;
    margin: 0 0 7px 0;
}
.HwMissionBlockInactive {
    background-color: #e7e7e7;
    border-color: #F3B358;
    border-width: 2px;
}
.HwMissionBlockWaiting {
    background-color: #e9e9e9;
}
.EditMissionPage .badge-status {
    color: #fff;
    font-size: 15px;
    border-radius: 30px;
    padding: 5px 5px 3px 5px;
    display: inline-block;
    margin-right: 3px;
    line-height: 1;
}
.ReportsMissionsTable .badge-status {
    color: #fff;
    font-size: 13px;
    border-radius: 30px;
    padding: 3px 4px;
    display: inline-block;
    margin-right: 3px;
    line-height: 1;
}
.HwMissionBlock .badge-status {
    position: absolute;
    top: -4px;
    left: -8px;
    color: #fff;
    font-size: 15px;
    border-radius: 30px;
    padding: 4px 6px 2px 6px;
}
.CourseContentPage .badge-status {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    padding: 3px 5px 3px 4px;
    margin: -3px 0 -5px 3px;
}
.CourseContentPage .QuestionText {
    font-size: 14px;
    padding-bottom: 5px;
}
.CourseContentPage .AnswerText {
    font-size: 14px;
}
.CourseContentPage .TeacherPreviewAnswerRow {
    padding-top: 8px;
    padding-bottom: 8px;
}
.CourseContentPage .block_buttons {
    /*position: absolute;
    bottom: 0;
    left: 0;*/
    padding: 5px 15px 15px 15px;
	min-width: 300px;
}
.CourseContentPage .TeacherQuestionSmFlexQuestionCol {
    position: relative;
}
.CourseContentPage .badge-mission, .CourseContentPage .badge-gameshow {
    position: relative;
    top: 6px;
}
.TeacherQuestionSmFlex.IsAdded {
    border-color: #63c167;
    border-right: 1px solid #63c167;
}
.TeacherQuestionSmFlex.IsAdded .TeacherQuestionSmFlexQuestionCol, .TeacherQuestionSmFlex.IsAdded .TeacherQuestionSmFlexAnswersCol {
    border-bottom: 1px solid #63c167;
}
.EditUnitBanner {
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    padding: 11px;
    background-color: #ffd375;
    font-size: 22px;
    font-weight: 600;
    z-index: 250;
}
.EditUnitBanner.EditUnitBannerRestricted {
    background-color: #ffb0b9;
}
.EditUnitBanner .block_label {
    display: inline-block;
    position: relative;
    top: 4px;
}
.badge-status-success {
    background-color: #8acf41;
}
.badge-status-info {
    background-color: #77d8ea;
}
.badge-status-warning {
    background-color: #f3b358;
}
.SchoolNotSetBlock {
    font-size: 20px;
}
.HwMissionTable {
    width: 100%;
}
.HwMissionTable .cell_image {
    width: 90px;
    text-align: center;
    color: #aaa;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 5px;
}
.HwMissionTable .cell_image .glyphicon {
    font-size: 35px;
}
.HwMissionTable .cell_content {
    font-size: 13px;
    color: #888;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 11px;
}
.HwMissionTable .cell_actions {
    width: 100px;
}
.HwMissionStudentSummaryTable .cell_actions {
    padding: 3px 18px 0 0;
}
.HwMissionTable .label_name {
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
    color: #333;
}
.HwMissionTable .label_challenges {
    color: #aaa;
    display: inline-block;
    margin-left: 5px;
}
.ReportsMissionsTable {
    width: 100%;
    margin: 30px 0 10px 0;
    border: 1px solid #ddd;
}
.ReportsMissionsTable .cell_due {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	width: 90px;
}
.ReportsMissionsTable .cell_name {
    /*width: 50%;*/
	position: relative;
}
.ReportsMissionsTable .cell_performance .progress {
    margin-bottom: 0;
}
.ReportsMissionsTable .cell_performance {
    width: 155px;
	text-align: center;
}
.ReportsMissionsTable .cell_complete {
    text-align: center;
    width: 46px;
    padding-left: 1px;
	padding-right: 15px;
}
.ReportsMissionsTable .cell_actions {
    text-align: center;
    width: 130px;
}
.ReportsMissionsTable .cell_actions .btn-group {
    width: 120px;
}
.ReportsMissionsTable .block_name {
    max-width: 320px;
    height: 25px;
    line-height: 2;
    overflow: hidden;
}
.ReportsMissionsTable .btn_edit {
    font-size: 17px;
    position: relative;
    top: -3px;
    left: 4px;
    padding-right: 9px;
    padding-left: 9px;
    margin-right: 4px;
}
.ReportsGameShowsTable .btn_archive {
	font-size: 13px;
	position: relative;
	top: -3px;
	left: 4px;
	padding-right: 9px;
	padding-left: 9px;
	margin-right: 4px;
}
.ReportsGameShowsTable .btn_unarchive {
	position: relative;
	top: -3px;
	left: 4px;
	padding-right: 9px;
	padding-left: 9px;
	margin-right: 4px;
	height: 28px;
	padding-top: 0;
	font-size: 16px;
}
.ReportsMissionsTable tr.selected td, .ReportsGameShowsTable tr.selected td {
    background-image: linear-gradient(to bottom,#d6f0ff 0, #a9dcf9 100%);
    /*border: 1px solid #a9dcf9;*/
}
.ReportsGameShowsTable {
    margin: 30px 0 10px 0;
    border: 1px solid #ddd;
}
.ReportsGameShowsTable .cell_date {
    padding-left: 10px;
	padding-right: 10px;
    color: #aaa;
    font-size: 12px;
	text-align: center;
	width: 90px;
}
.ReportsGameShowsTable .cell_performance {
    width: 155px;
    text-align: center;
}
	.ReportsGameShowsTable .cell_name {
		max-width: 320px;
	}
.ReportsGameShowsTable .cell_score {
    width: 135px;
    text-align: center;
	font-weight: 300;
	color: #999;
}
.ReportsGameShowsTable .cell_actions {
    width: 130px;
    text-align: center;
	padding: 12px 16px;
}
	.ReportsGameShowsTable .block_name {
		overflow: hidden;
		height: 25px;
		line-height: 2;
		max-width: 320px;
	}
.ReportsGradeReportsTable {
	width: 100%;
	margin: 30px 0 10px 0;
	border: 1px solid #ddd;
}
	.ReportsGradeReportsTable .cell_name {
		padding-left: 16px;
	}

	.ReportsGradeReportsTable .cell_actions {
		text-align: right;
		width: 170px;
	}
.GsDetailResultsGsTable {
    width: auto;
}
.GsReportAnchor {
    position: relative;
    top: -40px;
}
.DashboardBlockHighlightsTable {
    margin: 9px 0 11px 0;
}
.DashboardBlockHighlightsTable .cell_stat {
    padding: 4px 7px 4px 10px;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    color: #E44685;
}
.DashboardBlockHighlightsTable .cell_name {
    padding: 4px 0;
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    color: #999;
}
.DashboardCanvasContainer {
    width: 100px;
    margin: 0 auto 5px auto;
}
.DashboardMissionProgressTable {
    width: 285px;
}
.DashboardMissionProgressTable .cell_progress {
    width: 255px;
}
.DashboardHighlightBlock {
    margin: 20px 0 15px 0;
    padding: 10px 25px;
}
.DashboardHighlightBlock .label_link {
    font-size: 17px;
    margin-left: 10px;
}
.DashboardBlock .label_mission {
    color: #aaa;
    font-size: 11px;
}

.DashboardBlock .progress {
    height: 13px;
    margin: 0 9px 0 0;
}
.DashboardHwMissionProgressBlock {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
}
.DashboardHwBlock, .DashboardGsBlock {
    padding: 46px 15px 15px 20px;
    border-right: 1px solid #ddd;
    min-height: 180px;
}
.DashboardDonutBlock {
    padding: 30px 10px 5px 10px;
}
.ModalPortfolioFeedback{
	display: flex;
	flex-direction: column;
}
.ModalPortfolioFeedback .label_counter {
    display: inline-block;
    margin: 0 10px 0 10px;
    font-size: 19px;
    color: #aaa;
    position: relative;
    top: 4px;
}
.ModalPortfolioFeedback .link_like {
    display: inline-block;
    margin-top: 4px;
    font-size: 12px;
}
.ModalPortfolioFeedback .block_ratings {
    margin-left: 9px;
    position: relative;
    top: -3px;
}
.ModalPortfolioFeedback .ceTag {
    margin-right: 7px;
    margin-bottom: 12px;
}
.ModalPortfolioFeedback .label_goal {
    font-size: 17px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 12px;
}
.StudentSummaryMissionsAssigned .label_count {
    font-weight: 300;
    color: #aaa;
    font-size: 88%;
    margin-left: 4px;
}
.PortfolioFeedbackImage {
    width: 100%;
    max-width: 550px;
    margin-bottom: 12px;
}
.PortfolioFeedbackText {
    margin: 10px 0 5px 0;
}
.PortfolioFeedbackText img {
	max-width: 100%;
}
.PortfolioBody {
    padding: 0 25px 0 25px;
}
.solution-question-modal .PortfolioBlock:first-child {
	border-top: 0;
}
.solution-question-modal  .solution-container {
	padding-bottom: 0;
}
.PortfolioBlock {
    margin: 5px 0 0 0;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}
.PortfolioBlockProfile {
	padding: 20px 0;
}
.PortfolioBlockStudent .block_content, .PortfolioBlockTeacher .block_content {
    max-width: 550px;
}
.PortfolioBlockTeacher .block_links {
    margin: 20px 0 20px 35px;
}
.PortfolioBlockTeacher .link_like {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.PortfolioBlockStudent .like_blocks {
	margin: 15px 0 15px 0;
}
.PortfolioBlockStudent .label_like {
    font-size: 17px;
    margin: 5px 0 5px 0;
    text-align: center;
}
.PortfolioItemTitle {
    font-weight: bold;
    font-size: 18px;
}
.PortfolioItemSubtitle {
    color: #999;
    margin: 0 0 12px 0;
}
.PortfolioImage {
    margin: 12px 0;
    width: 100%;
}
.PortfolioQuestionBlock {
    margin: 5px 0 10px 0;
    padding: 10px 12px 12px 0;
    font-size: 13px;
    border-radius: 5px;
}
.PortfolioImage {
    max-width: 550px;
    width: 100%;
    box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.15);
}
.PortfolioStudentFeedbackBlock {
    margin: 10px 0;
}
.PortfolioDate {
    position: relative;
    top: 15px;
}
.PortfolioAnswerRow {
    border-top: 1px solid #ddd;
    padding: 5px;
    max-width: 550px;
}
.PortfolioAnswerRow:last-child {
    border-bottom: 1px solid #ddd;
}
.PortfolioAnswerRow .glyphicon, .PortfolioAnswerRow .badge {
    display: inline-block;
    margin-left: 5px;
}
.SummaryMissionProgressTable {
    width: 100%;
    margin: 2px 0 0 0;
}
.SummaryMissionProgressTable .cell_progress {
    padding-right: 15px;
}
.SummaryMissionProgressTable .cell_complete {
    width: 120px;
    color: #aaa;
}
.SummaryMissionProgressTable .progress {
    height: 11px;
}
.RecentActivityDateBlock {
    padding: 8px 0 8px 20px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    text-transform: uppercase;
    color: #888;
    /*background-color: #f2f2f2;*/
}
.RecentActivityItemBlock {
    padding: 10px 15px 15px 20px;
    border-bottom: 1px solid #ddd;
}
.student-gap-section {
	margin-top: 35px;
}
.student-gap-section__title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 11px;
	margin-bottom: 2px;
}
.student-gap-item-block {
	padding: 10px 15px 15px 20px;
	border-bottom: 1px solid #ddd;
}

	.student-gap-item-block__report-link {
		font-size: 12px;
		text-decoration: underline;
		float: right;
	}
.student-gap-item-block .label_name {
	font-weight: bold;
	margin-bottom: 3px;
}

.student-gap-item-block .label_title {
	font-style: italic;
}
.admin-section .RecentActivityItemBlock {
    padding-left: 0;
    border-color: #d4d4d4;
}
.RecentActivityItemBlock:last-child {
    border-bottom: 0;
}
.RecentActivityItemBlock .label_name {
    font-weight: bold;
    margin-bottom: 3px;
}
.RecentActivityItemBlock .label_title {
    font-style: italic;
}
.RecentActivityItemBlock .ReportLink {
    font-size: 12px;
    text-decoration: underline;
}
.form_label {
    font-weight: bold;
    margin: 14px 0 2px 0;
}
.MissionPreviewGlyph {
    position: relative;
    top: 2px; left: 5px;
}
.MissionSkillBlock {
    padding: 14px 18px 14px 10px;
    margin-bottom: 7px;
}
.MissionSkillTable {
    width: 100%;
}
.MissionSkillTable .cell_image {
    width: 75px;
}
.MissionSkillTable .cell_image img {
    width: 100%;
}
.MissionSkillTable .cell_content {
    padding: 0 6px 0 10px;
}
.MissionSkillTable .cell_arrow {
    width: 40px;
    text-align: right;
    font-size: 27px;
}
.MissionSkillTable .progress {
    margin: 3px 0 3px 0;
}
.MissionSkillTable .label_goal {
    font-size: 13px;
}

.parent-journey-skill-block {
	padding: 14px 18px 14px 10px;
	margin-bottom: 7px;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
}

.parent-journey-skill-table {
	width: 100%;
}

	.parent-journey-skill-table .cell_image {
		width: 75px;
	}

		.parent-journey-skill-table .cell_image img {
			width: 100%;
		}

	.parent-journey-skill-table .cell_content {
		padding: 0 6px 0 10px;
	}

	.parent-journey-skill-table .cell_arrow {
		width: 40px;
		text-align: right;
		font-size: 27px;
	}

	.parent-journey-skill-table .progress {
		margin: 3px 0 3px 0;
	}

	.parent-journey-skill-table .label_goal {
		font-size: 13px;
	}
.student-solve-lightning {
	padding: 14px 18px 14px 10px;
	margin-bottom: 7px;
}
.student-solve-lightning-table {
	width: 100%;
}

	.student-solve-lightning-table .cell_image {
		width: 75px;
	}

		.student-solve-lightning-table .cell_image img {
			width: 100%;
		}

	.student-solve-lightning-table .cell_content {
		padding: 0 6px 0 10px;
	}

	.student-solve-lightning-table .cell_arrow {
		width: 40px;
		text-align: right;
		font-size: 27px;
	}

	.student-solve-lightning-table .progress {
		margin: 3px 0 3px 0;
	}

	.student-solve-lightning-table .label_goal {
		font-size: 13px;
	}
.helpRequestFeedbackBlock {
    float: right;
    max-width: 450px;
    margin-top: 20px;
}
.BrowseContentBranchGroupPanel .panel-heading .panel-title {
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.BrowseContentBranchGroupPanel .panel-heading:hover {
    background-image: linear-gradient(to bottom,#eeeeee 0,#dedede 100%);
}
.BrowseContentBranchGroupPanel .panel-body {
    padding: 0;
}
.BrowseContentBranchGroupPanel .Pod {
    border-left: 0;
    border-right: 0;
}
.BrowseContentBranchTitle {
    font-weight: 500;
    margin: 0;
    color: #999;
    padding: 9px 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #ddd;
    border-top: 1px solid #ccc;
}
.curriculum-expectation-section {
	font-weight: 500;
	margin: 0;
	color: #888;
	padding: 9px 20px;
	font-size: 14px;
	background-color: #d4d4d4;
	border-top: 1px solid #ccc;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.EditMissionFormBlock label {
    font-weight: bold;
    margin: 12px 0 1px 0;
}
.EditMissionFormBlock label.label_student {
    font-weight: normal;
    margin: 0 0 0 0;
}
.EditMissionFormBlock .DatePickerInputGroup {
    max-width: 250px;
}
.EditMissionFormBlock .label_inactive {
    display: inline-block;
    margin-left: 6px;
    color: #FB5362;
    font-size: 13px;
}
.ModalCloseX {
    float: right;
    padding: 5px 5px;
    color: #aaa;
    margin-right: 3px;
    cursor: hand;
    cursor: pointer;
}
.SkillPanelHeadingBlock {
    min-height: 85px;
}
table tr.row_slim_heading td {
    background-color: #dadada;
    color: #888;
    font-size: 12px;
    padding: 2px 5px !important;
}
.ActionItemGapTable {
    margin: 25px 0 25px 0;
    width: 100%;
}
.ActionItemGapTable .cell_head {
    background-color: #e8e8e8;
    border-bottom: 3px solid #ccc;
    font-size: 20px;
    padding-bottom: 12px;
}
.ActionItemGapTable .cell_status, .ActionItemGapTable .cell_teacher, .ActionItemGapTable .cell_parent, .ActionItemGapTable .cell_actions {
    text-align: center;
    color: #888;
}
.ActionItemGapTable .cell_name {
    font-size: 14px;
}
.ActionItemGapTable .cell_recovered {
    text-align: center;
    width: 45px;
}
.ActionItemGapTable .cell_status {
	width: 220px;
}
.ActionItemGapTable .cell_actions {
	width: 170px;
}
.ActionItemGapTable .cell_hidestudent {
	width: 50px;
}
.ActionItemGapTable .cell_head .label_name {
    display: inline-block;
    margin: -2px 5px 0 3px;
    line-height: 1;
}
.ActionItemGapTable .label_label {
    font-size: 11px;
    color: #aeaeae;
    width: 250px;
    display: inline-block;
    position: relative;
    top: -1px;
    letter-spacing: 1px;
}
.ActionItemGapTable td {
    padding: 10px 14px;
    font-size: 13px;
}
.ActionItemGapTable .cell_status .label_parent {
    font-size: 12px;
    color: #0CC8EA;
}
.ActionItemGapTable .cell_status .label_teacher {
    font-size: 12px;
    color: #EA840C;
}
.ActionItemGapTable tr.IsHelped td {
    background-color: #D1EEF3 !important;
    border-color: #AFD7E9;
}
.GapNoteBlock {
    margin: 12px 0;
    border-top: 1px solid #ddd;
    padding: 15px 0;
}
.GapNote {
    margin-top: 12px;
}
.AdminGapsHighlightsTable {
    width: 100%;
}
.AdminGapsHighlightsTable .cell_head {
    background-color: #e8e8e8;
    border-bottom: 3px solid #ccc;
    font-size: 22px;
    padding: 18px;

}
.AdminGapsHighlightsTable .cell_unified {
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    padding: 16px;
}
.AdminGapsHighlightsTable .cell_unified .label_count {
    color: #0FADE1;
    font-weight: 600;
}
.AdminGapsHighlightsTable .cell_unified .label_name {
    color: #999;
}
.AdminGapsHighlightsTable .cell_feature .label_name {
    font-size: 18px;
    margin: 10px 0 0px 0;
}
.AdminGapsHighlightsTable .cell_feature .label_number {
    font-size: 47px;
    font-weight: 700;
    margin: 4px 0 10px 0;
    line-height: 1;
}
.AdminGapsHighlightsTable .cell_feature .label_desc {
    font-size: 13px;
    margin-bottom: 15px;
}
.AdminGapsHighlightsTable .FeatureEngagement {
    text-align: center;
    background-color: #BCE1E4;
}
.AdminGapsHighlightsTable .FeatureEngagement .label_name {
    color: #59A0A6;
}
.AdminGapsHighlightsTable .FeatureEngagement .label_number {
    color: #59A0A6;
}
.AdminGapsHighlightsTable .FeatureEngagement .label_desc {
    color: #488A90;
}
.AdminGapsHighlightsTable .FeatureEngagement .label_desc .highlight {
    font-weight: bold;
    color: #2E7075;
}

.AdminGapsHighlightsTable .FeatureGrowth {
    text-align: center;
    background-color: #CBE6A7;
}
.AdminGapsHighlightsTable .FeatureGrowth .label_name {
    color: #60A800;
}
.AdminGapsHighlightsTable .FeatureGrowth .label_number {
    color: #60A800;
}
.AdminGapsHighlightsTable .FeatureGrowth .label_desc {
    color: #60A800;
}
.AdminGapTable {
    margin: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.AdminGapTable:first-child {
    border-top: 1px solid #ccc;
}
.AdminGapTable .cell_content {
    padding: 26px 30px 18px 30px;
}
.AdminGapTable .cell_body {
    padding: 14px 11px 14px 8px;
}
.AdminGapTable .row_actions td {
    background-color: #f2f2f2;
}
.AdminGapTable .label_name {
    line-height: 1;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 16px 0;
}
.AdminGapTable .block_content {
    color: #848484;
    line-height: 1.7;
}
.AdminGapTable .cell_button {
    padding: 10px 15px 15px 30px;
    width: 220px;
}
.AdminGapTable .SgCourseBlock, .AdminGapRow .SgCourseBlock {
    display: inline-block;
    padding-right: 10px;
}
.AdminGapTable .cell_course {
    padding: 10px 15px 10px 5px;
}
.AdminGapRow {
    border-top: 1px solid #ddd;
    padding: 20px 20px 20px 30px;
    color: #848484;
}
/*.AdminGapRow:last-child {
    border-bottom: 1px solid #ddd;
}*/
.AdminGapRow .label_name {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 5px 0;
    color: #555;
}
.AdminGapRow .block_content {
    line-height: 1.6;
    margin: 15px 0 0 0;
}
.AdminGapRow .block_courses {
    font-size: 12px;
    padding: 6px 10px 10px 16px;
    margin: 9px 0 2px -2px;
}
.AdminGapStatLine {
    margin: 7px 0 7px 0;
}
.MathJaxRefTable .cell_symbol {
    padding: 2px 5px;
}
.MathJaxRefTable .cell_result {
    padding: 2px 5px;
}
.MathJaxRefTable .AsciiArrow {
    display: inline-block;
    color: #bbb;
    position: relative;
}
.AsciiMathRefText {
    font-size: 17px;
    width: 98px;
    height: 30px;
    border: 0;
}
.QuestionSettingsBlock {
    background-color: #f2f2f2;
    padding: 15px;
    margin: 5px -15px -25px -15px;
    font-size: 14px;
}
.GsQuestionTypeDropdown {
    width: 100%;
    text-align: left;
}
.GsQuestionTypeDropdownLabel {
    display: inline-block;
    float: left;
}
.GsQuestionTypeDropdownLabel .glyphicon {
    margin-right: 5px;
}
.GsQuestionTypeDropdownOption {
    width: 355px;
}
.editNameBtn {
    margin-top: 12px;
    position: relative;
    top: -6px
}
.NoncompetePanelBlockTeacher {
	width: 550px;
	max-width: 90vw;
}
.NoncompetePanelTeacher {
    padding: 30px 30px;
    text-align: center;
    line-height: 1;
}
.NoncompetePanelTeacher .label_count {
    font-size: 75px;
    font-weight: 700;
    color: #FF69AC;
}
.NoncompetePanelTeacher .label_correct {
	font-size: 27px;
	color: #777;
	margin: 10px auto 5px auto;
	line-height: 1.2;
}
.NoncompetePanelTeacher .label_desc {
    font-size: 17px;
    color: #aaa;
}
.NoncompetePanelTeacher .image_win {
    margin: 0 0 20px 0;
    width: 100%;
}
.NoncompetePanelTeacher .label_hashtag {
    color: #aaa;
    font-size: 30px;
    margin: 10px 0 15px 0;
}

.NoncompetePanelStudent {
    text-align: center;
    padding: 30px 30px;
    line-height: 1;
}
.NoncompetePanelStudent .label_count {
    font-size: 62px;
    font-weight: 700;
}
.NoncompetePanelStudent .label_correct {
    font-size: 21px;
    font-weight: 600;
    color: #777;
    margin: 12px 0 4px 0;
}
.NoncompetePanelStudent .label_desc {
    font-size: 14px;
    color: #aaa;
}
.NoncompeteStudent .image_win {
    width: 100%;
    margin: 0 0 13px 0;
}
.NoncompeteStudent .label_hashtag {
    font-size: 28px;
    font-weight: 600;
    color: #aaa;
    text-align: center;
    margin: 0px 0 32px 0;
}
.SchoolAdminActivityCarousel {
    cursor: default;
    margin-top: 20px;
}
.SchoolAdminActivityCarousel .carousel-inner {
    /*height: 100px;*/
}
.SchoolAdminActivityCarousel .CarouselSlide {
    padding: 0 30px 15px 30px;
}
.SchoolAdminActivityCarousel .carousel-control.right, .SchoolAdminActivityCarousel .carousel-control.left {
    display: none;
    background-image: none;
}
.SchoolAdminActivityCarousel .carousel-indicators {
    display: none;
}
.SchoolAdminCarouselTable {
    width: 100%;
}
.SchoolAdminCarouselTable .cell_image {
    padding: 0px 10px;
    height: 90px;
}
.SchoolAdminCarouselTable .cell_content {
    padding: 0px 10px;
    text-align: left;
}
.EditorFreeFormBand {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 12px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    z-index: 100;
}
.EditorFreeFormBand.type_mc {
    background-color: #E44685;
}
.EditorFreeFormBand.type_ff {
    background-color: #01B4FF;
}
.EditorFreeFormBand .label_type {
    opacity: 0.7;
}
.EditorFreeFormBand .label_subtype {
    font-weight: 700;
}
.SgTitle {
    font-size: 41px;
    font-weight: 700;
    color: #333;
    line-height: 1.2;
    margin: 12px 0 20px 0;
    /*background-color: #f2f2f2;*/
    padding: 0px 0px;
    letter-spacing: -1px;
}
.SgTitle b {
    color: #333;
    font-weight: 600;
}
.SgSectionContainer > .SgSection:first-child {
    border-top: 1px solid #ddd;
}
.SgSection {
    border-bottom: 1px solid #ddd;
    padding: 15px 0 35px 30px;
}
.SgHead2 {
    font-size: 24px;
    font-weight: 600;
    color: #444;
    margin: 20px 0 10px 0;
}
.SgHead3 {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    letter-spacing: -0.1px;
    margin: 27px 0 32px 0;
    line-height: 1.3;
}
.SgHead4 {
    font-size: 22px;
    font-weight: 500;
    color: #555;
    letter-spacing: -0.1px;
    margin: 27px 0 32px 0;
    line-height: 1.3;
}
.alert.GsAlert.SgRecommendedAlert {
    padding: 27px 45px !important;
    font-size: 22px;
    font-weight: 500;
    color: #555;
    letter-spacing: -0.1px;
    line-height: 1.4;
}
.LoadingPageUnderBar {
    position: absolute;
    background-color: #fff;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    text-align: center;
    z-index: 100;
}
.LoadingPageUnderBar .spinner-green {
    height: 180px;
}
.LoadingPageUnderBar .block_text, .LoadingSpinnerInPage .block_text {
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    color: #aaa;
    position: relative;
    top: 8px;
    left: -10px;
}
.LoadingSpinnerInPage {

}
.LoadingIconWhite {
    height: 130px;
}
.QuestionResultHover {
	display: block;
    padding: 9px 11px;
	cursor: pointer;
}
.growth-report-table .QuestionResultHover {
	width: 68px;
	text-align: center;
	padding: 13px 8px;
	margin: 0 auto;
}
.QuestionResultHover--has-solution {
	width: 63px;
}
.growth-report-table .QuestionResultHover--has-solution {
	width: 83px;
}
.QuestionResultHover:hover {
    background-color: #f0f0f0;
}
.teacher-report-names-hidden-text {
	display: inline-block;
	min-width: 99px;
}
.attempt-modal-best-attempt-label {
	display: inline-block;
	position: relative;
	top: -1px;
	margin-left: 6px;
	font-weight: normal;
}
.attempt-modal-best-attempt-icon {
	height: 26px;
	margin: -7px 0 -2px 0;
}
.attempt-modal-next-buttons {
	float: right;
	margin: 0px 0 10px 0;
}
.attempt-modal-next-button {
	width: 120px;
}
.SgHeadUpImage {
    position: relative;
    top: -3px;
}
.SgHeadDownImage {

}
.SgSection {
    color: #888;
}
.SgSchoolsTable {
    margin: 10px 0 15px 0px;
}
.SgSchoolsTable td {
    line-height: 1.7;
}
.SgSchoolsTable .cell_school {
    padding-right: 25px;
    font-size: 13px;
    color: #888;
    min-width: 330px;
}
/*.SgSchoolsTable .cell_school img {
    height: 20px;
    position: relative;
    top: -2px;
    margin-left: 2px;
}
*/
.SgSchoolsTable .cell_actions {
    font-size: 12px;
}
.SgStatLine {
    font-weight: 400;
    font-size: 18px;
}
.SgStatLine .btn-xs {
    position: relative;
    top: -3px;
}
.SgStatUl {
    /*list-style: none;
    padding: 0;
    margin: 0;
    */
}
.SgStatUl li {
    margin-top: 32px;
    margin-bottom: 15px;
    /*padding-left: 1em;
    text-indent: -.7em;
    */
}

.SgFeatureTable {
    width: 100%;
}
.SgFeatureTable .cell_data {
    padding: 15px  2px 15px 5px;
}
.SgFeatureTable .cell_feature {
    width: 175px;
    text-align: center;
    padding: 15px 15px;
}
.SgFeatureTable .cell_feature .label_name {

}
.SgFeatureTable .cell_feature .label_feature {
    font-weight: 700;
    font-size: 35px;
}
.SgButton {
    border-width: 1px !important;
    padding: 6px 14px !important;
    margin: 5px 0 5px 0px;
    margin-top: 14px !important;
    border-color: #aaa !important;
}
.SgSendButton {
    border-width: 1px !important;
    padding: 6px 14px !important;
    margin: 5px 0 5px 0px;
    margin-top: 8px !important;
    border-color: #aaa !important;
}
.SgLoadingMessages {
    font-size: 28px;
    font-weight: 300;
    color: #888;
    text-align: center;
}
.SgLoadingMessages .spinner-green {
    height: 110px;
}
.SgLoadingMessageText {
    display: inline-block;
    position: relative;
    top: 2px;
    padding-right: 160px;
}
.SgFeedbackTable {
    margin: 10px 0 30px 6px;
}
.SgFeedbackTable .badge {
    text-align: center;
    min-width: 28px;
}
.SgFeedbackTable .cell_icon {
    padding-right: 7px;
    text-align: center;
    font-size: 22px;
    color: #111;
    line-height: 0.9;
}
.SgFeedbackTable .cell_desc {
    font-size: 12px;
}
.SgTextSlow {
    color: #fe9f02;
}
.SgMailFieldsTable {
    width: 100%;
    margin: 0 0 15px 0;
}
.SgMailFieldsTable .cell_label {
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    width: 90px;
    padding-top: 8px;
    color: #69B9DE;
}
.SgMailFieldsTable .cell_field {
    padding-top: 8px;
    padding-right: 20px;
}
.SgMailField {
    border: 0;
    color: #333;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 27px;
}
.SgMailMessage {
    height: 250px;
    overflow: scroll;
    margin: 8px 0 8px 0;
}
.SgFeelingGoodIcon {
    width: 27px;
    position: relative;
    top: -2px;
}
.SgLearnedSomethingIcon {
    position: relative;
    top: -1px;
}
.KhCalculator {
    position: fixed;
    bottom: 0;
    right: 0;
	width: 332px;
	height: auto;
	margin: 20px 0;
	padding: 20px 0px 9px 7px;
	background: #9dd2ea;
	background: linear-gradient(#9dd2ea, #8bceec);
	border-radius: 3px;
	box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0, 0, 0, 0.2);
	text-align: center;
    z-index: 1049;
}

/* Inset shadow on the screen to create indent */
.KhCalculator .Screen {
    margin: 0 10px 10px 16px;
	width: 285px;
	height: 40px;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-shadow: inset 0px 4px rgba(0, 0, 0, 0.2);
	/* Typography */
	font-size: 17px;
	line-height: 40px;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	text-align: right;
	letter-spacing: 1px;
}

.KhCalculator .Keys {
	margin: 0 auto;
	width: 294px;
}
/* Clear floats */
.KhCalculator .Keys, .top {
	overflow: hidden;
}

/* Applying same to the keys */
.KhCalculator .Keys span, .top .ClearScreen, .HideKey {
	float: left;
	position: relative;
	top: 0;
	cursor: pointer;
	width: 66px;
	height: 36px;
	background: white;
	border-radius: 3px;
	box-shadow: 0px 4px rgba(0, 0, 0, 0.2);
	margin: 0 7px 11px 0;
	color: #888;
	line-height: 36px;
	text-align: center;
	/* prevent selection of text inside keys */
	user-select: none;
	/* Smoothing out hover and active states using css3 transitions */
	transition: all 0.2s ease;
}

.KhCalculator .HideKey {
	float: none;
	border: 0;
	width: 139px;
	background-color: #ddd;
	color: #555;
}

/* Remove right margins from operator keys */
/* style different type of keys (operators/evaluate/clear) differently */
.KhCalculator .Keys .Operator {
	background: #FFF0F5;
	/*margin-right: 0;*/
}

.KhCalculator .Keys .Evaluate {
	background: #f1ff92;
	box-shadow: 0px 4px #9da853;
	color: #888e5f;
	/*width: 66px;*/
}

.KhCalculator .Keys .ClearScreen {
	background: #ff9fa8;
	box-shadow: 0px 4px #ff7c87;
	color: white;
}

/* Some hover effects */
.KhCalculator .Keys span:hover {
	background: #9c89f6;
	box-shadow: 0px 4px #6b54d3;
	color: white;
}

.KhCalculator .Keys .Evaluate:hover {
	background: #abb850;
	box-shadow: 0px 4px #717a33;
	color: #ffffff;
}

.KhCalculator .top .ClearScreen:hover {
	background: #f68991;
	box-shadow: 0px 4px #d3545d;
	color: white;
}

/* Simulating "pressed" effect on active state of the keys by removing the box-shadow and moving the keys down a bit */
.KhCalculator .Keys span:active {
	box-shadow: 0px 0px #6b54d3;
	top: 4px;
}

.KhCalculator .Keys .Evaluate:active {
	box-shadow: 0px 0px #717a33;
	top: 4px;
}
.BoardInfoDataTable {
    width: auto;
}
.BoardInfoDataTable .cell_label {
    padding-right: 35px;
}
.RegLabelOptional {
    display: inline-block;
    margin-left: 6px;
    font-weight: normal;
    font-style: italic;
    color: #bbb;
}
.CanStatementList > li {
    color: #777;
}
.embeddedAnswer {
    display: inline-block;
    width: 90px;
}
.embeddedAnswerGameplay {
    border-color: #0FADE1;
}

.workedExampleText img, .gameplayQuestionText img {
	max-width: 100%;
    height: auto;
}
.TeacherQuestionText img {
    max-width: 400px;
    height: auto;
}
.TeacherAnswerText img {
    max-width: 300px;
    height: auto;
}
.DashboardActionButtonsBlock {
    float: right;
    text-align: center;
    margin: 2px 0px 17px 0;
}

.DashboardActionItemsBtn {
    /*float: right;*/
    margin-right: 30px;
    margin-left: 10px;
    width: 191px;
}
.DashboardLiveModeBtn {
    /*float: right;*/
    margin-right: 2px;
    margin-left: 10px;
    width: 191px;
}
.DashboardToggleBtnGroup {
    /*float: right;*/
    display: inline-block;
}
.GsNavMobileButtonGroup {
    margin: 20px 0 0 0;
    max-width: 350px;
}
.TeacherQuestionFlex { /* Narrower at < 990px; becomes stacked at 767px */
	position: relative;
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21-28, Safari 6.1+ */
    display: flex;          /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
    width: 100%; /* needed for Firefox */

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;

    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0 0 1px;
    margin: 0 0;
}
.TeacherQuestionFlex > div {
    border-style: solid;
    border-color: #ddd;
    border-width: 0 1px 1px 0;
}
.TeacherQuestionFlexQuestionCol {
    /*border: 1px solid red;*/
	overflow:hidden;
	flex-grow: 1;
	box-sizing: border-box;
    width:auto;
  	max-width:50%;
	min-width: 300px;
    background-color: #fff;
}
.TeacherQuestionFlexAnswersCol {
	width:auto;
  	max-width:50%;
	min-width: 300px;
	box-sizing: border-box;
    flex-grow: 1;
    position: relative;
    background-color: #fff;
}
.TeacherPreviewAnswerRow {
	width: 100%;
}
.TeacherQuestionFlexAnswersCol table {
	width: 100%;
}

.TeacherQuestionFlexAnswersCol table .ManipDraggableCanvas, .TeacherQuestionFlexAnswersCol table .ManipClickableCanvas {
	min-width: 0;
	min-height: 0;
}

.TeacherQuestionFlexSmaller .TeacherQuestionFlexAnswersCol {
	flex-grow: 1;
	/*border: 1px solid orange;*/
	position: relative;
}
.TeacherQuestionFlexHeading {
    margin: 0;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
    padding: 15px;
    font-size: 16px;
}
.TeacherQuestionFlex .label_survey {
    display: block;
    float: right;
    font-weight: normal;
    font-size: 13px;
    color: #aaa;
}
.TeacherQuestionPad {
    padding: 15px 15px 15px 5px;
}
.TeacherPreviewAnswerRow {
	border: 1px solid #e7e7e7;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding: 15px 15px;
	font-size: 19px;
	background: -webkit-linear-gradient(#f9f9f9, #eee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f9f9f9, #eee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f9f9f9, #eee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f9f9f9, #eee); /* Standard syntax */
}
.TeacherQuestionPreviewButtons {
    padding: 15px;
}
.MissionSubtitle {
    margin: -8px 0 15px 0;
    display: inline-block;
}
.QuestionText {
    font-size: 18px;
}
.AnswerText {
    display: inline-block;
}
.QuestionText p, .AnswerText p {
    margin: 0;
}
.QuestionText img  {
    max-width: 400px;
}
.QuestionText.TeacherGsQuestionText img {
    max-width: 500px;
}
.AnswerText img {
    max-width: 300px;
}
.AnswerPercentageCell {
    width: 84px;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
    color: #aaa;
    font-weight: 700;
    padding-right: 18px;
}
.TeacherQuestionEditFlex {
    background-color: #f9f9f9;
    border-color: #ddd;
    border-width: 1px 0 0 1px;
    margin: 15px 0;
}
.TeacherQuestionEditFlex > div {
    border-style: solid;
    border-color: #ddd;
    border-width: 0 1px 1px 0;
}
.TeacherQuestionEditFlex .TeacherQuestionFlexQuestionCol {
    /*border: 1px solid red;*/
    width: 100%;
}
.TeacherQuestionEditFlex .TeacherQuestionFlexAnswersCol {
    flex: 0 0 370px;
    /*border: 1px solid orange;*/
}

.MissionQuestionContainer {
    margin-bottom: 15px;
}
.TeacherQuestionSmFlex { /* Narrower at < 990px; becomes stacked at 767px */
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21-28, Safari 6.1+ */
    display: flex;          /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
    width: 100%; /* needed for Firefox */

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;

    border-style: solid;
    border-color: #ddd;
    border-width: 1px 0 0 1px;
    margin: 0 0;
}
.TeacherQuestionSmFlex > div {
    border-style: solid;
    border-color: #ddd;
    border-width: 0 1px 1px 0;
    background-color: #fff;
}
.TeacherQuestionSmFlexQuestionCol {
    /*border: 1px solid red;*/
    width: 100%;
}
.TeacherQuestionSmFlexAnswersCol {
    flex: 0 0 300px;
    /*border: 1px solid orange;*/
}
.CourseContentPage .TeacherQuestionSmFlexHeading {
    font-size: 14px;
    padding: 10px 15px;
}
.TeacherQuestionSmFlexHeading {
    margin: 0;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
    padding: 15px;
    font-size: 16px;
}
.TeacherQuestionSmFlexHeading.IsAdded, .IsAdded .TeacherQuestionSmFlexHeading {
    background-color: #E7F3B5;
}

.HwLiveModeBtn {
    float: right;
}
.TeacherDisplaySolutionBelowFlex {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 12px 15px 15px 15px;
    text-align: center;
    margin: 0;
}
.TeacherDisplaySolutionBelowFlex .question-attempt-modal__solution {
    width: 100%;
    max-width: 750px;
}

.GsSettingsFlex { /* Narrower at < 990px; becomes stacked at 767px */
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21-28, Safari 6.1+ */
    display: flex;          /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
    width: 100%; /* needed for Firefox */

    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 8px 0;
}
.GsSettingsFlexLabel {
    flex: 0 0 250px;
    font-size: 16px;
    padding-top: 8px;
}
.GsSettingsFlexValue {
    width: 100%;
}
.GsLetJoinText {
    margin-left: 30px;
    color: #bbb;
    position: relative;
    top: 8px;
}

.StudentManipControlBar {
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	z-index: 1048; /* 1055 */
	background-color: #ddd;
	padding: 5px 10px 7px 10px;
	text-align: center;
}

.StudentManipControlBarInPage {
    /*background-color: #ddd;*/
    padding: 5px 10px 7px 10px;
    text-align: center;
}
.TryManipLinkCourseContent {
    text-decoration: underline;
    position: relative;
    top: 2px;
    left: 2px;
}
.ManipIconContainer {
    background-color: #fff;
    display: inline-block;
    border-radius: 40px;
	margin-right: 4px;
    width: 33px;
    height: 33px;
    text-align: center;
}
.ManipIconListing {
    height: 28px;
    position: relative;
    top: 2px;
    left: 1px;
}
.ManipAlgebraTilesBar .SelectedTileButtons {
    display: inline-block;
    position: relative;
    top: 1px;
    left: 2px;
    background-color: #ccc;
    border-radius: 5px;
    padding: 0px 6px 3px 6px;
    margin-right: 9px;
}
.ManipAlgebraTilesBar .SelectedTileButtons .btn {
    padding-left: 10px;
    padding-right: 10px;
}
#ManipAlgebraTilesContainer .label_expression {
    padding: 8px;
    text-align: center;
    color: #999;
	display: flex;
}
.ManipEquivFractionsContainer {
    width: 100%;
    max-width: 350px;
    margin: 15px auto;
    padding: 15px;
}
.ManipEquivFractionsTargetTable, .ManipEquivFractionsUserTable {
    border: 2px solid #777;
    margin: 5px 0px;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}
.ManipulativeContainer table td, .ManipEquivFractionsContainer table td {
    border: 0;
}

.ManipEquivFractionsContainer .block_image {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ManipMultiply .block_image > img.ImageHidden {
	visibility: hidden;
	width: 0;
	height: 0;
}

.ManipEquivFractionsTargetTable > tbody > tr > td, .ManipEquivFractionsUserTable > tbody > tr > td {
    border: 1px solid #777;
    font-size: 2px;
}
.ManipEquivFractionsUserTable {

}
.ManipEquivFractionsFormula {
    margin: 30px auto 15px auto !important;
    width: 90%;
}
.ManipEquivFractionsFormula .cell_target {
    padding: 0 10px;
    font-size: 20px;
    text-align: center;
    width: 42%;
}
.ManipEquivFractionsFormula .cell_target.IsVert {
    color: #71ce21;
}
.ManipEquivFractionsFormula .cell_target.IsVert .label_numerator {
    border-color: #71ce21;
}
.ManipEquivFractionsFormula .cell_equals {
    padding: 0 2px;
    font-size: 20px;
    text-align: center;
}
.ManipEquivFractionsFormula .cell_user {
    padding: 0 10px;
    font-size: 20px;
    text-align: center;
    width: 44%;
}
.ManipEquivFractionsFormula .label_numerator {
    display: inline-block;
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
    min-width: 47px;
    text-align: center;
}
.ManipIntegerClickerValue {
    display: inline-block;
    font-size: 20px;
    border: 2px solid #0FADE1;
    background-color: #fff;
    padding: 2px;
    width: 42px;
    border-radius: 3px;
    margin-bottom: 3px;
	text-align: center;
}
.HasIntegerInputInFraction .ManipIntegerClickerValue {
	margin-left: 12px;
}
.ManipFractionStripsContainer {
    width: 100%;
    max-width: 480px;
    height: 53px;
    border: 2px solid #777;
    background-color: #fff;
    padding: 4px;
    border-radius: 5px;
}
.ManipFractionStripStrip {
    height: 40px;
    padding-top: 1px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 0px !important;
}
.ManipFractionStripStripSmall {
    height: 35px;
    padding-top: 1px;
    color: #fff;
    border-right: 1px solid #fff;
}
.ManipFractionStripTable {
    width: 100%;
    margin: 8px 0;
}
.ManipFractionStripTable > tbody > tr > td {
    text-align: center;
    border-radius: 3px;
}
.ManipFractionStripColour1 > tbody > tr > td {
    background-color: #FE7070;
    width: 100%;
}
.ManipFractionStripColour2 > tbody > tr > td {
    background-color: #F983B2;
    width: 50%;
}
.ManipFractionStripColour3 > tbody > tr > td {
    background-color: #FFB769;
    width: 33.4%;
}
.ManipFractionStripColour4 > tbody > tr > td {
    background-color: #A0D412;
    width: 25%;
}
.ManipFractionStripColour5 > tbody > tr > td {
    background-color: #22D48B;
    width: 20%;
}
.ManipFractionStripColour6 > tbody > tr > td {
    background-color: #28E0DE;
    width: 16.7%;
}
.ManipFractionStripColour8 > tbody > tr > td {
    background-color: #72BEEE;
    width: 12.5%;
}
.ManipFractionStripColour10 > tbody > tr > td {
    background-color: #98A4EE;
    width: 10%;
    font-size: 11px;
}
.ManipFractionStripStrip .label_numerator {
    display: inline-block;
    border-bottom: 1px solid #fff;
    width: 20px;
}
.ManipFractionStripStrip .label_denominator {
    display: inline-block;
}
.ManipFractionStripsTable {
    /*width: 100%;*/
}
.ManipFractionStripsTable .cell_bar {
    width: 90%;
    padding-left: 0;
}
.ManipFractionStripsTable .cell_fraction {
    width: 50px;
    padding-left: 10px;
    padding-right: 4px;
    color: #999;
}
.ManipAlgebraTilesCanvas, .ManipDraggableCanvas, .ManipClickableCanvas, #ManipAlgebraTilesContainer {
    min-width: 240px;
    min-height: 120px;
}
.ManipDraggableCanvas, .ManipClickableCanvas {
	border: 0 solid trasparent;
}

.ManipAlgebraTilesCanvas {
    border-radius: 5px;
    border-color: #01B4FF !important;
}
.ManipMultiplyValue {
    display: inline-block;
    font-size: 20px;
    border: 2px solid #0FADE1;
    padding: 2px;
    width: 42px;
    border-radius: 3px;
    margin-bottom: 3px;
    text-align: center;
}
.ManipMultiply {
    font-size: 20px;
}
.ManipMultiply .block_expression {
    margin: 15px 0 10px 0;
}
.ManipMultiply .image_clicker_arrows {
    position: relative;
    top: -2px;
    left: -3px;
}
.ManipMultiply .block_images > img {
    max-width: 25%;
}
.ManipMultiply .block_image > img {
    width: 100%;
    max-width: 400px;
}
table.FractionInput {
	border-style: hidden;
}
table.FractionInput tr.denominator_height_fix td, .FractionInput td.denominator_height_fix {
	height: 49px;
	vertical-align: top;
}
.GameplayAboveQuestionContent {
    padding: 1px 15px 0 15px;
}
.GameplayAboveQuestionContent > div {
    margin-top: 15px;
}
.GameplayQuestionNumber {
    font-size: 23px;
    font-weight: 800;
    color: #45A1DB;
    margin-bottom: 18px;
}
.ButtonClassFree {
}

.ButtonClassPremium img {
    height: 28px;
    margin-top: -3px;
}
.ButtonClassPremium {
}
.ContentHeading {
    border-bottom: 1px solid #ddd;
    padding: 5px 0 5px 0px;
    margin: 25px 0 25px 0px;
    font-size: 20px;
    font-weight: 600;
}
.ContentHeading .label_subtitle {
    font-weight: 300;
    color: #aaa;
}
.ContentQuestionBlock {
    margin-top: 25px;
}
.MissionBadge {
    display: inline-block;
    padding: 5px 6px;
    font-size: 14px;
    border-radius: 40px;
    color: #fff;
    background-color: #E44685;
}
.GameShowBadge {
    display: inline-block;
    padding: 4px 5px 4px 6px;
    font-size: 14px;
    border-radius: 40px;
    color: #fff;
    background-color: #0fade1;
}

.PodMissionBadge {
    padding: 5px 6px;
    font-size: 14px;
    border-radius: 40px;
    margin-right: 4px;
    margin-top: 4px;
    background-color: #fff !important;
}
	.PodMissionBadge .fa, .PodMissionBadge .far, .PodMissionBadge .fas {
		color: #73d2ef /*#E44685*/ !important;
		font-size: 22px;
	}
.HoverPod .PodMissionBadge .fa {
	color: #E44685 !important;
}
.PodGameShowBadge {
    padding: 5px 10px 4px 11px;
    font-size: 14px;
    border-radius: 40px;
    background-color: #0fade1;
    margin-right: 4px;
    margin-top: 4px;
    background-color: #fff !important;
}
	.PodGameShowBadge .fa, .PodGameShowBadge .fas, .PodGameShowBadge .far {
		color: /*#0FADE1*/ #73d2ef !important;
		font-size: 23px;
	}
	.HoverPod .PodGameShowBadge .fa {
		color: #0FADE1 !important;
		font-size: 23px;
	}
.PodAnalyticsBadge {
    padding: 8px 7px 7px 7px;
    font-size: 14px;
    border-radius: 40px;
    background-color: #1abf9f;
    margin-right: 4px;
    margin-top: 4px;
}
.PodAnalyticsBadge .fa {
    color: #fff !important;
    font-size: 18px;
}
.PodRemediationBadge {
	display: inline-block;
	position: relative;
	top: 2px;
	padding: 4px 4px;
	text-align: center;
	font-size: 14px;
	border-radius: 40px;
	margin-right: 4px;
	margin-top: 4px;
	background-color: #fff !important;
	width: 33px;
	height: 33px;
}
.PodsContainerLibrary {
    border-bottom: 1px solid #ccc;
	margin-top: 4px;
}
.ContentCurriculumSelect {
    position: relative;
    top: 4px;
}
.CurriculumFilterOptions {
    text-align: left;
    margin: -11px 0 2px 1px;
    line-height: 1;
}
.Pod .ceTag.ceTag-xs {
    margin-right: 8px;
}
.Pod {
    position: relative;
    border: 1px solid #ccc;
    border-bottom: 0;
    padding: 15px 15px;
	min-height: 124px;
}
.Pod .label_name {
    height: 24px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
}
.Pod .label_count {
    color: #aaa;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 4px;
}
.Pod .element_menu {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.Pod .ceTag.ceTag-xs {
    margin-left: 0;
    position: relative;
    top: -1px;
}
.PodHoverBg {
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.PodHoverContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    text-align: center;
    padding: 20px 10px 10px 10px;
}
.PodHoverButton {
    border-radius: 6px;
    padding: 8px 12px;
    width: 170px;
    text-align: center;
    background-color: #555;
    border: 1px solid #0FADE1;
    color: #fff;
    margin: 3px 0;
}
.PodHoverButton:hover {
    background-color: #222;
}
.PodHoverButton .grey {
    color: #aaa;
}
.PodBottomMenu {
    z-index: 102;
    margin-top: 5px;
    text-align: right;
}
.PodBottomMenu .glyphBtn {
    display: inline-block;
    margin: 0px 10px 0 5px;
    font-size: 17px;
    position: relative;
    top: 7px;
}
.PodViewMenuBtn {
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.PodViewButtonsBlock {
    text-align: center;
    margin: 25px 0;
}
.activity-button-container {
	text-align: center;
	display: inline-block;
}
.PodBigButton {
    width: 238px;
    height: 117px;
    margin: 3px;
    border-radius: 15px;
    border-width: 7px !important;
    font-weight: 600;
}
.PodBigButton:hover {
    position: relative;
    top: 2px;
    left: 2px;
}
.PodBigButton .label_subtitle {
    font-size: 12px;
    text-shadow: none;
    margin: 2px 0 -2px 0;
    font-weight: 400;
}
.PodBigButton .label_symbol {
    font-size: 45px;
}
.PodBigButton .fa-rocket {
    margin-bottom: 4px;
}
.activity-button__icon {
}
.activity-button__label {
	display: inline-block;
}
.Pod .btn_view {
    /*float: right;
    margin-top: -14px;*/
    margin-left: 3px;
}
.Pod .btn_edit {

}
.Pod .btn_primary {
    width: 135px;
    margin-left: 4px;
}
.Pod.PodLocked {
    background-color: #eee;
}
.Pod.PodLocked .label_name {
    color: #999;
}
.PodLocked .block_signup {
    float: left;
    margin: 13px 0 0 0;
    font-size: 13px;
    color: #888;
}
.Pod .block_buttons {
    position: absolute;
    bottom: 12px;
    width: 145px;
    height: 30px;
}
.HoverPod {
    /*border: 3px solid #0FADE1;*/
    /*-moz-box-shadow:    inset 0 0 0 4px #3dd2b5;
   -webkit-box-shadow: inset 0 0 0 4px #3dd2b5;
   box-shadow:         inset 0 0 0 4px #3dd2b5;*/
   background-color: #3dd2b5;
   color: #fff;
}
.HoverPod .label_count, .AssignPod .label_count {
    color: #fff;
}
.AssignPod {
   background-color: #ff669c /*#62cbf5*/ /*#E44685*/;
   color: #fff;
}
.ShareContainer {
    border-radius: 20px;
    box-shadow: 4px 5px 14px rgba(0, 0, 0, 0.16);
}
.ShareContainer .block_title {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 12px 25px;
    background-color: #E44685;
    color: #fff;
    font-weight: 800;
    font-size: 23px;
}
.ShareContainer .block_body {
    padding: 12px 25px;
}
.PodUploadSettingBlock {
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 54px;
    font-size: 19px;
}
.ClassMgmtMenuBtnContainer {
    /*float: right;*/
}
.ContentCourseHeading {
    color: #aaa;
    font-size: 15px;
    margin: 15px 0 0 5px;
}
.TeacherEditorContentSlide {
    position: relative;
    border: 1px solid #ddd;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
	background-color: #fff;
}
.TeacherEditorContentSlide.ViewExpanded {
	background-color: #fff;
}
.TeacherEditorContentSlide .block_title {
	background-color: #eee;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
.TeacherEditorContentSlide.TeacherEditorContentSlideBefore .block_title {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.TeacherEditorContentSlide.TeacherEditorContentSlideAfter .block_title {
	padding-top: 14px;
}
.TeacherEditorContentSlide .block_title .label_label {
	font-size: 12px;
	color: #aaa;
}
.TeacherEditorContentSlide .block_title .label_title {
	font-size: 16px;
	font-weight: bold;
}
.TeacherEditorContentSlide.TeacherEditorContentSlideBefore {
    border-radius: 8px 8px 0 0;
    margin-bottom: -6px /*-8px*/;
    padding-bottom: 20px;
}
.TeacherEditorContentSlide.TeacherEditorContentSlideAfter {
	position: relative;
	z-index: 1;
    border-radius: 0 0 8px 8px;
    margin-bottom: 0 /*-8px*/;
    padding-top: 0px;
	margin-top: -6px;
	border-bottom: 1px solid #ddd;
}
.ContentSlideIframePreviewLink {
	position: relative;
	top: -19px;
	left: 17px;
}
.TeacherEditorContentSlide .label_name {
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
	color: #555;
}
.TeacherEditorContentSlide .label_url {
	position: relative;
	float: right;
	top: 2px;
	font-size: 12px;
	color: #aaa;
	display: inline-block;
	max-width: 300px;
	overflow: hidden;
	height: 17px;
	margin-left: 20px;
	margin-right: 46px;
}
.StudentStatusDot {
    border-radius: 11px;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 5px;
}
.StatusDotActive {
    background-color: #adda56;
}
.StatusDotInactive {
    background-color: #dadada;
}
.StatusDotLoggedIn {
    background-color: #95dff2;
}
.LiveModeStudentFlex {
    font-size: 17px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.LiveModeStudentFlex > .block_name {
    display: inline-block;
    width: 180px;
    overflow: hidden;
}
.LiveModeStudentFlex > .block_activities {
    display: inline-block;
    width: 447px;
    text-align: right;
    padding: 0 15px 0 0;
}
.LiveModeStudentFlex > .block_count {
    display: inline-block;
    width: 100px;
}
.LiveModeStudentFlex > .block_all {
    display: inline-block;
}
.LiveModeStudentFlex .block_length_container {
    display: inline-block;
    width: 45px;
    height: 30px;
    overflow: hidden;
    margin-right: 5px;
    padding-top: 18px;
}
.LiveModeStudentFlex .block_length {
    max-width: 45px;
    height: 17px;
    background-color: #eee;
    border-right: 1px solid #bbb;
}
.LiveModeStudentFlex .label_name:hover {
    opacity: 0.6;
}
.LiveModeAttemptDots {
    display: inline-block;
    width: 38px;
    height: 32px;
    color: #ccc;
    font-size: 22px;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    border-bottom: 5px solid #fff;
    margin: 1px 3px 0 0;
    position: relative;
    top: 1px;
}
.LiveModeAttemptDots:hover {
    color: #999;
    background-color: #eee;
    border-bottom: 5px solid #eee;
}
.LiveModeAttemptDots .glyphicon {
    position: relative;
    top: 5px;
    }
.QuestionAttemptBox {
    display: inline-block;
    width: 33px;
    height: 32px;
    /*box-shadow: #fff 1px 4px 0px -3px inset;*/
    margin: 8px 7px 0 0;
    /*background-color: #eee;*/
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
    color: #aaa;
    cursor: hand;
    cursor: pointer;
}
.QuestionAttemptBoxCorrect {
    border-top: 5px solid #8bda02;
}
.QuestionAttemptBoxCorrect:hover {
    border-top: 5px solid #63BE02;
}
.QuestionAttemptBoxIncorrect {
    border-top: 5px solid #fb945d;
}
.QuestionAttemptBoxIncorrect:hover {
    border-top: 5px solid #f77b38;
}
.QuestionAttemptBox:hover {
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.6);
    position: relative;
    top: 1px;
    left: 1px;
}
.QuestionAttemptBoxInTitle {
    display: inline-block;
    margin: 8px 5px 0 0;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 4px;
    width: 25px;
    height: 24px;
    position: relative;
    top: 4px;
    left: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.LiveModeMissionBlock {
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}
.LiveModeMissionBlock .label_name {
    line-height: 1;
}
.LiveModeMissionQuestions {

}
.LiveModeMissionQuestions td, .LiveModeMissionQuestions th {
    padding: 6px 8px;
    font-size: 16px;
    color: #777;
}
.LiveModeMissionQuestions .cell_bar {
    width: 300px;
}
/*
.LiveModeMissionQuestions tr:hover {
    cursor: hand;
    cursor: pointer;
    background-color: #f4f4f4;
}
*/
.report-challenging-questions-table {

}
.report-challenging-questions-table td, .report-challenging-questions-table th {
    padding: 6px 8px;
    font-size: 16px;
    color: #777;
}
	.report-challenging-questions-table__bar-cell {
		width: 300px;
	}

.report-challenging-questions-table__attempts-cell {
	text-align: center;
}
.hover-trans:hover {
	opacity: 0.7;
}
.GameplayBar {
    position: absolute;
    background-color: #444;
    top: 0;
    left: 0;
    height: 45px;
    width: 100%;
    color: #fff;
}
.GameplayBar.MasteryBar {
    background-color: #0FADE1;
}
.GameplayBar > .container > .block_star:last-child {
    border-right: 1px solid #999;
}
.GameplayBar .block_name {
    display: inline-block;
    padding: 12px 15px 10px 15px;
    font-weight: 400;
    font-size: 15px;
}
.GameplayBar .block_star {
    vertical-align: top;
    display: inline-block;
    color: #ddd;
    border-left: 1px solid #999;
    height: 45px;
    text-align: center;
    /*border-bottom: 3px solid green;*/
    background-image: linear-gradient(to bottom, #444 0px, #777 100%);
    background-repeat: repeat-x;
}
.GameplayBar.MasteryBar .block_star {
    vertical-align: top;
    display: inline-block;
    color: #ddd;
    border-left: 1px solid #999;
    height: 45px;
    text-align: center;
    /*border-bottom: 3px solid green;*/
    background-image: linear-gradient(to bottom, #54d5ff 0px, #0fade1 100%);
    background-repeat: repeat-x;
}
.GameplayBar .box_star {
    display: inline-block;
    font-weight: 800;
    font-size: 21px;
    padding-top: 6px;
    width: 45px;
    height: 44px;
}
.GameplayBar .box_star img {
    position: relative;
    top: -2px;
}
.GameplayBar.MasteryBar .box_star_current {
    background-image: linear-gradient(to bottom, #54d5ff 0px, #fff 100%);
    background-repeat: repeat-x;
    color: #fff;
    border-bottom: 3px solid #64d9ff;
}
.GameplayBar .box_star_current {
    background-image: linear-gradient(to bottom, #555 0px, #999 100%);
    background-repeat: repeat-x;
    color: #fff;
    border-bottom: 3px solid #64d9ff;
}
.GameplayBar .box_star_link:hover {
    background-image: linear-gradient(to bottom, #555 0px, #999 100%);
    background-repeat: repeat-x;
    color: #fff;
}
.GameplayPageContainer {
    margin-top: 35px;
}
.QuestionArrangeContainer {
    display: inline-block;
    margin: 12px auto;
    padding: 5px 4px;
    border: 1px solid #bbb;
    text-align: center;
    border-radius: 10px;
    background-color: #eee;
}
.QuestionArrangeContainer .block_answer {
    display: inline-block;
    border: 3px solid #0FADE1;
    padding: 10px 15px;
    min-width: 60px;
    min-height: 44px;
    line-height: 1;
    border-radius: 7px;
    text-align: center;
    margin: 0 2px;
    background-color: #fff;
    cursor: hand;
    cursor: pointer;
    font-size: 17px;
}
.QuestionArrangeContainer .block_answer > p {
    margin: 0;
}
.PodAddQuestionBtn {
    margin-top: -3px;
}
.PodAddQuestionBtn .btn {
    padding-left: 9px !important;
    padding-right: 7px !important;
}
	.PodAddQuestionBtn .dropdown-menu-label {
		font-weight: normal;
	}
.activities-preview-column {
	position: fixed;
	top: 205px;
	bottom: 0;
	width: 450px;
}
	/** Hide the question preview on this column. */
	.activities-preview-column .block_questiontext img {
		display: none;
	}

.curriculum-legend {
	margin: 19px 0 0 10px;
}
.curiculum-legend-item {
	margin: 6px 0;
	font-size: 15px;
	color: #aaa;
}
.curriculum-legend .branch-group-badge {
	padding: 3px 6px;
	margin-right: 4px;
}
.PodPreviewContainer {
	border: 2px dashed #ddd;
	height: 300px;
	background-color: #fff;
}
.PodPreviewContainer.PreviewActive {
    border: 4px solid #3dd2b5;
    height: auto;
}
.QuickMissionBlock {
    margin-top: 15px;
    border: 4px solid #ff669c /*#62cbf5*/ /*#E44685*/;
    height: auto;
    position: fixed;
    top: 202px;
    width: 450px;
}
.QuickMissionBlock .block_title {
    background-color: #ff669c /*#62cbf5*/ /*#E44685*/;
    padding: 10px 15px 15px 29px;
    color: #fff;
    font-size: 23px;
}
.QuickMissionBlock .block_subtitle {
    background-color: #eee;
    color: #999;
    font-size: 14px;
    height: 35px;
    overflow: hidden;
    padding: 4px 30px 5px 28px;
    line-height: 2;
}
.QuickMissionBlock .block_content {
    padding: 15px 30px;
}
.ActiveUnit .block_question {
    border-bottom: 1px solid #ddd;
    height: 39px;
    /*overflow: hidden;*/
    font-size: 16px;
    color: #999;
    margin: 4px 0px 6px 0px;
    line-height: 2;
    padding: 0 15px 0 15px;
    position: relative;
}
.ActiveUnit .block_question:last-child {
    border-bottom: 0;
}
.ActiveUnit .block_questiontext {
    margin-left: 16px;
	height: 39px;
	overflow: hidden;
}
.ActiveUnit .block_question .block_benchmark {
	position: absolute;
	top: 3px;
	right: 8px;
	border-radius: 3px;
	background-color: #f2f2f2;
	font-size: 14px;
	padding: 0 6px 0 0;
	width: 70px;
	text-align: right;
}
.block_benchmark .state_positive {
	color: #1dad1d;
}
.ActiveUnit .block_title {
    background-color: #3dd2b5;
    color: #fff;
    font-size: 23px;
    padding: 10px 15px 15px 29px;
    text-align: right;
}
.ActiveUnit .label_number {
    position: absolute;
    left: 5px;
    font-weight: 600;
    color: #3dd2b5;
    width: 20px;
    text-align: center;
}
.ActiveUnit .label_zero {
    position: relative;
    top: 4px;
    left: -13px;
}
.gameplayQuestionResultAlertContinue {
    width: 215px;
}
.AnswersDisabled {
    opacity: 0.65;
    color: #999;
}
.GameplayIntroModalControls {
    width: 100%;
    margin-top: 20px;
}
.GameplayIntroModalControls .cell_left {
    width: 33%;
    text-align: left;
}
.GameplayIntroModalControls .cell_mid {
    width: 33%;
    text-align: center;
}
.GameplayIntroModalControls .cell_right {
    width: 33%;
    text-align: right;
}
.GameplayIntroModalContent {
    position: relative;
    width: 260px;
    margin: 0 auto;
}
.GameplayIntroModalContent .image_mode {
    position: absolute;
    left: 0;
}
.MasteryUnlockedButtons btn {
    max-width: 260px;
}
.progress-bar-success {
    background-image: -webkit-linear-gradient(top,#99dd49 0,#70bd16 100%);
    background-image: -o-linear-gradient(top,#99dd49 0,#70bd16 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#99dd49),to(#70bd16));
    background-image: linear-gradient(to bottom,#99dd49 0,#70bd16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99dd49', endColorstr='#70bd16', GradientType=0);
}
.progress-bar-danger {
    opacity: 0.6;
    background-image: -webkit-linear-gradient(top,#e65955 0,#cd3631 100%);
    background-image: -o-linear-gradient(top,#e65955 0,#cd3631 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e65955),to(#cd3631));
    background-image: linear-gradient(to bottom,#e65955 0,#cd3631 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e65955', endColorstr='#cd3631', GradientType=0);
}
.KhModalButtons .btn {
    min-width: 83px;
}

.ProgressCounters {
    width: 100%;
}
.ProgressCounters td {
    width: 50%;
    padding: 15px;
    text-align: center;
    color: #999;
    background-color: #f5f5f5;
}
.ProgressCounters .label_counter {
    font-size: 40px;
    font-weight: 800;
}
.ProgressCounters .label_name {
    font-size: 13px;
    color: #aaa;
    margin-top: -4px;
}
.progress-student-stats {
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	text-align: center;
	padding-top: 10px;
}
.progress-student-stats__column {

}
.progress-student-stats__column-middle {
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom: 0;
}
.progress-student-stats__column-middle hr {
	display: none;
}
.progress-student-stats__counter {
	font-size: 27px;
	font-weight: 600;
}
.progress-student-stats__counter-star-img {
	height: 30px;
	position: relative;
	top: -4px;
}
.progress-student-stats__counter-questions-img {
	position: relative;
	top: -2px;
}
.progress-student-stats__counter-label {
	font-size: 13px;
	color: #aaa;
}
.TakeItUpConfirm {
    max-width: 350px;
    margin: 12px auto 0px auto;
	text-align: left;
	position: relative;
	z-index: 1051;
}
.TakeItUpConfirm__close {
    float: right;
    padding: 2px 5px;
	background: transparent;
	color: black;
}
.UploadSolutionWhyLink {
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: -8px;
    left: 4px;
    vertical-align: bottom;
    width: 38px;
    cursor: pointer;
    cursor: hand;
}
.ContinueModal {

}
.ContinueModal .block_title_incorrect {
    font-weight: 800;
    font-size: 23px;
    margin: 5px 0 5px 0;
}
.ContinueModal .block_text {
    margin: 8px 0 13px 0;
}
.ContinueModalInPage {
    margin-bottom: 25px;
}
.gameplayQuestionResultModalBody .block_why_text {
    color: #6b9aad;
    max-width: 400px;
    margin: 14px auto;
}
.gameplayQuestionResultModalBody {
    text-align: center;
    background-color: #d3f1f7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.help-session-modal-body {
	background-color: transparent !important;
}
.gameplayQuestionResultModalFooter {
    text-align: center;
    background-color: #b4e5ef;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.gameplayQuestionResultModalFooter .btn {
    width: 45%;
    max-width: 250px;
}
.gameplayQuestionResultModalFooter .block_continue {
    display: inline-block;
    width: 125px;
    text-align: center;
    padding: 10px;
}
.gameplayQuestionResultModalBody .icon_correct {
    height: 70px;
}
.gameplayQuestionResultModalBody .label_correct {
    font-weight: 700;
    font-size: 43px;
    display: inline-block;
    margin: 0 12px;
    position: relative;
    top: 11px;
}
.upload-solution-button__icon, .UploadSolutionButtonIcon {
	font-size: 26px;
	margin: -3px auto -4px auto;
}
.upload-focus-image-sent-message, .upload-solution-button {
	height: 63px;
	width: 140px;
}
.upload-focus-image-sent-message {
	background-color: #4fcf2f !important;
	border-color: #27aa06 !important;
}
.ParentGapsListing {
}
.ParentGap {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px 20px;
    min-height: 98px;
}
.ParentGap:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #ddd;
}
.ParentGap:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ParentGap .label_name {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 2px 0;
}
.ParentGap .block_temperature {
    display: inline-block;
}
.ParentGap .label_temperature {
    position: relative;
    top: -2px;
    color: #aaa;
    font-size: 15px;
}

.TemperatureDot {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 25px;
    margin: 3px 3px 0 0;
}
.TemperatureDotGood {
    background-color: #A1E818;
}
.TemperatureDotRecovering {
	background-color: #FFE92B;
}
.TemperatureDotLowRisk {
	background-color: #F3BF33;
}
.TemperatureDotHighRisk {
    background-color: #F1775B;
}
.temperature-4 {
	color: #dfea2f;
}
.temperature-3 {
	color: #FFE92B;
}
.temperature-2 {
	color: #F3BF33;
}
.temperature-1 {
	color: #F1775B;
}
.ReferenceCodeBlock {

}
.ReferenceCodeBlock .label_name {
    color: #999;
}
.ReferenceCodeBlock .label_code {
    font-size: 27px;
    font-family: Verdana, serif;
}
.ArrangeSessionPhoneBlock .label_phone {
    font-size: 20px;
    margin: 10px 0 5px 0;
}
.GapLookupTemperatureBlock {
    margin: -5px 0 0 0;
}
.GapLookupTemperatureBlock .TemperatureDot {
    height: 18px;
    width: 18px;
}
.ViewAssignedMissionsBtn {
    border-radius: 30px;
    padding: 5px 21px !important;
    font-size: 14px !important;
    display: inline-block;
    margin-left: 20px;
    margin-top: -5px !important;
}
.ActivityBoxMenuButton {
    font-size: 15px !important;
    padding: 3px 7px 2px 7px !important;
    position: relative;
    top: -5px;
    left: 6px;
    color: #fff !important;
}
.ActivityBoxMenuButton:hover {
    color: #777 !important;
}
.btn.btn-default.LoginJoinButton {
    background-color: #a2e5f0;
}
.btn.btn-default.LoginJoinButton:hover {
    background-color: #88e0ef;
}
.TeacherContactPage .block_row {
    margin-top: 15px;
    margin-bottom: 20px;
}
.TeacherContactPage .block_image {
    text-align: center;
}
.TeacherContactPage .block_image img {
    width: 100%;
    max-width: 180px;
}
.TeacherContactPage .block_content {

}
.EditMissionButtonsBlock {
    text-align: right;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 5px 15px 11px 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.FolderDiv {
	overflow: auto;
	display: inline-block;
	margin: 4px 10px 0 0;
	border: 4px solid #ccc;
	border-top-width: 1px;
	border-left-width: 1px;
	color: #717171;
	background-color: #fff;
	border-radius: 4px;
	font-size: 17px;
	line-height: 1.2;
	cursor: pointer;
}
.FolderDiv:hover {
	border-color: #bbb;
	background-color: #eee;
}
.FolderDiv > div {
	padding: 4px 0;
	line-height: 2;
}
.FolderDiv .block_icon {
	float: left;
	height: 40px;
	width: 44px;
	border-right: 1px solid #ccc;
	text-align: center;
}
	.FolderDiv .block_name {
		float: left;
		height: 40px;
		width: 165px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-left: 10px;
	}
.FolderDiv .block_arrow {
	float: left;
	height: 40px;
	width: 33px;
	text-align: center;
}
.Folder {
	margin: 3px 10px 0 0;
	/*border-radius: 4px;
	border: 1px solid #ccc;
	border-bottom: 5px solid #ccc;
	border-right: 5px solid #ccc;
	padding: 7px 12px;
	font-size: 16px;
	color: #aaa;*/
	display: inline-block;
	/*width: 250px;
	overflow: hidden;*/
}
.Folder > button {
	height: 44px;
}
.Folder .block_name {
	display: inline-block;
	overflow: hidden;
	width: 175px;
	height: 25px;
	line-height: 1.2;
	text-align: left;
	padding-top: 5px;
	font-size: 17px;
}
.FolderButton {
	float: right;
	border-left: 1px solid #ccc;
	cursor: pointer;
}
.FolderMoreOptionsGroup {
	top: -2px;
}
.FolderMoreOptions {
	border: 1px solid #ccc !important;
	font-size: 12px !important;
	padding: 1px 5px !important;
	margin: 0 0 0 5px !important;
	background: transparent;
}
.FolderMoreOptions:hover {
	background-color: #e5e5e5;
}
.FolderContainer {
	padding: 9px 15px 12px 25px;
	margin-bottom: 15px;
}
.FolderBreadcrumb {
	margin: 0;
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 0;
}
.FolderBreadcrumb .label_current {
	font-weight: bold;
	color: #444;
	font-size: 110%;
}
.FolderAddContainer {
	margin: 15px 11px 15px 0;
	padding: 15px 20px;
	background-color: #e1e5e5;
	border-radius: 15px;
}
.FolderAddContainer .block_items {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
	margin: 10px 0;
}
.FolderAddTable {
	border: 1px solid #ddd;
	margin-bottom: 0;
}
.FolderAddTable .cell_name {
	font-size: 16px;
	padding-left: 20px;
}
.FolderAddTable .cell_questions {
	font-size: 13px;
	color: #aaa;
	text-align: right;
	width: 100px;
}
.FolderAddTable .block_name {
	height: 22px;
	overflow: hidden;
}
.AddActivitiesButtonContainer {
	display: block;
}
.AddActivitiesButton {
	/*float: right;
	margin-top: -1px !important;*/
}
.ActivitiesActionsContainerRight {
	position: absolute;
	top: -39px;
	right: 0;
	height: 50px;
}
.ActivitiesActionsContainerRight .block_search {
    display: inline-block;
	overflow: auto;
}
.activities-search--mobile {
	display: none;
	margin-top: 20px;
}

.activities-search-results {
	width: 100%;
}
.ActivitiesActionsContainerRight .label_course {
	font-size: 13px;
	color: #aaa;
	margin-bottom: 5px;
}
.CustomCreateDropdown {
	margin-left: 8px;
	top: -16px;
}

.ActivitiesFilter {
	border-radius: 30px;
}

.activities-search--mobile .ActivitiesFilter {
	border-radius: 0px;
}

.ActivitiesActionsContainerRight .ActivitiesFilter {
	width: 200px;
}
.ActivitiesActionsInBody {
    margin: 0 0 10px 0;
    text-align: center;
}
.ActivitiesActionsInBody .ActivitiesFilter {
    margin-right: 10px;
}
.ActivitiesActionsInBody .CustomCreateDropdown {
    top: 0;
    margin: -6px 5px 0 0;
}
.ActivitiesActionsInBody .CustomCreateDropdown .btn {
    width: auto;
}
.ActivitiesPanelContainer {
	padding-top: 16px;
}
.ActivityUsageContainer {
	position: relative;
	top: 7px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0 0 15px;
	background-color: #eee;
	color: #aaa;
	font-size: 23px;
	font-weight: 300;
	padding: 4px 17px;
	cursor: pointer;
}
.ActivityUsageContainer:hover {
	background-color: #ddd;
	color: #999;
}
.ActivityUsageContainer.ActivityUsageContainerSingle {
	font-size: 20px;
	padding: 7px 17px 8px 17px;
	top: 4px;
}
.ActivityUsageContainer .block_count {
	font-size: 25px;
}
.ActivityUsageDetails {
	max-width: 400px;
	margin: 15px auto;
	font-size: 15px;
}
.ActivityUsageTable {
	border: 1px solid #ddd;
}
.ActivityUsageTable th {
	border-bottom: 3px solid #ddd;
	font-size: 15px;
}
.ActivityUsageTable td {
	font-size: 13px;
	color: #888;
}
.ActivityUsageTable td.cell_name {
	padding-left: 20px;
}
.ActivityUsageTable td.cell_due {
	color: #aaa;
	text-align: center;
}
.ChildFolderArrow {
	font-size: 37px;
	color: #bbb;
	position: absolute;
	left: 0;
	top: 11px;
}
.FoldersContainer {
	display: inline-block;
}
.FoldersContainer.IsChildFolders {
	/*background-color: #e5e5e5;*/
	padding: 10px 10px 10px 40px;
	position: relative;
}
.ContentSlideContentEditor {
	width: 100%;
	height: 150px;
	margin: 15px 0 5px 0;
	overflow: auto;
}
.ContentSlideContentEditor.expanded {
	height: auto;
}
.EditSlideTitle {
	margin: 13px 0 0 0;
}
.EditSlideContainer {
	padding: 20px 25px 0 25px;
}
.EditSlideIframeContainer {
	padding: 0 25px;
	margin-bottom: 11px;
	overflow: auto;
}
.EditSlideIframeContainer iframe {
	margin-top: 25px;
}
.SlideMenuButtonGroup {
	position: absolute;
	right: 25px;
}
.TeacherEditorContentSlideBefore .SlideMenuButtonGroup {
	bottom: 19px;
}
.TeacherEditorContentSlideAfter .SlideMenuButtonGroup {
	bottom: 13px;
}
.SlideMenuButton {
    font-size: 12px;
	padding: 4px 7px 2px 8px;
    border-bottom-width: 2px;
	color: #aaa;
}
.EditSlideIframe {
	margin: 0;
	border-radius: 5px;
	border: 1px solid #ddd;
	width: 100%;
	height: 450px;
	resize: both;
	overflow: auto;
}
.EditSlideIframe.expanded {
	height: 650px;
}
.EditSlideIframeTable {
	width: 100%;
}
.EditSlideIframeTable .cell_button {
	width: 110px;
	padding-left: 4px;
}
.EditSlideIframeTable .cell_button button {
	position: relative;
	top: -1px;
	width: 100%;
}
.SaveContentSlideButton {
	margin-top: 15px;
}
.ContentSlideExpandButton {
	font-size: 14px !important;
	border: 1px solid #ccc !important;
	padding: 2px 5px 2px 6px !important;
	width: 28px;
}
.ViewSlideContainer {
	padding-bottom: 35px;
}
.ViewSlideContainer .label_title {
	font-weight: 800;
	margin: 25px 25px;
	font-size: 32px;
	text-align: center;
}
.ContentSlideContentView {
	margin: 15px 16px;
}
.PurchaserAccountPage {
    font-size: 14px;
    color: #aaa;
}
.pageHeading.Purchaser {
    color: #2ecc71;
}
.form-control.style-2 {
    border: 0;
    background-color: #f4f4f4;
    color: #484848;
    box-shadow: none;
}
.form-control.form-control-md.style-2 {
    padding: 17px 18px;
    font-size: 13px;
    margin: 10px 0 0 0;
}
.CodeContainer {
    margin: 20px 0 0 0;
}
.CodeContainer .block_title {
    background-color: #3dd2b5;
    color: #fff;
    background-image: none;
    padding: 10px 20px;
}
.CodeContainer .subtitle {
    font-size: 25px;
    font-weight: 300;
    color: #fff;
}
.CodeContainer .code {
    font-weight: 700;
    font-size: 25px;
}
.CodeContainer .block_content {
    background-color: #f2f2f2;
    padding: 15px 20px;
    color: #999;
}
.CodeContainer .button_edit {
    margin-top: -10px;
    margin-left: 6px;
}
.CodeContainer .CreditsUsedTableContainer {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    margin: 15px 0;
}
.CodeContainer .CreditsUsedTableContainer table {
    margin-bottom: 0;
}
.PurchaserShareInstructionsContainer {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin: 15px 0;
}
.PurchaserShareInstructionsContainer > .block_title {
    background-color: #48c8ed;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding: 12px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.SchoolSliderStatement {
	font-size: 24px;
	font-weight: 700;
	margin: 15px 0;
	text-align: center;
	color: #999;
}
.SchoolSliderStatement .label_count {
	color: #1AADF2;
}
.SchoolSliderStatement .label_price {
	color: #1AADF2;
}
/*md-slider.SchoolSlider .md-track.md-track-fill {
	background-color: #0FADE1 !important;
}*/
.TeacherSubscribeCalculator {
	background-color: #eee;
	border-radius: 8px;
	margin: 30px 0 13px 0;
}
.TeacherSubscribeCalculator > .block_title {
	font-size: 25px;
	padding: 35px 15px;
	background-color: #3dd2b5;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.TeacherSubscribeCalculator > .block_content {
	padding: 0 15px 35px 15px;
}
.TeacherSubscribeCalculator .input_price {
	margin-left: 18px;
	display: inline-block;
}
.TeacherSubscribeCalculator .label_summary {
	font-weight: 600;
	color: #aaa;
	font-size: 24px;
	margin: 25px 0 0 0;
}
.TeacherSubscribeCalculator .label_count {
	color: #0FADE1;
}
.TeacherSubscribeCalculator .label_price {
	color: #0FADE1;
}
.TeacherSubscribeCalculator .label_label {
	color: #aaa;
	margin: -2px 0 13px 0;
}
.PurchaseSelection {

}
.PurchaseSelection .btn {
	width: 243px;
	margin: 3px 3px;
}
.TeacherSubscriptionInfoPanel .panel-heading {
	padding: 25px 30px;
}
.TeacherSubscriptionInfoPanel .panel-body {
	padding: 20px 30px 35px 30px;
	font-size: 13px;
}
.TeacherSubscriptionInfoPanel h4 {
	color: #777;
}
.TeacherSubscribeStages {
	background-color: #2eacfb;
	color: #fff;
	text-align: center;
}
.TeacherSubscribeStages .block_stage {
	display: inline-block;
	padding: 14px 23px;
	font-size: 20px;
}
.TeacherSubscribeStages .badge.badge-xs {
	position: relative;
	top: -1px;
	margin-right: 4px;
	font-weight: bold;
}
.TeacherSubscribeStages .badge.badge-xs.badge_active {
	background-color: #f56da3;
	padding: 6px 9px;
}
.TeacherSubscribeStages .block_stage.active {
	background-color: #0f98ee;
	background-image: linear-gradient(to bottom, #22aaff 0px, #0086da 100%);
}
.TeacherSubscribeStages .badge_inactive {
	border: 1px solid #fff;
	background-color: transparent;
}
.TeacherRegistrationPage .pageHeading .badge {
	position: relative;
	top: -2px;
	margin-right: 3px;
}
.PaymentForm {

}
.PaymentForm .column_label {
	color: #aaa;
	font-size: 16px;
}
.PaymentForm .column_values {
	color: #aaa;
}
.PaymentForm .ClassButtonLeft, .PaymentForm .ClassButtonRight {
	margin: 0 0;
	padding: 8px 10px 5px 10px;
	border-bottom-width: 1px;
	border-right-width: 1px;
}
.PaymentForm .ClassButtonLeft {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}
.PaymentForm .ClassButtonRight {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.PaymentForm .ClassNumField {
	position: relative;
	display: inline-block;
	top: 3px;
	font-size: 18px;
	width: 55px;
	border-radius: 0 !important;
	margin: 0 -4px;
	text-align: center;
}
 .PaymentForm .StudentNumField {
	position: relative;
	display: inline-block;
	top: 3px;
	font-size: 18px;
	width: 95px;
	border-radius: 0 !important;
	margin: 0 -4px;
	text-align: center;
}
.PaymentForm .column_expiry select {
	width: auto;
}
.PaymentForm input, .PaymentForm select {
	margin-top: 6px;
}
.OrderDetailsTable {
	border: 1px solid #ddd;
	border-top: 0;
}
.OrderDetailsTable .cell_amount {
	text-align: right;
	padding-right: 25px;
}
.OrderDetailsTable .cell_amount.discount {
	color: #26aafe;
}
.PaymentForm .OrderSummaryLine {
	color: #aaa;
	display: inline-block;
	margin-left: 15px;
}
.ClassOptionButton {
	width: 100%;
	padding: 16px 10px;
	text-align: center;
	border: 2px solid #40b5ff;
	border-radius: 7px;
	color: #999;
	background-color: #d5f2ff;
	margin: 3px 0;
}
.ClassOptionButtonDisabled {
	width: 100%;
	padding: 16px 10px;
	text-align: center;
	border: 2px solid #bbb;
	border-radius: 7px;
	color: #999;
	background-color: #eee;
	margin: 3px 0;
	cursor: default;
}

.ClassOptionButton:hover {
	background-color: #b7e0f3;
}
.ClassOptionButton.selected {
	color: #fff;
	background-color: #4bbdf3;
	border-color: #048ccc;
}

.ClassOptionButton.selected:hover {
	background-color: #17adf5;
}
.ClassOptionButton.selected .label_name, .ClassOptionButton.selected .label_free, .ClassOptionButton.selected .label_label {
	color: #fff;
}
.ClassOptionButton .label_name {
	font-size: 19px;
	color: #656565;
	text-shadow: 1px 1px rgba(0,0,0,0.15);
}
.ClassOptionButtonDisabled .label_name {
	font-size: 19px;
	color: #777;
	text-shadow: 1px 1px rgba(0,0,0,0.15);
}
.ClassOptionButton .label_name img, .ClassOptionButtonDisabled .label_name img {
	position: relative;
	top: -3px;
	height: 28px;
}
.ClassOptionButton .label_label, .ClassOptionButtonDisabled .label_label {
	font-size: 12px;
	margin-top: -1px;
}
.ClassOptionButton .label_free {
	font-size: 14px;
	font-style: italic;
	color: #4cb1fb;
}
.ManipAddingBlocks, .ManipSubtractingBlocks {
	margin: 18px 0;
}
.ManipAddingBlocks .TopRow, .ManipAddingBlocks .BottomRow, .ManipSubtractingBlocks .TopRow, .ManipSubtractingBlocks .BottomRow {
	height: 37px;
}
.ManipAddingBlocks .BlockContainer, .ManipSubtractingBlocks .BlockContainer {
	display: inline-block;
	width: 40px;
	height: 37px;
	/*border: 0;*/
}
.ManipAddingBlocks .TopRow .BlockContainer, .ManipSubtractingBlocks .TopRow .BlockContainer {
	padding: 5px 4px 2px 4px;
}
.ManipAddingBlocks .BottomRow .BlockContainer, .ManipSubtractingBlocks .BottomRow .BlockContainer {
	padding: 2px 4px 5px 4px;
}
.ManipAddingBlocks .Block, .ManipSubtractingBlocks .Block {
	border: 1px solid #f24d37;
	background-color: #f88d7e;
	color: #d03d28;
	text-align: center;
	font-size: 13px;
	height: 30px;
	vertical-align: middle;
	padding-top: 4px;
	min-width: 30px;
	padding-left: 4px;
	padding-right: 4px;
}
.ManipSubtractingBlocks .Block.BlockHidden {
	border: 1px solid #ddd;
	background-color: #fff;
	color: #ccc;
}
.ManipAddingBlocks .Block.IsNeg, .ManipSubtractingBlocks .Block.IsNeg {
	border-color: #279bdd;
	background-color: #7fc4eb;
	color: #0985cc;
}
.IsZeroPair {
	background-color: #e2e2e2;
}
.ManipAddingBlocks .block_counter, .ManipSubtractingBlocks .block_counter {
	display: inline-block;
	width: 25px;
	text-align: center;
	font-size: 16px;
	color: #f24d37;
}
.ManipAddingBlocks .block_counter.IsNeg, .ManipSubtractingBlocks .block_counter.IsNeg {
	color: #279bdd;
}
.ManipAddingBlocks .BlockZeroSum, .ManipSubtractingBlocks .BlockZeroSum {
	margin-left: 29px;
	text-align: center;
	font-size: 12px;
	padding: 0 0 8px 0;
	color: #999;
}
.BlockZeroSum-1 {
	width: 40px;
}
.BlockZeroSum-2 {
	width: 80px;
}
.BlockZeroSum-3 {
	width: 120px;
}
.BlockZeroSum-4 {
	width: 160px;
}
.BlockZeroSum-5 {
	width: 200px;
}
.BlockZeroSum-6 {
	width: 240px;
}
.BlockZeroSum-7 {
	width: 280px;
}
.BlockZeroSum-8 {
	width: 320px;
}
.BlockZeroSum-9 {
	width: 360px;
}
.BlockZeroSum-10 {
	width: 400px;
}
.ManipAddingBlocks .BlockSummary, .ManipSubtractingBlocks .BlockSummary {
	font-size: 18px;
	/*color: #aaa;*/
	margin: 15px 10px 15px 35px;
}
.ManipSubtractingBlocks .Block.Empty {
	border: 1px solid #fff;
	background-color: #fff;
}
.AnalyticsQuestionResults {
	width: auto !important;
	border: 1px solid #ddd;
}
.AnalyticsQuestionResults th {
	background-color: #eeeeee;
	border-bottom: 3px solid #ddd;
}
.AnalyticsQuestionResults .cell_question {
	padding-left: 15px;
	padding-right: 25px;
	font-size: 15px;
	color: #444;
}
.AnalyticsQuestionResults .cell_macro {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	color: #444;
}
.AnalyticsQuestionResults .cell_school {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	color: #444;
}
.AnalyticsQuestionResults .cell_score {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	color: #444;
}
.AnalyticsQuestionSummary {
	margin: -6px 0 15px 0;
	border: 1px solid #ddd;
	border-top: 0;
	border-radius: 0 0 8px 8px;
}
.AnalyticsQuestionSummary .block_heading {
	padding: 19px 20px 10px;
	background-color: #f9f9f9;
	text-align: center;
}
.AnalyticsQuestionSummary .column_performance {
	padding: 40px 20px 22px 20px;
}
.AnalyticsQuestionSummary .column_result {
	padding: 25px 10px 30px 10px;
}
.GameShowReportPage .AnalyticsQuestionSummary .column_performance {
	padding: 25px 20px 35px 20px;
}
.GameShowReportPage .AnalyticsQuestionSummary .column_result {
	padding: 31px 10px 38px 10px;
}
.AnalyticsQuestionSummary .label_similar {
	display: inline-block;
	font-size: 17px;
	color: #6fc26e;
	margin-right: 3px;
	font-weight: bold;
}
.AnalyticsQuestionSummary .label_label {
	display: inline-block;
	color: #aaa;
	font-size: 17px;
	margin-right: 5px;
}
.AnalyticsQuestionSummary .label_delta {
	font-size: 30px;
	margin-bottom: 10px;
	font-size: 300;
}
.AnalyticsQuestionSummary .label_delta img {
	height: 32px;
	position: relative;
	top: -3px;
}
.AnalyticsPerformanceTable {
	width: 408px;
	margin: 0 auto;
}
.AnalyticsPerformanceTable .cell_label {
	width: 120px;
	text-align: right;
	font-size: 12px;
	color: #aaa;
	padding-right: 11px;
	padding-top: 8px;
}
.AnalyticsPerformanceTable .cell_bars {
	padding-right: 8px;
}
.AnalyticsPerformanceTable .cell_score {
	width: 50px;
	font-size: 23px;
	color: #999;
	font-weight: 300;
	padding-top: 4px;
}
.AnalyticsPerfBarBg {
	margin: 7px 8px 0 0;
	background-color: #eee;
}
.AnalyticsPerfBarMacro, .AnalyticsPerfBarSchool, .AnalyticsPerfBarClass, .AnalyticsPerfBarLocked, .AnalyticsPerfBarNa {
	height: 34px;
	display: inline-block;
	border-top: 0 !important;
	border-left: 0 !important;
}
.AnalyticsPerfBarMacro {
	background-color: #e4b0f1;
	border: 2px solid #d196e0;
}
.AnalyticsPerfBarSchool {
	background-color: #6cc6e6;
	border: 2px solid #48a8ca;
}
.AnalyticsPerfBarClass {
	background-color: #86d86b;
	border: 2px solid #6bbd50;
}
.AnalyticsPerfBarNa {
	width: 100%;
	color: #aaa;
	padding-top: 4px;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}
.AnalyticsPerfBarLocked {
	background-color: #dddddd;
	border: 2px solid #cccccc;
	text-align: center;
}
	.AnalyticsPerfBarLocked:hover {
		background-color: #7bdfe3;
		border: 2px solid #5ad0d4;
	}
.AnalyticsPerfBarLocked .glyphicon-lock {
	position: relative;
	top: 9px;
	font-size: 17px;
}
.AnalyticsQuestionSummary .column_result {
	font-size: 13px;
	color: #999;
	text-align: center;
}
.state_positive {
	color: #6fc26e;
}
.state_negative {
	color: #ec8787;
}
.view-activity-buttons-container {
	position: absolute;
	top: 3px;
	right: 0;
	width: 220px;
	padding: 4px 8px;
	text-align: right;
}
.QuestionAnalyticsButton {
	position: relative;
	top: 4px;
	display: inline-block;
	color: #999;
	font-size: 16px !important;
	padding: 6px 8px 5px 7px;
	background-color: #f7f7f7 /*#e0e0e0*/;
	border-radius: 4px;
	font-weight: normal;
	margin: 0 2px 0 0;
}
.QuestionAnalyticsIcon {
	position: absolute;
	top: 11px;
	right: 15px;
	color: #999;
	font-size: 17px !important;
	padding: 4px 7px 4px 8px;
	background-color: #fafafa /*#e0e0e0*/;
	border-radius: 4px;
}
.QuestionAnalyticsButton:hover {
	color: #444;
	background-color: #e0e0e0;
}
.QuestionAnalyticsButton .state_positive {
	color: #33a932;
}
.QuestionAnalyticsButton .state_negative {
	color: #ec8787;
}
.GameShowBenchmarkTable {
	width: 500px;
	margin: 20px auto;
}
.GameShowBenchmarkTable .cell_label {
	width: 138px;
	text-align: right;
	color: #aaa;
	padding-right: 12px;
	padding-top: 5px;
}
.GameShowBenchmarkTable .cell_bar {
	padding-right: 8px;
	text-align: left;
}
.GameShowBenchmarkTable .cell_score {
	width: 50px;
	font-weight: 300;
	font-size: 24px;
	color: #999;
	padding-top: 3px;
}
.GameShowAnalyticsBlock {
	margin: 20px 0 50px 0;
	text-align: center;
	border: 1px solid #ddd;
	padding: 13px 10px 23px 10px;
	background-color: #f7f7f7;
}
.GameShowAnalyticsBlock .block_performance {
	color: #aaa;
	margin: 15px 0 15px 15px;
}
.GameShowAnalyticsBlock h2 .fa-chart-bar {
	padding: 4px 8px;
	font-size: 20px;
	background-color: #fff /*#eee*/;
	position: relative;
	top: -2px;
	border-radius: 3px;
}
.ContentSlideButtonBar {
	text-align: center;
	margin: 15px 5px;
}
.ContentSlideButtonBar.Fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background-color: #eee;
}
.ContentSlideButtonBarTeacher {
	text-align: center;
	margin-top: 28px;
}
.ContentSlideButtonBarTeacher.Fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0 20px 0;
}
.StudentContentSlideContainer {
	padding: 0 15px;
}
.TeacherContentSlideContainer {
	padding: 0 15px;
}
.TeacherContentSlideContent {
	font-size: 22px;
}
.TeacherContentSlideContent h1 {
	font-weight: 800;
	font-size: 29px;
	margin: 30px 0;
}
.TeacherContentSlideContent h2 {
	font-size: 29px;
	margin: 20px 0;
}
.TeacherContentSlideContent h3 {
	font-size: 23px;
	margin: 15px 0;
}
.StudentContentSlideContent {
	font-size: 17px;
}
.StudentContentSlideContent h1 {
	font-weight: 800;
	font-size: 29px;
}
.StudentContentSlideContent h2 {
	font-size: 23px;
}
.StudentContentSlideContent h3 {
	font-size: 20px;
}
.TeacherContentSlideContent img, .StudentContentSlideContent img {
	max-width: 100%;
	height: auto !important;
}
.StudentContentSlideContent .video-container iframe {
	width: 580px;
	height: 340px;
}
.GsContentSlidePanel .gs-panel-body {
	padding: 30px 60px 50px 60px;
}
.TeacherContentSlideIframeContainer > iframe {
	height: 550px;
	width: 100%;
	resize: both;
	max-width: 100%;
	overflow: auto;
}
.StudentContentSlideIframeContainer > iframe {
	height: 500px;
	width: 100%;
}
.AddContentBanner {
    position: fixed;
    top: 68px;
    left: 0;
    width: 100%;
    padding: 11px;
    background-color: #a5f0eb;
    font-size: 22px;
    font-weight: 600;
    z-index: 250;
}
.AddContentBanner .block_label {
    display: inline-block;
    position: relative;
    top: 4px;
}
.back-to-plc-banner {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 11px;
	background-color: #a5f0eb;
	font-size: 22px;
	font-weight: 600;
	z-index: 250;
}

	.back-to-plc-banner .block_label {
		display: inline-block;
		position: relative;
		top: 4px;
	}
.GsBenchmarkPanel .gs-panel-heading.IsCollapsed {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.GsBenchmarkPanel .gs-panel-heading:hover {
	background-color: #03add8;
	cursor: pointer;
}
.GsBenchmarkPanel .gs-panel-body {
	padding-bottom: 23px;
}
.GsBenchmarkPanel .block_show {
	float: right;
	position: relative;
	top: -30px;
	right: 5px;
}
.GsBenchmarkPanel .block_show a {
	color: #fff;
}
.GsBenchmarkPanel.IsNarrow {
	width: 550px;
}
.GsBenchmarkPanel h3 {
	margin: 0 15px 15px 15px;
	padding-top: 15px;
	text-align: center;
	font-weight: normal;
	color: #999;
	font-size: 18px;
	color: #999;
	clear: both;
}
.GsBenchmarkPanel .block_performance {
	text-align: center;
	color: #999;
	font-size: 16px;
}
.fisq-fraction-input td, .gameplayQuestion table.fisq-fraction-input td {
	border: 0;
	text-align: center;
}

.fisq-fraction-input tr {
	vertical-align: bottom;
	height: 49px;
}

.fisq-fraction-input tr.fisq-denominator-input td {
	vertical-align: top;
	border-top: 1pt solid black;
}

.fisq-fraction-input td.fisq-sign-centered {
	vertical-align: middle;
	padding: 4px 6px;
}
.MarketingSidebar {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	background-color: #e3f7fd;
	border-left: 1px solid #c3e2ef;
	text-align: center;
	color: #389ed0;
	line-height: 1;
	font-size: 16px;
	padding-bottom: 30px;
}
.MarketingSidebar .block_spacer {
	height: 60px;
}
.MarketingSidebar .label_cart {
	font-size: 66px;
	color: #9cdff3;
}
.MarketingSidebar .label_title {
	font-size: 25px;
	margin: 15px 0 15px 0;
	color: #555;
	font-weight: 600;
}
.MarketingSidebar .label_subtitle {
	margin: 10px 0;
	font-size: 20px;
}
.MarketingSidebar .label_price {
	font-size: 45px;
	margin: 15px 0 5px 0;
}
.MarketingSidebar .label_pricedesc {

}
.MarketingSidebar .label_benefit {
	margin: 10px 0;
}
.MarketingSidebar .label_trusted {
	margin: 15px 0 21px 0;
	line-height: 1.4;
}
.MarketingSidebar hr {
	border-top: 1px solid #b4ddf1;
	margin: 32px 0;
}
.MarketingSidebar .image_testimonial {
	width: 110px;
}
.MarketingSidebar .label_testimonial {
	font-size: 14px;
	line-height: 1.3;
	margin: 10px 5px;
}
.MarketingSidebar .label_testimonial_source {
	font-size: 14px;
	line-height: 1.3;
}
.MarketingSidebar .block_achievement_para {
	margin: 14px 30px;
	font-size: 15px;
	line-height: 1.3;
}
.MissionsOverviewLayout {
	display: table;
	height: 100%;
	width: 100%;
}
.MissionsOverviewLayout > div {
	display: table-cell;
	height: 100%;
}
.MissionsOverviewLayout .MarketingSidebar {
	position: initial;
	width: 440px;
}
.ChatIconFloating {
	position: fixed;
	bottom: 10px;
	right: 15px;
	z-index: 1045;
	-webkit-transition: all 0.18s ease-in-out;
	-moz-transition: all 0.18s ease-in-out;
	-o-transition: all 0.18s ease-in-out;
	transition: all 0.18s ease-in-out;
}
.ChatIconFloating:hover {
	opacity: 0.8;
}
.onboarding-icon-floating-container {
	position: fixed;
	bottom: 79px;
	right: 15px;
	z-index: 1045;
	width: 82px;
	height: 82px;
	-webkit-transition: all 0.18s ease-in-out;
	-moz-transition: all 0.18s ease-in-out;
	-o-transition: all 0.18s ease-in-out;
	transition: all 0.18s ease-in-out;
}
.onboarding-icon-floating {
}
.onboarding-icon-floating-container:hover {
	opacity: 0.8;
}
.onboarding-icon-floating__counter {
	position: fixed;
	bottom: 50px;
	right: 4px;
	z-index: 1045;
	display: inline-block;
	background-color: #E44685;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding-top: 1px;
	font-weight: 600;
	width: 22px;
	height: 22px;
	border-radius: 22px;
}
.student-gaps-empty-state-container {
	text-align: center;
}
.GsBenchmarkQuestionLabelBlock {
	float: left;
	text-align: left;
	margin: 4px 0 0 23px;
	font-size: 18px;
}
	.GsBenchmarkQuestionLabelBlock .label_label {
		color: #52a3b8;
	}
	.GsBenchmarkQuestionLabelBlock .label_question {
		color: #646464;
	}
.FeaturedUnitSection .panel-group {
	margin-bottom: 5px;
}
/*.FeaturedUnitSection .fa-chart-bar {
	color: #30daac;
	font-size: 22px;
	position: relative;
	top: 5px;
	left: -5px;
}*/
.FeaturedBenchmarkBadge {
	background-color: #fff !important;
	border-radius: 30px;
	float: right;
	padding: 8px 6px 7px 8px;
	margin: -4px 0 0 0;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 4px;
}
	.FeaturedBenchmarkBadge .fa-chart-bar {
		color: #30daac;
		font-size: 19px;
	}

.SchoolDashboardStatsTable {
	width: 100%;
}
	.SchoolDashboardStatsTable > tbody > tr > td {
		border: 6px solid #fff;
		background-color: #f2f2f2;
		padding: 10px 15px;
		text-align: center;
		-moz-box-shadow: inset -1px -1px 0px #d6d6d6;
		-webkit-box-shadow: inset -1px -1px 0px #d6d6d6;
		box-shadow: inset -1px -1px 0px #d6d6d6;
	}
.SchoolDashboardStatsTable .label_name {
	font-size: 13px;
	font-weight: 600;
	color: #999;
}
	.SchoolDashboardStatsTable .label_value {
		font-size: 33px;
		font-weight: 600;
		margin: -4px 0 0 0;
	}


/* migrated CSS */
.board-dashboard-usage-chart {
	width: 100%;
	/*height: 350px;*/
}

.board-school-block {
	margin: 0;
}
.board-school-stats-table {
	width: 100%;
}

	.board-school-stats-table.is-active {
		background-color: #dcf2fd;
	}
	.board-school-stats-table td {
		border: 1px solid #ddd;
		padding: 8px 10px;
		box-shadow: inset 0px -1px 5px #f2f2f2;
	}

.board-school-stats-table__label {
	font-size: 28px;
}

.board-school-stats-table__cell-name {
	text-align: left;
	font-size: 16px;
	vertical-align: top;
	padding-left: 15px !important;
}
.board-school-stats-table__cell-count {
	width: 100px;
	text-align: center;
}
.board-school-stats-table__cell-gaps {
	width: 120px;
	text-align: center;
}
.board-school-stats-table__label {
	font-size: 12px;
	color: #999;
}
.board-school-stats-table__value {
	font-size: 25px;
}
.board-school-stats-table__value .star-icon {
	font-size: 20px;
	margin-right: -2px;
}
.board-school-stats-table__cell-view {
	width: 110px;
}
.board-stats-table {
}
.board-stats-table__cell-name {
	font-size: 16px;
	padding: 8px 15px !important;
	vertical-align: middle !important;
}
.board-stats-table__cell-value {
	font-size: 22px;
	padding: 8px 15px;
	padding: 8px 15px !important;
	width: 33%;
}
.gap-table {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}

	.gap-table td {
		padding: 10px 15px 13px 15px;
		border-bottom: 1px solid #ddd;
	}
	.gap-table tr:hover {
		background-color: #EBF8FF;
	}

.gap-table__cell-rank {
	width: 40px;
}

.gap-table__cell-name {
}

.gap-table__cell-actions {
	width: 120px;
	padding: 5px 15px 15px 15px;
}
.gap-table__gap-name {
	font-size: 15px;
	margin: 3px 0 1px 0;
}
.gap-table__gap-grades {
	font-size: 12px;
	color: #999;
	margin-bottom: 5px;
}
.gap-table__button {
	margin-top: 1px !important;
}
.school-dashboard-feature {
	margin: 35px 0;
	padding: 30px 43px;
}
.gap-grade-set {
    margin-top: 25px;
}
.school-gaps-explanation {
	border-radius: 0;
	margin: 0;
}
.school-gaps-explanation__icon {
	position: relative;
	top: 2px;
}
.select-school-autocomplete-block {
	cursor: pointer;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #e3e3e3;
}
.select-school-autocomplete-block__name {
	font-weight: 600;
	margin-bottom: -1px;
}
.select-school-autocomplete-block__board {
	color: #999;
	font-size: 13px;
}
.dropdown-menu > .active > a.select-school-autocomplete-block > .select-school-autocomplete-block__board {
	color: #fff;
}
.col-pad-sm-left { /* for reducing spacing between two col-sm-6 columns */
	padding-right: 4px;
}
.col-pad-sm-right {
	padding-left: 4px;
}
.gs-close-popover-x {
	position: absolute;
	top: 3px;
	right: 9px;
	color: #ccc;
}
.gs-mfn-icon-container {
	/*position: relative;
	top: -3px;*/
}
    .gs-mfn-icon-container:hover .gs-mfn-icon {
        opacity: 0.7;
    }
        .gs-mfn-icon-container:hover .gs-mfn-icon--not-set {
            color: #E44685 !important;
        }
.gs-mfn-icon {
    font-size: 33px !important;
    position: relative;
    top: 7px;
    margin-right: 5px;
}
.mfn-icon {
	margin: 0 1px 0 0;
	position: relative;
	top: 5px;
    font-size: 20px !important;
}
	.mfn-icon:hover {
		opacity: 0.8;
	}
    .mfn-icon.mfn-icon--not-set:hover {
        color: #E44685 !important;
    }
.portfolio-feedback-toolbar {
    text-align: right;
    border: 1px solid #ddd;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #f8f8f8;
    border-top: 0;
    margin-top: -11px;
    margin-bottom: 20px;
    padding: 5px 15px 12px 12px;
    box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.15);
    height: 61px;
}
.portfolio-feedback-toolbar__icon {
    font-size: 30px !important;
    margin-right: 18px;
    position: relative;
    top: 9px;
}
.portfolio-feedback-toolbar__icon-remove {
    font-size: 20px;
    position: absolute;
    left: 22px;
    top: 15px;
}
.portfolio-feedback-toolbar__icon.portfolio-feedback-toolbar__icon-delete {
	color: #999;
	font-size: 25px !important;
	top: 7px;
}
.portfolio-feedback-toolbar__icon.portfolio-feedback-toolbar__icon-rotate {
	color: #999;
	font-size: 27px !important;
	top: 12px;
}
.portfolio-feedback-toolbar__icon.portfolio-feedback-toolbar__icon-enlarge {
	color: #999;
	font-size: 28px !important;
}
.portfolio-feedback-toolbar__icon-favourite.grey:hover {
    color: #E44685 !important;
}
.portfolio-feedback-toolbar__icon:hover {
	color: #01A2F5;
}
.portfolio-feedback-toolbar__icon-like.grey:hover {
	color: #01A2F5 !important;
}
.solution-feedback-icon {
    font-size: 29px !important;
    position: relative;
    top: 9px;
    margin-right: 14px;
    cursor: pointer;
}
.modal-mfn-icon-container {
    display: block;
    margin-top: 8px;
}
.modal-mfn-icon {
    font-size: 27px !important;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.portfolio-feedback-input-table {
	width: 100%;
}

.portfolio-feedback-input-table__cell-field {
	padding-top: 2px;
	position: relative;
}

.portfolio-feedback-input-table__cell-button {
	padding-left: 4px;
	width: 73px;
}

.portfolio-input-placeholder {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #aaa;
	font-style: italic;
	height: 0;
	overflow: visible;
}
.solution-container {
	padding: 3px 0 20px 0;
	margin: 5px 0 0 0;
	width: 100%;
}
.solution-container--blend {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.solution-container--blend .solution__image {
	max-width: 100%;
}

.solution__image {
	max-width: 550px;
	width: 100%;
}

.solution-feedback {
	border: 1px solid #ddd;
	border-bottom: 0px;
	background-color: #f8f8f8;
	padding: 5px 12px 5px 12px;
	text-align: left;
}

.solution-feedback__favbar {
	text-align: right;
	border-bottom: 1px solid #ddd;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	height: 61px;
}
.show-descriptive-feedback-placeholder {
	background-image: url(../images/give-descriptive-feedback-placeholder.gif);
}

.portfolio-discussion-message__cell-avatar {
	padding: 5px;
}

.portfolio-discussion-message__cell-message {
	padding: 5px 5px 5px 0;
}

.portfolio-discussion-message__cell-avatar > img {
	width: 30px;
}

.mfn-link-text {
	display: inline-block;
	font-size: 12px;
	position: relative;
	top: 1px;
}

.portfolio-image-container {
	position: relative;
}
.portfolio-indicator-unviewed {
	position: absolute;
	background-color: #E44685;
	border-radius: 40px;
	height: 15px;
	width: 15px;
	top: -10px;
	right: -10px;
}
.remediation-icon {
	position: relative;
	top: -1px;
	margin-right: 3px;
}
.remediation-page-document-block.alert.GsAlert {
	margin-bottom: 12px;
	padding: 18px 24px !important;
}
.remediation-page-document-block__title {
	font-weight: bold;
	font-size: 17px;
}
.remediation-page-document-table {
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.remediation-page-document-table__cell-button {
	flex: 0 0 90px;
	text-align: right;
	position: relative;
}
.remediation-page-document-table__cell-content {
	padding-left: 20px;
	width: 100%;
}
.live-mode-mission-color-toggle {
	position: absolute;
	right: 5px;
	top: 52px;
}
.live-mode-mission-color-toggle__link {
	font-size: 12px;
	color: #aaa;
}
.live-mode-mission-color-toggle__link--inactive {
	text-decoration: none;
	color: #aaa;
}
.ie-warning-subtitle {
	margin: -11px 0 0 0;
	font-size: 19px;
}
.ie-warning-table {
	width: 100%;
	max-width: 715px;
}
.ie-warning-table__cell-image {
	width: 200px;
}
.ie-warning-table__cell-content {
	padding: 15px 15px 15px 5px;
}
.gameshow-leaderboard-student-name-student {
	display: block;
	overflow: hidden;
	height: 29px;
	max-width: 330px;
}
.teacher-student-name-overflow {
	min-height: 29px;
	max-width: 300px;
	min-width: 120px;
	display: block;
}
.snapshot-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background-color: #000;
	padding: 6px;
}
.snapshot-cancel-link {
	display: inline-block;
	margin-left: 18px;
	color: #7acfdc;
	cursor: pointer;
	position: relative;
	top: 3px;
}
.snapshot-header .btn {
	margin-right: 5px;
}
.snapshot-camera-frame {
	width: 100%;
	/*max-width: 1000px;*/
	height: 820px/*667px*/;
}
.snapshot-camera-view {
	width: 100%;
	height: 100%;
}
.snapshot-photo-canvas {
	/*width: 100%;
	height: 100%;*/
	max-width: 100% !important;
}
/* Main axis vertical. Centered on cross axis. */
.snapshot-body {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 70px;
	background-color: #000;
}

/* Main container. Scales to cover full page. */
.snapshot-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000; /* I guessed. */
	background-color: #fff;
}

.add-content-expectation-block {
	padding: 15px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
.add-content-expectation-block__name {
	height: 24px;
	overflow: hidden;
	font-size: 15px;
	font-weight: 600;
}
.add-content-expectation-block.is-not-displayed:hover {
	background-color: #3dd2b5;
}
	.add-content-expectation-block.is-not-displayed:hover .add-content-expectation-block__name, .add-content-expectation-block.is-not-displayed:hover .add-content-expectation-block__num-questions {
		color: #fff;
	}
.add-content-expectation-block__num-questions {
	float: left;
	color: #aaa;
	font-size: 12px;
}
.add-content-expectation-block__button {
	margin-top: 10px;
}
.add-content-expectation-block__hide-button {
	margin-bottom: 15px;
}
.add-content-expectation-block__button-container {
	margin-top: 15px;
	text-align: right;
}
.set-salutation-alert {
	max-width: 1045px;
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.student-summary-gameshow-table {
	width: 100%;
}

	.student-summary-gameshow-table .cell_image {
		width: 90px;
		text-align: center;
		color: #aaa;
		font-size: 12px;
		padding-top: 6px;
		padding-bottom: 5px;
	}

		.student-summary-gameshow-table .cell_image .glyphicon {
			font-size: 35px;
		}

	.student-summary-gameshow-table .cell_content {
		font-size: 13px;
		color: #888;
		padding-top: 11px;
		padding-bottom: 11px;
		padding-left: 11px;
	}

	.student-summary-gameshow-table .cell_actions {
		width: 100px;
	}

.student-summary-gameshow-table .label_name {
	font-weight: bold;
	display: inline-block;
	font-size: 15px;
	color: #333;
}

.student-summary-gameshow-table .label_challenges {
	color: #aaa;
	display: inline-block;
	margin-left: 5px;
}
.student-summary-gameshow-table__name {
	margin-bottom: 4px;
}
}
.student-expired-missions-message {
	padding: 20px 25px;
	border: 0;
}
.merge-schools-modal-floater {
	height: 80px;
	position: fixed;
	width: 100%;
	padding-right: 40px;
	z-index: 1000;
	margin: 3px 10px 10px 15px;
}
.merge-boards-modal-floater {
	height: 80px;
	position: fixed;
	width: 100%;
	max-width: 1115px;
	padding-right: 3px;
	z-index: 1000;
	margin: 1px 10px 10px 15px;
}
.merge-schools-modal-floater__header {
	padding-top: 10px;
	background-color: #fff;
	height: 99px;
	border-bottom: 1px solid #ddd;
}
.merge-schools-modal-floater__title {
	margin: 0 0 10px 0;
}
.merge-schools-modal-floater__desc {
	font-size: 13px;
	padding: 10px 12px !important;
	margin-right: 12px;
	display: inline-block;
	min-width: 300px;
}
.merge-schools-modal-content {
	padding-top: 104px;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
}
.merge-boards-modal-content {
	padding-top: 104px;
}
.merge-schools-modal-buttons {
	float: right;
	margin-right: 10px;
	position: relative;
	top: -56px;
}
.disabled-row td {
	background-color: #f2f2f2;
	color: #aaa;
}
.student-join-login-title {
	font-weight: 800;
	font-size: 27px;
	color: #fff;
	margin: 0 0 11px 0;
}
.student-login-signup-button {
	float: right;
	position: relative;
	top: -5px;
}
.student-join-logo-text-image {
	margin: 0px 0 0px 0;
}
.student-join-logo-text {
	font-size: 20px;
	margin: -4px 0 30px 0;
	font-weight: 300;
	color: #67e5fe;
	text-transform: uppercase;
}
.student-join-select__heading {
	text-align: left;
	padding-left: 66px;
}
.student-join-sub-text {
	font-size: 17px;
	color: #2b7f94;
	margin: 5px 0 10px 0;
}
.student-entry-text {
	font-size: 17px;
	color: #2b7f94;
	margin: 5px 0 10px 0;
}
.student-login-logo-container {
	margin: 0 0 35px 0;
	padding-right: 10px;
}
.student-login-logo {
	width: 245px;
}
.class-code-instruction-url {
	position: relative;
	top: -9px;
	font-size: 24px;
	text-decoration: underline;
	color: #01B4FF;
	margin-bottom: 2px;
}
.class-code-input-example {
	border: 1px solid #ccc;
	padding: 5px 13px;
	border-radius: 10px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	margin-bottom: 15px;
}
.class-code-input-example__label {
	color: #aaa;
	font-size: 13px;
	font-weight: 600;
}
.class-code-input-example__code {
	font-size: 29px;
	color: #555;
	margin-top: -6px;
}
.manip-icon-label {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 15px 0 2px;
}
.manip-icon-label__info {
	font-size: 17px;
	color: #0FADE1;
	position: relative;
	top: 2px;
	left: 2px;
}
.manip-icon-label__icon {
	position: relative;
	top: -2px;
}
.tooltip-manip-question-desc {
	margin-top: 1px;
	line-height: 1.2;
	margin-bottom: -1px;
}
.starred-topics-table {
	border: 1px solid #ddd;
}
.starred-topics-table__cell-name {
	font-size: 15px;
	color: #777;
	padding: 10px 10px 10px 15px !important;
}
.starred-topics-table__cell-actions {
	text-align: right;
}
.starred-topics-table__cell-actions .btn {
	margin-top: 0;
}
.poll-list-table {

}
.poll-list-table__cell-name, .poll-list-table__cell-activity {
	font-size: 15px;
	color: #777;
	padding: 10px 10px 10px 15px !important;
}
.poll-share-topic {
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 4px;
	padding: 10px 10px;
}
.poll-share-topic__name {
	font-weight: bold;
}
.poll-share-full-email {
	margin: 20px 0;
	padding: 16px 25px 25px 25px;
	border-bottom: 1px solid #ddd;
}
.poll-share-email-block {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.poll-share-email-topic {
	margin: 20px 0;
}
.poll-share-email-topic__name {
	font-weight: bold;
}
.poll-share-email-topic__label {
	font-style: italic;
}
.poll-stages {
	padding: 0 !important;
	display: inline-block;
}
.poll-stage-item .badge {
	padding: 3px 6px;
	position: relative;
	top: -1px;
	margin-right: 5px;
	font-size: 14px;
	border-radius: 35px;
}
.poll-stage-item {
	display: inline-block;
	padding: 11px 25px;
	font-size: 18px;
	font-weight: 300;
	color: #999;
}
.poll-stage-item--first {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.poll-stage-item--last {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.poll-stage-item.active {
	background-color: #82ddfb;
	color: #1b89ad;
}
.poll-create-topic {
	margin: 5px 5px 5px 27px;
}
.poll-vote-table {
	overflow: hidden;
}
.poll-vote-table__cell-name {
    min-width: 154px;
}
.poll-vote-table__cell-vote {
    text-align: center;
}
.poll-vote-table__cell-abbrev {
	text-align: center;
	font-size: 12px;
}
.poll-vote-table__cell-study-type {
	color: #aaa;
	text-align: center;
}
.poll-vote-table__cell-grade {
	font-size: 12px;
	background-color: #e2e2e2;
	color: #aaa;
	text-align: center;
	line-height: 1.3 !important;
	padding-top: 5px !important;
	padding-bottom: 4px !important;
}
.poll-vote-table__cell-grade-label {
	font-size: 11px;
}
.poll-vote-table__cell-topic {
	position: relative;
	vertical-align: bottom !important;
	width: 50px;

	/* Rotation style below */
	height: 300px;
	white-space: nowrap;
	padding-bottom: 55px !important;
}

	.poll-vote-table__cell-topic > .poll-vote-table__cell-topic__rotate-outer {
		transform:
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
		width: 32px;
	}

		.poll-vote-table__cell-topic > .poll-vote-table__cell-topic__rotate-outer > .poll-vote-table__cell-topic__rotate-inner {
			border-bottom: 1px solid #ccc;
			padding: 9px 27px 8px /*5px 10px 7px*/;
			width: 400px;
			display: block;
		}
.poll-vote-table__cell-topic-spacer {
	border: 0 !important;
}
.poll-vote-table__cell-topic-spacer__spacer {
	width: 250px;
}
.poll-vote-table__cell-vote--hover:hover {
    background-color: #c8e6f5 !important;
}
.poll-vote-table__cell-heading.poll-vote-table__cell-heading--create-plc {
	background-color: #f2f2f2;
	padding-top: 13px !important;
}
.poll-vote-table__cell-plc {
	background-color: #f2f2f2;
	padding-top: 4px !important;
	padding-bottom: 11px !important;
}
.poll-vote-box {
    border-radius: 3px;
    background-color: #e8f5fc;
    text-align: center;
    padding: 5px 2px 3px 3px;
    min-height: 34px;
	width: 36px;
}
.poll-vote-symbol {
    display: inline-block;
    border-radius: 30px;
    padding: 1px 2px 2px 2px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 25px;
    height: 25px;
}
.poll-vote-symbol--1 {
	background-color: #67C82D /*#82DE72*/;
}
.poll-vote-symbol--2 {
	background-color: #B1D71B /*#A9E40B*/;
}
.poll-studytype-toggle {
	margin-right: 27px;
}
.poll-studytype-indicator {
	display: inline-block;
	font-size: 23px;
	position: relative;
	top: 16px;
	color: #aaa;
	margin-top: -20px;
	margin-left: 15px;
}
.poll-studytype-indicator__icon {
	font-size: 23px;
	display: inline-block;
	position: relative;
	top: 6px;
	color: #aaa;
}
.poll-vote-studytype-desc {
	font-size: 13px;
	margin: -4px 5px 0 2px;
	color: #aaa;
}
.poll-options-button {
	border: 1px solid #ddd;
	border-left: 1px solid #ddd !important;
	font-size: 18px !important;
	color: #bbb;
	padding: 4px 2px 1px 1px !important;
	margin: -2px 2px;
	line-height: 1;
}
.poll-format-desc {
	padding-top: 4px;
}
.poll-vote-table__cell-heading {
	font-weight: bold;
}
.poll-vote-select-check {
	font-size: 23px;
	margin-top: -5px;
	margin-bottom: -2px;
	display: block;
}
.poll-vote-table__plc-button {
	padding-left: 7px !important;
	padding-right: 7px !important;
}
.poll-share-on-page {
	text-align: center;
	border: 0;
	border-radius: 10px;
	padding: 28px 20px 35px 20px;
}
.poll-share-on-page__label {
	font-weight: 600;
	margin: 23px 0 -7px 0;
}
.poll-vote-url__container {
	margin: 12px auto;
	position: relative;
	max-width: 550px;
}
.poll-vote-url__input {
	font-size: 13px;
	height: 32px;
	background-color: #fff !important;
}
.poll-vote-url__copy-button {
	position: absolute;
	right: 0;
	top: -5px;
	height: 32px;
}
.poll-share-content {
}
.poll-share-content__label {
	text-align: right;
	padding: 0 0 0 0;
	font-size: 20px;
	font-weight: 300;
}
.poll-share-content__text {
	text-align: left;
	padding-top: 4px;
	font-size: 13px;
}
.poll-info-container {
	margin: 20px 0 !important;
	padding: 15px 22px 11px 22px !important;
}
.poll-vote-subheading {
	font-weight: 300;
	color: #aaa;
	margin-top: 42px;
}
.poll-vote-subheading > .badge {
	position: relative;
	top: -2px;
	margin-right: 4px;
	padding: 3px 8px 5px 8px !important;
	font-weight: bold;
}
.poll-course-selections {
	padding-left: 15px;
}
.poll-course-selections label {
	margin: 0 0 2px 0;
}
.poll-course-selections input[type=checkbox] {
	position: relative;
	top: 1px;
	margin-right: 9px;
}
.poll-course-category-selection {
	font-style: italic;
	font-size: 15px;
}
.poll-course-category-group-heading {
	font-size: 17px;
	margin: 20px 10px 9px 4px;
}
.poll-topics-accordion {
	margin-bottom: 10px !important;
}
.poll-topics-accordion .panel-body {
	padding-bottom: 23px;
}
.plc-branch-group-accordion .panel-group {
	margin-bottom: 5px;
}
.plc-branch-group-accordion .panel-body {
	padding-bottom: 11px;
}
.plc-course-category-group-heading {
	margin: 15px 0 5px 0;
}
.plc-course-category-selection {
	font-style: italic;
	font-size: 15px;
	margin: 5px 5px 7px 0;
	display: inline-block;
}
.plc-create-radio-button {
	margin: 0 8px 0 3px !important;
}
.plc-tab-content-container {
	padding: 10px 22px 15px 22px;
}
.plc-tabs {
	margin: 32px 0 22px 0;
}
.plc-page-share-link, .plc-page-share-link.alert.GsAlert {
	max-width: 590px;
	margin: 56px 0 15px 0;
	padding: 15px 20px 8px 20px !important;
}
.plc-page-share-link h4 {
	margin: 5px 0 -5px 0;
}
.plc-results-solutions-block {
	text-align: center;
	padding-bottom: 41px;
}
.plc-results-solutions-count {
	font-size: 48px;
	text-align: center;
	font-weight: 700;
	color: #999;
	margin: -11px 0 -3px 0;
	display: inline-block;
	color: #01B4FF;
}
.lightning-score-line {
	font-size: 29px;
	font-weight: 600;
}
.lightning-time-badge {
	display: inline-block;
	background-color: #0FADE1;
	color: #fff;
	font-size: 26px;
	margin: 10px 0;
	padding: 2px 12px;
	border-radius: 30px;
}
	.lightning-time-badge .lightning-time-badge__icon {
		color: #84d9f9;
	}
.assign-mission-individual-course {
	margin-bottom: 15px;
	float: left;
	min-width: 50%;
}
.assign-mission-individual-course__students {
	margin: 5px 0 10px 0;
}
.assign-mission-individual-course__student {
	max-width: 265px;
	overflow: hidden;
	height: 22px;
}
.assign-mission-button-group {
	display: flex;
	width: 250px;
}
a.remediation-link-force-style, a.remediation-link-force-style:link, a.remediation-link-force-style:visited, a.remediation-link-force-style:hover, a.remediation-link-force-style:active {
	color: #01A2F5 !important;
	text-decoration: underline !important;
}
.add-course-item {
	display: block;
	overflow: hidden;
	height: 20px;
	font-size: 13px;
}
.add-course-item__checkbox {
	position: relative;
	top: 2px;
	left: 1px;
	margin-right: 7px !important;
}
.featured-activities-label {
	font-size: 14px;
	letter-spacing: 1px;
	color: #aaa;
	margin: 10px 0 -65px 0;
	text-align: center;
	padding-left: 15px;
	position: relative;
	z-index: 20;
}
.featured-activities-all-container {
	/*overflow: hidden;*/
	padding-top: 10px;
	margin-top: 28px;
}
.carousel-inner-wrapper {
	/*height: 150px;*/
	/*overflow-y: visible;*/
}
.featured-activities-all-container .carousel-inner {
	/*overflow: visible;*/
	/*width: 630px;
	overflow-x: hidden;*/
}
.featured-activities-all-container .carousel-inner .item {
	z-index: 1000;
}
.featured-activities-container {
	text-align: center;
	margin: 75px 0 10px 0;
}
.featured-activities-container--smaller-margin {
	margin-top: 40px;
}
.featured-activity-block-container {
	display: inline-block;
	width: 32%;
	margin: 0 3px 6px 3px;
}
.featured-activity-block {
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #ddd;
	width: 100%;
}

.featured-activity-block__image {
	width: 100%;
	height: auto;
}
.featured-activity-block__title {
	padding: 8px 10px 8px 12px;
	color: #646464;
	font-size: 15px;
	font-weight: 600;
	height: 36px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.featured-category-desc {
	padding: 15px 15px;
	color: #777;
	background-color: #f4f4f4;
	overflow: auto;
}
.carousel-featured-page {
	padding-bottom: 16px;
	margin-top: 75px; /* for tooltip space */
}
.featured-category-page-image {
	float: left;
	width: 175px;
	margin: 4px 15px 8px 0;
}
.featured-category-table tr td {
	max-width: 300px;
}
.featured-category-table-actions {
	width: 75px;
}
.featured-category-table-image {
	height: 45px;
}
.featured-activities-expand {
	position: relative;
	z-index: 1000;
}
.carousel-button {
	border-radius: 50px;
	height: 41px;
	width: 41px;
	background-color: #0FADE1;
	color: #fff;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 138px /*60px*/;
	text-align: center;
	padding-top: 2px;
	z-index: 1001;
}
	.carousel-button:hover {
		background-color: #dff3f9;
	}
.carousel-button__icon {
	font-size: 25px;
}
.carousel-button.carousel-button--left {
	left: -12px;
	padding-right: 3px;
}
.carousel-button.carousel-button--right {
	right: -12px;
	padding-left: 3px;
}
.featured-activity-folder {
	margin-right: 4px;
}
.remediation-modal .well {
	padding: 14px 20px 12px 20px !important;
}
.remediation-modal__icon {
	position: relative;
	top: -1px;
	left: -4px;
}
.remediation-modal__button-container {
	margin: 15px auto 5px auto;
	max-width: 300px;
}
.remediation-modal__button {
	display: block;
	margin: 5px 0 !important;
}
.remediation-question-icon {
	margin: -6px 5px -6px 3px;
}
.remediation-question-icon:hover {
	opacity: 0.7;
}
.gap-toggle-cell-hover:hover {
	background-color: #D1EEF3 !important;
}
.solution__explanation > pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-family: 'Open Sans', sans-serif;
	color: #555;
	border: 0;
	margin: 0;
	padding: 15px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 0;
}
.upload-focus-icon-link {
	position: relative;
	top: 2px;
	margin-right: 2px;
}
.upload-focus-icon-link img {
	height: 28px;
}
.upload-focus-icon-link--mission {
	float: right;
	margin: -8px -4px 0 0
}
.upload-focus-instructions-disabled {
	color: #aaa;
	padding: 6px 0;
}
.board-insights-dropdown {
	width: 130px;
	margin: 4px 0;
}
.insights-gaps-table {
	overflow: hidden;
}

.insights-gaps-table__cell-course {
	min-width: 168px;
}
.insights-gaps-table__cell-abbrev {
	text-align: center;
	font-size: 12px;
	border-bottom: 3px solid #999;
}
.insights-gaps-table__cell-topic {
	vertical-align: bottom !important;
	width: 50px;
	/* Rotation style below */
	height: 250px;
	white-space: nowrap;
	padding-bottom: 57px !important;
}

	.insights-gaps-table__cell-topic > .insights-gaps-table__cell-topic__rotate-outer {
		transform:
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
		width: 42px;
	}

		.insights-gaps-table__cell-topic > .insights-gaps-table__cell-topic__rotate-outer > .insights-gaps-table__cell-topic__rotate-inner {
			position: relative;
			top: 2px;
			left: 7px;
			border-bottom: 1px solid #ccc;
			padding: 5px 10px 10px;
			width: 320px;
			display: block;
		}

.insights-gaps-table__cell-topic-spacer {
	border: 0 !important;
}

.insights-gaps-table__cell-topic-spacer__spacer {
	width: 230px;
}

.insights-gaps-table__cell-vote--hover:hover {
	background-color: #c8e6f5 !important;
}
.insights-gaps-table__cell-score {
	padding: 0 !important;
}
.insights-gaps-table__coloured-value {
	padding: 8px 7px;
	width: 58px;
	display: block;
	text-align: center;
	height: 100%;
}
.insights-gaps-table__coloured-value:hover {
	opacity: 0.8;
	color: #333 !important;
}
.cell-neutral:hover {
	background-color: #ddd;
}
.cell-negative-1 {
	background-color: #f5ded2;
	color: #cc4e28;
}
.cell-negative-2 {
	background-color: #f6bb9d;
	color: #cc4e28;
}
.cell-negative-3 {
	background-color: #efa17b;
	color: #cc4e28;
}
.cell-negative-4 {
	background-color: #f7996a;
	color: #cc4e28;
}
.cell-neutral {
	background-color: #f2f2f2;
	color: #717171;
}
.cell-positive-1 {
	background-color: #e5f3c6;
	color: #689603;
}
.cell-positive-2 {
	background-color: #cbef7c;
	color: #689603;
}
.cell-positive-3 {
	background-color: #c0ea63;
	color: #689603;
}
.cell-positive-4 {
	background-color: #b5e450;
	color: #689603;
}
.cell-negative-1.insights-performance-dot {
	background-color: #f6bb9d;
	color: #cc4e28;
}

.cell-negative-2.insights-performance-dot {
	background-color: #f6bb9d;
	color: #cc4e28;
}

.cell-negative-3.insights-performance-dot {
	background-color: #efa17b;
	color: #cc4e28;
}

.cell-negative-4.insights-performance-dot {
	background-color: #f7996a;
	color: #cc4e28;
}

.cell-neutral.insights-performance-dot {
	background-color: #f2f2f2;
	color: #717171;
}

.cell-positive-1.insights-performance-dot {
	background-color: #cbef7c;
	color: #689603;
}

.cell-positive-2.insights-performance-dot {
	background-color: #cbef7c;
	color: #689603;
}

.cell-positive-3.insights-performance-dot {
	background-color: #c0ea63;
	color: #689603;
}

.cell-positive-4.insights-performance-dot {
	background-color: #b5e450;
	color: #689603;
}
.insights-categories-table {
	margin-top: 10px;
}
.insights-categories-table td {
	border: 1px solid #ddd;
}
.insights-categories-table__heading-row > td {
	border-bottom: 2px solid #bbb !important;
}
.insights-categories-table__cell-gap {
	/*padding: 0 !important;*/
	padding: 8px 8px 8px 38px !important;
}
	.insights-categories-table__cell-gap:hover {
		/*padding: 0 !important;*/
		background-color: #bfe3f0;
	}
.insights-categories-table__cell-gap-category-group {
	font-weight: bold;
	background-color: #e5e5e5;
	font-size: 16px;
	padding: 7px 8px 6px 10px !important;
}
.insights-categories-table__cell-gap-category {
	font-style: italic;
	background-color: #f2f2f2;
}
.insights-categories-table__cell-heading {
	width: 88px;
	text-align: center;
	background-color: #e5e5e5;
}
.insights-categories-table__cell-value {
	text-align: center;
	padding: 0 !important;
}
.insights-categories-table__score {
	display: block;
	padding: 8px 4px;
	text-align: center;
}
.insights-categories-table__gap-link {
	/*display: block;
	padding: 8px 5px 8px 64px;*/
}
	/*.insights-categories-table__gap-link:hover {
		background-color: #bfe3f0;
	}*/

.poll-marked-table {
	margin-top: 10px;
}

	.poll-marked-table td {
		border: 1px solid #ddd;
	}

.poll-marked-table__cell-heading {
	width: 88px;
	text-align: center;
	background-color: #e5e5e5;
}
.poll-marked-table__cell-gap {
	padding-left: 15px !important;
}
.poll-marked-table__cell-value {
	text-align: center;
	padding: 0 !important;
}

.poll-marked-table__score {
	display: block;
	padding: 8px 4px;
	text-align: center;
}
.insights-performance-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
}
.insights-performance-dot-tooltip {
	width: 10px;
	height: 10px;
	position: relative; top: 2px;
	margin-right: 4px;
}
.poll-vote-table__performance-dot {
	position: absolute;
	bottom: 14px;
	margin-left: 31px;
	z-index: 1000;
}
.school-dashboard-table__icon {
	position: relative;
	font-size: 85%;
}
.solution-modal-explanation {
	margin-bottom: 0;
	font-size: 21px;
}
.student-portfolio-explanation {
	background-color: #f2f2f2;
	border-radius: 5px;
	padding: 20px 25px;
	margin: 12px 0 15px 0;
}
.student-portfolio-explanation--has-image {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: -13px;
}
.solution__explanation {
	text-align: left;
}
.solution__explanation--no-image {
	border-top: 1px solid #ddd;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
	.solution__explanation--no-image.solution__explanation > pre {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
.teacher-tip-icon--add-content {
	margin: 4px 0 0 4px;
}
.teacher-tip-icon {
	margin: 0 9px 0 0;
}
.teacher-tip-container {
	margin: 15px 0 0 0;
	position: relative;
	padding: 12px 10px 3px 16px;
}
.teacher-tip-container--gameshow {
	margin: 25px -11px 13px 0;
	position: relative;
	padding: 15px 13px 7px 28px;
	font-size: 18px;
}
	.teacher-tip-container--gameshow .teacher-tip-label {
		top: 2px;
		font-size: 21px;
		display: inline-block;
		margin: 0 0 9px 9px;
	}
	.teacher-tip-container--gameshow .teacher-tip-close {
		top: 12px;
		right: 13px;
	}
.teacher-tip-container .video-container iframe{
	min-width: 240px;
}
.teacher-tip-close {
	position: absolute;
	top: 9px;
	right: 10px;
	opacity: 0.5;
}
.teacher-tip-label {
	position: relative;
	top: 1px;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	margin: 0 0 9px 5px;
}
.tooltip-attempts {
	float: right;
	margin-top: -1px;
	color: #bbb;
}
.insights-question-numattempts {
	float: right;
	color: #999;
	font-weight: normal;
	font-size: 15px;
}
.edit-class-registration-check {
	margin: 11px 0 1px 0;
	font-size: 13px;
	color: #999;
	cursor: pointer;
}
.edit-class-registration-check input[type=checkbox] {
	position: relative;
	top: 2px;
	margin-right: 4px;
}
.edit-class-registration-check--add-student-modal {
	position: absolute;
	top: 10px;
	left: 191px;
	width: 195px;
	text-align: center;
}
.gs-upload-focus-indicator {
	display: inline-block;
	cursor: pointer;
	margin-left: -4px;
	width: 41px;
	height: 41px;
	padding-right: 2px;
	margin-bottom: -5px;
	margin: -1px 0 -5px -4px;
}
.gs-upload-focus-indicator--none {
	background-image: url(../images/upload-focus-empty-light-icon.png);
	background-size: cover;
}
.gs-upload-focus-indicator__count {
	display: block;
	text-align: center;
	margin-top: 11px;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0;
}
.gs-skip-question-link {
	position: relative;
	top: 5px;
}
.gs-buttons-below-container {
	display: inline-block;
	margin-left: 19px;
}
.upload-focus-bg-cover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #000;
	opacity: 0.3;
}
#upload-focus {
	display: block;
	margin-bottom: 5px;
}
.upload-focus {
	max-width: 475px;
	z-index: 501;
	position: relative;
}
.upload-focus__instructions-label {
	font-weight: 800;
	font-size: 20px;
}
.upload-focus__instructions-text {
	font-size: 15px;
	margin: 4px 0 12px 0;
}
.upload-focus__textarea {
	height: 64px !important;
}
.upload-focus__submit {
	margin-top: 7px;
	width: 100%;
}
.upload-focus__paper-container {
	margin-top: 12px;
	text-align: center;
	font-size: 14px;
}
.upload-focus-flex { /* Narrower at < 990px; becomes stacked at 767px */
	/*position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;*/
}

	.upload-focus-flex > div {

	}

.upload-focus-flex__button-column {
	/*flex: 0 0 128px;*/
	/*border: 1px solid red;*/
	text-align: center;
}

.upload-focus-flex__text-column {
	/*border: 1px solid orange;*/
	position: relative;
	width: 100%;
}
.upload-focus-submit-camera {
	margin-right: 5px;
}
.upload-focus-report-solutions-counter {
	/*position: absolute;
	bottom: 16px;
	left: 12px;*/
	display: inline-block;
	background-image: url(../images/upload-focus-empty-icon.png);
	background-size: cover;
	text-align: center;
	width: 50px;
	height: 50px;
	color: #fff;
	font-weight: 700;
	padding-top: 10px;
	font-size: 24px;
	margin-right: 13px;
	position: relative;
	top: 5px;
	cursor: pointer;
}
.upload-focus-report-solutions-counter:hover {
	color: #fff;
	opacity: 0.8;
}
.upload-focus-report-solutions-counter-spacer {
	height: 22px;
}
.connectivity-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	text-align: center;
	background-color: #E44685;
	color: #fff;
	z-index: 1000;
}
.connectivity-bar__text {
	display: inline-block;
	font-size: 15px;
}
	.connectivity-bar__text img {
		position: relative;
		top: -3px;
		margin-right: 3px;
	}
.connectivity-bar__close {
	float: right;
	cursor: pointer;
	color: #fff;
	margin-right: 4px;
}
.connectivity-bar__close:hover {
	color: #fff;
	opacity: 0.7;
}
.report-issue-flag-icon {
	color: #c2c2c2;
}
.correct-modal-star-text {
	font-size: 19px;
	color: #8a8a8a;
	margin: 7px 0 3px 0;
}
.correct-modal-stars-missing-2 {
	height: 70px;
}
.correct-modal-stars-missing-3 {
	height: 70px;
}
.modal-mastery-win-banner {
	max-width: 100%;
	margin: 1px auto -4px auto;
	display: block;
}
.mastery-win-modal-content .icon_correct {
	margin-right: -14px;
	margin-left: -14px;
}
.locale-switcher-container a {
	cursor: pointer;
}
.locale-switcher-container--teacher .locale-switcher {
	color: #717171;
}
.locale-switcher-container--student .locale-switcher {
	color: #fff;
}
.locale-switcher__flag {
	margin-right: 4px;
}
.student-feelings {
	text-align: center;
	margin: 25px 0;
	position: relative;
	z-index: 101; /* 1051 */
}
.student-feelings__face, .student-feelings__text {
	display: inline-block;
	width: 97px;
	margin: 5px 2px;
	color: #aaa;
	font-size: 13px;
	line-height: 1.3;
}
.student-feelings__text {
	height: 35px;
}
.student-feelings__face.not-selected {
	opacity: 0.3;
}
.control-bar-tip-container {
	position: fixed;
	z-index: 200;
	width: 100%;
	bottom: 66px;
	left: 0;
	height: 80px;
	text-align: center;
}
.growth-report-title {
	font-weight: 300;
	color: #999;
	font-size: 30px;
	margin: 20px 0;
}
.growth-report-table {
	width: auto;
}
.growth-report-table__cell-name {
	padding: 15px 12px !important;
	font-size: 15px;
}
.growth-report-table__cell-summary-growth {
	padding: 15px 12px !important;
	font-size: 15px;
	font-style: italic;
	color: #aaa;
}
.growth-report-table__cell-attempt {
	text-align: center;
	padding: 0 4px !important;
}
.growth-report-table td.growth-report-table__cell-sum {
	padding: 9px 4px !important;
	text-align: center;
	color: #aaa;
	font-size: 21px;
	font-weight: 300;
}
.growth-report-table__cell-growth {
	position: relative;
}
.growth-report-table__icon-small {
	display: inline-block;
	font-size: 12px;
	position: relative;
	top: -13px;
}
.growth-report-table__icon-large {
	display: inline-block;
	font-size: 29px;
}
.growth-report-table__icon-solution {
	float: right;
	font-size: 18px;
	position: relative;
	top: 10px;
	left: 3px;
}
.growth-report-leaf {
	display: inline-block;
	font-size: 15px;
	margin: -1px 6px 0 0;
}
.growth-report-student-donut {
	width: 50px;
	position: relative;
	margin: 0 auto;
}
.growth-report-student-donut-label {
	position: absolute;
	top: 0;
	padding-top: 16px;
	width: 100%;
	height: 60px;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	color: #999;
}
.growth-report-overall-container {
	text-align: center;
	margin: 20px 0 0 0;
}
.growth-report-overall-container--teacher {
	margin: 20px 0 -47px 0;
}
.growth-report-overall-donut {
	width: 120px;
	position: relative;
	margin: 0 auto;
}

.growth-report-overall-donut-label {
	position: absolute;
	top: 0;
	padding-top: 38px;
	width: 100%;
	height: 120px;
	text-align: center;
	font-weight: 300;
	font-size: 31px;
	color: #aaa;
}
.growth-report-question-growth-text {
	display: inline-block;
	margin-left: 15px;
	font-weight: normal;
	color: #aaa;
}
.student-growth-solutions-modal__label {
	font-size: 15px;
}
.popover-solution-close {
	display: inline-block;
	float: right;
	padding: 0 5px;
}
.white-button-dropdown {
}
.white-button-dropdown__button {
	width: 100%;
	text-align: left;
}
.white-button-dropdown ul {
	width: 100%;
}
.white-button-dropdown ul.dropdown-menu > li {
	max-width: 100%;
}
.student-password-reset-container {
	position: fixed;
	top: 51px;
	left: 0;
	width: 100%;
	/*height: 70px;*/
	background-color: #73ffe3;
	text-align: center;
	z-index: 1500;
	font-size: 17px;
	padding: 20px 10px 12px 10px;
	color: #08b998;
}
.student-password-reset__text {
	display: inline-block;
	/*margin-bottom: 6px;*/
	position: relative;
	top: -21px;
}
.student-password-reset__verify {
	font-size: 13px;
	color: #000;
	opacity: 0.6;
	margin-top: 3px;
}
.student-password-reset .btn {
	position: relative;
	top: -3px;
}
.student-password-reset__hide {
	position: absolute;
	right: 12px;
	top: 6px;
	color: #fff;
	opacity: 0.8;
	font-size: 16px;
}
.progress-recent-event {
	margin: 8px 5px 8px 5px;
	height: 45px;
	overflow: hidden;
}
.progress-random-avatar {
	display: inline-block;
	position: relative;
	width: 40px;
	margin-right: 5px;
}
.progress-random-avatar img {
	width: 100%;
}
.progress-random-qmark {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	font-weight: 800;
	color: #fff;
	font-size: 28px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.google-sso-login-button {
	margin: 0 0 7px 0;
}
.google-sso-icon {
	margin: -3px 5px 0 0;
}
.trajectory-report-page-container {
	padding: 0px 20px;
}
.trajectory-course-label {
	display: block;
}
.trajectory {
	height: 200px;
}
.trajectory__beta {
	vertical-align: super;
	font-size: smaller;
	color: #08c2ef;
	font-size: 50%;
	font-weight: 300;
	display: inline-block;
	margin-left: 3px;
}
.trajectory__name {
	display: inline-block;
	padding-top: 90px;
	font-weight: bold;
	width: 150px;
}
.trajectory__percent {
	margin: 0 0 0 25px;
	font-weight: normal;
}
.trajectory__line-container {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.trajectory__line {
	position: absolute;
	top: 99px;
	height: 4px;
	background-color: #ccc;
	width: 100%;
}

.trajectory__arrow {
	position: absolute;
	right: -4px;
	top: 86px;
	font-size: 21px;
	color: #ccc;
}

.trajectory__level-column {
	width: 120px;
	height: 200px;
	display: inline-block;
	vertical-align: top;
}

.trajectory__level-name {
	position: absolute;
	top: 10px;
	width: 120px;
	text-align: center;
	color: #aaa;
	vertical-align: top;
}

.trajectory__circle {
	border-width: 2px;
	border-style: solid;
	width: 50px;
	height: 50px;
	border-radius: 200px;
	background-color: #a1eaf9;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.trajectory-circle-colour-1 {
	background-color: #ffbca3;
	border-color: #f99f94;
	color: #d23a28;
}

.trajectory-circle-colour-2 {
	background-color: #ffed7a;
	border-color: #ffdb6c;
	color: #f1980f;
}

.trajectory-circle-colour-3 {
	background-color: #cfef7e;
	border-color: #a3e05c;
	color: #62ab0d;
}
.trajectory__circle--none {
	height: 15px;
	width: 15px;
	background-color: #ccc;
	border-color: #ccc;
	margin-top: 1px;
}

.trajectory__circle-count {
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.trajectory-modal-logical-error {
}
.trajectory-modal-logical-error__title-bar {
	background-color: #f2f2f2;
	padding: 5px;
	margin: 5px 0;
}
.trajectory-modal-logical-error__title-count {
	display: inline-block;
	width: 40px;
}
.trajectory-modal-logical-error__arrow {
	float: right;
}
.trajectory-modal-logical-error__title-name {
	display: inline-block;
	font-weight: bold;
}
.trajectory-modal-logical-error__student {
}
.trajectory-modal-logical-error__page-title {
	font-size: 20px;
	font-weight: bold;
}
.trajectory-modal-logical-error__document-button {
	margin-right: 5px;
}
.teacher-onboarding-container {
	margin: 0 0 15px 0;
}
.teacher-onboarding-bar {
	margin: 0 auto;
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between; /* center? */
	align-items: stretch;
	border: 1px solid #ddd;
	padding: 15px 22px;
	background-color: #f2f2f2;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
	.teacher-onboarding-bar:hover {
		background-color: #ececec;
	}
	.teacher-onboarding-bar.is-collapsed {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
.teacher-onboarding-bar__title-column {
	flex: 0 0 167px;
	font-weight: bold;
	font-size: 19px;
	color: #999;
	padding-top: 4px;
}
.teacher-onboarding-bar__intermediate-label {
	font-weight: 600;
	font-size: 17px;
}
.teacher-onboarding-bar__progress-column {
	width: 100%;
	padding: 0 20px;
}
.teacher-onboarding-bar__close-column {
	flex: 0 0 56px;
	text-align: right;
	font-size: 20px;
}
.teacher-onboarding-body {
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom: 0;
	padding: 15px 22px;
}
.teacher-onboarding-path {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 10px 15px 15px 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #f8f8f8;
}
.teacher-onboarding__line-container {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.teacher-onboarding__line {
	position: absolute;
	top: 34px;
	height: 3px;
	background-color: #ccc;
	width: 82%;
	left: 9%;
}

.teacher-onboarding__arrow {
	position: absolute;
	right: -4px;
	top: 86px;
	font-size: 21px;
	color: #ccc;
}

.teacher-onboarding__level-column {
	width: 16%;
	height: 103px;
	display: inline-block;
	vertical-align: top;
}

.teacher-onboarding__level-name {
	position: absolute;
	top: 70px;
	width: 16%;
	text-align: center;
	color: #999;
	vertical-align: top;
	font-weight: 600;
	line-height: 1.3;
	font-size: 13px;
}
.teacher-onboarding__level-column.active .teacher-onboarding__level-name {
	color: #333;
	font-weight: 700;
}
.teacher-onboarding__circle {
	border: 2px solid #ccc;
	width: 50px;
	height: 50px;
	border-radius: 200px;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	top: 36px;
	transform: translateY(-50%);
	font-size: 21px;
	padding-top: 8px;
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,.2);
	box-shadow: 3px 3px 7px rgba(0,0,0,.2);
	transition: top linear 0.1s;
}
	.teacher-onboarding__circle.active {
		border: 3px solid #60bd1a !important;
	}
	.teacher-onboarding__circle.completed {
		background-color: #a9f76e;
		border: 2px solid #a8f76e;
	}
.teacher-onboarding__level-column:hover .teacher-onboarding__circle {
	border: 3px solid #60bd1a;
	top: 39px;
}
.teacher-onboarding__level-column:hover .teacher-onboarding__level-name {
	color: #333;
}
.teacher-onboarding-item {
	margin: 0 auto;
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between; /* center? */
	align-items: stretch;
}
.teacher-onboarding-item__content {
	width: 100%;
	padding: 15px 15px 0 35px;
}
.teacher-onboarding-item__image {
	flex: 0 0 225px;
	text-align: left;
	padding: 10px;
	height: 225px;
}
	.teacher-onboarding-item__image img {
		width: 100%;
		/*max-width: 200px;*/
	}
.teacher-onboarding-item__title {
	font-weight: 600;
	font-size: 17px;
	margin: 5px 0 9px 0;
}
.teacher-onboarding-item__text {
	color: #aaa;
}
.teacher-onboarding-progress-text {
	font-size: 15px;
	color: #999;
}
.teacher-onboarding-progress-text-right {
	float: right;
}
.teacher-onboarding__advanced-level {
	font-size: 16px;
	color: #bbb;
	font-weight: 600;
	margin: -19px 0 15px 9px;
}
.teacher-course-selector {
	width: 100%;
	z-index: 1002;
}
.teacher-course-selector__course-button {
	width: 100%;
	text-align: left;
	/*border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;*/
}
.parent-class-selector-button {
	width: 250px !important;
}
.teacher-course-selector__filter-button {
	width: 15%;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
.parent-class-selector {
	width: auto;
	display: inline-block;
}
.parent-student-class-dropdown-container {
	display: inline-block;
	/*width: 260px;*/
	margin: 10px 0 0 0;
	position: relative;
	top: -5px;
    z-index: 1003;
}
.parent-reset-password-button {
	position: relative;
	top: -1px;
}
.branch-content-block {
	margin-top: -7px;
	border-bottom: 1px solid #ddd;
}
.branch-group-badge {
	display: inline-block;
	border-radius: 40px;
	text-align: center;
	font-size: 82%;
	padding: 5px 6px;
	font-weight: 600;
	color: #fff;
	margin: 0 -1px -3px 0;
	min-width: 30px;
}
.branch-group-accordion-block {
	margin: 0 0 6px 0;
	cursor: pointer;
}
	.branch-group-accordion-block.active {
		/*margin: 0 0 0px 0;*/
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		/*border: 2px solid #3dd2b5;*/
	}
	.branch-group-accordion-block .panel-heading:hover {
		/*
		background-image: -webkit-linear-gradient(top,#f1f1f1 0,#e1e1e1 100%) !important;
		background-image: -o-linear-gradient(top,#f1f1f1 0,#e1e1e1 100%) !important;
		background-image: -webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#e1e1e1)) !important;
		background-image: linear-gradient(to bottom,#f1f1f1 0,#e1e1e1 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f1f1', endColorstr='#ffe1e1e1', GradientType=0) !important;
		*/
		background-image: none;
		background-color: #20b79a;
		color: #fff;
	}
	.branch-group-accordion-block.active .panel-heading {
		background-image: none;
		background-color: #34c7ab;
		color: #fff;
	}
.branch-group-title {
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.branchgroup-content-block {
	margin-top: -7px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.secondary-top-nav {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	color: #fff;
	background-color: #f2f2f2;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #d2d2d2;
	z-index: 1010;
}
.secondary-top-nav-flex {
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: auto; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between; /* center? */
	align-items: center;
}
	.secondary-top-nav__item {
		display: inline-block;
		width: auto;
		font-size: 15px;
		font-weight: 600;
		color: #777;
		padding: 13px 15px 9px 15px;
		border-bottom: 3px solid #f2f2f2;
		white-space: nowrap;
	}
		.secondary-top-nav__item.secondary-top-nav__item--active {
			border-bottom: 3px solid #0fade1 !important;
			color: #0fade1;
			background-color: #fff /*#d4f6ff*/ !important;
		}
		.secondary-top-nav__item:visited, .secondary-top-nav__item:link {
			text-decoration: none !important;
		}
		.secondary-top-nav__item:hover {
			background-color: #fff;
			border-bottom: 3px solid #d8d8d8;
			color: #0fade1;
		}
		.secondary-top-nav__item:active {
			text-decoration: none !important;
		}
.secondary-top-nav__spacer {
	height: 35px;
}
.secondary-top-nav__spacer--sm {
	height: 35px;
}
.secondary-top-nav__counter {
	display: inline-block;
	border-radius: 30px;
	font-size: 12px;
	padding: 1px 5px;
	background-color: #e7e7e7;
	color: #999;
	text-align: center;
	margin: 0 0 0 2px;
}
.discussion-thread {
	border-radius: 8px;
	background-color: #f2f2f2;
	padding: 15px;
}
.discussion-thread--reflection {
}
.discussion-thread--reflection .discussion-thread-root-comment-textarea {
	height: 75px;
}
.discussion-thread__post-container {
	margin: 0px 0;
}
.discussion-thread__post-container--indented {
	margin: 0px 0 15px 20px;
}
.discussion-thread__post-text {
	background-color: #fbfbfb;
	border-radius: 8px;
	margin: 10px 0;
	padding: 12px 15px;
	color: #555;
}
.plc-reflections-subtitle {
	font-size: 28px;
	color: #999;
	margin: 0 0 20px 0;
	font-weight: 300;
}
.plc-reflection-filter__container {
	margin: 20px 0 15px 0;
}
.plc-reflection-filter__person {
	display: block;
	border: 1px solid #ddd;
	padding: 15px 20px;
	color: #888;
	font-size: 17px;
	cursor: pointer;
}
	.plc-reflection-filter__person:not(.plc-reflection-filter__person--selected):hover {
		background-color: #e0f5f8;
	}
.plc-reflection-filter__person:first-child {
	border-bottom: 0;
}
.plc-reflection-filter__person--selected {
	font-weight: bold;
	background-color: #e0f5f8;
	color: #555;
}
.plc-report-block {
	/*
	display: block;
	*/
	height: 52px;
	margin: 5px 10px 5px 0;
	padding: 12px 15px;
	text-align: left;
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	border-style: solid;
	border-color: #ddd;
	border-width: 1px 0 0 1px;
}
.plc-report-block__text-col {
	width: 100%;
	text-align: left;
	overflow: hidden;
	text-wrap: none;
}
.plc-report-block__name {
	display: inline-block;
	max-width: 260px;
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 7px;
}
.plc-report-block__class {
	display: inline-block;
	color: #aaa;
	margin: 3px 5px 0 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}
.plc-report-block__growth {
	flex: 0 0 63px;
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	text-align: right;
}
.plc-report-block__arrow {
	/*float: right;
	margin: 1px 0 0 0;*/
	font-size: 17px;
	flex: 0 0 24px;
	text-align: right;
}
/* Admin Page CSS */
.AdminDashContainer {
	margin: 20px auto 40px auto;
	padding: 15px 30px 25px 30px;
	/*background-color: #eee;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}

#headline-bar-adminClassCode-mode {
	background-color: #B3E14F;
	display: block;
}

.TourTips {
	font-size: large;
	font-weight: bold;
	z-index: 100;
}

	.TourTips.TourTipsAllowUntracked {
		font-weight: normal;
		font-size: 13px;
		text-align: left;
		width: 400px;
		max-width: 400px;
		margin-left: 25px;
	}

	.TourTips.TourTipsVerbose {
		font-size: 14px;
		font-weight: normal;
	}
.tourtip--blue {
	background-color: #10bef7;
	color: #fff !important;
	padding: 0 !important;
}
.popover.tourtip--blue.bottom > .arrow:after {
	border-bottom-color: #10bef7;
	border-width: 15px;
	top: -14px;
	margin-left: -15px;
}
.popover.tourtip--blue.top > .arrow:after {
	border-top-color: #10bef7;
	border-width: 15px;
	bottom: -14px;
	margin-left: -15px;
}
.popover.tourtip--blue.right > .arrow:after {
	display: none;
	border-right-color: #10bef7;
	border-width: 15px;
	left: -15px;
	top: 15px;
}
.popover.tourtip--blue.right > .arrow {
	border-right-color: #10bef7;
}
.popover.tourtip--blue.left > .arrow:after {
	display: none;
	border-left-color: #10bef7;
	border-width: 15px;
	left: -15px;
	top: 15px;
}
.popover.tourtip--blue.left > .arrow {
	border-left-color: #10bef7;
}
.popover.tourtip--black.bottom > .arrow:after {
	border-bottom-color: #333;
	border-width: 15px;
	top: -14px;
	margin-left: -15px;
}

.popover.tourtip--black.top > .arrow:after {
	border-top-color: #333;
	border-width: 15px;
	bottom: -14px;
	margin-left: -15px;
}

.popover.tourtip--black.right > .arrow:after {
	display: none;
	border-right-color: #333;
	border-width: 15px;
	left: -15px;
	top: 15px;
}

.popover.tourtip--black.right > .arrow {
	border-right-color: #333;
}
.add-class-tourtip {
	position: absolute;
	width: 240px;
	height: auto;
	top: 4px; /* 213px */
	left: 5px;
	text-align: left;
	display: inline-block;
	z-index: 100;
}
	.add-class-tourtip.add-class-tourtip--mobile {
		margin: 18px auto 14px auto;
		position: absolute;
		display: block;
	}
	.add-class-tourtip .popover-content {
		font-size: 19px;
		padding: 15px 20px 15px 20px;
	}
.tourtip-premium-tag {
	display: inline-block;
	border-radius: 15px;
	background-color: #d3f262;
	color: #6bba1e;
	padding: 2px 8px 3px 8px;
	margin: 9px 0 4px 0;
	font-weight: 600;
	border: 1px solid #fff;
	font-size: 13px;
}
.tourtip-premium-tag img {
	height: 13px;
	position: relative;
	top: -2px;
	margin-right: 1px;
}
md-slider .md-track-container {
	height: 4px;
}

/*login in password input*/
::-ms-reveal {
	display: none;
}

.password-input-container-normal {
	position: relative;
}

	.password-input-container-normal .input {
		padding-right: 35px;
	}

	.password-input-container-normal .icon-container {
		width: 29px;
		position: absolute;
		top: 5px;
		right: 5px;
		height: 25px;
		text-align: center;
		font-size: 11px;
		padding-top: 3px;
		color: #aaa;
		z-index: 1000;
	}

.form-control-md .icon-container {
	top: 9px !important;
	right: 11px !important;
	height: 25px !important;
	font-size: 14px !important;
}

.password-input-container-gameshow {
	position: relative;
}

	.password-input-container-gameshow .input {
		padding-right: 50px;
		font-size: 25px;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		height: auto;
		border-radius: 8px;
		margin-top: 7px;
	}

	.password-input-container-gameshow .icon-container {
		width: 47px;
		position: absolute;
		top: 5px;
		right: 5px;
		height: 39px;
		text-align: center;
		padding-top: 2px;
		color: #aaa;
	}

	.password-input-container-gameshow .icon {
		padding-top: 7px;
		font-size: 1.6em;
		line-height: 1;
	}
/* my plcs*/
.my-plc-block {
	margin: 0;
}

.my-plc-stats-table {
	width: 100%;
}

	.my-plc-stats-table td {
		border: 1px solid #ddd;
		padding: 14px 12px 14px 20px;
		box-shadow: inset 0px -1px 5px #f2f2f2;
	}

.my-plc-stats-table__cell-name {
	text-align: left;
	font-size: 16px;
	vertical-align: top;
}

.my-plc-stats-table__link {
	width: 100%;
	display: block;
	position: relative;
	padding-right: 20px;
	color: #888;
}

	.my-plc-stats-table__link span.glyphicon {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0%, -50%);
	}

/*PLC Table*/
.plc-listing-table {
	width: 100%;
	margin: 30px 0 10px 0;
	border: 1px solid #ddd;
}

	.plc-listing-table .cell_due {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		width: 90px;
	}

	.plc-listing-table .cell_name {
		/*width: 50%;*/
		position: relative;
	}

	.plc-listing-table .cell_performance .progress {
		margin-bottom: 0;
	}

	.plc-listing-table .cell_performance {
		width: 155px;
		text-align: center;
	}

	.plc-listing-table .cell_complete {
		text-align: center;
		width: 46px;
		padding-left: 1px;
	}

	.plc-listing-table .cell_actions {
		text-align: center;
		width: 144px;
	}

		.plc-listing-table .cell_actions .btn-group {
			width: 120px;
		}

	.plc-listing-table .block_name {
		max-width: 320px;
		height: 25px;
		line-height: 2;
		overflow: hidden;
	}

	.plc-listing-table .btn_edit {
		font-size: 17px;
		position: relative;
		top: -3px;
		left: 4px;
		padding-right: 9px;
		padding-left: 9px;
		margin-right: 4px;
	}

	.plc-listing-table .positiveGrowth {
		color: lightseagreen;
	}

	.plc-listing-table .negativeGrowth {
		color: orangered;
	}

.plc-view.gs-nav-tab > li {
	/*float: none;*/
}

	.plc-view.gs-nav-tab > li > a {
		display: block;
		padding-left: 5px;
		padding-right: 5px;
	}

.page-heading {
	font-size: 32px;
	font-family: 'open sans', sans-serif;
	font-weight: 700 !important;
	margin: 25px 0 10px 0;
	clear: both;
	line-height: 1.1;
	display: inline;
}

.plc-resource ul {
	margin-top: 10px;
	padding-left: 20px;
	list-style-type: none;
}

.plc-resource a {
	text-decoration: underline;
}

.plc-resource b {
	display: block;
}
.active-activity-spacer {
	height: 70px;
}
.active-activity-bar {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 11px;
	background-color: #f96e7b;
	font-size: 22px;
	font-weight: 600;
	z-index: 1030;
}
.active-activity-bar__buttons {
	float: right;
	padding-right: 10px;
}
.active-activity-bar__close {
	position: absolute;
	top: 10px;
	right: 14px;
	color: #fff;
	font-size: 15px;
}
.active-activity-bar__name {
	height: 25px;
	font-size: 15px;
	font-weight: 600;
	margin: 4px 0 -3px 0;
	color: #fff;
	max-width: 320px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.active-activity-bar__highlight {
	color: #a50000;
}
.active-activity-bar__help-container {
	position: absolute;
	top: 25px;
	left: 43%;
	width: 200px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.active-activity-bar__questions {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 6px;
	font-weight: normal;
	color: #fff;
}
.activities-add-to__plus-icon {
	display: inline-block;
	margin-right: 7px;
	font-size: 13px;
}
.activities-add-to__activity-icon {
	display: inline-block;
	margin-left: 2px;
	margin-right: 8px;
	font-size: 13px;
}
.activities-add-to__other-icon {
	display: inline-block;
	margin-right: 5px;
	font-size: 13px;
}
#teacher-footer-mobile {
	position: fixed;
	z-index: 1041; /* other TeacherFooter is 1040 */
	bottom: 0;
	left: 0;
	background-color: #343434;
	color: #fff;
	text-align: center;
	width: 100%;
}
.teacher-footer-flex {
	max-width: 464px; /* 515px for 6 items, 464px for 5 items */
	margin: 0 auto;

	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between; /* center? */
	align-items: stretch;
}
.teacher-footer-mobile-menu-item {
	color: #949494;
	display: inline-block;
	vertical-align: top;
	padding: 6px 5px 12px 5px;
	cursor: pointer;
	width: 100%;
	/*overflow: hidden;*/ /* why? */
	position: relative;
}
.teacher-footer-mobile-menu-item:hover {
	color: #fff;
}
	.teacher-footer-mobile-menu-item:active, .teacher-footer-mobile-menu-item:focus {
		color: #fff;
		text-decoration: none;
	}
.teacher-footer-mobile-menu-item--active {
	color: #fff;
	background-color: #01B4FF;
}
.teacher-footer-mobile-menu-item__icon {
	font-size: 29px;
	height: 42px;
	padding-top: 3px;
}
.teacher-footer-mobile-menu-item__icon-paper-mode {
	width: 49px;
	vertical-align: top;
	margin-top: 4px;
}
.teacher-footer-mobile-menu-item__label {
	font-weight: 600;
	font-size: 12px;
}
.paper-mode-report-icon {
	margin: 0 5px 0 0;
}

.solution-feedback__feedback-buttons {
	float: left;
}
.gs-launch-button {
	margin: 22px 0 10px 10px;
}

.class-dropdown-mobile {
	float: right;
	display: inline-block;
	/*border-left: 1px solid #555;
	border-right: 1px solid #555;*/
	height: 50px;
}
.class-dropdown-mobile__toggle {
	display: block;
	color: #ddd !important;
	padding: 16px 6px 15px 6px;
}

.parent-child-dropdown-mobile {
	float: right;
	display: inline-block;
	/*border-left: 1px solid #555;
	border-right: 1px solid #555;*/
	height: 50px;
}

.parent-child-dropdown-mobile__toggle {
	display: block;
	color: #ddd !important;
	padding: 16px 6px 10px 6px;
}
.parent-child-dropdown-mobile__name {
	display: inline-block;
	max-width: 68px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: -5px;
}
::-ms-reveal {
	display: none;
}
.earn-credits-callout-tourtip {
	position: absolute;
	width: 260px;
	height: 73px;
	top: 32px;
	left: -71px;
	text-align: left;
	display: block;
	color: #000;
	overflow: visible
}
.invite-parents-callout-tourtip {
	position: absolute;
	width: 300px;
	top: 50px;
	left: -71px;
	text-align: left;
	display: block;
	color: #000;
	overflow: visible
}
.password-input-container-normal {
	position: relative;
}

.password-input-container.password-input-container-empty input {
	padding-right: 12px;
}

	.password-input-container-normal .input {
		padding-right: 35px;
	}

.password-input-container-gameshow {
	position: relative;
}

	.password-input-container-gameshow .input {
		padding-right: 50px;
		font-size: 25px;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		height: auto;
		border-radius: 8px;
		margin-top: 7px;
	}

	.password-input-container-gameshow .icon-container {
		width: 47px;
		position: absolute;
		top: 5px;
		right: 5px;
		height: 39px;
		text-align: center;
		padding-top: 2px;
		color: #aaa;
	}

	.password-input-container-gameshow .icon {
		padding-top: 7px;
		font-size: 1.6em;
		line-height: 1;
	}
.parent-additional-resources-bar {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	background-color: #ffe425;
	color: #d0ae00;
	font-weight: 600;
}
.parent-additional-resources-bar__spacer {
	height: 50px;
}
.parent-class-activity-bar {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	background-color: #a1f7f7;
	color: #2cc1c1;
	font-weight: 600;
}
.parent-class-activity-bar__spacer {
	height: 50px;
}
.added-students-table {
	width: 100%;
	margin: 20px 0;
}

.added-students-table td {

}
.added-students-table__cell-number {
	vertical-align: middle !important;
	font-size: 14px;
	font-weight: 600;
	color: #aaa;
	width: 50px;
}
.added-students-table__cell-name {
	vertical-align: middle !important;
	font-size: 17px;
}
.added-students-table__cell-course {
	width: 150px;
}
.added-students-table__cell-remove {
	width: 53px;
	text-align: center;
	vertical-align: middle !important;
}
.added-students-table__course-select {
	margin-top: 0;
}
.AddStudentModal {
	width: 100%;
}

.AddStudentModalInstructions {
	width: 100%;
}
.choice-button {
	background-color: #f5f5f5;
	width: 100%;
	border: 1px solid #ddd;
	padding: 13px 13px 13px 16px;
	white-space: normal;
	overflow: auto;
	border-radius: 6px;
	line-height: 1.2;
	margin: 6px 0 0 0;
}
	.choice-button:hover {
		background-color: #f0f0f0;
		border: 1px solid #ccc;
	}
.choice-button__title {
	font-weight: 600;
}
.add-student-modal__choice-button {
	background-color: #f5f5f5;
	width: 100%;
	border: 1px solid #ddd;
	padding: 20px 10px;
	white-space: normal;
	overflow: auto;
	border-radius: 6px;
}
.add-student-modal__choice-button--register {
	padding: 10px 10px;
}
	.add-student-modal__choice-button--register .add-student-modal__choice-button-name {
		margin-top: 18px;
	}
.add-student-modal__choice-button:hover {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}
.add-student-modal__choice-button-name {
	font-size: 19px;
	margin-top: 8px;
}
.add-student-modal .modal-body {
	padding-left: 25px;
	padding-right: 25px;
}
.add-student-modal__choice {
	margin-bottom: 4px;
}
.add-student-modal__choice-icon {
	font-size: 47px;
	vertical-align: middle;
	color: #ccc;
	float: left;
	text-align: center;
	width: 15%;
}
.add-student-modal__choice-icon img {
	max-width: 100%;
}

	.add-student-modal__choice-button-subtext {
		font-size: 15px;
		color: #777;
		font-weight: normal;
	}

	.add-student-modal__choice-button-label {
		float: left;
		padding-left: 20px;
		text-align: left;
		cursor: pointer;
		width: 85%;
		font-weight: bold;
	}

.modal_image {
	height: 100px;
	width: 100px;
	margin: 30px auto
}

	.modal_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
.add-student-form {
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.add-student-form__block-name {
	flex: 1;
	padding: 5px 5px 5px 0;
}
.add-student-form__block-button {
	flex: 0 0 80px;
	padding: 3px 0 5px 0;
}
.paper-mode-student-list {
	margin: 20px 0;
}
.paper-mode-student-list__cell-number {
	text-align: center;
	width: 100px;
}
.paper-mode-student-list__cell-name {
}
.paper-mode-student-list th {
	background-color: #f2f2f2;
}
.paper-mode-student-list th, .paper-mode-student-list td {
	padding: 8px 12px;
	border: 1px solid #ddd;
}
.paper-mode-downloaded-message {
	max-width: 261px;
	margin: 12px auto 20px auto;
	text-align: left;
}
.paper-mode-downloaded-message__icon {
	float: left;
	font-size: 27px;
	margin: 1px 14px 5px 0;
}
.parent-bar-flex {
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	max-width: 484px; /* 460px at max 5 items */
	margin: 0 auto;
}
.parent-bar.bottom-nav {
	height: auto;
}
.parent-bar .nav-button {
	text-align: center;
	color: #aaa;
	padding: 0 6px 0 6px;
	width: 100%;
}
	.parent-bar .nav-button.active, .parent-bar .nav-button:hover {
		color: #fff;
	}
.parent-bar__icon {
	font-size: 30px;
	margin: 9px 0 -1px 0;
}
.parent-bar__label {
	font-size: 14px;
	margin: 0 0 9px 0;
	font-weight: 600;
	overflow: hidden;
}

.parent-bar .mindset-cheer_image img {
	font-size: 24px;
	margin: 10px 0 6px 0;
	max-height: 32px;
	object-fit: contain;
}

.stem-club-nav-premium-badge {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	padding: 1px 4px 2px 4px;
	border-radius: 2px;
	/*background-color: #E44685;*/
	background-color: #0fade1;
	color: #fff;
	top: 52px;
	font-size: 12px;
	max-width: 41px;
}
.parent-subscribe-container {
	border: 1px solid #ddd;
}
.parent-subscribe-feature {
	margin: 25px 0 30px 0;
	padding: 29px 46px 29px 30px;
	background-color: #f2f2f2;
	border-radius: 12px;
	color: #aaa;
}
.parent-subscribe-feature__title {
	font-style: italic;
	font-size: 30px;
}
.parent-subscribe-feature__title .highlight {
	font-weight: 900;
}
.parent-subscribe-feature__subtitle {
	font-size: 17px;
	margin: 5px 0 10px 0;
}
.parent-subscribe-bottom {
	background-color: #f2f2f2;
	padding: 12px 18px 15px 18px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	font-size: 19px;
	color: #aaa;
}
.math-club-intro-manips {
	width: 312px;
	margin: 10px auto;
	max-width: 100%;
}
.math-club-intro-standard-text {
	max-width: 600px;
	margin: 0 auto;
}
.math-club-intro-standard-title {
	color: #00d5f5;
	font-size: 26px;
	font-weight: 700;
	margin: 36px 0 37px 0;
	line-height: 1.3;
}
.subscribe-title-block {
	background-color: #f2f2f2;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	padding: 10px 14px;
}
.subscribe-title-block .badge {
	position: relative;
	top: -4px;
	margin-right: 5px;
}
.subscribe-gift-text {
	overflow: auto;
	font-size: 18px;
	padding: 15px !important;
	margin: 15px 0 5px 0 !important;
}
.subscribe-gift-image {
	float: left;
	height: 74px;
	margin: 0 10px 0 0;
}
.stem-club-gift-text {
	text-align: center;
	overflow: auto;
	font-size: 18px;
	padding: 25px !important;
	margin: 15px 0 5px 0 !important;
	color: #60dcd2;
	background-color: #eaf5db !important;
}

.stem-club-gift-image {
	height: 36px;
	margin: 0 4px 0 -10px;
}
.stem-feature-join-free {
	border: 0 !important;
	text-align: center;
	margin: -40px 0 px 0;
	padding: 60px 15px 55px 15px !important;
	background-color: #94e5f6;
}
.stem-free-feature-visit-shop {
	background-color: #eeeeee;
	text-align: center;
	padding: 30px 15px 50px 15px;

}
.parent-join-container {
	margin: 20px 0;
}
.parent-subscribe-title {
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
	margin: 0 0 0 5px;
}
.parent-subscribe-info {
	display: inline-block;
	color: #aaa;
	font-style: italic;
	margin: 0 0 0 10px;
	font-size: 18px;
}
.parent-subscribe-content {
	padding: 14px 17px;
}
.subscribe-title-block.active {
	background-color: #c2ecf7;
	border: 1px solid #8bcada;
	border-bottom: 3px solid #8bcada;
}
.parent-subscribe-choice {
	width: 100%;
	vertical-align: top;
	padding: 15px 15px 15px 15px;
	text-align: center;
	margin: 10px 15px;
	border: 1px solid #aaa;
	background-color: #f2f2f2;
	cursor: pointer;
	border-radius: 8px;
}
	.parent-subscribe-choice:hover {
		background-color: #d7f2f9;
		border: 1px solid #0FADE1;
	}
	.parent-subscribe-choice.active {
		border: 1px solid #0FADE1;
		background-color: #c2ecf7;
	}
.sub-length-title {
	font-weight: bold;
	font-size: 18px;
	margin: 5px 0;
	color: #0596b9;
}
.sub-length-desc-block {

}
.sub-length-price-text {
	font-size: 17px;
}
.sub-length-student-name {
	color: #aaa;
	font-style: italic;
	font-size: 12px;
	margin: -1px 0 5px 0;
	font-weight: normal;
}
.sub-length-price-text2 {
	color: #aaa;
	margin: 8px 0 8px 0;
	font-size: 13px;
}
.parent-subscribe-choice.active .sub-length-price-text2 {
	color: #7bb6c7;
}
.gs-reload-top {
	position: absolute;
	top: 17px;
	right: 14px;
	color: #fff;
	font-size: 23px;
}
.parent-subscribe-flex { /* Narrower at < 990px; becomes stacked at 767px */
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	/*border-style: solid;
	border-color: #ddd;
	border-width: 1px 0 0 1px;*/
	margin: 0 0;
}

	.parent-subscribe-flex > div {
		/*border-style: solid;
		border-color: #ddd;
		border-width: 0 1px 1px 0;*/
		padding: 15px 20px;
	}

.parent-subscribe-flex__action-column {
	width: 100%;
}

.parent-subscribe-flex__summary-column {
	flex: 0 0 350px;
	background-color: #f9f9f9;
}
.parent-subscriptions-flex { /* Narrower at < 990px; becomes stacked at 767px */
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	/*border-style: solid;
	border-color: #ddd;
	border-width: 1px 0 0 1px;*/
	margin: 0 0;
}
.parent-purchase-fields-table {
	width: 100%;
	margin: 8px 0;
}
.parent-purchase-fields-table__expiry-cell {
	width: 91px;
	padding-right: 9px;
}
.parent-purchase-fields-table__code-cell {

}
.parent-purchase-fields-table__city-cell {
	width: 50%;
	padding-right: 9px;
}
.parent-purchase-fields-table__region-cell {
	width: 50%;
}
.parent-purchase-fields-table__zip-cell {
	width: 50%;
	padding-right: 9px;
}
.parent-purchase-fields-table__countrycell {
	width: 50%;
}
.parent-start-date-flex { /* Narrower at < 990px; becomes stacked at 767px */
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	/*border-style: solid;
	border-color: #ddd;
	border-width: 1px 0 0 1px;*/
	margin: 0 0;
}

.parent-start-date-flex__label-column {
	flex: 0 0 230px;
	font-size: 18px;
	text-align: right;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.parent-start-date-flex__value-column {
	width: 100%;
}
.parent-subscription-block.well {
	margin: 15px 0;
	color: #777;
}
.parent-subscription-title {
	margin: 0 0 7px 0;
	font-weight: 600;
	font-size: 20px;
	color: #333;
}
.parent-subscription-status {
	font-size: 20px;
	margin-bottom: 7px;
}
.parent-feature-after-activity {
	text-align: center;
	margin: 80px 0;
	color: #999;
}
.parent-feature-after-activity__title {
	font-weight: bold;
	color: #0fade1;
	font-size: 25px;
	margin: 15px 0 25px 0;
}
.parent-feature-after-activity__para1 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.parent-feature-after-activity__para2 {
	padding-top: 100px;
	padding-bottom: 20px;
}
.parent-feature-after-activity__para3 {
	width: 240px;
	margin: 10px auto;
}
.parent-feature-after-activity__image {
	width: 100%;
	max-width: 480px;
}
.checkout-flex { /* Narrower at < 990px; becomes stacked at 767px */
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	/*border-style: solid;
	border-color: #ddd;
	border-width: 1px 0 0 1px;*/
	margin: 0 0;
}

	.checkout-flex > div {
		padding: 15px 20px;
	}

.checkout-flex__details-column {
	width: 100%;
}

.checkout-flex__summary-column {
	flex: 0 0 350px;
	background-color: #f9f9f9;
}
.checkout-flex h3 {
	margin-bottom: 20px;
}
.subscribe-cta {
	background-color: #7ee1ff;
	margin: 0px 0 0 0;
	text-align: center;
	padding: 40px 15px 25px 15px;
}
.subscribe-cta__title {
	font-size: 30px;
	font-weight: 600;
	color: #2a98b9;
	margin: 50px 0 20px 0;
}
.subscribe-cta__button {
	font-weight: 600;
}
.subscribe-cta-image {
	margin: 25px 0 -26px 0;
	width: 293px;
}
.invite-parents-flex {
	padding: 10px 15px;
	border-top: 1px solid #ddd;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 0;
}
.invite-parents-flex__name-column {
	width: 100%;
	font-weight: 600;
}
.invite-parents-flex__parent-column {
	flex: 0 0 275px;
}
.invite-parents-flex__menu-column {
	flex: 0 0 44px;
}
.invite-parents-invited-text {
	color: #999;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 225px;
}
.invite-parents-pdf-students {
	margin: 15px 15px 15px 40px;
}
.invite-parents-flex__icon {
	font-size: 19px;
	position: relative;
	top: 2px;
	display: inline-block;
	margin-right: 9px;
}
.shop-nav-exit {
	background-color: #585858;
}
.parent-nav-exit {
	background-color: #585858;
}
.parent-nav-exit--mobile {
	float: left;
	display: block;
	padding: 15px 10px;
	color: #ccc !important;
	margin-left: -14px;
}
	.parent-nav-exit--mobile:hover {
		color: #fff;
	}
.navbar-brand-parent {
	padding-left: 25px !important;
}
.teacher-bar-cart-icon {
	margin-right: 3px;
	font-size: 16px;
	color: #0fade1;
	position: relative;
	top: 1px;
}
.teacher-bar-credits {
	font-weight: 600;
}
.footer-bar-credits {
	font-weight: 600;
	position: relative;
	left: -23px;
	font-size: 14px;
	color: #444;
}
.credits-counter-tag {
	display: inline-block;
	background-color: #0fade1;
	color: #fff;
	border-radius: 3px;
	padding: 1px 4px;
	font-weight: normal;
	margin-right: 2px;
	margin: -1px 2px;
}
.parent-top-nav-cart-container {
	float: right;
	padding: 15px 15px 0 0;
	margin-left: 20px;
}
.badge-member {
	display: inline-block;
	background-color: #0fade1;
	border-radius: 3px;
	padding: 2px 3px 2px 4px;
	color: #fff;
	font-weight: 600;
	font-size: 85%;
	line-height: 1;
	position: relative;
	top: -1px;
	margin-right: 2px;
}
.badge-member-class-list {
	display: inline-block;
	background-color: #0fade1;
	border-radius: 3px;
	padding: 2px 4px 2px 4px;
	color: #fff;
	font-weight: 600;
	font-size: 85%;
	line-height: 1;
	position: relative;
	top: -1px;
	margin-right: 2px;
}
.badge-member--inactive {
	background-color: #ccc;
}
.secondary-nav-student {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	background-color: #f5f5f5;
	text-align: center;
	border-bottom: 1px solid #d2d2d2;
	z-index: 100;
}
.secondary-nav-student__item {
	display: inline-block;
	padding: 15px 20px 10px 20px;
	font-size: 20px;
	font-weight: 600;
	color: #777;
	border-bottom: 4px solid #f5f5f5;
}

	.secondary-nav-student__item.secondary-nav-student__item--active {
		color: #0fade1;
		background-color: #f5f5f5 !important;
		border-bottom: 4px solid #0fade1 !important;
	}
	.secondary-nav-student__item:visited, .secondary-nav-student__item:link {
		text-decoration: none !important;
	}
	.secondary-nav-student__item:hover {
		color: #0fade1;
		border-bottom: 4px solid #d8d8d8;
		background-color: #f5f5f5;
	}
	.secondary-nav-student__item:active {
		text-decoration: none !important;
	}
	.secondary-nav-student__spacer {
		height: 55px;
	}
.class-bots-table {
    max-width: 650px;
	margin: 15px auto;
}
.class-bots-table th {
	padding: 15px 12px !important;
	font-size: 22px;
}
.class-bots-table__name-cell {
	font-size: 22px;
	vertical-align: middle !important;
	padding: 12px 10px 11px 10px !important;
}
	.class-bots-table__name-cell a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		max-width: 488px;
		width: 100%;
		vertical-align: middle;
	}
.class-bots-table__name {
	display: inline-block;
	position: relative;
	top: 1px;
}
.class-bots-table__count-cell {
	text-align: center;
	vertical-align: middle !important;
}
.class-bots-table__avatar {
    width: 37px;
    margin: 1px 10px 0 6px;
}
.bot-attribute-earned-stat {
	display: inline-block;
	font-size: 32px;
	margin: -13px 12px 14px 12px;
}
.bot-attribute-earned-stat__icon {
	font-size: 24px;
	position: relative;
	top: -2px;
	margin-right: -3px;
}
.invite-parents-donut-block {

}
.invite-parents-donut {
	width: 130px;
	margin: 15px auto 0 auto;
}
.invite-parents-donut-label {
	font-size: 18px;
	color: #999;
	margin: 15px 5px;
}
.slick-prev:before, .slick-next:before {
	font-size: 38px;
	color: #0FADE1;
	/*opacity: 1;*/
}

.slick-prev, .slick-next {
	width: 38px;
	height: 38px;
}

.slick-arrow {
	z-index: 300;
	opacity: 1;
}

.slick-prev {
	left: -22px;
}

.slick-next {
	right: -22px;
}

	.slick-prev.slick:before, .slick-next.slick:before {
		opacity: 1;
	}

	.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
		color: #ddd;
		opacity: 1;
	}

.slick-slide > div {
	padding-left: 3px;
	padding-right: 3px;
}

.store-category-name {
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 10px 0;
}

.store-item {
	display: inline-block;
	height: 190px;
	width: 160px;
	border: 1px solid #ddd;
	border-radius: 3px;
	vertical-align: top;
	overflow: hidden;
	cursor: pointer;
}
.subcategory-store-item.store-item {
	width: 278px;
	margin: 0 5px 8px 0;
}
.store-credit-title-message {
	display: inline-block;
	border-radius: 8px;
	background-color: #f2f2f2;
	padding: 14px 18px 11px 16px;
	margin: 10px 0 0 0px;
	color: #aaa;
	font-size: 19px;
	font-weight: normal;
	position: relative;
	top: -4px;
}
.store-credit-title-message__icon {
	text-shadow: 1px 1px 0 orange;
}
.store-item__image-container {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 151px;
	position: relative;
}

.store-item__price {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #656565;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	padding: 3px 5px;
	text-align: right;
}

.store-item__name {
	border-top: 1px solid #ddd;
	padding: 7px 5px 5px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
	font-size: 15px;
	color: #666;
	text-align: left;
}

.pageHeading.store-title {
	display: inline-block;
}

.shop-notification {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.shop-notification .fa-large {
	font-size: 30px;
}

.shop-notification .fa-blue {
	color: #21BBED;
}

.store-details-block {
	display: inline-block;
	font-size: 13px;
	margin: 0 0 0 25px;
	color: #aaa;
}
.product-flex {
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.product-flex__image-column {
	flex: 0 0 300px;
}

.product-flex__details-column {
	width: 100%;
	padding: 5px 20px 15px 35px;
}

.product-flex-image {
	width: 100%;
	margin-bottom: 8px;
}

.product-flex__thumbnail {
	width: 120px;
	height: 100px;
	display: inline-block;
	margin: 5px 5px 5px 0;
	background-repeat: no-repeat;
	background-size: 120%;
	background-position: center;
	border-radius: 3px;
	border: 2px solid #ccc;
	cursor: pointer;
	transition: background-size 200ms;
}

	.product-flex__thumbnail:not(.active):hover {
		border: 2px solid #0fade1 !important;
		opacity: 0.9;
		background-size: 135%;
	}

	.product-flex__thumbnail.active {
		border: 2px solid #0fade1;
		cursor: initial;
	}

.product-actions-qty-label {
	font-size: 15px;
	color: #b6b6b6;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 3px;
}
.product-flex__qty {
	display: inline-block;
	width: 75px;
	position: relative;
	top: 4px;
	height: 36px;
}
.product-title {
	font-size: 27px;
	font-family: 'open sans', sans-serif;
	font-weight: 700 !important;
	margin: 0 0 10px 0;
	clear: both;
	line-height: 1.1;
}
.product-add-cart-button {
	position: relative;
	top: -1px;
	padding: 5px 14px 4px 13px;
}
.product-description {
	color: #999;
	margin: 0 0 25px 8px;
}
.product-price {
	font-size: 30px;
}
.product-price-currency {
	font-size: 15px;
	color: #aaa;
}
.product-credit-price {
	color: #776868;
}
.product-credit-text img {
	height: 25px;
	position: relative;
	top: -2px;
}
.product-credit-text {
	font-size: 20px;
	font-weight: 300;
	color: #aaa;
}
.product-actions-box.well {
	display: inline-block;
	margin: 25px 0;
	padding: 10px 29px 16px 24px;
}
.shop-home-price-strike {
	text-decoration: line-through;
}
.shop-home-price-max-credits {
	color: #ffd154;
}
.shop-banner-spacer {
	height: 50px;
}
.shop-banner {
	position: fixed;
	top: 68px;
	padding: 0px 15px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	background-color: #bdf3fc;
	color: #40a4c3;
	width: 100%;
	left: 0;
	z-index: 100;
}
.shop-banner__active {
	margin: 0 20px;
	display: inline-block;
}
.shop-banner-item {
	padding: 15px 25px;
}
.shop-banner__active:hover {
	background-color: #a6e9f5;
}
.shop-banner-credits-button {
	font-weight: 600;
	padding: 3px 12px;
	margin-top: -6px;
	margin-left: 6px;
	margin-bottom: -4px;
}
.shop-banner__inactive-text {
}
.shop-banner__credits {
	margin: 0 20px;
	display: inline-block;
}
.shop-banner__credits-icon {
	/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);*/
	text-shadow: 1px 1px 0 orange;
	margin-right: 2px;
}
.shop-banner__parents-credits {
	font-size: 37px;
}
.shop-banner-spacer__extra-parent {
	height: 50px;
}
.product-flex-quantity-error {
	margin: 20px 0 -11px 0;
}
.product-stock-remaining {
	margin: 8px 0;
	color: #e07221;
}
.product-out-of-stock {
	margin: 8px 0;
	font-weight: bold;
	color: #e61313;
}
.active-member-discount-text {
	color: #777;
	padding: 0 30px;
	margin: 17px 0;
}
.stem-club-cart-checkbox-text {
	width: 237px;
}
.cart-table {
	width: 100%
}

	.cart-table th {
		font-weight: normal;
		color: #999;
		border-top: 0 !important;
		background-color: #fff !important;
	}

	.cart-table td, .cart-table th {
		padding: 4px 8px;
	}

.cart-table__name-cell {
}

.cart-table__price-cell {
	width: 20%;
	text-align: right;
}

.cart-table__qty-cell {
	width: 20%;
	text-align: center;
}

.cart-table__qty {
	width: 85px;
	display: inline-block;
}

.cart-table__delete {
	font-size: 12px;
	cursor: pointer;
	display: block;
}

.cart-table__image-cell {
	width: 140px;
}

.cart-table__image {
	width: 100px;
}

.cart-table__subtotal-cell {
	text-align: right;
}
.checkout-address-block, .checkout-credit-card-block {
	border-radius: 8px;
	padding: 15px 20px;
	font-size: 14px;
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	margin-top: 7px;
	margin-bottom: 7px;
}

	/*.checkout-address-block:hover {
		border: 1px solid #0fade1;
		background-color: #d7f2f9;
	}*/
.checkout-address-block--add {
	padding: 25px 20px;
}
.checkout-address-block--add button {
	width: 162px;
}
.checkout-address-block--selected, .checkout-credit-card-block--selected {
	border: 1px solid #0fade1;
	background-color: #c2ecf7;
}
.checkout-credit-card-block:hover {
		border: 1px solid #0fade1;
		background-color: #d7f2f9;
	}
.checkout-address-block__selected-text {
	color: #4cb4d0;
	font-style: italic;
}
.checkout-credit-card-table {
	width: 100%;
}
.checkout-credit-card-table__cell-radio {
	padding-right: 7px;
}
.checkout-new-card-well {
	margin-top: -6px;
	margin-bottom: 6px;
	padding-top: 2px;
	padding-bottom: 24px;
}
.redeem-promo-code-footer {
	margin-top: 40px;
}
.stem-header-titles {
}
.stem-header__title {
	margin-top: 15px;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3;
}
.stem-header__subtitle {
	font-size: 18px;
	margin: 12px 0 25px 0;
	color: #199db7;
}
.stem-header-image-column img {
	max-width: 100%;
}
.mc-heading {
	color: #48c6f0;
	font-weight: 700;
	font-size: 31px;
	margin: 83px 0 31px 0;
	text-align: center;
}
.math-club-header-bottom-image {
	max-width: 90%;
	margin: 37px auto 0 auto;
	width: 775px;
}
.stem-how-it-works-column {
	text-align: center;
}
.stem-how-it-works__image {
	height: 180px;
}
.stem-how-it-works__label {
	font-weight: 700;
	font-size: 19px;
	margin: 20px 10px 10px 10px;
	line-height: 1.2;
}
.stem-how-it-works__text {
	color: #aaa;
}
.whats-inside-block {
	background-color: #00d5f5;
	color: #fff;
	margin: 65px 0 50px 0;
}
.stem-whats-inside-image {
	width: 100%;
	max-width: 250px;
	margin: 25px 5px 0 5px;
}
.whats-inside-block__text-column {
	padding: 30px 15px 15px 45px;
}
.stem-section-right-aligned {
	margin: 30px 0;
}
.stem-section-right-aligned__image-column {
	text-align: center;
}
	.stem-section-right-aligned__image-column img, .stem-section-left-aligned__image-column img {
		width: 100%;
		max-width: 400px;
	}
.stem-section-right-aligned__text-column {
	text-align: right;
}
.stem-section-left-aligned {
	margin: 30px 0;
}

.stem-section-left-aligned__image-column {
	text-align: center;
}
.stem-section-left-aligned__text-column {

}
.stem-peek-title {
	color: #00d5f5;
	font-size: 24px;
	font-weight: 700;
	margin: 15px 0 17px 0;
	line-height: 1.3;
}
.stem-peek-text {
	color: #999;
	font-size: 17px;
}
.download-app-bar-spacer {
	height: 70px;
}
.download-app-bar {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	background-color: #4cf1f1;
	color: #fff;
	z-index: 101;
	padding: 11px;
	text-align: center;
}
	.download-app-bar.download-app-bar--student {
		background-color: #ffe94c;
	}
.download-app-bar--student .download-app-text {
	color: #c7760e;
}
.download-app-bar--student .download-app-table__cell-close a {
	color: #c7760e;
}
.download-app-table {
	margin: 0 auto;
}
.download-app-table__cell-icon {
	padding-right: 18px;
}
.download-app-table__cell-icon img {
	width: 57px;
}
.download-app-table__cell-text {
}
.download-app-text {
	font-weight: 600;
	font-size: 18px;
	text-align: left;
}
.download-app-table__cell-close {
	padding-left: 35px;
	font-size: 21px;
}
.credits-feature {
	border-radius: 12px;
	background-color: #cdf3ff;
	padding: 0 15px;
	text-align: center;
	margin: 25px 0;
}
.credits-feature-image {
	max-width: 100%;
}
.teacher-credits-table.table {
	width: auto;
	margin: 25px 0;
}
.teacher-credits-table__cell-value {
	padding: 10px 20px 14px 20px !important;
}
.teacher-credits-table__cell-name {
	padding: 10px 28px 14px 18px !important;
}
.teacher-credits-table__name {
	font-weight: 600;
}
.teacher-credits-table__subtext {
	font-size: 13px;
	color: #aaa;
	margin-top: 0px;
}
.teacher-credits-table__value-subtext {
	font-size: 13px;
	color: #aaa;
}
.avatar-modal__title1 {
	font-weight: 600;
	font-size: 25px;
	margin: 0 0 1px 0;
	line-height: 1.2;
}
.avatar-modal__title2 {
	font-weight: 700;
	font-size: 25px;
	margin: 0px 0 3px 0;
	line-height: 1.2;
}
.avatar-modal__category {
	color: #ffe34d;
}
.avatar-modal__name {
	font-weight: 600;
	font-size: 25px;
	margin: 2px 0;
}
.avatar-modal__info {
	text-align: center;
	padding: 15px;
	margin: 10px 0;
	font-size: 17px;
	font-weight: 600;
}
.skill-legend {
	margin: -6px 0 25px 0;
	font-size: 13px;
	color: #aaa;
}
.skill-legend-item {
	display: inline-block;
	margin: 0 4px 0 25px;
}
.skill-legend__badge-assigned {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 5px;
	background-color: #E44685;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
	min-width: 12px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	height: 20px;
	width: 20px;
	border-radius: 30px;
	padding-top: 6px;
	text-align: center;
	font-size: 12px;
}
.skill-legend__badge-completed {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 5px;
	background-color: #E44685;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
	min-width: 12px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	height: 20px;
	width: 20px;
	border-radius: 30px;
	padding-top: 6px;
	text-align: center;
	font-size: 12px;
}
.skill-legend__badge-completed .glyphicon {
	top: -2px;
}

.skill-legend__badge-completed-skill {
	display: inline-block;
	font-size: 18px;
	margin-right: 3px;
	position: relative;
	top: 3px;
}
.student-profile-avatar-block {
	margin: 30px 0 20px 0;
}
.student-profile-avatar-image {
	width: 250px;
	height: 250px;
}
.active-bot__name {
	font-size: 24px;
	margin: 15px 0;
	font-weight: 600;
}
.active-bot_attribute-label {
	font-size: 14px;
	margin: 6px 0 2px 0;
	color: #999;
}
.bot-category-row {
	text-align: center;
	margin: 19px 0 7px 0;
}
.bot-select-mode {
	cursor: pointer;
}
.bot-listing-container {
	overflow: auto;
}
.bot-listing-block {
	display: inline-block;
	width: 60px;
	margin: 10px 10px;
	position: relative;
	text-align: center;
}
.bot-listing__image {
	width: 100%;
}

.bot-listing-block--earned .bot-listing__image {
	border: 3px solid #0fade1;
	border-radius: 60px;
}
.bot-listing-block--not-earned .bot-listing__image {
	opacity: 0.3;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.bot-listing__unknown {
	width: 60px;
	height: 60px;
	color: white;
	background-color: #ffe856;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	display: block;
	font-style: normal;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.bot-listing__name {
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	margin: 2px 0 0 0;
	/*overflow: hidden;
	text-overflow: ellipsis;*/
}
.bot-listing__counter {
	font-size: 13px;
	position: absolute;
	top: 1px;
	right: -5px;
	width: 18px;
	height: 18px;
	text-align: center;
	background-color: #0fade1;
	border-radius: 30px;
	color: #fff;
	line-height: 1;
	padding-top: 2px;
	font-weight: 700;
}
.bot-attribute.progress {
	height: 23px;
}
.bot-attribute-1 .progress-bar {
	background-image: -webkit-linear-gradient(top,#6de8e8 0,#5adae0 100%);
	background-image: -o-linear-gradient(top,#6de8e8 0,#5adae0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#6de8e8),to(#5adae0));
	background-image: linear-gradient(to bottom,#6de8e8 0,#5adae0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6de8e8', endColorstr='#5adae0', GradientType=0);
	background-color: #6de8e8;
	text-align: left;
}
.bot-attribute-2 .progress-bar {
	background-image: -webkit-linear-gradient(top,#ade369 0,#94db3a 100%);
	background-image: -o-linear-gradient(top,#ade369 0,#94db3a 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#ade369),to(#94db3a));
	background-image: linear-gradient(to bottom,#ade369 0,#94db3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ade369', endColorstr='#94db3a', GradientType=0);
	background-color: #ade369;
	text-align: left;
}
.bot-attribute-3 .progress-bar {
	background-image: -webkit-linear-gradient(top,#f38080 0,#de6262 100%);
	background-image: -o-linear-gradient(top,#f38080 0,#de6262 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f38080),to(#de6262));
	background-image: linear-gradient(to bottom,#f38080 0,#de6262 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38080', endColorstr='#de6262', GradientType=0);
	background-color: #de6262;
	text-align: left;
}
.bot-attribute-1-colour {
	color: #00d4de;
}
.student-blue-modal .bot-attribute-1-colour {
	color: #6bf8ff;
}
.bot-attribute-2-colour {
	color: #74ca08;
}
.student-blue-modal .bot-attribute-2-colour {
	color: #a4ef45;
}
.bot-attribute-3-colour {
	color: #f17785;
}
.student-blue-modal .bot-attribute-3-colour {
	color: #fea2ad;
}
.bot-bar-icon {
	display: inline-block;
	padding-left: 7px;
	padding-top: 2px;
	font-size: 14px;
}
.student-profile-bots-block {
	margin: 25px 0;
}
.countdown-timer {}
.countdown-timer-table__value {
	text-align: center;
	font-size: 23px;
	padding: 10px 5px 8px 5px;
	font-weight: 600;
	color: #777;
	width: 71px;
	background-color: #f2f2f2;
}
.countdown-timer-table__label {
	text-align: center;
	font-size: 12px;
	background-color: #e6e6e6;
	color: #a5a5a5;
	padding: 4px;
}
.countdown-timer-table {
	border-spacing: 3px;
	border-collapse: separate;
}
.countdown-timer-table {
}
.countdown-timer-table {
}

.countdown-timer-text--labelled {
	font-size: 19px;
}
	.countdown-timer-text--labelled .countdown-timer-text__value {
		display: inline-block;
		font-size: 21px;
		font-weight: 700;
		font-family: 'open sans', sans-serif;
		padding: 0 8px;
		line-height: 1.5;
		text-align: center;
	}

.countdown-timer-text--labelled .countdown-timer-text__label {
	font-weight: normal;
}

.countdown-timer-text__value {
	display: inline-block;
}
.countdown-timer-text__label {
	display: inline-block;
}
.countdown-timer-text-sm {
	font-size: 12px;
}
	.countdown-timer-text-sm.countdown-timer-text--labelled .countdown-timer-text__label {
		font-size: 9px;
		line-height: 9px;
	}
.countdown-timer-text-smp {
	font-size: 14px;
}
	.countdown-timer-text-smp.countdown-timer-text--labelled .countdown-timer-text__label {
		font-size: 9px;
		line-height: 9px;
	}
.countdown-timer-text-md {
	font-size: 15px;
}
	.countdown-timer-text-md.countdown-timer-text--labelled .countdown-timer-text__label {
		font-size: 14px;
		line-height: 12px;
	}
.countdown-timer-text-lg {
	font-size: 17px;

}
.countdown-timer-text-xl {
	font-size: 20px;
}
.countdown-timer-text-xxl {
	font-size: 25px;
}
	.countdown-timer-text-xxl.countdown-timer-text--labelled .countdown-timer-text__label {
		font-size: 17px;
		line-height: 17px;
	}
.invite-parents-callout-bar {
	position: fixed;
	bottom: 77px;
	height: 90px;
	width: 100%;
	left: 0;
	background-color: #7af9f7;
}
.invite-parents-callout-bar__image {
	float: left;
	height: 100px;
	margin-top: -25px;
}
.invite-parents-callout-bar__text {
	margin: 15px 15px 5px 10px;
	color: #11b7b4;
}
.invite-parents-callout-bar__close {
	float: right;
	margin: 15px 16px 10px 17px;
	font-size: 20px;
	color: #11b7b4;
}
.student-home-bots-container, .student-home-chests-container {
	background-color: #f3f3f3;
	border-radius: 4px;
	padding: 10px 15px 20px 15px;
	margin: 15px 0;
	height: 145px;
	overflow: hidden;
}
.student-home-bots-container__title {
	margin: 0 0 5px 0;
	font-weight: normal;
	color: #aaa;
	font-size: 12px;
}
.student-home-chests-container__title {
	margin: 0 0 -12px 0;
	font-weight: normal;
	color: #aaa;
	font-size: 12px;
}
.student-home-bots-flex {
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}
.student-home-bots-flex__bots-column {
	width: 100%;
}
.student-home-bots-flex__parent-column {
	flex: 0 0 112px;
	text-align: center;
}
.student-home-bots-flex__bot-container {
	text-align: center;
	display: inline-block;
	margin: 0 20px 40px 2px;
}
.student-home-bots-flex__bot-image {
	height: 69px;
}
.student-home-bots-flex__bot-name {
	font-size: 12px;
	color: #aaa;
	margin-top: 8px;
}
.student-home-bots-flex__parent-image {
	height: 83px;
	margin-top: -9px;
	margin-bottom: -9px;
}
.student-home-chests-flex {
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}
.student-home-chests-flex .student-chest {
	flex: auto;
	text-align: center;
	margin-top: -1px;
}
.student-chest__image {
	position: relative;
	z-index: 2;
	width: 102px;
}
.student-chest__image-glow {
	width: 0px;
	height: 0px;
	position: absolute;
	z-index: 1;
	box-shadow: 50px 50px 60px 45px #0ff;
}
.student-chest__image-light {
	width: 50px;
	height: 50px;
	top: 25px;
	left: 25px;
	position: absolute;
	z-index: 3;
	opacity: 0.3;
	background-color: #fff;
	box-shadow: 0px 0px 60px 30px #fff;
}
.student-chest__button {
	margin-top: -11px !important;
	position: relative;
	z-index: 2;
}
.student-chest__badge {
	margin-top: -10px;
	font-weight: 600;
}
.chest-listing-item {
	display: inline-block;
	width: 221px;
	text-align: center;
	margin: 15px 25px;
}
.chest-listing-item__heading {
	margin-bottom: -8px;
}
.chest-listing-item__image {
}
.student-chest--class {
	padding: 0 10px 0 10px;
}
.math-club-pricing-feature {
	background-color: #f6f6f6;
}
.math-club-subscribed-feature {
	background-color: #ffd641;
	font-size: 25px;
	padding: 20px 15px 70px 15px;
	text-align: center;
	font-weight: 600;
}
.math-club-subscribed-feature__image {
	max-width: 225px;
	margin: 20px auto;
}
.math-club-subscribed-feature__subtext {
	font-weight: normal;
	font-size: 18px;
	max-width: 361px;
	margin: 20px auto;
	text-align: center;
	color: #bd8300;
}
.math-club-packages-container {
	max-width: 715px;
	padding: 60px 15px;
	margin: 0 auto;
	text-align: center;
}
.math-club-feature-1 {
	background-color: #7ee1ff;
	padding: 60px 15px 60px 15px;
	text-align: center;
}
.math-club-logo {
	max-width: 100%;
}
.math-club-title {
	font-weight: 700;
	font-size: 33px;
	margin: 24px 0 15px 0;
	color: #0b95cc;
}
.math-club-subtitle {
	font-weight: 600;
	font-size: 25px;
	margin: 26px auto 2px auto;
	max-width: 582px;
}
.math-club-package__heading {
	font-weight: 700;
	font-size: 23px;
	padding: 15px;
}
.math-club-package {
	line-height: 1;
}
.math-club-package__price {
	font-size: 42px;
	font-weight: 600;
	margin: 3px 0 4px 0;
	color: #0fade1;
}
.math-club-package__price-label {
	font-size: 17px;
	color: #999;
}
.math-club-package__price-detail {
	font-size: 13px;
	margin: 20px 0 12px 0;
	line-height: 1.2;
	color: #aaa;
}
.math-club-package__button {
	margin-bottom: 0px;
	width: 100%;
}
.math-club-package__price-renewal-text {
	font-size: 13px;
	color: #aaa;
	margin: 10px 0 0 0;
}
.math-club-intro-blurb {
	max-width: 575px;
	margin: 10px auto 50px auto;
	font-size: 19px;
	color: #444;
	text-align: left;
}
.membership-step {
	margin: 15px 0;
}
.membership-step__badge {
	display: inline-block;
	border-radius: 40px;
	font-size: 20px;
	background-color: #E44685;
	color: #fff;
	height: 29px;
	width: 29px;
	text-align: center;
	margin: 0 5px 0 0;
}
.membership-step__title {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
}
.membership-step__text {
	margin: 10px 0 10px 0;
	color: #999;
}
.student-white-modal {
	padding: 15px 15px;
}
.student-modal-title {
	font-size: 22px;
	font-weight: bold;
	margin: 24px 0 10px 0;
	line-height: 1.3;
}
.student-modal-title-lg {
	font-size: 35px;
	font-weight: bold;
	margin: 24px 0 10px 0;
}
.student-modal-subtitle {
	font-size: 18px;
	color: #aaa;
	margin: 10px 0 10px 0;
}
.modal-title {
	font-size: 28px;
	font-weight: bold;
	margin: 24px 0 10px 0;
	line-height: 1.3;
}
.modal-subtitle {
	font-size: 24px;
	font-weight: bold;
	margin: 2px 0 10px 0;
}
.modal-subtext {
	font-size: 18px;
	color: #aaa;
	margin: 10px 0 10px 0;
}
.gs-waiting-room-avatar {
	height: 45px;
	width: 45px;

}
.streak-days-container {
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	max-width: 400px;
	margin: 16px auto 9px auto;
}
.streak-day {
	width: 100%;
	color: #45d1ff;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
}
.streak-text {
	font-weight: 600;
	margin: 18px 0 15px 0;
	font-size: 17px;
	color: #aaa;
}
.margin-auto {
	margin-left: auto;
	margin-right: auto;
}
.streak-circles-container {
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	max-width: 400px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;

	margin: 0 auto 15px auto;
}
.streak-circle-block {
	width: 100%;
	text-align: center;
}
.streak-circle, .streak-bot-image {
	width: 60px;
	height: 60px;
	display: inline-block;
}
.streak-bot-image {
	padding-top: 0 !important;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.3;
}
.streak-circle {
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
	border: 2px dashed #aaa;
	font-size: 30px;
	/*padding-top: 8px;*/
}
	.streak-circle.is-earned {
		border: 0;
		background-color: #9ee474;
	}
	.streak-circle.is-current {
		border: 3px solid #2db501;
		background-color: #9ee474;
	}
.streak-circle img {
	width: 100%;
}
.streak-checkmark {
	color: #fff;
}
.dashboard-class-code__label {
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	color: #999;
	margin-right: 3px;
}
.dashboard-class-code__code {
	display: inline-block;
	font-weight: bold;
	color: #777;
	font-size: 18px;
}
.referral-video-title {
	font-style: italic;
	color: #b2b2b2;
	font-weight: 300;
	margin: 75px 0 25px 0;
	font-size: 27px;
}
.referral-video-container .slick-next, .referral-video-container .slick-prev {
	top: 37%;
}
.referral-video-container {
	max-width: 600px; /* 520 */
	margin: 0 auto;
}
.referral-video-item {
	width: 50%;
	text-align: center;
}
.referral-video-item__thumb {
	width: 100%;
}
.referral-video-item__name {
	color: #aaa;
	margin: 7px;
	max-width: 100%;
}
.referral-video-item__board-image {
	height: 50px;
	display: inline-block !important;
}
.activity-question-counter__count {
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	margin: 20px 0 0px 0;
	line-height: 1;
}
.activity-question-counter__label {
	text-align: center;
	color: #aaa;
	font-size: 13px;
	margin: 4px 0 25px 0;
}
.activity-page__mathalon-block {
	display: inline-block;
}
.activity-page__mathalon-block-image {
	height: 61px;
	margin-bottom: 3px;
}
.activity-page__mathalon-block-label {
	font-size: 13px;
	color: #aaa;

}
.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.question-type-menu-manip-icon {
	height: 22px;
	opacity: 0.7;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	margin-right: -3px;
}
.content-corner-manip-icon {
	display: inline-block;
	margin: 0 5px 0 8px;
	position: relative;
	top: -14px;
	opacity: 0.3;
}
.content-corner-manip-icon img {
	height: 30px;
}
.plc-view-questions-upload-focus-container {
	float: right;
	display: inline-block;
	position: relative;
	top: -5px;
	right: -5px;
}
.plc-view-questions-upload-focus-container img {
	height: 28px;
}
.class-chest-progress-container.well {
	margin-top: 19px;
	padding: 5px 5px;
}
.class-chest-progress-table {
	width: 100%;
}
.class-chest-progress-table__chest-cell {
	padding: 2px 0 8px 3px;
	width: 82px;
}
.class-chest-progress-table__chest-cell img {
	width: 100%;
}
.class-chest-progress-table__progress-cell {
	padding: 15px 14px 5px 15px;
}
.class-chest-progress-table__count-cell {
	width: 80px;
	font-size: 25px;
	color: #aaa;
	text-align: center;
	line-height: 1.2;
}
.give-gift-modal__select-student, .give-gift-modal__confirm-student {
	font-size: 18px;
	padding: 9px 12px 9px 15px;
	border-bottom: 1px solid #ddd;
}
	.give-gift-modal__select-student:not(.selected):hover {
		background-color: #f4f4f4;
	}
	.give-gift-modal__select-student.selected, .give-gift-modal__confirm-student {
		font-weight: 600;
		background-color: #dcf6fd;
	}
.give-gift-modal__avatar {
	height: 35px;
	margin: 1px 11px 1px 0;
}
.gift-alert {
	text-align: center;
	padding-bottom: 24px;
}
.gift-alert-title {
	font-weight: bold;
	font-size: 20px;
	margin: 10px 0 5px 0;
}
.gift-alert-icon {
	height: 37px;
	position: relative;
	top: -4px;
	margin-right: 5px;
}
.class-chest-image-container {
	height: 85px;
}
.class-chest-bottom-container {
	color: #aaa;
	position: relative;
}
.class-chest-bottom-container .btn {
	margin-top: 1px;
}
.class-chest-image__key {
	position: relative;
	top: 16px;
}
.class-chest-image__chest {
	width: 102px;
}
	.class-chest-image__chest.inactive {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		opacity: 0.4;
	}
.class-chest-bottom-text {
	display: inline-block;
	font-size: 15px;
	margin-top: 5px;
}
.class-chest-table {
	margin: 0 auto;
	max-width: 292px;
}
.class-chest-table__count {
	font-size: 30px;
	text-align: right;
}
.class-chest-table__image-cell {
	padding: 5px 15px 4px 5px;
	text-align: center;
	width: 60%;
}
.class-chest-table__content-cell {
	width: 40%;
}
.class-chest-table__heading-image {
max-width: 150px;
}
.class-chest-table__chest-image {
	width: 115px;
	margin-top: -5px;
}
.class-chest-table__content-cell img {
	max-width: 154px;
}
.class-chest-progress__text-inside {
}
.class-chest-progress__text-outside {
	display: none;
	margin-top: -9px;
}
.class-chest-table__current-text {
	color: #5f99a7;
	font-size: 14px;
	margin-top: 8px;
}
.class-chest-listing-container {
	margin: 25px 0;
}

.class-chest-listing-item {
	border-radius: 10px;
	background-color: #e8e8e8;
	padding: 15px 15px;
	margin: 13px 0;
}
	.class-chest-listing-item.current {
		border: 2px solid #a4dae4;
		background-color: #d2e8ed;
	}
.class-chest-table__key {
	height: 40px;
}
.plc-page-feature {
	margin: 25px 0 35px 0;
}
.plc-page-document-link {
	display: block;
	margin: 15px 0;
	font-size: 17px;
}
.plc-page-document-icon {
	font-size: 24px;
	position: relative;
	top: 3px;
	margin-right: 7px;
}

.student-modal-friday-chest-text {
	font-size: 18px;
}
.live-sessions-page-flex { /* Narrower at < 990px; becomes stacked at 767px */
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 11px 0 0 0;
	min-height: 550px;
}

.live-sessions-page-flex__listing-column {
	flex: 0 0 340px;
	position: relative;
	background-color: #fff;
}
.live-sessions-page-flex__content-column {
	width: 100%;
	background-color: #fff;
	padding: 27px 45px 90px 60px;
	border-left: 1px solid #ddd;
}
.live-sessions-past-sessions-label {
	padding: 25px 15px 9px 30px;
	font-size: 14px;
	color: #aaa;
	text-transform: uppercase;
}
.live-sessions-sidebar-button {
	margin: 0;
	width: 100%;
}
.live-sessions-sidebar-button-container {
	margin: 0 27px 15px 28px;
}
.live-session-menu {
	background-color: #f2f2f2;
}
.live-session-date {
	font-size: 14px;
	color: #aaa;
	margin: 10px 0 10px 3px;
}
.live-session-name-row {
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
}
.live-session-menu-item {
	cursor: pointer;
	padding: 15px 15px 15px 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #ddd;
}
	.live-session-menu-item:first-child {
		border-top: 1px solid #ddd;
	}
	.live-session-menu-item.selected {
		background-color: #d2e8ed;
	}
	.live-session-menu-item:not(.selected):hover {
		background-color: #d2e8ed;
	}
.live-session-menu__name {
	font-size: 18px;
	font-weight: 600;
}
.live-session-menu__time {
	font-weight: normal !important;
	font-size: 13px;
	color: #aaa;
}
.live-session-menu-item.selected .live-session-menu__time {
	color: #569dad;
}
.live-session-intro-image {
	width: 83%;
	max-width: 337px;
}
.live-session-intro-blurb {
	color: #aaa;
	font-size: 17px;
	margin: 16px 0 18px 0;
}
.live-session-thumbnails-container {
	clear: both;
}
.live-session-thumbnail-none {
	border: 3px dashed #aaa;
	border-radius: 8px;
	text-align: center;
	height: 265px;
	font-size: 32px;
	color: #aaa;
	padding-top: 82px;
	margin-top: 8px;
}
.live-session-thumbnail-none__instructions {
	font-size: 25px;
	margin: 15px;
}
.live-session-thumbnail {
	position: relative;
	display: inline-block;
	width: 300px;
	max-width: 100%;
	margin: 15px 15px 15px 0;
	border-radius: 8px;
	overflow: hidden;
	border: 3px solid #ddd;
}
.live-session-thumbnail.not-first {
	margin-left: 4px; /* fixes spacing problem from ng-container */
}
.live-session-thumbnail__image-container {
	width: 100%;
	height: 200px;
	overflow: hidden;
	background-color: #e6e4e4;
}
.live-session-thumbnail__image {
	width: 100%;
}
.live-session-thumbnail__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.live-session-thumbnail__user {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	/*border: 1px solid #ddd;*/
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #f2f2f2;
	padding: 5px 12px 5px 3px;
}
.live-session-thumbnail.unviewed {
	border: 3px solid #0fade1;
}
.live-session-thumbnail__name {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 220px;
	font-size: 20px;
	margin-left: 8px;
	position: relative;
	top: 8px;
	color: #999;
}
.live-session-name-field {
	display: inline-block;
	width: 400px;
	margin-top: 12px;
}
.live-session-name-edit-icon {
	font-size: 22px;
	margin: 0 0 0 12px;
	color: #bbb;
	position: relative;
	top: -2px;
}
.live-session-control {
	font-size: 25px;
	margin: 0 10px 10px 10px;
	color: #aaa;
}
.live-session-control.active {
	color: #0fade1;
}
.live-session-controls--listing {
	float: right;
	margin: 21px 18px 10px 10px;
}
.live-session-container {
	padding: 36px 45px 45px 45px;
}
.live-session-bar {
	color: #fff;
	font-size: 18px;
	padding: 14px 8px 8px 50px;
}
.live-session-instructions-bar {
	width: 100%;
	padding: 18px 15px 18px 50px;
	background-color: #fdeb7a;
	font-size: 20px;
	color: #d69a0d;
}
.live-session-instructions-emphasis {
	font-weight: 700;
	color: #0a99c5;
}
.live-session__end-session {
	margin: 0 0 13px 13px;
	position: relative;
	top: -3px;
}
.live-session-alternate-url {
	font-size: 16px;
	margin: 41px 10px 0 10px;
}
.solution-browser-image-table {
	width: 100%;
}
.solution-browser-image-table__cell-arrow {
	width: 90px;
	text-align: center;
}
.solution-browser-image-table__arrow {
	font-size: 40px;
	display: inline-block;
	height: 270px;
	padding: 104px 13px;
	cursor: pointer;
}
.solution-browser-image-table__cell-image {

}
.solution-browser__name {
	text-align: center;
	padding: 15px 0;
	font-size: 24px;
	font-weight: 600;
	color: #888;
}
.solution-browser-action-block {
	display: inline-block;
	margin: -5px 23px 0 0;
	text-transform: uppercase;
	font-size: 12px;
}

	.solution-browser-action-block .glyphicon {
		font-size: 30px;
		position: relative;
		top: 10px;
	}
.live-session-intro-flex {
	position: relative;
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	max-width: 840px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 0;
}
.live-session-intro-flex__image-column {
	flex: 0 0 375px;
	padding-right: 27px;
	text-align: center;
	padding-top: 30px;
}
.live-session-intro-flex__content-column {
	width: 100%;
}
.live-session-how-to-badge {
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	background-color: #0fade1;
	border-radius: 50px;
	height: 27px;
	width: 27px;
	text-align: center;
	margin: 5px 3px 0 3px;
	padding-top: 1px;
}
.live-session-image-icons-container {
	position: absolute;
	right: 19px;
	top: 10px;
	display: inline-block;
}

.live-session-thumbnail__counter {
	display: inline-block;
	height: 30px;
	width: 30px;
	text-align: center;
	background-color: #0fade1;
	color: #fff;
	font-weight: bold;
	border-radius: 40px;
	padding-top: 2px;
	font-size: 18px;
	margin-left: 10px;
}
.live-session-thumbnail__favourite-icon {
	font-size: 25px;
	margin-left: 9px;
	position: relative;
	top: 4px;
	opacity: 0.6;
	color: #888;
}
	.live-session-thumbnail__favourite-icon.selected {
		opacity: 1;
		color: #E44685;
	}
	.live-session-thumbnail__favourite-icon:hover {
		opacity: 1;
		color: #E44685;
	}
.live-session-thumbnail__delete-icon {
	font-size: 23px;
	margin-left: 11px;
	position: relative;
	top: 3px;
	opacity: 0.6;
	color: #888;
}
.live-session-thumbnail__viewed-icon {
	display: inline-block;
	font-size: 12px;
	margin-left: 9px;
	position: relative;
	top: -2px;
	background-color: #0fade1;
	color: #fff;
	border-radius: 3px;
	padding: 1px 3px;
}
.live-session-control__new {
	display: inline-block;
	font-size: 13px;
	margin-left: 9px;
	position: relative;
	top: -4px;
	background-color: #aaa;
	color: #fff;
	border-radius: 3px;
	padding: 1px 5px;
	cursor: pointer;
}
.live-session-control__new.active {
	background-color: #0fade1;
	color: #fff;
}
.live-session-control__new:hover {
	background-color: #337ab7;
	color: #fff;
}
.activity-select-option {
	font-size: 17px;
	padding: 7px 18px 9px 19px !important;
	cursor: pointer;
}
.activity-select-option:hover .activity-select-dropdown-item__icon {
	color: #bbb !important;
}
	.activity-select-option:hover .activity-select-dropdown-item__desc {
		color: #aaa !important;
	}
.activity-select-button-icon {
	position: relative;
	top: -3px;
	left: 4px;
}
.mc-benefits__image-column {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.mc-benefits__image-column img {
	max-width: 100%;
	height: 147px;
}
.mc-benefits-title {
	font-weight: bold;
	font-size: 19px;
	margin-top: 18px;
	line-height: 1.4;
}
	.mc-benefits-title img {
		height: 36px;
		margin: -22px 3px -20px -4px;
	}
.mc-benefits-text {
	margin: 7px 0 0 0;
	font-size: 15px;
	color: #999;
}
.mc-benefits__text-column {
	padding-top: 37px;
	padding-bottom: 20px;
}
.mc-feature {
	padding: 35px 20px;
}
.mc-feature--0 {
	/*margin-top: 70px;*/
	background-color: #f2f2f2;
}
.mc-feature--1 {
	/*margin-top: 70px;*/
	background-color: #f9f9f9;
}
.mc-feature--2 {
	background-color: #f2f2f2;
}
.mc-feature--3 {
	background-color: #f9f9f9;
}
.mc-feature-districts {
	background-color: #97e7ff;
	text-align: center;
}
.mc-feature-districts__title {
	color: #29afd8;
	font-weight: 300;
	font-size: 25px;
	margin: 20px 10px;
}
.mc-feature-checkmarks {
	background-color: #f2f2f2;
	text-align: center;
	padding: 50px 10px 60px 10px;
}
.mc-feature-checkmarks__title {
	margin: 10px 0 34px 0;
	font-size: 27px;
}
.mc-features-table {
	width: 100%;
	max-width: 772px;
	margin: 0 auto;
}
	.mc-features-table th {
		font-size: 15px;
		font-weight: 600;
		padding: 10px 12px;
	}
	.mc-features-table td {
		padding: 10px 12px;
		border-top: 1px solid #ddd;
	}
		.mc-features-table td.mc-features-table__column-feature {
			color: #858585;
		}
.mc-features-table__column-feature {
	text-align: left;
	font-size: 18px;
}
.mc-features-table__column-check {
	text-align: center;
	font-size: 30px;
}
.mc-features-table__gift-image {
	height: 32px;
	position: relative;
	top: -5px;
}
.mc-feature__visual-math-image-container {
	border: 2px solid #ddd;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	border-radius: 8px;
	padding: 10px 12px;
}
.mc-feature__visual-math-image-container img {
	max-width: 100%;
}
.mc-testimonials {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.mc-testimonial {
	border: 4px solid #ddd;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #f8f8f8;
	border-radius: 8px;
	padding: 20px 25px;
	margin: 5px 7px;
}
.mc-testimonial__avatar {
	float: left;
	margin: 0 14px 8px 0;
	height: 62px;
}
.mc-testimonial__name {
	font-weight: 600;
	font-size: 18px;
	margin-top: 9px;
}
.mc-testimonial__text {
	clear: both;
	margin: 15px 0 0 0;
	color: #999;
}
.mc-feature-robo {
	padding: 20px 0;
	background-color: #f9f9f9;
	margin-top: 70px;
}
.mc-feature-robo .slick-arrow {
	display: none !important;
}
.mc-robo-slider {
}
.mc-robo-slide {
	padding: 15px 20px;
	text-align: center;
	cursor: default !important;
}
	.mc-robo-slide img {
		max-width: 100%;
		width: 354px;
		margin-left: auto;
		margin-right: auto;
		cursor: default !important;
	}
.mc-robo-text-column {
	padding: 30px 5px 20px 10px;
}
.gift-modal-image {
	max-width: 210px;
}
.activity-select-dropdown {
	width: 264px;
	z-index: 1100;
}
	.activity-select-dropdown .activity-select-option {
		padding: 10px 18px 8px 19px !important;
	}
.create-folder-button-icon {
	font-size: 17px;
	margin: 0 3px 0 0;
	position: relative;
	top: 1px;
}
.dropdown-menu-label.dropdown-menu-label--select-unit {
	text-transform: uppercase;
	font-size: 13px;
	background-color: #fff;
	color: #c8c8c8;
	padding: 6px 20px 3px 20px;
}
.dropdown-menu-label--divide {
	border-top: 1px solid #c8c8c8;
}
.activity-select-dropdown-item__icon {
	float: left;
	display: inline-block;
	color: #ddd;
	text-align: center;
	width: 19px;
	margin-right: 8px;
	margin-left: -6px;
	margin-top: -1px;
	font-size: 20px;
}
.activity-select-dropdown-item__desc {
	text-transform: uppercase;
	font-size: 13px;
	color: #b2b2b2;
	padding: 1px 20px 3px 20px;
}
.activity-select-dropdown-item__text {
	font-weight: 600;
}
.portfolio-link-menu {
	background-color: #f2f2f2;
}
.portfolio-link-item {
	cursor: pointer;
	padding: 15px 15px 15px 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
	font-size: 15px;
}
.portfolio-link-item__count {
	font-weight: 300;
	color: #979797;
}

	.portfolio-link-item:first-child {
		border-top: 1px solid #ddd;
	}

	.portfolio-link-item.selected {
		background-color: #d2e8ed;
	}

	.portfolio-link-item:not(.selected):hover {
		background-color: #d2e8ed;
	}
.view-unit-switcher {
	float: right;
	margin: 8px 0 10px 0;
}
.view-unit-switcher__prev-link, .view-unit-switcher__next-link {
	display: inline-block;
	padding: 3px 4px;
}
.view-unit-switcher__link {
	display: inline-block;
	border-radius: 40px;
	height: 25px;
	width: 25px;
	font-size: 14px;
	background-color: #f0f0f0;
	font-weight: 600;
	text-align: center;
	margin: 0 4px;
	padding-top: 2px;
}
.view-unit-switcher__link.is-current {
	background-color: #0fade1;
	color: #fff;
}
.view-unit-branch-group {
	display: inline-block;
	font-size: 16px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #aaa;
}
.view-unit-grade-link {
	display: inline-block;
	margin: 8px 0 19px 0;
	font-size: 18px;
}
.view-unit-unit-number {
	display: inline-block;
	font-size: 80%;
	border-radius: 50px;
	height: 40px;
	width: 43px;
	background-color: #0fade1;
	color: #fff;
	font-weight: 600;
	margin: 0 8px 0 0;
	text-align: center;
	padding-top: 6px;
	position: relative;
	top: -2px;
}
.activities-merge-top-callout-tourtip {
	position: absolute;
	width: 340px;
	max-width: 350px;
	top: 47px;
	left: -113px;
	text-align: left;
	display: block;
	color: #000;
	overflow: visible;
}

.portfolio-component-delete-popover {
	position: absolute;
	width: 185px;
	top: -89px;
	left: -81px;
	text-align: center;
	display: block;
	color: #000;
	overflow: visible;
}
.activity-button-callout-tourtip {
	position: absolute;
	width: 249px;
	max-width: 350px;
	top: -80px;
	left: auto;
	right: 2px;
	text-align: left;
	display: block;
	color: #000;
	overflow: visible;
}
	.activity-button-callout-tourtip.popover.top > .arrow {
		left: auto;
		right: 45px;
	}
.student-portfolio-mode-toggle {
	margin: -5px 0 15px 0;
}
.live-session-steps {
	margin: 25px 0 12px 0;
}
.live-session-actions {
	max-width: 840px;
	text-align: center;
	padding-bottom: 60px;
}

.live-session-config {
	max-width: 565px;
	margin: 0 auto;
	color: #aaa;
	border-top: 1px solid #ddd;
	padding: 20px 10px;
}

	.live-session-config .btn-group {
		margin-right: 10px;
		position: relative;
		top: -2px;
	}
.class-setting-config-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	/*max-width: 490px;*/
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}
.class-setting-config-flex__column-text {
	width: 100%;
	text-align: left;
}

.class-setting-config-flex__column-toggle {
	flex: 0 0 120px;
	text-align: left;
}
.class-setting-config__name {
	font-weight: 600;
	color: #444;
	font-size: 15px;
}

.class-setting-config__desc {
	color: #aaa;
	font-size: 95%;
}
.live-session-config-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	max-width: 490px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}
.live-session-config-flex__column-text {
	width: 100%;
	text-align: left;
}
.live-session-config-flex__column-toggle {
	flex: 0 0 127px;
	text-align: center;
}
.live-session-config__name {
	font-weight: 600;
	color: #444;
	font-size: 15px;
}
.live-session-config__desc {
	color: #aaa;
	font-size: 95%;
}
.visual-math-header {
	text-align: center;
}
.visual-math-header__title {
	font-size: 29px;
	margin-top: 40px;
}
.visual-math-header__icon {
	margin: -3px 0 -1px -3px;
	height: 30px;
}
.visual-math-header__text {
	font-size: 19px;
	max-width: 600px;
	margin: 20px auto;
	color: #aaa;
}
.visual-math-slider {
	max-width: 650px;
	margin: 60px auto 30px auto;
}
.visual-math-slider-item {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	padding: 4px 4px 15px 4px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
}
.visual-math-slider-item img {
	width: 300px;
	max-width: 100%;
	margin: 0 auto;
}
.visual-math-section {
	padding: 0 15px 5px 15px;
}
.visual-math-item {
	display: inline-block;
	margin: 6px 6px 0 0;
	width: 210px;
	height: 180px;
}
.visual-math-subtitle {
	font-size: 23px;
	font-weight: 600;
	margin: 20px 0 10px 0;
}
.branch-group-accordion-block__chevron {
	float: right;
	margin-right: 4px;
}
.activities-intro {
	border-radius: 10px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.08);
	padding: 10px 20px 29px 20px;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 15px;
	border: 1px solid #d4d4d4;
	color: #999;
	background-color: #fff;
}
.activities-intro__close {
	display: inline-block;
	float: right;
	padding: 4px;
	font-size: 21px;
}
.activities-intro__title {
	font-size: 20px;
	font-weight: 600;
	margin: 8px 10px 10px 10px;
	color: #333;
}
.activities-intro__text {
	font-size: 15px;
	margin: 15px auto;
	max-width: 320px;
	padding: 0 10px;
}
.snackbar {
	/*max-width: 300px;*/
	width: 300px;
	text-align: center;
	border-radius: 7px;
	background-color: #ffe65a;
	color: #464646;
	padding: 10px 15px;
	left: 50%;
	margin-left: -150px;
	z-index: 50000;
	box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.06);
}
.snackbar--top {
	position: fixed;
	top: 63px;
}
.snackbar--reload__button {
	position: relative;
	top: 0px;
	margin: 1px 0 13px 0 !important;
	font-weight: 600;
}
.snackbar-title {
	color: #0fade1;
	font-size: 21px;
	font-weight: 600;
	margin: 11px 0 -4px 0;
}
.gifting-blocked-give-message {
	max-width: 379px;
	text-align: center;
	margin: 22px auto 10px auto;
}
.dashboard-settings-link {
	position: relative;
	top: -1px;
	margin-left: 5px;
}
.dashboard-colour-eye-link {
	position: relative;
	top: 0px;
	margin-left: 5px;
}
.register-teacher-privacy-checkbox {
	font-size: 13px;
	color: #aaa;
	margin: 10px 5px 5px 5px;
	width: 100%;
}
.custom-checkbox {
	font-size: 10px !important;
	padding: 0 !important;
	width: 20px;
	height: 19px;
}
	.custom-checkbox .custom-checkbox__icon {
		position: relative;
		top: 1px;
		left: 1px;
	}

.custom-checkbox-md {
	font-size: 15px !important;
	padding: 0 !important;
	width: 25px;
	height: 25px;
}

	.custom-checkbox-md .custom-checkbox__icon {
		position: relative;
		top: 0px;
		left: 1px;
	}
.custom-checkbox-lg {
	font-size: 19px !important;
	padding: 0 !important;
	width: 35px;
	height: 35px;
}

.custom-checkbox-lg .custom-checkbox__icon {
	position: relative;
	top: 1px;
	left: 1px;
}
.checkbox-error {
	border: 2px solid #ef4444 !important;
}
.shrink-side-padding {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.register-teacher-privacy-checkbox__col-check {
	width: 51px;
	text-align: left;
	vertical-align: top;
}
.register-teacher-privacy-checkbox__col-text {
	text-align: left;
}
.parent-milestones-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	border-top: 1px solid #d2d2d2;
}
.parent-milestones-flex__column-icon {
	flex: 0 0 80px;
	text-align: center;
	font-size: 30px;
	padding: 10px 5px;
}
.parent-milestones-flex__column-milestone {
	width: 100%;
	font-size: 16px;
	padding: 10px 5px;
}
.parent-milestones-flex__column-cheer {
	flex: 0 0 100px;
	text-align: center;
	padding: 13px 0 13px 0;
}
.student-notifications-block {
	background-color: #2FB8B0;
	color: #fff;
	padding: 20px 0 40px 0;
}
.student-notification {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	padding: 22px 5px 21px 0;
	background-color: #E3F8FF;
	border-radius: 10px;
	margin: 12px 0;
}
.student-notification__column-image {
	position: relative;
	flex: 0 0 80px;
	font-size: 40px;
	color: #0fade1;
	text-align: center;
}
.milestone-trophy {
	width: 42px;
}
.student-notification__column-image img {
	width: 42px;
}
.student-notification__badge-new {
	position: absolute;
	top: 6px;
	right: 17px;
	width: 18px;
	height: 18px;
	border-radius: 30px;
}
.student-notification__column-content {
	width: 100%;
}
.student-notification__description {
	position: relative;
	top: 6px;
	margin-right: 15px;
	font-size: 14px;
}
.student-notification-content-container {
	padding: 0 !important;
}
.student-notification-description-block {
	font-weight: 600;
	text-align: center;
	padding: 0 25px;
	line-height: 1.3;
	margin: 0 auto 26px auto;
	font-size: 19px;
	max-width: 435px;
}
.student-notification__date {
	display: inline-block;
	font-size: 14px;
	font-style: italic;
}
.student-notification__name {
	font-weight: 600;
	color: #034688;
}
.student-nav-notif-container {
	position: relative;
	font-size: 23px;
}
.student-nav-notif-container--mobile {
	position: relative;
	float: right;
	padding: 10px 13px;
	font-size: 23px;
}
.student-nav-notif-container--mobile a {
	position: relative;
	padding: 15px 13px;
}
.student-nav-notif__icon {
	color: #aaa;
}
.student-nav-notif__icon:hover {
	color: #ccc;
}
.student-nav-notif__badge {
	position: absolute;
	top: 9px;
	right: 3px;
	font-weight: 600;
	padding: 3px 7px;
	font-size: 15px;
}
.student-nav-notif__badge--mobile {
	position: absolute;
	top: 14px;
	right: 3px;
	font-weight: 600;
	padding: 3px 7px;
	font-size: 15px;
	color: #aaa;
}
.parent-activity-buttons {
	float: right;
	margin-top: 5px;
}
.teacher-milestones-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 12px 0;
}

.teacher-milestones-flex__column-milestone {
	width: 100%;
	padding-top: 6px;
}

.teacher-milestones-flex__column-icon {
	flex: 0 0 60px;
	text-align: center;
	padding: 0 0 0 0;
	font-size: 25px;
}
.teacher-milestones-flex__milestone-name {
	font-weight: 600;
	font-size: 16px;
}
.parents-recent-activity-container {
	margin: 15px 0;
}
.teacher-parent-recent-activity-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	border-top: 1px solid #ddd;
	padding: 15px;
}

.teacher-parent-recent-activity-flex__column-milestone {
	width: 100%;
}

.teacher-parent-recent-activity-flex__column-icon {
	flex: 0 0 70px;
	text-align: center;
	padding: 0 0 0 0;
	font-size: 25px;
}
.teacher-parent-recent-activity-flex__name {
	color: #999;
}
.teacher-parent-recent-activity-flex__description {
	font-size: 16px;
	font-weight: 600;
}
.register-parent-modal {
	text-align: center;
}
.register-parent-modal__image {
	margin: -17px 0 10px 0;
	width: 325px;
	max-width: 100%;
}
.register-parent-modal__desc {
	margin: 20px 0 30px 0;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}
.register-parent-modal__inner-container {
	max-width: 400px;
	margin: 5px auto 5px auto;
}
.register-parent-modal .modal-close-x {
	padding: 3px;
	margin-right: 5px;
}
.student-join-write-reminder {
	color: #70e2ff;
	font-size: 19px;
	text-align: left;
	margin: 25px 0;
	padding: 0 10px;
}
.student-join-write-reminder__icon {
	float: left;
	font-size: 30px;
	color: #fff;
	margin: 5px 18px 5px 5px;
	opacity: 0.8;
}
.kudos-image {
	max-width: 100%;
	margin: 25px 0 15px 0
}
.kudos-text {
	color: #a4a4a4;
	font-size: 24px;
	margin: 11px auto -6px auto;
	text-align: center;
	max-width: 700px;
}
.kudos-upsell.well {
	padding: 37px 55px;
	overflow: auto;
}
.kudos-upsell__title {
	font-weight: 600;
	margin: 20px 0 26px 0;
	line-height: 1.3;
	color: #555;
}
.kudos-upsell__image-container {
	float: right;
	width: 300px;
	max-width: 100%;
	border: 2px solid #ddd;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	border-radius: 8px;
	padding: 10px 12px;
	margin: 0 15px 15px 32px;
}
.kudos-upsell__image {
	max-width: 100%;
}
.kudos-upsell__content {
	color: #999;
	font-size: 18px;
}
.kudos-upsell__content-text {
	text-align: left;
}
.student-parent-invite__title {
	font-weight: 600;
	font-size: 21px;
	max-width: 364px;
	margin: 20px auto 25px auto;
	text-align: center;
}
.student-parent-invite__subtitle {
	font-size: 16px;
	margin: 0 0 10px 5px;
	color: #999;
}
.student-parent-invite__container {
	max-width: 402px;
	margin: 0 auto;
}
.student-parent-invite__well.well {
	margin: 0 auto 2px auto;
}
.student-parent-invite-table {
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
}
.student-parent-invite-table__cell-icon {
	width: 63px;
	font-size: 40px;
	padding: 10px 5px;
	color: #aaa;
	text-align: center;
}
.student-parent-invite-table__cell-content {
	padding: 10px 5px;
}
.student-parent-invite-table__value {
	font-size: 25px;
	font-weight: bold;
}
.student-parent-invite-table__url {
	font-size: 19px;
	font-weight: 600;
}
.student-invite-parent-reset-alert.alert {
	padding: 12px 15px 36px 15px !important;
}
.student-invite-parent-reset-alert__text {
	margin: 15px 0;
}
.student-invite-parent-reset-alert__fields-container {
	max-width: 400px;
	margin: 15px auto;
}
.notif-cheer-counter-block {
	float: right;
	font-size: 25px;
	margin: 15px 12px 10px 10px;
	color: #999;
}
.notif-cheer-counter-block__subtitle {
	display: none;
}
.student-milestone--modal {
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin: 20px 0 15px 0;
}

.student-milestone--modal__cell-icon {
	width: 61px;
	font-size: 25px;
	text-align: center;
}
.student-milestone--modal__cell-text {
	text-align: left;
	color: #999;
	font-size: 17px;
}
.student-milestone--modal td {
	border-top: 1px solid #ddd;
	padding: 12px 5px;
}
.student-milestone--modal__invite-parent-text {
	max-width: 440px;
	margin: 15px auto;
	font-size: 15px;
	color: #fff;
}
.parent-activity-milestones {
	margin-top: 35px;
}
.gs-waiting-room-reload {
	font-size: 27px;
	padding: 5px;
	margin: -3px 5px 5px 5px;
	float: right;
	color: #fff;
	cursor: pointer;
}
.gs-teacher-reload-bottom {
	font-size: 30px;
	margin: 4px 23px 4px 1px;
	position: relative;
	top: 9px;
	padding: 4px;
	cursor: pointer;
}
.gs-student-waiting-room-reload {
	font-size: 25px;
	padding: 5px;
	margin: 0 15px 0 20px;
	color: #bbb;
	position: relative;
	top: 3px;
}
.teacher-parent-buttons-table {
	width: 100%;
}
.teacher-parent-buttons-table td {
	padding: 3px;
}
.student-milestone--modal__table {
	margin: 13px auto 4px auto;
	min-width: 200px;
}
.student-milestone--modal__table__cell-email {
	padding: 3px 3px 3px 9px;
	text-align: left;
}
.student-parent-table {
	margin: 15px auto;
}
	.student-parent-table td {
		border-bottom: 1px solid #7CD8F6;
	}
.student-parent-table__column-parent {
	padding: 3px 3px;
	text-align: left;
	color: #0B64A3;
	font-size: 15px;
}
.student-parent-table tr:last-child td {
	border-bottom: 0;
}
.student-parent-table__column-actions {
	padding: 3px 3px 3px 10px;
}
.student-parent-x-link {
	color: #1FACF3;
	display: inline-block;
	padding: 3px 1px;
	cursor: pointer;
}
.student-parent-x-link:hover {
	color: #0fade1;
}
.portfolio-icon-button {
	font-size: 30px;
}
.journey-branch-group-container .panel-body {
	padding: 0;
}
.journey-statements-table {
	width: 100%;
}
.journey-statements-table td {
	padding: 16px 8px;
}
.journey-branch-group-heading {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 10px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ddd;
	overflow: auto;
}
.journey-statements-table__column-indicator {
	width: 71px;
	text-align: center;
	font-size: 16px;
}
.journey-statements-table__column-cheer {
	text-align: center;
}
.journey-statements-table__column-cheer a {
	color: #aaa;
}
	.journey-statements-table__column-cheer a:hover {
		color: #0fade1;
	}
.journey-branch-group-heading__counter {
	float: right;
	font-weight: normal;
	font-size: 16px;
	margin: 1px 4px 0 10px;
	color: #999;
}
.journey-action-block {
	text-align: center;
	/*height: 218px;*/
	position: relative;
	/*z-index: 1003;*/
	background-color: #ccf3fd;
}
.journey-action-block-bottom {
	text-align: center;
}
.journey-action-block__text {
	margin: 14px 0px;
	color: #6bb5c7;
	height: 54px;
}
.journey-issue-counter {
	font-size: 54px;
	font-weight: 700;
	line-height: 1.3;
}
.journey-action-block-icon {
	font-size: 54px;
	margin: 5px 5px 4px -1px;
}
.journey-statement {
	border-bottom: 1px solid #e6e6e6;
}
.journey-statements-table__trophy {
	height: 35px;
}
.journey-statements-table__trophy-counter {
	height: 20px;
	margin: -3px 1px 0 0;
}
.journey-statements-table__column-content {
	padding-left: 0 !important;
}
.journey-statement__statement {
	font-weight: 600;
	font-size: 16px;
}
.journey-statement__achieved {
	font-size: 13px;
	color: #aaa;
}
.journey-statement__view-attempts-button {
	display: inline-block;
	margin: 9px 0 0 0;
	font-size: 14px;
	padding: 5px 15px;
}
.journey-statements-table__column-cheer {
	width: 100px;
}
.journey-statement__cheer-icon {
	font-size: 30px;
	display: inline-block;
	margin-bottom: -2px;
}
.journey-course-name-block {

}
.journey-course-name {
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 15px 0;
}
.journey-statement-button-row {
	text-align: center;
	padding-top: 6px !important;
}
.growth-area__document-button {
	margin: 3px 3px;
}
.parent-growth-area .panel-heading {
	overflow: auto;
}
.parent-growth-area .panel-heading .btn {
	margin-top: 1px;
}
.parent-growth-area__title {
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	margin: 5px 5px;
}
.parent-growth-area__desc {
	color: #aaa;
	margin: 3px 0 10px 0;
}
.account-settings-links-footer {
	margin: 10px 0 10px 0;
	text-align: center;
}
.account-settings-links-footer a {
	display: inline-block;
	margin: 0 15px;
	color: #ccc;
	font-size: 13px;
}
.help-session-alert {
	text-align: center;
	margin-top: 15px;
}
.help-session-alert__countdown .countdown-timer-table {
	margin-top: 2px;
}
.help-session-alert__countdown .countdown-timer-table__value {
	background-color: #7ce9fb;
	color: #13aac3;
}
.help-session-alert__countdown .countdown-timer-table__label {
	background-color: #58d9ef;
	color: #198da0;
}
.help-session-student__block {
	width: 90px;
	display: inline-block;
	margin: 5px 5px;
	text-align: center;
}
.help-session-student__image {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.help-session-student__name {
	font-size: 13px;
	color: #aaa;
	margin: 2px 0 0 0;
}
.help-session-student__name--you {
	font-size: 13px;
	color: #555;
	margin: 2px 0 0 0;
	font-weight: bold;
}
.help-session-student__student-count {
	margin: 5px 0 12px 0;
	color: #999;
}
.help-session-alert__text {
	margin-bottom: 8px;
}
.student-nav-session-user-count-container {
	position: relative;
	color: #fff;
	font-size: 21px;
	padding-top: 9px;
	padding-right: 15px;
}
.student-nav-session-logo {
	height: 29px;
	margin-top: 9px;
}
.student-nav-session-logo--mobile {
	height: 25px;
	margin: 9px 3px 0 10px;
}
.student-nav-session-user-count__count {
	display: inline-block;
	margin-left: 3px;
}
.student-nav-session-user-count-container--mobile {
	position: relative;
	float: right;
	padding: 10px 13px;
	font-size: 20px;
	color: #fff;
}
.student-nav-session-hamburger {
	font-size: 20px;
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.help-session-answers-container {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px;
	margin: 0 15px 25px 15px;
}
.help-session-answers-table {
	width: 100%;
	max-width: 475px;
	margin: 0 auto;
}
.help-session-answers-table tr td {
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
}
	.help-session-answers-table tr th {
		padding-bottom: 7px;
	}
.help-session-answers-table__column-percent {
	width: 83px;
	padding: 10px 8px 13px 8px;
}
.help-session-answers-table__column-answer {
	padding: 10px 8px;
}
.help-session-results-button-container {
	text-align: center;
	padding: 15px 20px 12px 20px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.help-session-actions-container {
	text-align: center;
	/*overflow: auto;*/
	margin: 30px 0;
}
.help-session-actions__item {
	display: inline-block;
	width: 125px;
	text-align: center;
	margin: 5px 11px;
}
.help-session-action__counter {
	font-size: 29px;
	font-weight: 700;
	position: relative;
	color: #868686;
}
.help-session-action__anim-counter {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
	-moz-transition: 1.5s;
	-webkit-transition: 1.5s;
	transition: 1.5s;
	opacity: 1;
}
.help-session-action__anim-counter-animation {
	top: -55px;
	opacity: 0;
	font-size: 45px;
}
.help-session-action__button {
	display: block;
	margin: 5px auto;
	width: 80px;
	cursor: pointer;
	text-align: center;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.help-session-action__button:hover {
	opacity: 0.7;
}
.help-session-action__label {
	font-size: 13px;
	color: #aaa;
}
.help-session-ask-question-container {
	max-width: 500px;
	margin: 5px auto;
}
.help-session-ask-question__label {
	font-weight: bold;
}
.help-session-ask-question__textarea {
	margin-bottom: 3px;
}
.help-session-ask-question__cancel {
	position: relative;
	top: 3px;
	margin-right: 4px;
	cursor: pointer;
}
.help-session-ask-question-modal__title {
	margin: 19px 0 10px 0;
	font-size: 21px;
}
.help-session-ask-question-modal__text {
	color: #999;
}
.help-session-meme {
	width: 100%;
	max-width: 500px;
	margin: 15px auto;
}
.quick-wins-container {
	padding: 5px 15px;
	margin: 20px 0;
}
.quick-win-row {
	border-bottom: 1px solid #ddd;
	padding: 18px 10px 18px 15px;

	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.quick-win-row:last-child {
	border-bottom: 0;
}
.quick-win-row__icon-column {
	flex: 0 0 72px;
}
.quick-win-row__text-column {
	width: 100%;
	padding: 8px 0 8px 8px;
}
.quick-win-content-flex {
	display: -webkit-box; /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box; /* OLD: Firefox (buggy) */
	display: -ms-flexbox; /* MID: IE 10 */
	display: -webkit-flex; /* NEW, Chrome 21-28, Safari 6.1+ */
	display: flex; /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	width: 100%; /* needed for Firefox */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.quick-win-content-flex__content-column {
	width: 100%;
}
.quick-win-content-flex__button-column {
	flex: 0 0 122px;
	text-align: center;
}
.quick-win__name {
	font-weight: 600;
	font-size: 16px;
}
.quick-win__button-side-text {
	display: inline-block;
	margin: 0 0 0 0px;
	position: relative;
	top: 2px;
}
.quick-wins-help-sessions-upsell-block {
	margin: 25px 0;
	text-align: center;
	padding: 25px 20px;
	border: 0;
	border-radius: 15px;
}
.quick-win-icon {
	font-size: 29px;
	border-radius: 50px;
	width: 60px;
	height: 60px;
	color: #fff;
	padding-top: 8px;
	text-align: center;
}
.quick-win-icon--new {
	background-color: #a0dc68;
}
.quick-win-icon--scheduled {
	background-color: #0fade1;
}
.quick-win-icon--past {
	background-color: #f4b800;
}
.quick-win-icon--completed {
	background-color: #47cc1e;
}
.help-session-schedule-carousel__day-letter {
	margin: -6px 0 -3px 0;
}
.help-session-schedule-container {
	padding: 0;
}
.help-session-schedule-container--none {
	padding: 25px 31px;
	margin-top: 17px;
}
.help-session-schedule__subtitle {
	font-size: 22px;
	color: #aaa;
	font-weight: 300;
	margin: -8px 0 16px 0;
}
.help-session-schedule-item {
	border-bottom: 1px solid #fff;
	width: 100%;
}
	.help-session-schedule-item:hover, .help-session-schedule-item.active {
		background-color: #e4eff1;
	}
.help-session-schedule-item:last-child {
	border-bottom: 0;
}
.help-session-schedule-item__column-time {
	padding: 8px 8px 8px 28px;
	font-size: 17px;
	color: #444;
}
.help-session-schedule-item__check {
	display: inline-block;
	font-size: 22px;
	margin-left: 4px;
}
.help-session-schedule-item__time {
	display: inline-block;
	margin-top: -3px;
	color: #777;
}
.help-session-schedule-item__column-action {
	padding: 14px 20px 13px 8px;
	text-align: right;
}
.help-session-schedule-item__column-action .btn {
	width: 122px;
	margin-top: -3px;
}
.help-session-schedule-item__image-container {
	flex: 0 0 135px;
	text-align: center;
}
.help-session-schedule-item__details {
	width: 100%;
	padding: 10px 5px 10px 10px;
}
.help-session-schedule-item__button-container {
	flex: 0 0 135px;
	text-align: center;
	padding: 12px 5px;
}
.help-session-schedule-item__image {
	max-width: 100px;
}
.help-session-schedule-item__topic {
	font-size: 15px;
	font-weight: 600;
}
.help-session-schedule-item__name {
	color: #999;
}
.help-session-schedule-item__date {
	color: #999;
}
.help-session-schedule-item__student-counter {
	display: inline-block;
	color: #aaa;
	margin: 4px 20px 0 0;
	font-size: 16px;
}
.help-session-view-modal__image {
	max-width: 200px;
	margin: 25px auto 10px auto;
}
.help-session-view-modal__name {
	margin: 0px 10px;
	font-size: 19px;
	font-weight: 600;
}
.help-session-view-modal__credentials {
	font-size: 15px;
	margin: 0px 10px;
	color: #aaa;
}
.help-session-view-modal__topic {
	font-size: 15px;
	margin: 0px 10px;
	color: #aaa;
}
.help-session-view-modal__desc {
	margin: 15px auto 0px auto;
	text-align: left;
	max-width: 505px;
}
.help-session-view-modal__date {
	margin: 20px 10px 5px 10px;
	font-weight: bold;
}
.help-session-selected-modal__image {
	max-width: 130px;
	margin: 25px auto 10px auto;
}
.help-session-selected-modal__time {
	color: #444;
	font-size: 15px;
}
.help-session-selected-modal__topic {
	color: #444;
	font-size: 22px;
	font-weight: 300;
	margin: 15px 0 1px 0;
}
.help-session-selected-modal__name {
	color: #aaa;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}
.help-session-selected-modal__success {
	border-radius: 50px;
	background-color: #d5ef8f;
	padding: 20px 5px;
	margin: 25px auto 30px auto;
	font-size: 16px;
	text-transform: uppercase;
	max-width: 172px;
	font-weight: 600;
}
.help-session-selected-modal__calendar-label {
	color: #444;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}
.help-session-selected-modal__calendar-links {
	margin: 5px 0 26px 0;
}
.help-session-selected-modal__calendar-link {
	display: inline-block;
	margin-right: 20px;
	font-size: 13px;
}
.help-session-selected-modal__calendar-link:last-child {
	margin-right: 0px;
}
.student-huddle-entry-logo-img {
	width: 347px;
	max-width: 100%;
	margin: 10px 0 6px 0;
}
.student-huddle-page-title-img {
	width: 347px;
	max-width: 100%;
	margin: 10px 0 10px 0;
}
.huddle-upsell-blurb {
	text-align: left;
	font-size: 14px;
	margin: 15px auto;
	max-width: 555px;
}
.help-session-social-bar {
	position: fixed;
	top: 51px;
	left: 0;
	width: 100%;
	background-color: #9bfde5;
	padding: 3px;
	z-index: 100;
}
.help-session-social-bar__flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.help-session-social-bar__carousel-column {
	width: 100%;
}
.help-session-social-bar__actions-column {
	flex: 0 0 140px;
	position: relative;
}
.help-session-social-bar-spacer {
	height: 70px;
}
.help-session-social-bar__button {
	width: 80px;
}
.help-session-social-bar__button--like {
	display: block;
	position: absolute;
	right: 10px;
	width: 63px;
	text-align: center;
	top: 5px;
}
.help-session-social-bar__button--question {
	display: block;
	position: absolute;
	right: 0px;
	width: 63px;
	text-align: center;
	top: 5px;
}
.help-session-social-bar__button-image {
	height: 54px;
}
.help-session-social-carousel {
	max-width: 440px;
	margin-top: 7px;

	/* When not using Slick Carousel version */
	height: 57px;
	overflow: hidden;
	margin-right: 5px;
}
.help-session-social-carousel__bot-container {
	display: inline-block;
	text-align: center;
	background-image: url(../images/huddle-button-hi-five.png);
	background-size: auto 100%;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 18px;

	/* When not using Slick Carousel version */
	width: 67px;
}
.help-session-social-carousel__bot {
	height: 53px;
	opacity: 1;
	transition: all linear 0.1s;
	margin-left: 8px;
	/* When not using Slick Carousel version */
	margin-left: 0;
}
.help-session-social-carousel__bot:hover {
	opacity: 0;
}
#high-five-container {
	position: absolute;
	width: 100%;
	height: 400px;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 2000;
}
.high-five-image {
	position: relative;
	top: 200px;
	width: 80px;
	opacity: 1;
	transition: all 0.5s ease;
}
.high-five-image.high-five-image--anim {
	top: 0;
	width: 320px;
	opacity: 0;
}
.help-session-social-bar__plus-one {
	position: absolute;
	top: 5px;
	width: 75px;
	font-size: 25px;
	font-weight: 900;
	text-align: center;
	color: #fff;
	text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
	z-index: 1000;
}
.help-session-social-bar__plus-one-text {
	transition: all ease 1.9s;
	opacity: 1;
	position: relative;
	top: 15px;
}
.help-session-social-bar__plus-one-text--anim {
	opacity: 0;
	top: -35px;
	font-size: 35px;
}
#help-session-social-bar-plus-one-likes {
	right: 63px;
}
#help-session-social-bar-plus-one-question {
	right: 0px;
}
.high-five-modal-title {
	font-size: 21px;
	margin: 15px 5px;
	color: #888;
}
.help-session-day-label {
	color: #444;
	margin: 23px 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 16px;
	font-weight: 600;
}
.help-session-schedule-bar {
	position: fixed;
	top: 51px;
	left: 0;
	height: 68px;
	background-color: #f2f2f2;
	width: 100%;
	padding: 5px;
	/* For image of Math Huddle */
	height: 80px;
	z-index: 100;
}
.help-session-schedule-days {
	position: fixed;
	top: 119px;
	left: 0;
	height: 58px;
	background-color: #e1e4e7;
	width: 100%;
	padding: 5px;
	/* For image of Math Huddle */
	top: 131px;
	z-index: 100;
}
.help-session-schedule-bar__spacer {
	height: 130px;
	/* For image of Math Huddle */
	height: 140px;
}
.help-session-instructor-table__link-column {
	padding: 5px 23px 5px 5px;
}
.help-session-instructor-table__image-column {
	padding: 5px 10px 5px 5px;
}
.help-session-instructor-table__text-column {
	padding: 5px 5px 5px 5px;
	text-align: left;
}
.help-session-schedule-bar__image {
	height: 42px;
	/* For image of Math Huddle */
	height: 54px;
	margin-top: -3px;
}
.help-session-instructor-table {
	margin-top: 3px;
	/* For image of Math Huddle */
	margin-top: 7px;
}
.help-session-instructor-table__title {
	text-transform: uppercase;
	letter-spacing: 0px;
	font-size: 15px;
	color: #777;
	margin-bottom: -1px;
	font-weight: 600;
	/* For image of Math Huddle */
	letter-spacing: 1px;
	font-size: 14px;
	color: #aaa;
	margin: 5px 0 0 0;
	font-weight: 400;
}
.help-session-instructor-table__name {
	color: #aaa;
	font-size: 13px;
}
.help-session-schedule-carousel {
	height: 66px;
	margin-top: 7px;
	padding: 0 34px 0 38px;
}
.help-session-schedule-carousel .slick-prev {
	left: -38px;
	top: 20px;
}
.help-session-schedule-carousel .slick-next {
	right: -38px;
	top: 20px;
}
.help-session-schedule-carousel__day-block {
	text-align: center;
}
.help-schedule-day-anchor {
	position: relative;
	top: -200px;
}
.anchor-offset {
	position: relative;
	top: -65px;
}
.help-session-schedule-carousel__day-link {
	display: block;
	height: 34px;
	border-radius: 40px;
	background-color: transparent;
	color: #333;
	text-align: center;
	padding-top: 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all linear 0.15s;
	text-decoration: none;
	font-size: 13px;
}
	.help-session-schedule-carousel__day-link:hover {
		background-color: #44bbe3;
		color: #fff;
		text-decoration: none;
	}
	.help-session-schedule-carousel__day-link:active {
		text-decoration: none;
	}
.help-session-schedule-carousel__day-link-number {
	display: inline-block;
	font-size: 17px;
	position: relative;
	top: 1px;
	left: 1px;
	letter-spacing: 0;
}
/*.slick-next.slick-arrow:before {
	content: "\232a";
}*/
.quick-wins-math-huddle-video {
	width: 360px;
	height: 200px;
}
.upsell-modal-premium-logo {
	width: 250px;
	margin: 5px 0 8px 0;
}
.upsell-math-huddle-video {
	width: 580px;
	height: 320px;
	max-width: 100%;
}
.modal-math-huddle-video {
	width: 600px;
	height: 337px;
	max-width: 100%;
}
.journey-iceberg-container {
	position: relative;
	height: 300px;
	background-image: url(../images/Parent/iceberg-bg.png);
	border-radius: 10px;
	overflow: hidden;
	margin: 20px 0 18px 0;
}
.journey-iceberg__anim--bottom {
	position: absolute;
	left: 0;
	bottom: 0;
}
.journey-iceberg__anim--top {
	position: absolute;
	right: 0;
	top: 0;
}
.journey-iceberg__anim--mid {
	position: absolute;
	right: 0;
	top: 38px;
}
.journey-iceberg__iceberg-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.journey-iceberg__iceberg {

}
.journey-iceberg__water {
	position: absolute;
	top: 1px;
	left: 0;
	mix-blend-mode: multiply;
}
.journey-iceberg-overlay {
	opacity: 0;
	transition: all ease-in 0.2s;
	color: #fff;
	/*background-color: #003884;*/
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	text-align: center;
	padding: 55px 30px 30px 30px;
	font-size: 15px;
}
	.journey-iceberg-overlay:hover {
		opacity: 1;
		background: rgba(0, 0, 0, .5);
	}
.journey-iceberg-overlay__text {
	max-width: 500px;
	margin: 0 auto;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
@supports (-ms-ime-align: auto) {
	.journey-iceberg__water {
		opacity: 0.4;
	}
}
.editor-toggle-open {
	display: inline-block;
	width: 25px;
	text-align: center;
	cursor: pointer;
}
.bulk-editor-branch {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.bulk-editor-branch:last-child {
	border-bottom: 0;
}
.bulk-editor-expectation {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
	.bulk-editor-expectation:last-child {
		border-bottom: 0;
	}
.iceberg-label-left-container {
	position: absolute;
	right: calc(50% - 5px);
	top: 124px;
	max-width: 50%;
	height: 38px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.iceberg-label--milestones {
	width: 270px;
}
.iceberg-label--growth {
	width: 230px;
}
.iceberg-label--quickwins {
	width: 234px;
}
	.iceberg-label-left-container .iceberg-label__dot {
		right: 0;
	}
.iceberg-label-right-container {
	position: absolute;
	left: calc(50% - 5px);
	top: 124px;
	max-width: 50%;
	height: 38px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.iceberg-label__dot {
	height: 10px;
	width: 10px;
	border-radius: 10px;
	position: absolute;
	top: 14px;
	background-color: #ffec02;
}
.iceberg-label-right-container .iceberg-label__dot {
	left: 0;
}
.iceberg-label__line-column {
	background-image: url(../images/Parent/yellow-dashed-line-38.png);
	background-repeat: repeat-x;
	width: 100%;
}
.iceberg-label--milestones .iceberg-label__text-column {
	color: #fff;
	flex: 0 0 144px;
	padding: 0 3px;
	text-align: center;
	line-height: 1.2;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}
.iceberg-label--growth .iceberg-label__text-column {
	color: #fff;
	flex: 0 0 102px;
	padding: 0 3px;
	text-align: center;
	line-height: 1.2;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}
.iceberg-label-right-container .iceberg-label__text-column {
	color: #fff;
	flex: 0 0 85px;
	padding: 0 3px;
	text-align: center;
	line-height: 1.2;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}
.iceberg-label__counter-column {
	flex: 0 0 28px;
	text-align: left;
}
.iceberg-label-left-container .iceberg-label__counter-column {
	text-align: right;
}
.iceberg-label-right-container .iceberg-label__counter-column {
	text-align: left;
}
.iceberg-label__counter {
	font-size: 15px;
	font-weight: 600;
	width: 26px;
	height: 26px;
	text-align: center;
	padding-top: 2px;
	border-radius: 27px;
}
.iceberg-label__counter--blue {
	color: #15528c;
	background-color: #02ffff;
}
.iceberg-label__counter--red {
	color: #fff;
	background-color: #fe734d;
}
.help-session-iceberg__image {
	margin: 20px 0 0 0;
}
.help-session-iceberg__text {
	font-size: 16px;
	color: #999;
	max-width: 366px;
	margin: 11px auto 6px auto;
}
.diagnostic-accordion-description {
	background-color: #f2f2f2;
	padding: 15px 18px;
	font-size: 14px;
	color: #888;
}
.onboarding-panel {
	position: fixed;
	top: 96px;
	right: 0;
	width: 330px;
	height: 100%;
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	z-index: 1004;
	padding-bottom: 100px;
}
.onboarding-panel__title {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 15px;
	margin: 0 0 10px 0;
	background-color: #e4e4e4;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
.onboarding-panel__close {
	position: absolute;
	top: 11px;
	right: 13px;
}
.onboarding-panel__title a {
	color: #aaa !important;
}
	.onboarding-panel__title a:hover {
		opacity: 0.7;
	}
.onboarding-panel__task-block {
	padding: 10px 0;
}
	.onboarding-panel__task-block.is-active {
		background-color: #19b2e4 /*#50d4ff*/;
	}
		.onboarding-panel__task-block.is-active:hover {
			background-color: #10aadc /*#41c9f5*/;
		}
		.onboarding-panel__task-block.is-active .onboarding-panel__task-name-column {
			color: #fff;
		}
		.onboarding-panel__task-block.is-active .onboarding-panel__task-desc {
			color: #fff;
		}
	.onboarding-panel__task-block:hover {
		background-color: #e5e5e5;
	}
.onboarding-panel__task-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.onboarding-panel__task-icon-column {
	flex: 0 0 43px;
	text-align: left;
	font-size: 20px;
	padding-left: 15px;
}
.onboarding-panel__task-name-column {
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	padding: 3px 10px 0 3px;
}
.onboarding-panel__task-desc {
	color: #999;
	font-size: 13px;
	padding: 0px 15px 6px 46px;
}
.onboarding-panel__task-unavailable-text {
	color: #a50000;
	font-weight: 600;
	font-size: 13px;
	padding: 0px 10px 2px 46px;
}
.onboarding-panel__summary-link-container {
	text-align: center;
	margin: 15px 0;
}
.is-active .onboarding-panel__task-name-column {
	color: #333;
}
.is-active .onboarding-panel__task-desc {
	color: #1981a2;
}
.onboarding-panel__checkmark {
	width: 21px;
	position: relative;
	top: -2px;
	margin-left: -1px;
}
.onboarding-panel__content-container {
	padding: 10px 10px 15px 20px;
}
.onboarding-panel__progress-container {
	padding: 10px 10px 10px 18px;
	margin: 10px 0;
}
.onboarding-progress {
	width: 100%;
	height: 11px;
	margin: 5px 0 4px 0;
}
.onboarding-panel-progress-table__progress-cell {

}
.onboarding-panel-progress-table__percent-cell {
	width: 52px;
	padding-left: 7px;
	font-size: 13px;
	color: #aaa;
}
.onboarding-panel__fake-task-icon {
	height: 24px;
	position: relative;
	top: -2px;
}
	.class-code-top-nav-tourtip.popover.bottom > .arrow {
		/*bottom: -32px;
		border-top-color: #0198ca;
		border-width: 16px;
		margin-left: -19px;*/
	}

.class-code-top-nav-tourtip {
	z-index: 1005 !important;
	position: absolute;
	width: 196px;
	top: 82px;
	left: -66px;
	text-align: left;
	display: block;
	overflow: visible;
	margin-top: -23px !important;
}
.onboarding-tourtip {
	z-index: 1005 !important;
}
	.onboarding-tourtip.popover.bottom > .arrow {
		top: -32px;
		border-bottom-color: #10bef7;
		border-width: 16px;
		margin-left: -19px;
	}
	.onboarding-tourtip.popover.top > .arrow {
		bottom: -32px;
		border-top-color: #0198ca;
		border-width: 16px;
		margin-left: -19px;
	}
.onboarding-tourtip-assign-button {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 65px;
	left: -171px;
	text-align: left;
	display: block;
	overflow: visible;
}
	.onboarding-tourtip-assign-button.popover.bottom > .arrow {
		left: 80%;
	}
.onboarding-tourtip-activity-assign {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: -155px;
	left: -78px;
	text-align: left;
	display: block;
	overflow: visible;
}

.onboarding-tourtip-students-add-box {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 221px;
	left: -10px;
	text-align: left;
	display: block;
	overflow: visible;
}
.onboarding-tourtip-students-modal-create {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: -140px;
	left: 130px;
	text-align: left;
	display: block;
	overflow: visible;
}
.onboarding-tourtip-students-modal-name {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 70px;
	left: 12px;
	text-align: left;
	display: block;
	overflow: visible;
}

.onboarding-tourtip-students-modal-create-button {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 65px;
	left: -136px;
	text-align: left;
	display: block;
	overflow: visible;
}
	.onboarding-tourtip-students-modal-create-button.popover.bottom > .arrow {
		left: 73%;
	}
	.onboarding-tourtip-results-reports-view {
		position: absolute;
		width: 280px;
		max-width: 280px;
		top: -113px;
		left: 24px;
		text-align: left;
		display: block;
		overflow: visible;
	}
	.onboarding-tourtip-results-reports-view.popover.top > .arrow {
		left: 13%;
	}
.onboarding-tourtip-remediations-gaps-nav {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 53px;
	left: -83px;
	text-align: left;
	display: block;
	overflow: visible;
}
.onboarding-tourtip-remediations-view-supports {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 53px;
	left: 5px;
	text-align: left;
	display: block;
	overflow: visible;
}
	.onboarding-tourtip-remediations-view-supports.popover.bottom > .arrow {
		left: 28%;
	}
.demo-tourtip-remediations-view-supports {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: -88px;
	left: 5px;
	text-align: left;
	display: block;
	overflow: visible;
}
.student-gaps-view-button-container {
	margin: 0px 0 0 0;
	position: relative;
}
.onboarding-tourtip-remediations-supports-view {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 65px;
	left: 5px;
	text-align: left;
	display: block;
	overflow: visible;
}
	.onboarding-tourtip-remediations-supports-view.popover.bottom > .arrow {
		left: 20%;
	}
.onboarding-tourtip-remediations-select-focus {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: -38px;
	left: 302px;
	text-align: left;
	display: block;
	overflow: visible;
}
.onboarding-tourtip-growth-report-measure {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 67px;
	left: 11px;
	text-align: left;
	display: block;
	overflow: visible;
}
	.onboarding-tourtip-growth-report-measure.popover.bottom > .arrow {
		left: 32%;
	}

.onboarding-tourtip-growth-assign-mission {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 67px;
	left: -23px;
	text-align: left;
	display: block;
	overflow: visible;
}

.tourtip-principal-adoption-questions {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: -71px;
	left: calc(50% - 140px);
	text-align: left;
	display: block;
	overflow: visible;
}
.tourtip-principal-activate-school {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 140px;
	left: calc(50% - 140px);
	text-align: left;
	display: block;
	overflow: visible;
}
.tourtip-principal-completed-challenge {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 195px;
	left: calc(70% - 40px);
	text-align: left;
	display: block;
	overflow: visible;
}
.tourtip-principal-no-ic {
	position: absolute;
	width: 260px;
	max-width: 260px;
	top: 163px;
	left: 33px;
	text-align: left;
	display: block;
	overflow: visible;
}
.tourtip-principal-no-ic-completed {
	position: absolute;
	width: 260px;
	max-width: 260px;
	top: 163px;
	left: calc(70% - 40px);
	text-align: left;
	display: block;
	overflow: visible;
}
.tourtip-principal-no-focus-areas {
	position: absolute;
	width: 260px;
	max-width: 260px;
	top: 163px;
	left: 32%;
	text-align: left;
	display: block;
	overflow: visible;
}
.onboarding-panel__fake-task-list {
	margin-left: -10px !important;
}
.onboarding-panel__orange {
	color: #f17a00;
}
.premium-pilot-tourtip {
	position: absolute;
	width: 280px;
}
.premium-pilot-tourtip__GettingStarted {
	top: 175px;
	left: -285px;
	display: block;
}
.premium-pilot-tourtip__SelectFocusArea {
	top: 38px;
	left: -285px;
	display: block;
}
.premium-pilot-tourtip__SupportResources {
	top: 65px;
	left: -285px;
	display: block;
}
.premium-pilot-tourtip__MeasureImpact {
	top: -25px;
	left: -765px;
	display: block;
}
.demo-class-tourtip {
	z-index: 1005 !important;
}

	.demo-class-tourtip.popover.bottom > .arrow {
		top: -32px;
		border-bottom-color: #10bef7;
		border-width: 16px;
		margin-left: -19px;
	}

	.demo-class-tourtip.popover.top > .arrow {
		bottom: -32px;
		border-top-color: #0198ca;
		border-width: 16px;
		margin-left: -19px;
	}
.demo-class-tourtip-student {
	position: absolute;
	width: 220px;
	max-width: 220px;
	top: 136px;
	left: -2px;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-class-tourtip-gaps-menu {
	position: absolute;
	width: 286px;
	max-width: 286px;
	top: 57px;
	left: -67px;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-class-tourtip-view-supports {
	position: absolute;
	width: 264px;
	max-width: 264px;
	top: -12px;
	left: 34px;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-class-tourtip-view-supports--bottom {
	display: none;
	position: absolute;
	width: 264px;
	max-width: 264px;
	top: 50px;
	left: 2px;
	text-align: left;
	overflow: visible;
}
.demo-class-tourtip-view-supports--bottom.popover.bottom > .arrow {
	left: 80px;
}
.demo-class-tourtip-remediation-questions {
	position: absolute;
	width: 294px;
	max-width: 294px;
	top: -80px;
	left: 4px;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-class-tourtip-remediation-questions-docs {
	position: absolute;
	width: 294px;
	max-width: 294px;
	top: 63px;
	left: 4px;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-class-tourtip-remediation-questions-docs.popover.bottom > .arrow {
	margin-left: -117px;
}
.demo-class-tourtip-remediation-questions.popover.top > .arrow {
	left: 52px;
}
.demo-class-tourtip-curriculum-view {
	position: absolute;
	width: 269px;
	max-width: 269px;
	top: -98px;
	left: -80px;
	text-align: left;
	display: block;
	overflow: visible;
}
.teacher-footer-demo-class {
	position: fixed;
	background-color: #57c9ef;
	padding: 15px 13px 13px 13px;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 40px 0 0px 0;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	z-index: 1041;
}
.teacher-footer-demo-class .btn.btn-sm {
	font-size: 17px !important;
	margin-top: -3px;
	font-weight: 600;
	margin-left: 2px;
}
.uib-datepicker-popup.dropdown-menu {
	z-index: 1200;
}
.empty-state-container {
	padding-top: 30px;
}
.empty-state-image {
	margin: 30px 0 15px 0;
}
.empty-state-title {
	font-weight: 600;
	color: #777;
	font-size: 22px;
	margin: 15px 0 5px 0;
}
.empty-state-text {
	color: #aaa;
	font-size: 15px;
	margin: 5px 0 25px 0;
}
.onboarding-step-modal-body {
	text-align: center;
	padding: 15px 20px 10px 20px;
}
.onboarding-step-modal__image {
	margin: 25px auto 10px auto;
}
.onboarding-step-modal__badge {
	margin: 25px auto 10px auto;
	width: 200px;
}
.onboarding-step-modal__title {
	margin: 10px 10px 10px 10px;
	font-weight: 600;
	color: #555;
	font-size: 22px;
	line-height: 1.3;
}
.onboarding-step-modal__text {
	margin: 10px 10px 15px 10px;
	color: #999;
	font-size: 16px;
	line-height: 1.5;
}
.onboarding-step-modal__button {
	margin: 25px 0;
}
.onboarding-step-modal__tip-icon {
	position: relative;
	top: -3px;
}
.onboarding-step-modal__tip-text {
	font-weight: 600;
	color: #0fade1;
}
.parent-panel {
	text-align: center;
}
.parent-panel__text {
	margin: 35px 12px 15px 15px;
	color: #888;
}
.parent-panel__image {
	margin: 15px auto;
}
.parent-panel__progress-container {
	width: 124px;
	margin: 15px auto 0 auto;
	text-align: center;
}
.parent-panel__progress-label {
	font-size: 12px;
	color: #aaa;
}
.parent-panel__button {
	width: 236px;
	margin-top: -15px;
	margin-bottom: 20px;
}
.class-box-badge {
	height: 25px;
	position: relative;
	top: -2px;
	margin: 0 3px 0 -12px;
}
.class-box-badge--none {
	opacity: 0.5;
}
.teacher-badges-container {

}
.teacher-badge {
	margin: 15px 25px;
	width: 140px;
}
.license-manager-block {
	margin: 15px 0;
	border: 1px solid #ddd;
	border-radius: 10px;
}
	.license-manager-code-row {
		position: relative;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 0;
	}

.license-manager-code-row__code-column {
	width: 100%;
}

.license-manager-code-row__start-date-column {
	flex: 0 0 140px;
}
.license-manager-code-row__expiry-date-column {
	flex: 0 0 140px;
}
.license-manager-code-row__label {
	font-size: 15px;
	color: #999;
}
.license-manager-code-row__code {
	font-size: 35px;
	font-weight: 600;
}
.license-manager-code-row__date {
	font-size: 21px;
}
.license-manager__credits-text {
	font-size: 16px;
	padding: 15px 10px 15px 25px;
	color: #999;
}
.license-manager__reallocate-text {
	font-size: 16px;
	padding: 0px 25px 11px 15px;
	text-align: right;
}
.license-manager__reallocate-block {
	border: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}
.license-manager__download-icon {
	font-size: 35px;
	margin: 0 0 0 25px;
	position: relative;
	top: 5px;
}
.license-manager-teachers-table__select-column {
	text-align: center;
}
.license-manager-teachers-table__select-column.is-active {
	background-color: #d9edf7;
}
.license-manager-teachers-table__count-column {
	text-align: center;
}
.license-manager-teachers-table__days-column {
	text-align: center;
}
.impact-challenge-summary-html {
	text-align: center;
	padding-bottom: 60px;
}
.impact-challenge-summary-html__image {
	width: 154px;
}
.impact-challenge-summary-html__text {
	color: #999;
	margin: 14px 0 10px 0;
}
.getting-started-summary-html {
	text-align: center;
	padding-bottom: 60px;
}
.getting-started-summary-html__image {
	width: 154px;
	margin-bottom: 15px;
}
.mathalon-full-winner-icon {
	height: 24px;
	margin-right: 7px;
}
.help-center-title-feature {
	background-color: #4ad2ff;
	padding: 40px 10px;
	margin: -17px 0 30px 0;
}
.help-center-title-feature h1 {
	font-weight: 700;
	margin: 0;
}
.ul-yellow {
	display: inline-block;
	border-bottom: 3px solid #ffd400;
}
.help-center-h1 {
	margin: 10px 0 13px 0;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.4;
}
.help-center-desc {
	font-size: 18px;
	color: #999;
	margin: 8px 0 50px 0;
}
.help-center-tabs {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	border-bottom: 3px solid #f3ebeb;
	margin: 20px 0 30px 0;
}
.help-center-tab {
	border-bottom: 4px solid #fff;
	text-align: center;
	width: 100%;
}
	.help-center-tab.is-selected, .help-center-tab:hover {
		border-bottom: 4px solid #ffd400 !important;
	}
.help-center-tab__image {
	height: 110px;
	max-height: 110px;
}
.help-center-tab.is-selected .help-center-tab__number-image, .help-center-tab:hover .help-center-tab__number-image {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.help-center-video {
	min-width: 240px;

}
.help-center-video iframe {
	width: 240px;
	height: 158px;
	border: 0;
}
.help-center-tab-title {
	margin: 10px 0 10px 0;
	font-size: 23px;
	color: #22bbed;
	font-weight: 600;
	line-height: 1.3;
}
.help-center-tab-text {
	color: #aaa;
	line-height: 1.4;
	font-size: 15px;
	margin: 16px 0 15px 0;
}
.help-center-tab-inside {
	padding: 4px 20px 15px 37px;
	text-align: left;
}
.help-center-feature-light-grey {
	background-color: #f9f9f9;
	padding: 50px 0px 60px 0;
	margin: 60px 0 0 0;
}

	.help-center-feature-light-grey .help-center-tab {
		border-bottom: 4px solid #f9f9f9;
		padding-top: 15px;
	}

.help-center-feature-grey {
	background-color: #f4f4f4;
	padding: 50px 0px 60px 0;
	margin: 0 0 0 0;
}

	.help-center-feature-grey .help-center-tab {
		border-bottom: 4px solid #f4f4f4;
		padding-top: 15px;
	}
.help-center-feature-blue {
	background-color: #4ad2ff;
	color: #c7f4ff;
	padding: 50px 0 60px 0;
}
.help-center-tab__number-image {
	width: 32px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.help-center-tab__number-label {
	font-weight: 600;
	margin: 4px 0 6px 0;
	font-size: 18px;
}
.help-center-button-container {
	max-width: 375px;
	margin: 15px auto;
	padding: 0 10px;
}
	.help-center-button-container .btn {
		display: block;
		border-radius: 50px !important;
		font-size: 15px !important;
		border: 0 !important;
		padding: 10px 20px 10px 20px !important;
		margin-top: 8px !important;
	}
.help-center-support-button {
	border-radius: 15px;
	border: 1px solid #d2d2d2;
	background-color: #f3f3f3;
	padding: 25px 15px 25px 43px;
	margin-top: 20px;
}
.help-center-support-button:hover {
	border: 1px solid #c8c8c8;
	background-color: #e8e8e8;
}
.hc-support-button-table {

}
.hc-support-button-table--articles {
	margin: 0 auto;
}
.hc-support-button-table__icon-column {
	font-size: 48px;
	width: 74px;
	text-align: left;
	color: #0fade1;
}
.hc-support-button-table__content-column {
	text-align: left;
	padding-bottom: 6px;
}
.hc-support-button-table__label {
	font-size: 21px;
	font-weight: 600;
}
.hc-support-button-table__desc {
	color: #999;
}
.hc-email-modal__icon {
	padding-top: 10px;
	font-size: 60px;
	padding-left: 10px;
}
.hc-email-modal__text {
	font-size: 18px;
	font-weight: 600;
	margin: 5px 0 2px 0;
}
.hc-email-modal__email {
	font-size: 16px;
	margin-bottom: 30px;
}
.add-class-layout {
	/*
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	*/
}
	.add-class-layout .modal-close-x {
		color: #ccc;
		display: inline-block;
		padding: 8px;
		margin: -10px -3px 0 0;
	}
.add-class-layout label {
	font-size: 17px;
	color: #999;
}
.add-class-content__top-label {
	font-size: 17px;
	color: #c7c7c7;
	padding: 14px;
	background-color: #f2f2f2;
}
.add-class-content {
	width: 50%;
	text-align: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}
.add-class-highlight {
	width: 50%;
	background-color: #5fc6f7;
	color: #fff;
	text-align: center;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	padding: 0 35px;
}
.add-class-highlight--2 {
	background-image: url(../images/quote-bg.jpg);
	background-size: cover;
}
.add-class-highlight__title {
	font-weight: 600;
	font-size: 29px;
	line-height: 1.3;
	margin: 125px 15px 10px 15px;
}
.add-class-highlight__desc {
	font-size: 22px;
	line-height: 1.3;
	margin: 15px auto;
	max-width: 557px;
	font-weight: 300;
	opacity: 0.8;
}
.add-class-highlight__image {
	margin: 15px 0;
}
.add-class-select__title {
	font-size: 25px;
	color: #999;
	font-weight: 300;
	margin-top: 55px;
}
.add-class-select__buttons-container {
	margin: 20px 0px;
}
.add-class-select__button {
	width: 272px;
	height: 136px;
	display: inline-block;
	border: 1px solid #ccc;
	margin: 5px 6px 5px 0;
	text-align: center;
	border-radius: 10px;
	border-bottom: 4px solid #ccc;
	border-right: 2px solid #ccc;
	background-color: #f7f7f7;
	padding: 38px 0 0 0;
}
	.add-class-select__button:hover {
		border-color: #bbb;
		background-color: #f0f0f0;
	}
.add-class-select__button-title {
	font-size: 22px;
	font-weight: 600;
	padding-right: 15px;
}
.add-class-select__button-desc {
	font-size: 15px;
	color: #a7a7a7;
}
.add-class-select__button-icon {
	height: 27px;
	position: relative;
	top: -3px;
	margin-right: 3px;
}
.add-class-container {
	max-width: 500px;
	margin: 40px auto 20px auto;
	padding: 0 10px;
}
.add-class-student-container {
	max-width: 600px;
	margin: 100px auto 20px auto;
	padding: 0 10px;
}
.add-class-kick-off-container {
	max-width: 600px;
	margin: 100px auto 20px auto;
	padding-top: 15%;
	padding-bottom: 50px;
}
.add-class-student-container_skip-link a {
	color: #444;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
}
.add-class-premium-container {
	max-width: 500px;
	margin: 40px auto 20px auto;
	padding: 0 10px;
}
.add-class-premium-field {
	margin: 7px 0 8px 0;
}
.add-class-code-notice {
	margin: 30px 0 15px 0;
}
.add-class-courses__container {
	margin: 0 0 2px 0;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.add-class-grade-button {
	flex-basis: 231px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 8px 20px 8px 15px;
	margin: 4px 4px;
	font-size: 16px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
	.add-class-grade-button.is-selected {
		border-color: #43d0ff;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px 2px #43d0ff;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px 2px #43d0ff;
		color: #555;
		background-color: #ebf9ff;
	}
.add-class-back-button {
	float: left;
	font-size: 29px;
	display: inline-block;
	padding: 4px;
	margin: -13px 0 0 -4px;
	cursor: pointer;
}
.add-class-quote__intro {
	font-size: 13px;
}
.add-class-quote__quote {
	font-size: 30px;
	margin: 150px 0 50px 0;
}
.add-class-quote__citation {
	font-size: 16px;
	opacity: 0.6;
}
.add-class-premium-badge {
	display: inline-block;
	border-radius: 30px;
	font-size: 15px;
	padding: 6px 12px 7px 12px;
	background-color: #d3f262;
	color: #6bba1e;
	font-weight: 600;
	margin: 1px 0 6px 0;
}
.add-class-premium-badge img {
	height: 17px;
	position: relative;
	top: -2px;
	margin-right: 2px;
}
.add-class-box-container-for-tourtip {
	display: inline-block;
	position: relative;
	width: 300px;
}
.add-class-box-container-for-tourtip--mobile {
	position: relative;
	text-align: center;
	height: 119px;
}
.activities-course-selector-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.activities-course-selector-flex__column-course {
	width: 100%;
}
.activities-course-selector-flex__column-language {
	flex: 0 0 130px;
	padding-left: 4px;
}
.teacher-course-language-selector {
	width: 100%;
}
	.teacher-course-language-selector button {
		width: 100%;
		padding-right: 11px !important;
		text-align: left;
	}
.add-class-course-language-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.add-class-course-language-flex__column-course {
	width: 100%;
}
.add-class-course-language-flex__column-language {
	flex: 0 0 130px;
	padding-left: 4px;
}
.add-class-language-toggle-container {
	float: right;
	width: 100px;
	text-align: right;
	margin: -10px -1px 0 0;
}
.add-class-language-toggle-button {
	color: #0fade1 !important;
}
.impact-challenge-dashboard-container {
	min-width: 754px;
	margin-top: 15px;
	position: relative;
	z-index: 2;
}
.blue-flow-table-container {
	border-radius: 12px;
	overflow: hidden;
}
.blue-flow-4-table {
	background-color: #44c7f2;
}
	.blue-flow-4-table td {
		text-align: center;
		padding: 30px 30px;
	}
	.blue-flow-4-table .blue-flow-table__column-1 {
		width: 25%;
		background-image: url(../images/principal-panel-1.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-color: #6fd3f3;
		padding-left: 16px;
	}
	.blue-flow-4-table .blue-flow-table__column-2 {
		width: 25%;
		background-image: url(../images/principal-panel-2.png);
		background-repeat: no-repeat;
		background-position: right center;
		padding-left: 16px;
	}
	.blue-flow-4-table .blue-flow-table__column-3 {
		width: 25%;
		padding-left: 16px;
		padding-right: 16px;
	}
	.blue-flow-4-table .blue-flow-table__column-4 {
		width: 25%;
		background-image: url(../images/principal-panel-3.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-right: 16px;
	}

.impact-challenge-dashboard-table__counter {
	font-size: 50px;
	color: #fff;
	font-weight: 600;
}
.impact-challenge-dashboard-table__counter-label {
	font-size: 13px;
	color: #edfbff;
}
.impact-challenge-dashboard-table__counter-label--dark {
	color: #2b8fb1;
}
.impact-challenge-dashboard-table__badge {
	height: 57px;
}
.impact-challenge-dashboard__teacher-list.well {
	margin-top: -12px;
	padding-top: 29px;
	border-radius: 12px !important;
}
.impact-challenge-dashboard-stats-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;

}
.impact-challenge-dashboard-stats-flex__growth-column {
	/*flex: 0 0 200px;*/
	width: 100%;
	text-align: center;
	padding: 0 10px 15px 10px;
}
.impact-challenge-dashboard-stats-flex__logo-column {
	/*flex: 0 0 120px;*/
	width: 100%;
	text-align: center;
}
.impact-challenge-dashboard-stats-flex__logo-column img {
	width: 100px;
	margin-top: 8px;
}
.impact-challenge-dashboard-stats-flex__count-column {
	/*flex: 0 0 180px;*/
	width: 100%;
	text-align: center;
}
.impact-challenge-dashboard-stats-flex__text-column {
	width: 100%;
}
.impact-challenge-dashboard-stats-flex__counter {
	font-size: 45px;
	font-weight: 600;
	color: #555;
	margin-top: 10px;
}
.impact-challenge-dashboard-stats-flex__counter-label {
	font-size: 13px;
	color: #999;
}
.impact-challenge-dashboard__impact-title {
	font-size: 115%;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.impact-challenge-dashboard__impact-growth {
	font-size: 45px;
	font-weight: 600;
	color: #555;
}
.impact-challenge-dashboard__impact-text {
	font-size: 13px;
	color: #999;
}
.impact-challenge-parent-table {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.impact-challenge-dashboard__secondary-count {
	font-size: 45px;
	font-weight: 600;
	text-align: center;
}
.impact-challenge-dashboard__secondary-count-label {
	color: #aaa;
	margin: 9px 0;
	text-align: center;
}
.principal-registration-logo {
	margin: -5px auto 20px auto;
}
.principal-registration-form-column {
	border-right: 1px solid #ddd;
	padding: 15px 40px 40px 0;
	margin: -20px 0 15px 0;
}
.principal-registration-info {
	font-size: 17px;
	margin: 10px 0 20px 0;
	color: #999;
	line-height: 1.5;
	padding: 10px 30px;
}
.principal-registration-info-table {
	width: 100%;
	margin-bottom: 15px 0 45px 0;
}
.principal-registration-info-table__counter-column {
	padding: 5px 10px;
	width: 50px;
}
.principal-registration-info-table__counter-column .badge {
	font-weight: bold !important;
}
.principal-registration-info-table__text-column {
	padding: 5px 10px;
	font-size: 17px;
}
.principal-registration-badge {
	width: 120px;
	float: left;
	margin: 0 28px 20px 0;
}
.rounded-container {
	border-radius: 12px;
	overflow: hidden;
}
.school-admin-access-pending-table {
}
.school-admin-access-pending-table__icon-column {
	padding: 2px 10px 2px 25px;
	vertical-align: top;
}
.school-admin-access-pending-table__text-column {
	padding: 2px;
}
.remediation-select-focus-area-container {
	margin: 30px 0 40px 0;
	position: relative;
}
.techniques-table {
	margin: 15px 0 0 0;
}
.techniques-table__name-column {
	vertical-align: middle !important;
	padding-left: 20px !important;
}
.techniques-table__button-column {
	vertical-align: middle !important;
	padding-right: 20px !important;
	text-align: right;
}
.techniques-table__button-column .btn {
	margin: 2px 0 !important;
}
.snapshots-external-image {
	max-width: 100%;
	margin: 15px 10px;
}
.snapshots-intro-image-external {
	max-width: 400px;
	margin: 25px 20px;
}
.snapshots-how-container {
	background-color: #f2f2f2;
	text-align: center;
	padding: 30px 10px;
}
.snapshots-how-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
	max-width: 1000px;
}
.snapshots-how-flex__column {
	position: relative;
	max-width: 400px;
	width: 100%;
	margin: 0 6px;
	border-radius: 10px;
	padding: 20px 15px 15px 15px;
	text-align: center;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}
.snapshots-how-flex__counter-badge {
	background-color: #E44685;
	color: #fff;
	border-radius: 40px;
	text-align: center;
	font-weight: 600;
	display: inline-block;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 27px;
	height: 27px;
	font-size: 18px;
	padding-top: 1px;
}
.snapshots-how-flex__label {
	font-weight: 600;
	font-size: 15px;
}
.snapshots-how-subtitle {
	margin: 0 0 21px 0;
	font-size: 19px;
}
.snapshots-how-flex__projector-image {
	max-width: 200px;
	margin: 5px 0;
}
.snapshots-how-flex__join-image {
	max-width: 220px;
	margin: 30px 0 15px 0;
}
.snapshots-how-flex__send-image {
	max-width: 220px;
	margin: 15px 0;
}
.snapshots-archived-class-popover {
	position: absolute;
	width: 240px;
	height: auto;
	top: 55px;
	left: 5px;
	text-align: left;
	display: inline-block;
	z-index: 100;
}
.dashboard-privacy-text {
	color: #aaa;
	text-align: center;
	font-size: 13px;
	margin: 13px 0 0 0;
}
.dashboard-privacy-text img {
	margin-right: 3px;
	position: relative;
	top: -1px;
}
.sls-new-question-text {
	height: 100px !important;
}
.sls-podcasts-intro {
	text-align: center;
	font-size: 17px;
	margin: 60px auto;
	max-width: 800px;
}
.sls-podcast-host {
	margin: 40px 0;
	border-bottom: 1px solid #ddd;
}
.sls-podcast-host__image {
	width: 100%;
	max-width: 200px;
	margin-bottom: 18px;
}
.sls-podcast-host__heading {
	margin: -18px 0 5px 0;
	font-size: 20px;
	font-weight: 600;
}
.sls-podcast-host__subheading {
	margin: 11px 0 8px 0;
	font-size: 17px;
	font-weight: 600;
	font-style: italic;
}
.sls-podcast-host-podcast {
	margin-bottom: 0px;
}
.sls-podcast-tag {
	display: inline-block;
	padding: 3px 40px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 3px;
	float: right;
	font-style: normal;
}
.sls-podcast-tag--purple {
	background-color: #d119d1;
}
.sls-podcast-tag--orange {
	background-color: #f1603e;
}
.reg-google-classroom-row {
	padding: 13px 10px 13px 18px !important;
	font-size: 18px;
	color: #999;
	text-align: left !important;
}
.reg-google-classroom-row__arrow {
	float: right;
	margin: -3px 5px -3px 10px;
	font-size: 21px;
}
.google-classroom-button-icon {
	height: 30px;
	margin-top: -3px;
}
.finish-reg-title {
	font-weight: 600;
	font-size: 26px;
	margin: 15px 0;
}
.finish-reg-text {
	max-width: 600px;
	margin: 20px auto;
	font-size: 17px;
	color: #999;
}
.teacher-sub-initial-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.teacher-sub-initial-flex__column-clicker, .teacher-sub-initial-flex__column-price {
	text-align: center;
	padding: 5px 10px;
	flex: 0 0 50%;
}
.teacher-sub-initial-flex__column-price {
	vertical-align: middle;
}
.teacher-sub-summary-flex {
	width: 100%;
	max-width: 395px;
	float: right;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.teacher-sub-summary-flex__column-clicker {
	flex: 0 0 150px;
}
.teacher-sub-summary-flex__column-desc {
	width: 100%;
	text-align: right;
	padding: 0 10px 0 15px;
	font-size: 16px;
}
.teacher-sub-initial__button {
	max-width: 320px;
	margin: 20px 0 9px 0;
}
.teacher-sub-initial__price {
	font-size: 37px;
	font-weight: 600;
	line-height: 1;
	margin: 19px 0 3px 0;
}
.teacher-sub-initial__price-tax-label {
	color: #aaa;
	font-weight: 400;
	font-size: 15px;
}
.teacher-sub-summary-table {
	width: 100%;
	max-width: 500px;
	margin: 10px auto;
}
.teacher-sub-summary-table__desc-column {
	text-align: right;
	font-size: 15px;
}
.teacher-sub-summary-table__price-column {
	width: 134px;
	text-align: right;
	font-size: 15px;
	padding: 2px 5px;
}
.teacher-subscribe-block__action {
	background-color: #fff;
	border-radius: 15px;
	padding: 52px 70px;
	margin-top: 15px;
}
.teacher-subscribe-block__features {
	margin-left: 20px;
}
.teacher-sub-feature-table {
	margin: 35px 0 25px 0;
}
.teacher-sub-feature-table__image-cell {
	text-align: left;
	padding: 9px 8px;
}
.teacher-sub-feature-table__image-cell img {
	height: 90px;
}
.teacher-sub-feature-table__text-cell {
	color: #fff;
	font-weight: 600;
	font-size: 19px;
	padding: 5px 10px 5px 20px;
	width: 245px;
}
.teacher-sub-feature-table--horizontal {
	width: 100%;
	margin: 42px 0 25px 0;
	display: none;
}
.teacher-sub-feature-table-horizontal-cell {
	vertical-align: top;
	width: 25%;
	text-align: center;
	padding: 0 4px;
}
.teacher-sub-feature-table-horizontal-cell img {
	height: 87px;
	margin-bottom: 15px;
}
.teacher-sub-feature-table-text {
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
.teacher-sub-toggle-block {
	max-width: 225px;
	margin: 10px auto;
	font-weight: 600;
	color: #27bb47;
	font-size: 20px;
}
.teacher-sub-toggle-image {
	width: 65px;
	margin-right: 6px;
}
.number-clicker {
}
.number-clicker-sm .number-clicker-button {
	height: 38px;
	font-size: 19px;
	text-align: center;
	width: 43px;
}

.number-clicker-sm .number-clicker-value {
	height: 38px;
	font-size: 20px;
	text-align: center;
	width: 50px;
	padding-top: 3px;
}
.number-clicker-md .number-clicker-button {
	height: 44px;
	font-size: 21px;
	text-align: center;
	width: 43px;
}
.number-clicker-md .number-clicker-value {
	height: 44px;
	font-size: 24px;
	text-align: center;
	width: 60px;
	padding-top: 3px;
}
.number-clicker-lg .number-clicker-button {
	height: 50px;
	font-size: 23px;
	text-align: center;
	width: 47px;
}

.number-clicker-lg .number-clicker-value {
	height: 50px;
	font-size: 27px;
	text-align: center;
	width: 65px;
	padding-top: 4px;
}
.number-clicker-value {
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	display: inline-block;
	margin: 0 -4px;
	vertical-align: top;
	background-color: #fff;
}
.number-clicker-button {
	border: 1px solid #d2d2d2;
	background-color: #e2e2e2;
	margin: 0;
	cursor: pointer;
}
.number-clicker-button:hover {
	border: 1px solid #ddd;
	background-color: #d6d6d6;
}
.number-clicker-button-left {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.number-clicker-button-right {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.report-grouping-table {
	width: 100%;
	max-width: 950px;
	margin: 5px auto;
}
.report-grouping-table td {
	padding: 4px;
	width: 33%;
}
.report-grouping-block {
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
	padding: 25px 10px 17px 10px;
	border-radius: 8px;
	text-align: center;
	border-top-width: 1px !important;
	border-left-width: 1px !important;
	cursor: pointer;
}
.report-grouping-block:hover {
	opacity: 0.8;
}
.report-grouping-block__label {
	font-size: 15px;
	margin: 5px 0 10px 0;
	font-weight: 600;
}
.report-grouping-block--good .report-grouping-block__label {
	color: #6da917;
}
.report-grouping-block--satisfactory .report-grouping-block__label {
	color: #b96f14;
}
.report-grouping-block--needs-support .report-grouping-block__label {
	color: #862602;
}
.report-grouping-block--good {
	background-color: #b8e577;
	border: 3px solid #8fc542;
}
.report-grouping-block--satisfactory {
	background-color: #f9e759;
	border: 3px solid #f1c549;
}
.report-grouping-block--needs-support {
	background-color: #f5a385;
	border: 3px solid #e8794f;
}
.report-grouping-student-table {
	margin: 15px auto;
}
.report-grouping-student-table__name-cell {
	padding: 8px 8px;
}
.report-grouping-student-table__percent-cell {
	padding: 8px 8px;
	text-align: right;
}
.report-grouping-student-table__score-cell {
	padding: 8px 8px;
	text-align: right;
}
.reports-focus-area-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.reports-focus-area-flex__content-column {
	width: 100%;
	padding: 15px 5px;
}
.reports-focus-area-flex__button-column {
	flex: 0 0 217px;
	text-align: center;
	padding: 15px 5px;
}
.student-gaps-focus-area-flex__content-column {
	padding: 15px 15px;
}
.student-gaps-focus-area-flex__button-column {
	padding: 15px 15px;
}
.reports-focus-area-flex__title {
	font-size: 18px;
	color: #555;
	font-weight: 600;
}
.reports-focus-area-flex__button {
	width: 217px;
	height: 158px;
	margin: 3px;
	border-radius: 15px;
	border-width: 7px !important;
	font-weight: 600;
	font-size: 15px !important;
}
.reports-focus-area-flex__badge {
	max-width: 91px;
	margin: 0 0 9px 0;
}
.reports-focus-area-flex__name {
	font-size: 14px;
	color: #999;
	margin: 5px 0;
}
.reports-top-gaps__title {
	font-weight: 600;
	color: #555;
	font-size: 17px;
	margin: 15px 0 10px 0;
}
.reports-top-gaps-table {
	margin: 8px 0;
}
.reports-top-gaps-table__name-cell {
	padding: 5px 8px 5px 0;
	color: #999;
}
.reports-top-gaps-table__count-cell {
	padding: 5px 8px;
	text-align: right;
	color: #999;
}
.reports__transient-back-nav {
	margin-top: 20px;
}
.bulk-add-students-confirm-table__first-column {
	width: 66%;
}
.registration-region-summary-line {
	margin: 14px 0 -7px 0;
	font-size: 13px;
	color: #999;
	padding: 0 8px;
	text-align: left;
}
.registration-region-summary-line__link {
	float: right;
}
.demo-report-tutorial-button-container {
	margin: -10px 0 28px 0;
}
.demo-report-tourtip-groupings {
	position: absolute;
	width: 308px;
	max-width: 308px;
	top: -70px;
	left: 36%;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-report-tourtip-first-score {
	position: absolute;
	width: 308px;
	max-width: 308px;
	top: -88px;
	left: -102px;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-report-tourtip-best-score {
	position: absolute;
	width: 308px;
	max-width: 308px;
	top: 67px;
	left: -103px;
	text-align: left;
	display: block;
	overflow: visible;
}
.demo-report-tourtip-attempts {
	position: absolute;
	width: 315px;
	max-width: 315px;
	top: -81px;
	right: 20px;
	text-align: left;
	display: block;
	overflow: visible;
	left: auto;
}
.demo-report-tourtip-lightbulb {
	position: absolute;
	width: 308px;
	max-width: 308px;
	top: -129px;
	left: -107px;
	text-align: left;
	display: block;
	overflow: visible;
}

	.demo-report-tourtip-lightbulb.popover.top > .arrow {
		left: 39%;
	}
.student-assessment-block {
	background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
	background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
	background-image: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat: repeat-x;
	border: 1px solid #dcdcdc;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
	border-radius: 4px;
	padding: 9px 5px 9px 5px !important;
	margin-bottom: 9px;
	cursor: default;
}

	.student-assessment-block .progress {
		height: 10px;
		margin-bottom: 2px !important;
	}

	.student-assessment-block:not(.completed):hover {
		opacity: 0.7;
		cursor: pointer;
	}

	.student-assessment-block.completed:hover {
	}

.student-assessment-table {
	width: 100%;
}

.student-assessment-table__cell-image {
	width: 78px;
	padding: 10px 10px;
	text-align: center;
}

	.student-assessment-table__cell-image img {
		width: 44px;
	}

.student-assessment-table__cell-progress {
	padding: 10px 10px;
}

.student-assessment-table__cell-score {
	width: 110px;
	padding: 10px 10px;
	text-align: center;
}

.student-assessment-table__name {
	color: #aaa;
	font-size: 17px;
	margin-bottom: 6px;
	max-height: 45px;
	overflow: hidden;
}

.student-assessment-table__score {
	font-size: 35px;
	color: #888;
	font-weight: 800;
	line-height: 1;
}

.student-assessment-table__score-denominator {
	font-weight: 300;
}

.student-assessment-table__score-label {
	font-size: 12px;
	color: #999;
	margin-top: 2px;
}

.student-assessment-table__cell-image-glyph {
	font-size: 34px;
}

.student-assessment-table__cell-image-label {
	font-size: 12px;
	color: #999;
	margin-top: 2px;
}

.assessment-gameplay__title {
	font-weight: 800;
	font-size: 21px;
	margin-top: 7px;
}

.teacher-assessment-spacer-below-dropdown {
	height: 6px;
}

.listing-assessment-tags {
	display: inline-block;
	margin-left: 3px;
}

.listing-assessment-tag-icon {
	color: #999;
}

.listing-assessment-tag {
	display: inline-block;
	margin: 1px 5px 0 1px;
	border: 1px solid #C6E567;
	background-color: #E1F3AB;
	color: #6AA60C;
	border-radius: 4px;
	font-size: 13px;
	padding: 1px 5px;
	font-weight: normal;
}
.answer-letter-label {
	display: inline-block;
	background-color: #0fade1;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	padding: 1px 7px;
	margin: 0 4px 0 0;
	border-radius: 40px;
}
.report-answer-students-selected-cell:hover {
	opacity: 0.7;
}

.students-selected-answer-modal__body {
}

.students-selected-answer-modal__answer-block {
	background-color: #f2f2f2;
	padding: 15px 15px 10px 15px;
	border-radius: 8px;
	margin: 0 0 10px 0;
}

.students-selected-answer-modal__answer-label {
	font-size: 13px;
	color: #aaa;
	text-align: center;
}

.students-selected-answer-modal__answer-text {
	display: block;
	font-size: 26px;
	text-align: center;
}

.students-selected-answer-modal__students-container {
}

.students-selected-answer-modal__student {
	font-size: 15px;
	padding: 3px;
	text-align: center;
}


.distractor-modal__body {
}

.distractor-modal__answer-block {
	background-color: #f2f2f2;
	padding: 15px 15px 10px 15px;
	border-radius: 8px;
	margin: 0 0 10px 0;
}

.distractor-modal__answer-label {
	font-size: 13px;
	color: #aaa;
	text-align: center;
}

.distractor-modal__answer-text {
	display: block;
	font-size: 26px;
	text-align: center;
}

.distractor-modal__explanation-container {
	margin: 20px 0 10px 9px;
}

.distractor-modal__label {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 3px;
}

.distractor-modal__explanation {
	font-size: 15px;
}

.report-rationale-icon {
	font-size: 22px;
	margin-top: -3px;
	margin-right: 12px;
}

.report-rationale-icon-sm {
	font-size: 18px;
	margin: 0 5px 0 2px;
}

.report-distractor-icon {
	font-size: 30px;
}

.report-answer-table {
	width: 100%;
}

.report-distractor-link {
	cursor: pointer;
}

.report-rationale-link {
	cursor: pointer;
}

.report-rationale-link-sm {
	cursor: pointer;
}

.report-answer-table__cell-distractor {
	width: 30px;
	text-align: center;
}

.question-rationale-modal__body {
	padding: 17px 20px 17px 21px;
}

.activity-tags__container {
	margin: 12px 0;
}

.activity-tags__icon {
	color: #aaa;
}

.activity-tags__tag {
	display: inline-block;
	margin: 1px 5px 0 1px;
	border: 1px solid #C6E567;
	background-color: #E1F3AB;
	color: #6AA60C;
	border-radius: 4px;
	font-size: 16px;
	padding: 4px 10px;
	font-weight: normal;
}

.assessment-report-correct-donut {
	width: 50px;
	position: relative;
	margin: 4px 3px;
}

.assessment-report-correct-donut-label {
	position: absolute;
	top: 0;
	padding-top: 16px;
	width: 100%;
	height: 60px;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	color: #999;
}

.assessments-documents-html-container {
	margin: 25px 0;
}
.documents-html-container {
	margin: 25px 0;
}
.assessment-complete-modal__count {
	text-align: center;
	font-size: 54px;
	margin: -7px 0 -9px 0;
	color: #0fade1;
}

.assessment-complete-modal__label {
	text-align: center;
	font-size: 14px;
	margin: 0 0 20px 0;
	color: #aaa;
}
.nelson-pa-title {
	max-width: 100%;
}
.question-rationale-modal-content {
}

.question-rationale-modal__subtitle {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
}

.question-rationale-modal__text {
	margin: 5px 0;
}

.question-rationale-modal__scoring-name {
	font-weight: bold;
	margin: 4px 0;
	font-size: 16px;
}

.question-rationale-modal__scoring-name--correct {
	color: #04b39f;
}

.question-rationale-modal__scoring-name--inadequate {
	color: #fbb961;
}

.question-rationale-modal__scoring-name--incorrect {
	color: #f14f26;
}
.question-rationale-modal__image-container {
	margin: 10px 0;
}
.documents-html-single-link {
	font-size: 18px;
	display: inline-block;
	margin: 0px 10px 10px 13px;
}

.report-rationale-icon-image {
	margin: -10px 8px -6px 3px;
}

.report-rationale-link-sm .report-rationale-icon-image {
	margin: -9px 12px -6px 3px;
	height: 20px;
}

.course-document-html-container {
	text-align: center;
	margin: 35px 0;
}
.report-answer-explanation-link {
	float: right;
	margin-left: 7px;
	cursor: pointer;
}
.enhanced-report-icon {
	position: relative;
	cursor: pointer;
	top: -2px;
	left: -5px;
}
.btn-circular {
	border: 0;
	display: inline-block;
	border-radius: 50px;
	padding: 9px 23px 7px 23px;
	font-size: 16px;
	color: #fff;
	transition: all 0.2s ease;
	font-weight: 600;
	text-decoration: none !important;
}
.btn-circular-sm.btn-circular {
	padding: 6px 20px 5px 20px;
	font-size: 14px;
}
.btn-circular-aqua {
	background-color: #00d1f8;
	color: #fff !important;
}
	.btn-circular-aqua.btn-circular-shadow {
		border-bottom: 4px solid #00b5e0;
	}

	.btn-circular-aqua:hover {
		background-color: #30dbfb;
		color: #fff;
	}
.teacher-documents-html {
	margin: 15px 0;
}
.student-nav-label {
	color: #a0a0a0;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	margin: 2px 0 7px 0;
}
.nav-button.active .student-nav-label, .nav-button:hover .student-nav-label {
	color: #fff;
}
.student-map-canvas {
	position: relative;
	margin-bottom: 0;
	width: 100%;
	overflow: scroll;
	height: 97vh;
}
.student-map-image {
	width: 100%;
	height: 100%;
	min-width: 2000px;
	min-height: 2000px;
	border: 8px solid #646464;
}
.student-map-hand {
	position: fixed;
	top: 45%;
	right: 25px;
	width: 80px;
}
.student-class-bar {
	position: fixed;
	bottom: 75px;
	left: 0;
	width: 100%;
	background-color: #444;
	text-align: center;
	padding: 12px 23px;
	height: 94px;
	/*overflow: scroll;*/
	white-space: nowrap;
	z-index: 2;
}
.student-class-bar-student {
	display: inline-block;
	position: relative;
	text-align: center;
	margin: 0 15px 0 15px;
	cursor: pointer;
}
.student-class-bar-student__image {
	width: 65px;
	height: 65px;
	border-radius: 50%;
}
.math-club-icon {
	display: inline-block;
	background-color: #0fade1;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 2px 3px;
	border-radius: 3px;
	line-height: 1;
	margin: 0 3px;
}
.student-class-bar-m {
	position: absolute;
	top: 0px;
	left: -11px;
	display: inline-block;
	background-color: #0fade1;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 2px 3px;
	text-align: center;
	border-radius: 3px;
	line-height: 1;
}
.student-class-bar-is-self {
	position: absolute;
	bottom: 0px;
	left: 19px;
	background-color: #111;
	color: #fff;
	border-radius: 3px;
	padding: 2px 4px;
	font-size: 10px;
}
.student-class-bar-spacer {
	height: 85px;
}
.student-home-item {
	border-radius: 4px;
	margin: 8px 0;
	padding: 15px 20px;
}
.student-home-item--inactive.student-home-item {
	background-color: #f4f4f4;
}
.student-home-item--button.student-home-item {
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	cursor: pointer;
}
.student-alert {
	border-radius: 5px;
	margin: 10px 0;
}
.student-alert-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.student-alert--goal {
	background: linear-gradient(90.04deg, #4A8CBB 0.01%, #3FB6C0 30.73%, #3ACBC2 77.6%, #34E6C5 99.99%);
	/* Card Shadow */
	box-shadow: 8px 8px 22px rgba(155, 169, 174, 0.2);
}
	.student-alert--goal .progress {
		background-image: linear-gradient(to bottom,#1ac3ac 0,#24ae9c 100%);
	}
.goal-progress-bar-container {
	margin: 15px 10px 0 0;
}
.student-alert--monthly-exclusive-bot {
	background-image: url(../images/Student/stars-align-left.svg);
	background-size: cover;
}
.student-alert-flex .student-alert__image-column {
	flex: 0 0 250px;
	display: flex;
	text-align: center;
	padding: 15px;
}
.student-alert-image {
	width: 100%;
	max-width: 200px;
}
.student-alert--monthly-exclusive-bot .student-alert-image {
	max-width: 137px;
}
.student-alert--monthly-exclusive-bot-gradient-container {
	background: linear-gradient(90deg, #6F1890 0%, #1A156D 100%);
	/* Card Shadow */
	box-shadow: 8px 8px 22px rgba(155, 169, 174, 0.2);
}
.student-alert--monthly-exclusive-bot-wave-container {
	background-image: url(../images/Student/wave-exclusive-bot.svg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.student-alert--bot-box {
	background-image: url(../images/Student/stars-align-right.svg);
	background-size: cover;
}
.student-alert--bot-box-gradient-container {
	background: linear-gradient(90deg, #C23067 0%, #EC8B6C 71.87%, #EFA096 100%);
	/* Card Shadow */
	box-shadow: 8px 8px 22px rgba(155, 169, 174, 0.2);
}
.student-alert--bot-box-wave-container {
	background-image: url(../images/Student/wave-bot-box.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.student-alert--mathalon-bot-gradient-container {
	background: linear-gradient(90deg, #63c1f2 0%, #000772 100%);
	/* Card Shadow */
	box-shadow: 8px 8px 22px rgba(155, 169, 174, 0.2);
}
.student-alert--mathalon-bot {
	background-image: url(../images/Student/stars-align-left.svg);
	background-size: cover;
}
.student-alert--mathalon-bot .student-alert-image {
	max-width: 137px;
}
	.student-alert--mathalon-bot .student-alert__title {
		color: #ffd366;
	}

	.student-alert--mathalon-bot .student-alert__text {
		font-weight: 400;
		color: #aaebec;
		margin: 7px 0;
	}
	.student-alert--mathalon-bot .student-alert__text.at-home {
		max-width: 383px;
		margin-left: auto;
		font-weight: 400;
		color: #aaebec;
	}
.student-alert--bot-box .student-alert__content-column {
	text-align: left;
}
.student-alert--bot-box .student-alert__title {
	color: #FFC725;
}
.student-alert--bot-box .student-alert__text {
	color: #fff;
}
.student-alert--bot-box .student-alert-image {
	max-width: 146px;
}
.student-alert-flex .student-alert__content-column {
	width: 100%;
	display: flex;
	padding: 15px;
}
.student-alert__title {
	color: #444;
	font-weight: 700;
	font-size: 24px;
}
.student-alert__text {
	font-size: 16px;
	font-weight: 600;
	margin: 3px 0;
}
.student-alert--goal .student-alert__title {
	color: #fff;
}
.student-alert--goal .student-alert__text {
	color: #fff;
}
.student-alert--monthly-exclusive-bot .student-alert__title {
	color: #DF216D;
}
.student-alert--monthly-exclusive-bot .student-alert__text {
	color: #fff;
}
.flex-content-valign {
	align-self: center;
}
.student-alert__close {
	position: absolute;
	top: 5px;
	right: 8px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	display: inline-block;
	padding: 5px 8px;
}
.student-alert__close:hover {
	opacity: 0.6;
}
.text-aqua-darker {
	color: #137e99;
}
.student-solve-lightning-block {
	margin: 40px 0;
}
.content-search-result {
	border: 2px solid #444;
	margin-bottom: 10px;
	padding: 10px;
}
.conten-search-preview {
	max-height: 20px;
}

.conten-search-preview img{
	display: none;
}
.conten-search-preview p {
	margin: 0px;
}

.conten-search-html-content img {
	width: 100%;
	height: auto;
}

.longer-icon {
	transform: scaleX(2);
	font-size: 16px;
}
.student-nav-class-switcher-button {
	position: relative;
	top: -4px;
	left: -4px;
	background: none;
	border: 0;
	opacity: 0.55;
}
.student-nav-class-switcher-button img {
	width: 27px;
}
.student-mobile-navbar-brand {
	padding-right: 0 !important;
}
.map-label {
	border-radius: 25px;
	font-size: 13px;
	color: #fff;
	background-color: #333;
	padding: 2px 9px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
}
.map-label-pink.map-label {
	background-color: #E44685;
}
.map-label-grey.map-label {
	background-color: #777;
}
.student-login-credentials-block {
	border-radius: 12px;
	padding: 15px 20px;
}
@media (max-width: 600px) {
	.student-login-credentials-block {
		width: 100%;
	}
}
.student-login-credentials-title {
	font-size: 20px;
	margin: 5px 0 10px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 900 !important;
	color: #003676;
}
.student-login-credentials-value {
	font-size: 27px;
	font-weight: 600;
	color: #0d1332;
}
.student-text-black {
	color: #0d1332;
}
.student-upsell-modal-arrow {
	width: 45px;
	cursor: pointer;
	position: absolute;
	top: 90px;
}
.student-upsell-modal-arrow > img {
	width: 53px;
}
.student-upsell-modal-arrow--left {
	left: 5px;
}
.student-upsell-modal-arrow--right {
	right: 12px;
}
.parent-form-title {
	font-size: 25px;
	font-weight: 600;
	color: #444;
	margin: 20px 0 10px 0;
}
.parent-child-credential-label {
	color: #aaa;
	font-size: 16px;
}
.assessment-header-outer {
	background-color: #444;
	color: #fff;
	height: 58px;
}
.assessment-header {
	display: flex;
	justify-content: space-between;
}
.assessment-header-menu-item:last-child {
	border-right: 1px solid #999;
}
.assessment-header-menu-item {
	display: inline-block;
	padding: 8px 5px;
	font-weight: 600;
	border-left: 1px solid #999;
	vertical-align: middle;
	height: 58px;
	width: 58px;
	min-width: 58px;
	text-align: center;
	background-image: linear-gradient(to bottom, #444 0px, #777 100%);
	background-repeat: repeat-x;
	/*border-bottom: 5px solid #777;*/
}
.assessment-header-menu-item-active {
	background-color: #0fade1 !important;
	/*border-bottom: 5px solid #10b4ea !important;*/
	background-image: linear-gradient(to bottom, #06b5d3 0px, #0b89a4 100%);
}
.assessment-header-menu-item-answered {
	background-image: linear-gradient(to bottom, #92c5cf 0px, #92c5cf 100%);
	color: #fff;
}
.assessment-header-item--numbers {
	width: calc(100% - 116px);
	display: flex;
	overflow-x: hidden;
}
.assessment-header-item--arrow {
	font-size: 20px;
	padding: 14px 10px;
}
.assessment-header-send {
	background-color: #0FADE1;
	color: #fff;
	padding: 10px 12px 0px 12px;
	text-align: center;
}
.sent-assessment-question-block {
	margin: 28px 10px 25px 10px;
	text-align: center;
}
	.sent-assessment-question-block .questions {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
.sent-assessment-question-block .questions .question {
	margin: 5px;
	padding: 8px;
	text-align: center;
	font-size: 16px;
	border: 2px solid lightgray;
	border-radius: 5px;
	width: 55px;
}
.course-preview-expectation {
	padding: 8px 15px;
	font-weight: 600;
	font-size: 16px;
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
}
.course-preview-goal-table {
	width: 100%;
}
.course-preview-goal-table__button-cell {
	padding: 8px 15px 8px 15px !important;
	width: 80px;
	text-align: center;
}
.course-preview-goal-table__button-cell .btn {
	margin-top: 0 !important;
}
.course-preview-goal-table__name-cell {
	padding: 5px 15px 5px 0;
	text-align: left;
	vertical-align: middle !important;
}
.parent-child-credential-value {
	color: #444;
	font-size: 22px;
	font-weight: 600;
	padding: 10px 15px;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	margin: 5px 0;
}
.parent-child-registration-privacy-line {
	margin: 30px 0;
	font-size: 13px;
	color: #aaa;
	text-align: center;
}
.parent-math-club-nav-item {
	background-color: #2bbedd;
}
.parent-math-club-nav-item a {
	color: #fff !important;
}
.parent-math-club-upsell-banner {
	margin: 30px 0 30px 0;
	background-color: #cdf3ff;
	color: #fff;
	padding: 30px;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	border-radius: 12px;
}
.parent-math-club-upsell-banner__image-column {
	text-align: center;
	flex: 0 0 280px;
}
.parent-math-club-upsell-banner__image-column img {
	max-width: 250px;
	width: 100%;
}
.parent-math-club-upsell-banner__content-column {
	width: 100%;
}
.parent-math-club-upsell-banner__title {
	color: #444;
	font-size: 21px;
	font-weight: 600;
}
.parent-math-club-upsell-banner__text {
	color: #1d99bf;
	font-size: 15px;
	margin: 10px 0 15px 0;
}
.parent-math-club-upsell-banner__x {
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 21px;
	margin: 10px;
}
.parent-profile-goals {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.parent-profile-goals__stars-column {
	flex: 0 0 250px;
	text-align: center;
	line-height: 1;
	padding: 15px 15px 30px 15px;
}
.parent-profile-goals__goal-column {
	width: 100%;
	padding: 15px 15px 30px 15px;
	color: #aaa;
	text-align: center;
	margin-left: 13px;
}
.parent-profile-goals__title {
	color: #444;
	font-size: 22px;
	font-weight: 600;
	margin: 16px 0 9px;
}
.parent-profile-goals__text {
	margin: 0 0 18px 0;
}
.parent-profile-goals-container {
	margin: 0 0 25px 0;
}
.parent-profile-goals__flag-image {
	width: 90px;
}
.parent-profile-goals__star-image {
	width: 90px;
}
.parent-profile-goals__star-count {
	font-size: 30px;
	font-weight: 600;
	color: #444;
	margin: 10px 0 7px 0;
}
.parent-profile-goals__star-label {
	font-size: 15px;
	color: #aaa;
}
.parent-profile-goals-table {
	width: 100%;
}
.parent-profile-goals-table__donut-column {
	padding: 8px;
	position: relative;
	text-align: center;
	font-weight: 300;
	width: 33%;
}
.parent-profile-goals-table__content-column {
	padding: 8px;
	text-align: left;
}
.parent-profile-goals-table__value {
	color: #444;
	font-size: 16px;
	font-weight: 600;
}
.parent-profile-goals-donut-label {
	position: absolute;
	top: 41px;
	left: 0;
	width: 100%;
	text-align: center;
}
.parent-profile-goal-badge {
	border-radius: 60px;
	background-color: #2bbedd;
	color: #fff;
	font-weight: 800;
	font-size: 25px;
	text-align: center;
	padding: 10px 0 0 0;
	height: 55px;
	width: 55px;
}
.parent-profile-goals-table__count-cell {
	width: 80px;
}
.student-home-item__title {
	color: #444;
	font-weight: 600;
}
.student-home-item__text {
	color: #aaa;
	font-size: 15px;
}
.student-home-item-flag__image {
	width: 50px;
}
.student-home-item-table__image-column {
	width: 90px;
	padding: 10px;
	text-align: center;
}
.student-home-item-table__image-column > img {
	width: 100%;
	max-width: 85px;
}
.student-home-item-table__content-column {
	padding: 10px;
}
.parent-onboarding-dot {
	display: inline-block;
}
.parent-onboarding-text {
	margin: 20px 0 30px 0;
	color: #888;
	line-height: 1.4;
}
.parent-onboarding-text ul li {
	margin-bottom: 15px;
}
.parent-onboarding-students {
	margin: 20px 0;
}
.parent-onboarding-student {
	margin: 7px 0;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 17px;
	font-size: 18px;
	cursor: pointer;
}
	.parent-onboarding-student:hover {
		background-color: #f0f0f0;
	}
.daily-bot-box-container .countdown-timer-table__value {
	background-color: #fff;
}
.bot-box-countdown-text {
	margin: 6px 0;
	color: #4bda9b;
	font-weight: 600;
}
.daily-bot-box-container {
	text-align: center;
}
.daily-bot-box-circle__image {
	width: 85px;
}
.daily-bot-box-circle__countdown {
	position: relative;
	display: block;
	margin-top: -9px;
}
.map-daily-bot-box-container {
	position: fixed;
	bottom: 177px;
	right: 22px;
}
.bot-box-counter-badge {
	position: absolute;
	top: 13%;
	right: 10%;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	border-radius: 50px;
	padding: 6px 8px;
	text-align: center;
	background-color: #e4465c;
	line-height: 1;
	width: 39px;
	height: 39px;
}
.bot-box-modal-text-block {
	font-weight: 600;
	max-width: 450px;
	margin: 16px auto 18px auto;
	font-size: 16px;
	color: #fff;
}

.bot-box-modal-text-block-medium {
	text-align: center;
	font-size: 20px;
}

.bot-box-modal-countdown-block {
	font-size: 25px;
	font-weight: bold;
	margin-top: -20px;
	line-height: 1.2;
}
.avatar-modal-bonus-heading {
	background-color: #eb6a8b;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	padding: 8px;
	border-radius: 50px;
	width: 90%;
	margin: 5px auto 20px auto;
}
.bot-earned-bot-box-table {
	margin: 12px auto 3px auto;
}
.bot-earned-bot-box-table__image-column {
	padding: 5px 8px 5px 5px;
}
.bot-earned-bot-box-table__image-column img {
	width: 138px;
}
.bot-earned-bot-box-table__text-column {
	padding: 5px;
	text-align: left;
	color: #ffe34d;
}
	.bot-earned-bot-box-table__text-column .countdown-timer {
		font-weight: 600;
	}
.bot-earned-bot-box-block {
	background-color: #0597cf;
	border-radius: 12px;
	padding: 15px;
	margin: 10px 0;
	font-size: 17px;
	font-weight: 600;
}
.bot-earned-bot-box-intro {
	max-width: 278px;
	margin: 0 auto;
}
.content-preview-item-block {
	text-align: center;
	padding: 0 15px;
}

.content-preview-item-block__image {
	width: 140px;
}

.content-preview-item-block__title {
	font-weight: 600;
	color: #444;
	font-size: 20px;
	margin: 10px 0 10px 0;
	line-height: 1.3;
}

.content-preview-item-block__text {
	color: #aaa;
	font-size: 15px;
	line-height: 1.3;
	max-width: 300px;
	margin: 0 auto 11px auto;
}

.region-preview-feature {
	background-color: #fff0cf;
	padding: 50px 0 40px 0;
}

.region-preview-foreground-image-container {
	/*margin-bottom: -209px;*/
	text-align: center;
}

.region-preview-foreground-image {
	max-width: 100%;
	width: 960px;
}

.region-preview-feature__title {
	font-weight: 800;
	text-align: center;
	margin: 15px 0 2px 0;
}

.region-preview-feature__subtitle {
	text-align: center;
	font-size: 20px;
	color: #e39300;
}

.region-instructions-feature {
	background-color: #ffe0b1;
	color: #c77e09;
	padding: 50px 10px 28px 10px;
	text-align: center;
}

.region-preview-feature__text {
	margin: 40px auto;
	font-size: 20px;
	max-width: 477px;
	text-align: center;
}

.content-preview-items {
	margin: 40px 0;
	padding-bottom: 50px;
}

.content-preview-start-feature {
	background-color: #f2f2f2;
	padding: 70px 10px;
}

.content-preview-start__title {
	text-align: center;
	font-size: 40px;
	font-weight: 800;
	margin: 40px 0;
}

.content-preview-grade-item {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	border: 1px solid #ddd;
	background-color: #fff;
	max-width: 750px;
	margin: 10px auto;
	border-radius: 12px;
}

.content-preview-grade-item__text-column {
	width: 100%;
	padding: 20px 30px 23px 50px;
}

.content-preview-grade-item__button-column {
	flex: 0 0 230px;
	padding: 20px 20px;
	text-align: center;
}

.content-preview-grade-item__title {
	font-weight: 600;
	font-size: 21px;
	color: #444;
	margin: 0 0 1px 0;
}

.content-preview-grade-item__text {
	font-size: 16px;
	color: #aaa;
}

.header-logo {
}

.content-preview-header {
	padding: 20px 10px;
}

.content-preview-locale-container {
	max-width: 750px;
	margin: 0 auto 0 auto;
	text-align: right;
}
.content-preview-bar-back {
	float: right;
	background-color: #777;
	cursor: pointer;
}
.content-preview-bar-back:hover {
	background-color: #0fade1;
}
.subscribe-parent-subscribe-child {
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	padding: 20px 25px;
	cursor: pointer;
	border-radius: 5px;
}
/*.subscribe-parent-subscribe-child:hover {
	border-color: #c9c9c9;
	background-color: #e2e2e2;
}*/
.subscribe-parent-subscribe-child--selected {
	border: 2px solid #0fade1;
}
.stripe-field-white {
	border: 1px solid #ccc;
	padding: 8px 12px;
	border-radius: 4px;
	font-family: "Open Sans", sans-serif;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	background-color: #fff;
}
.parent-subscribe-step-label {
	/*font-weight: 600;*/
	margin: 5px 0 -10px 0;
	text-align: center;
	color: #aaa;
}
.teacher-view-login-info-button {
	position: relative;
	top: -8px;
}
.student-registration-location-blurb {
	margin: 40px 10px 25px 10px;
	color: #137e99;
	font-size: 18px;
	text-align: center;
}
.student-register-flow-back-link {
	margin: 30px 0 15px 0;
	text-align: center;
}
.form-flex {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.form-flex__column-half {
	width: 49%;
	padding-bottom: 3px;
}
.student-join-go-username {
	font-size: 21px;
}
.student-home-no-gameshow-container {
	background: linear-gradient(90deg, #107D84 0%, #16C58C 99.69%);
	box-shadow: 8px 8px 22px rgba(155, 169, 174, 0.2);
	padding: 8px 15px !important;
	margin: 20px 0;
}
.student-home-no-gameshow {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	background-image: url(../images/Student/gameshow-alert-bars.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.student-home-no-gameshow__text-column {
	width: 100%;
	padding: 2px 0;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
}

.student-home-no-gameshow__button-column {
	flex: 0 0 145px;
	text-align: right;
	padding: 13px 9px 10px 10px;
}
.student-home-no-gameshow-image {
	width: 60px;
	margin-right: 15px;
}
.share-milestones-alert {
	background: linear-gradient(90deg, #A088E2 20.31%, #A686DE 49.48%, #C07FCF 80.21%, #CF7AC6 100%);
	border-radius: 5px;
	padding: 30px 20px 25px 20px;
}
.share-milestones-alert__title {
	font-size: 23px;
	margin: 0 0 5px 0;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: center;
}
.share-milestones-alert-table {
	margin: 10px auto;
}
.share-milestones-alert-table__cell-icon {
	padding: 1px 1px 1px 10px;
}
.share-milestones-alert-table__cell-text {
	padding: 15px;
	color: #fff;
	font-weight: 600;
	text-align: left;
}
.student-alert--gift-container {
	background: linear-gradient(90deg, #14C48D 0%, #0287C4 100%);
	margin-top: 25px;
}
.student-alert--gift {
	background-image: url(../images/Student/stars-align-right.svg);
}
.student-alert--gift.student-alert-flex {
	flex-direction: column;
}
.student-alert--gift .student-alert__title {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	margin: -13px 0 2px 0;
}
.student-alert--gift-give .student-alert__title {
	margin-top: -28px;
}
.student-alert--gift .student-alert-image {
	position: relative;
	top: -47px;
	width: 124px;
	margin-bottom: -19px;
}
	.student-alert--gift .student-alert__text {
		color: #67f1e7;
	}
.student-alert--gift .student-alert__content-column {
}
.student-alert--gift .student-alert__image-column {
	flex: 0 0 193px;
}
	.student-alert--gift-give .student-alert__image-column {
		flex: none !important;
		padding-bottom: 0;
	}
.student-activity-block {
	border: 4px solid #85daf9;
	border-right-color: #31a3ec;
	border-bottom-color: #31a3ec;
	background-color: #34baed;
	overflow: hidden;
	border-radius: 12px;
	margin: 10px 0;
	cursor: pointer;
}
	.student-activity-block:hover {
		border: 4px solid #34baed;
		border-right-color: #1a96e6;
		border-bottom-color: #1a96e6;
		background-color: #25ade1;
	}
.student-activity-table {
	width: 100%;
}
.student-activity-table__image-cell {
	width: 90px;
	text-align: center;
	background-color: #b3ebff;
	color: #fff;
	padding: 15px 3px;
	line-height: 1.2;
}
.student-solve-lightning-block .student-activity-table__image-cell {
	padding: 13px 13px;
}
.student-activity-table__progress-cell {
	color: #fff;
	padding: 15px 15px;
	line-height: 1.2;
}
.student-activity-table__score-cell {
	width: 119px;
	color: #fff;
	text-align: center;
	padding: 15px 15px;
	line-height: 1.2;
}
.student-activity-table__arrow-cell {
	width: 25px;
	color: #fff;
	text-align: center;
	padding: 10px 10px;
	line-height: 1.2;
	font-size: 27px;
}
.student-activity-table__name {
	font-weight: 600;
	margin-bottom: 8px;
	width: 100%;
	max-height: 25px;
	overflow: hidden;
	line-height: 1.5;
}
.student-activity-table .progress, .progress-bar-on-blue.progress {
	background-image: linear-gradient(to bottom,#8adeff 0,#8adeff 100%);
	background-color: #8adeff;
}
.student-activity-table__date {
	font-weight: normal;
	color: #f4d22a;
}
.student-activity-table__score {
	font-size: 35px;
	font-weight: 700;
}
.student-activity-table__score-label {
	font-size: 13px;
}
.student-activity-table__score-denominator {
	font-weight: 300;
	color: #9be3fe;
}
.student-activity-table__image-label {
	color: #089fd1;
	font-size: 13px;
}
.student-activity-table__star-image {
	width: 56px;
}
.student-activity-table__checkmark {
	width: 41px;
	margin-bottom: 4px;
}
.student-activity-table__subtext {
	color: #a0e6ff;
	font-size: 14px;
}
.student-activity-table__lock-icon {
	font-size: 35px;
}
.student-activity-block--skill .student-activity-table__subtext {
	margin-top: 0px;
}
.student-solve-lightning-block .student-activity-table__subtext {
	margin-top: -6px;
}
.student-activity-block--skill .progress {
	margin: -3px 0 6px 0;
}
.empty-state-image--cheers {
	width: 100%;
	max-width: 300px;
	margin: 30px 0 10px 0;
	opacity: 0.4;
}
.empty-state-title {
	font-size: 36px;
	line-height: 24px;
	font-weight: 600;
	margin: 10px 0;
	color: #C0C8CC;
}
.empty-state-text {
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	margin: 24px auto 40px auto;
	color: #C0C8CC;
}
.cheers-empty-state-block .empty-state-text {
	max-width: 400px;
}
.student-blue-modal {
	border-radius: 5px;
	border: 6px solid #85daf9;
	border-right-color: #31a3ec;
	border-bottom-color: #31a3ec;
	background-color: #34baed;
	color: #fff;
}
	.student-blue-modal .highlight {
		color: #ffe34d;
	}
	.student-blue-modal .modal-heading {
		padding: 14px 15px;
		color: #fff;
		font-size: 22px;
		background-color: #3d8ae1;
		font-weight: bold;
	}
	.student-blue-modal .modal-close-x {
		color: #fff;
	}
.countdown-timer-inline .countdown-timer-container, .countdown-timer-inline .countdown-timer {
	display: inline;
}
.student-location-table {
	margin: 0 auto;
}
.student-location-table__icon-cell {
	width: 88px;
	text-align: center;
}
.student-location-table__text-cell {
	padding: 0 40px 0 20px;
}
.student-location-home-image {
	width: 47px;
}
.student-location-school-image {
	width: 60px;
}
.class-menu-selected > a, .dropdown-menu > li.class-menu-selected > a {
	font-weight: bold !important;
}
.student-invite-parent-desc-block {
	max-width: 650px;
	margin: 0 auto;
}
.added-bot-box-modal__text {
	font-size: 21px;
	font-weight: 600;
}
.added-bot-box-modal__name {
	font-size: 30px;
	font-weight: bold;
	color: #ffe34d;
	margin: 1px 0 20px 0;
	line-height: 1;
}
.added-bot-box-modal__countdown {
	font-size: 25px;
	font-weight: bold;
	color: #ffe34d;
	margin: 4px 0;
}
.added-bot-box-modal .bot-earned-bot-box-intro {
	max-width: 397px;
}
.student-button-wide-container {
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
}
.lightning-challenge-row-icon {
	width: 73px;
}
.feature--content-preview {
	background-color: #33c8f3;
	text-align: center;
	padding-bottom: 55px;
}
.content-preview-header__image {
	height: 430px;
	background-image: url(../images/Teacher/interactive-questions-header.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.content-preview-header__title {
	font-size: 33px;
	font-weight: bold;
	color: #fff;
	margin: 34px 15px 6px 15px;
	line-height: 1.2;
}
.content-preview-header__text {
	font-size: 20px;
	color: #b9efff;
	line-height: 1.4;
	padding: 0 15px;
}
.content-preview-header__bottom {
	background-image: url(../images/Teacher/manipulatives-student-desk.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: repeat-x;
	height: 383px;
}
.register-page-title {
	margin: 30px 0 20px 0;
	font-weight: 400;
	color: #999;
}
.register-button {
	display: inline-block;
	border: 3px solid #e4eaef;
	background-color: #dce4ea;
	text-align: center;
	border-radius: 13px;
	padding: 15px 2px 13px 2px;
	margin: 0 3px 16px 3px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #96a4a9;
	min-width: 120px;
}

	.register-button:hover {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		border: 3px solid #33b8eb;
		background-color: #33b8eb;
		color: #fff;
	}

.register-button__image {
	height: 43px;
	margin: 5px auto 0px auto;
	filter: grayscale(60%) brightness(0.86);
}

.register-button:hover .register-button__image {
	filter: grayscale(0%) brightness(1);
}

.register-button__label {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 17px;
	margin: 7px 0 2px 0;
}
.dashboard-impact-challenge-logo {
	max-width: 150px;
	width: 100%;
	margin: 3px 0 7px 0;
}
.dashboard-school-certification-logo {
	max-width: 200px;
	width: 100%;
	margin: 3px 0 7px 0;
}
.math-club-referral-block {
	color: #fff;
	background-color: #E44685;
	border-radius: 8px;
	padding: 12px 15px;
	text-align: center;
	margin: 12px 0 6px 0;
}
.math-club-referral-block__text {
	font-size: 15px;
}
.math-club-referral-block__focus {
	font-weight: 600;
	font-size: 18px;
	margin: 4px 0 0 0;
}
.subscribe-referral-message {
	background-color: #caebbc;
	color: #3c763d;
	padding: 12px 15px;
	margin: 8px 0;
	font-weight: 600;
	border-radius: 6px;
}
.subscriptions-apply-referral-button {
	margin: 7px 2px 2px 0;
	position: relative;
	top: -3px;
}
.settings-parent-subscription-item {
	border-radius: 6px;
	padding: 12px 15px;
	margin: 10px 0;
	cursor: pointer;
	border: 1px solid #ddd;
}
.settings-parent-subscription-item.is-default {
	border: 1px solid #0fade1;
}
.settings-parent-subscription-item:hover {
	background-color: #f2f2f2;
}
.settings-parent-subscription-item__name {
	font-size: 18px;
	font-weight: 600;
}
.settings-parent-subscription-item__desc {
	font-size: 15px;
	color: #aaa;
}
.dashboard-add-student-min {
	width: 150px;
	height: 82px;
	display: block;
	float: left;
	margin: 10px 8px 5px 0;
	border-radius: 5px;
	border: 2px dashed #aaa;
	padding: 15px;
	text-align: center;
}

.dashboard-add-student__icon-min {
	font-size: 20px;
}

.dashboard-add-student__label-min {
	margin-top: -3px;
	font-size: 14px;
}

.dashboardStudentBoxMin {
	position: relative;
	width: 150px;
	height: 82px;
	display: block;
	float: left;
	margin: 10px 8px 5px 0;
	padding: 8px 12px;
	border-radius: 4px !important;
}

.dsFirstNameMin {
	color: #fff;
	font-size: 20px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	overflow: hidden;
	line-height: 18px;
	padding-bottom: 5px;
}

.dsLastNameMin {
	color: #fff;
	font-size: 16px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	margin: -5px 0 0px 0;
	overflow: hidden;
	height: 22px;
}

.dashboard-student-box-min {
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #d2d2d2;
	-moz-box-shadow: inset -4px -4px 0px #e5e5e5;
	-webkit-box-shadow: inset -4px -4px 0px #e5e5e5;
	box-shadow: inset -4px -4px 0px #e5e5e5;
}

	.dashboard-student-box-min .dsFirstNameMin {
		text-shadow: none;
		color: #888;
		font-size: 17px;
	}

	.dashboard-student-box-min .dsLastNameMin {
		text-shadow: none;
		color: #888;
		font-size: 15px;
	}

	.dashboard-student-box-min:hover {
		background-color: #f2f2f2;
		border: 1px solid #c2c2c2;
		-moz-box-shadow: inset -4px -4px 0px #e0e0e0;
		-webkit-box-shadow: inset -4px -4px 0px #e0e0e0;
		box-shadow: inset -4px -4px 0px #e0e0e0;
	}

		.dashboard-student-box-min:hover .dsFirstNameMin, .dashboard-student-box-min:hover .dsLastNameMin {
			color: #777;
		}

.student-box-parent-linked-min {
	font-size: 12px;
	line-height: 13px;
	color: #bbb;
	margin-top: 6px;
}

.selected-impact-header {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	color: #613F97;
}

.unsubscribe-group-block {
	background-color: #FFF;
	border: solid 3px #D9D9D9;
	border-radius: 15px;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
	padding: 40px 30px;
}

.clear-left-radius {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.priority-account{
	padding-bottom: 10px;
	border-bottom: 3px solid #ddd;
}
.priority-account-stages-block {
	border: solid 3px #ccc;
	border-radius: 34px;
}
.priority-account-stages-block-first {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.priority-account-stages-block-last {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	font-size: 20px;
	text-align: center;
	color: white;
	padding: 12px 0px;
}
.priority-account-stages-block .priority-account-stage-directed {
	font-size: 20px;
	text-align: center;
	color: white;
	padding: 12px 0px;
}
.priority-account-stages-block .priority-account-stage-directed:after {
	left: 97%;
	top: 55%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 28px;
	margin-top: -31px;
	z-index: 2;
}
.priority-account-stages-block .priority-account-stage-directed:before {
	left: 100%;
	top: 55%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #CCC;
	border-width: 29px;
	margin-top: -32px;
	z-index: 2;
}
.priority-account-stages-block .priority-account-stage-directed-green {
	background-color: #A8E02E;
}
.priority-account-stages-block .priority-account-stage-directed-green:after {
	border-left-color: #A8E02E;
}
.priority-account-stages-block .priority-account-stage-directed-lignt-blue:after {
	border-left-color: #86C9EC;
}
.priority-account-stages-block .priority-account-stage-directed-lignt-blue {
	background-color: #86C9EC;
}
.priority-account-stages-block .priority-account-stage-directed-grey:after {
	border-left-color: #9C9C9C;
}
.priority-account-stages-block .priority-account-stage-directed-grey {
	background-color: #9C9C9C;
}

.in-screen-modal-body {
	max-height: 80vh;
}

.khvideo-container {
	padding: 56.25% 0 0 0;
	position: relative;
}
.khvideo-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1200px) {
	.teacher-sub-feature-table--horizontal {
		display: table;
	}
	.teacher-sub-feature-table {
		display: none;
	}
	.demo-class-tourtip-curriculum-view {
		top: -128px;
	}
	.live-session-intro-flex {
		flex-direction: column;
	}
	.live-session-intro-flex__image-column {
		flex: auto;
	}
	.hidden-on-mobile {
		display: none !important;
	}
    .gameplayAnswerValue table {
		max-width: 235px !important;
		margin-left: 5px;
	}

	.dashboard3Bars {
		max-width: 298px;
	}
    .GsCellImage {
        width: 100px;
    }

.table-admin-ui table {
	margin-top: 10px;
	border: 2px solid black;
	font-size: 16px;
}

.table-admin-ui th {
	border-right: 2px solid black;
	line-height: 2;
	background-color: darkgray;
}

.table-admin-ui td {
	border-right: 2px solid black;
	line-height: 3;
}

.table-admin-ui tr:nth-child(even) {
	background-color: gainsboro;
}

.table-admin-ui td:nth-child(odd), .table-admin-ui th:nth-child(odd) {
	padding-left: 10px;
	padding-right: 400px;
}

.table-admin-ui td:nth-child(even), .table-admin-ui th:nth-child(even) {
	padding-left: 5px;
	padding-right: 120px;
}

}

.student-daily-cheer {
	/*height: 156px;*/
}

	.student-daily-cheer .text-heading {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 22px;
		color: #444444;
	}

	.student-daily-cheer .text-normal {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		color: #444444;
	}

	.student-daily-cheer .text-underline {
		margin-right: 20%;
		margin-left: 20%;
		border-bottom: 2px solid #40A6FF;
	}

	.student-daily-cheer .panel-close {
		font-size: 30px;
		font-weight: 400;
		color: #444444;
		opacity: 1;
	}

.zendesk-help-btn {
	color: #fff;
	background-color: #3773B2;
	width: 120px;
	height: 50px;
	border-radius: 34px;
	border: none;
	font-weight: 700;
	font-size: 16px;
}

	.zendesk-help-btn span.question-mark {
		border: 2px solid #fff;
		padding: 0px 8px 0px 8px;
		border-radius: 50px;
		margin-right: 10px;
	}

.assessment-mission p {
	margin: 0;
	text-align: center;
	font-size: 17px;
	padding: 7px 0;
}

.assessment-questions-block {
	text-align: center;
	padding: 15px;
}

.assessment-question-icon {
	display: inline-block;
	margin-left: 0;
	border-radius: 50px;
	padding: 2px 6px 2px 6px;
	font-size: 30px;
}

.assessment-mission-header {
	padding-bottom: 15px;
}

.assessment-completed-block {
	padding: 15px 20px 25px 20px;
}

.assessment-completed__image {
	width: 110px;
}

.assessment-completed__button {
	width: 150px;
}

.chart-width {
	width: 55px;
}

.donut-inner {
	margin-top: -40px;
	margin-bottom: 20px;
}

.donut-inner-board {
	margin-top: -47px;
	margin-bottom: 20px;
}

.donut-inner h5 {
	margin-bottom: 5px;
	margin-top: 0;
}

.donut-inner span, .donut-inner-board span {
	font-size: 12px;
}

.compare-expectation-table > tbody {
	outline: 2px solid black;
}

.compare-expectation-table thead {
	background-color: #e1e1e1;
}

.compare-expectation-table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

	.compare-expectation-table thead th, .compare-expectation-table tbody td {
		padding: 10px;
		width: 50%;
	}

	.compare-expectation-table table.separated {
		position: relative;
		margin-top: 8px;
	}

		.compare-expectation-table table.separated:before {
			display: block;
			width: 100%;
			content: '';
			border: 2px solid #ccc;
			position: absolute;
		}

	.compare-expectation-table tbody td {
		text-align: left;
		vertical-align: top;
	}

		.compare-expectation-table tbody td.expectation-translation-original-padded {
			padding-top: 36px;
		}

		.compare-expectation-table tbody td:nth-child(even) {
			background-color: #f7f7f7;
		}

	.compare-expectation-table .expectation-table-input {
		width: 100%;
	}

	.compare-expectation-table tbody label {
		font-weight: bold;
		font-size: 15px;
	}

	.compare-expectation-table .extra-text {
		color: #999;
		font-weight: 600;
	}

.expectation-root-question {
	padding: 10px;
}

	.expectation-root-question select {
		width: 30%;
		float: right;
	}

	.expectation-root-question .tinymce-editor {
		margin-top: 30px;
	}

.save-compare-expectations {
	background-color: #01B4FF;
	border: 1px solid black;
}

	.save-compare-expectations span {
		vertical-align: middle;
	}

.adoption-blocks {
	display: flex;
	justify-content: center;
}

.adoption-block {
	display: flex;
	align-items: center;
	padding: 20px 30px;
	margin: 0 20px;
	border: 1px solid gainsboro;
	border-radius: 5px;
	color: gray;
	font-weight: 600;
	box-shadow: 7px 5px 5px gainsboro;
	width: 100%;
}

	.adoption-block span {
		padding: 0 5px;
	}

	.adoption-block .total-num {
		font-size: 35px;
	}

	.adoption-block .total-text {
		text-align: left;
		line-height: 1.2;
	}

.premium-teachers-list {
	margin: 20px 20% 0 20%;
	border-radius: 0 0 10px 10px;
}

.grades-support {
	display: flex;
	flex-wrap: wrap;
}

	.grades-support div {
		padding: 5px;
	}

.grades-documents {
	color: black;
	border: 1px solid black;
	padding: 2px 10px;
	box-shadow: 3px 2px 2px black;
}

.modal-adoption-block h2 {
	text-align: center;
}

.modal-adoption-block p {
	font-size: 17px;
	color: gray;
}
.school-certification-bar-block {
	border-radius: 18px !important;
	/*min-width: 588px;*/
	min-width: 900px;
}
.certification-progress {
	/*flex: 1 85%;*/
	position: relative;
	border-radius: 30px;
	background: none !important;
	box-shadow: none !important;
	background-color: #d5d5d5 !important;
	border: 4px solid #d5d5d5;
}

.progress-onestar {
	left: 60%;
	position: absolute;
	border: 1px solid black;
	height: 20px;
}

.progress-twostars {
	left: 80%;
	position: absolute;
	border: 1px solid black;
	height: 20px;
}

.continuous-improvement-block {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	max-width: 720px;
	margin: 0 auto;
}

.continuous-improvement-block__image-column {
	padding: 20px 50px;
	flex: 0 0 250px;
	text-align: center;
}

.continuous-improvement-block__content-column {
	padding: 20px 15px;
	width: 100%;
}

.details-table {
	display: flex;
	justify-content: center;
}

.details-table-block {
	flex: 85%;
}

.details-table-header {
	display: flex;
	justify-content: space-between;
}

.details-leftbox {
	border: 1px solid black;
	flex: 20%;
	padding: 5px;
}

.details-middlebox {
	border: 1px solid black;
	flex: 60%;
	padding: 5px;
}

.details-rightbox {
	border: 1px solid black;
	flex: 10%;
	margin-left: 5%;
	padding: 5px;
}

#downloadbox {
	display: flex;
	flex: 15%;
	padding-top: 20px;
	flex-direction: column;
	justify-content: center;
	text-decoration: underline;
}

.wide-modal-button {
	padding: 7px 70px;
	font-size: 16px;
}

.tikb-table td {
	padding: 23px 30px;
	text-shadow: 1px 1px 4px rgba(5,130, 182, 1);
	color: #fff;
	font-weight: 600;
}

	.tikb-table td div {
		background-color: #48c8ed;
		border: 2px solid #1774ce;
		border-radius: 5px;
		height: 80px;
		align-items: center;
		display: flex;
		justify-content: center;
		text-align: center;
		padding: 0 5px;
		color: white;
		font-size: 14px;
	}

.delete-row {
	padding-top: 22px;
}

	.delete-row i {
		font-size: 18px;
	}
.school-dashboard-progress-bar-wrapper {
	background-color: #ccc;
	border-radius: 50px;
	padding: 3px;
}
.school-dashboard-progress-wrapper {
	display: flex;
	flex-direction: row;
	max-width: 900px;
	margin: 25px auto;
	color: #999;
	font-size: 19px;
}
.school-dashboard-progress-layout {
	display: flex;
}
.school-dashboard-progress-layout__image-column {
	flex: 0 0 180px;
	text-align: center;
	padding: 20px 20px 0 20px;
}
.school-dashboard-progress-layout__progress-column {
	padding: 30px 20px 30px 30px;
	width: 100%;
}
.school-dashboard-progress .fa-star {
	color: #ccc;
}
.school-dashboard-progress .achieved .fa-star {
	color: #ffd154;
}
.board-dashboard-progress-wrapper {
	display: flex;
	flex-direction: row;
	margin: 8px 5px;
	color: #999;
	font-size: 12px;
	flex: 1;
}

.board-dashboard-stats-block {
	display: flex;
	align-items: center;
	margin: 0 20px;
	color: gray;
	font-weight: 600;
}

.board-bar-icon {
	display: flex;
	align-items: center;
	padding: 5px;
	flex: 1;
}

.board-bar-icon i {
	font-size: 40px;
}

.school-certification-bar-board-section {
	display: flex;
	flex-direction: column;
	flex: 6;
	padding-top: 9px;
}

.school-certification-bar-board-section h4 {
	margin: 5px 5px 0 5px;
}

.board-dashboard-stats {
	display: flex;
	flex: 4;
}

.board-dashboard-stats-block span {
	padding: 0 5px;
}

.board-dashboard-stats-block .total-num {
	font-size: 35px;
}

.board-dashboard-stats-block .total-text {
	text-align: left;
	line-height: 1.2;
}

.board-dashboard-progress-wrapper .school-dashboard-progress,
.school-dashboard-progress-wrapper .school-dashboard-progress {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.school-dashboard-progress-wrapper .school-dashboard-progress .stars {
	position: relative;
	height: 30px;
	overflow: visible;
	font-size: 15px;
}
.school-dashboard-progress-wrapper .school-dashboard-progress .stars .star {
	position: absolute;
	top: 7px;
}

.school-dashboard-progress-wrapper .school-dashboard-progress .stars .star.star-label {
	left: 15px;
	font-weight: 600;
	color: #777;
	font-size: 17px;
}
.school-dashboard-progress-wrapper .school-dashboard-progress .stars .star.star-60 {
	left: 60%;
	margin-left: -7px;
}

.school-dashboard-progress-wrapper .school-dashboard-progress .stars .star.star-80 {
	left: 80%;
	margin-left: -19px;
}

.school-dashboard-progress-wrapper .school-dashboard-progress .stars .star.star-100 {
	left: 100%;
	margin-left: -28px;
	width: 58px;
}

.padded-xs {
	padding: 8px;
}

.padded-md {
	padding: 8px 16px;
}

.board-dashboard-focus-areas {
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid #01B4FF;
}

	.board-dashboard-focus-areas .board-dashboard-focus-areas-title {
		background-color: #01B4FF;
		color: white;
		font-size: 1.2em;
	}

	.board-dashboard-focus-areas .board-dashboard-focus-areas-subtitle {
		background-color: #e8e8e8;
		font-size: 1.2em;
	}

	.board-dashboard-focus-areas .board-dashboard-focus-areas-content {
		padding-left: 40px;
	}

.school-table-block {
	width: 146px;
	height: 100px;
}

.school-table-name {
	text-align: left;
	vertical-align: middle;
	min-width: 250px;
}
.parent-refer-callout {
	text-align: center;
	margin: 40px 0;

}
.parent-refer-callout__image {
	max-width: 400px;
	width: 100%;
	margin: 0 auto 21px auto;
}
.parent-refer-callout__text {
	color: #aaa;
}
.parent-refer-callout__highlight {
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 10px 0;
	color: #ffb728;
}
.parent-refer-callout__button {
	max-width: 300px;
}
.rightnav-icon-menu {
	position: fixed;
	right: 0;
	width: 48px;
	top: 40%;
	padding: 9px 0;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #fff;
	box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);
	z-index: 100;
}
.rightnav-icon-menu .icon-menu__item {
	font-size: 17px;
	text-align: center;
	padding: 9px 1px;
	color: #444;
}
.rightnav-icon-menu .icon-menu__item img {
	width: 23px;
}
	.rightnav-icon-menu .icon-menu__item:hover {
		/*color: #01c5ac;*/
		cursor: pointer;
		background-color: #00d2af;
	}
.rightnav-icon-menu hr {
	margin: 5px 0;
}
.bottomnav-bar {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 22px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	z-index: 100;
	text-align: center;
}
.bottomnav-icon-menu {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	max-width: 340px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}

	.bottomnav-icon-menu .icon-menu__item {
		flex: auto;
		padding: 12px 5px 7px 5px;
		font-size: 17px;
		color: #444;
	}
	.bottomnav-icon-menu .icon-menu__item-label {
		padding: 5px 0px;
		text-align: center;
		font-size: 11px;
		color: #888;
	}
	.bottomnav-icon-menu .icon-menu__item:hover .icon-menu__item-label {
		color: #028d76;
	}
		.bottomnav-icon-menu .icon-menu__item img {
			width: 31px;
		}
.bottomnav-icon-menu .icon-menu__item:hover {
	color: #01c5ac;
	cursor: pointer;
	background-color: #00d2af;
}
.sls-button {
	border-radius: 40px;
	text-align: center;
	padding: 10px 45px;
	font-size: 17px;
	font-weight: 600;
	display: inline-block;
}

.sls-button--sm {
	padding: 7px 15px;
	font-size: 14px;
}

.sls-button-gold {
	background-color: #f4e4a3;
	border: 3px solid #d9b62a;
	color: #c9a514;
}

	.sls-button-gold:hover {
		cursor: pointer;
		background-color: #e8d482;
		border-color: #c6a315;
		color: #b99608;
	}

.sls-button-blue {
	background-color: #28445c;
	color: #fff !important;
	border: 0;
}

	.sls-button-blue:hover {
		cursor: pointer;
		background-color: #396a94;
		color: #fff !important;
	}

.sls-button-nav, a.sls-button-nav {
	border: 2px solid #fff;
	background-color: #28445c;
	color: #fff !important;
	padding: 8px 22px;
}

	.sls-button-nav:hover {
		cursor: pointer;
		background-color: #366a96;
		color: #fff !important;
	}
.sls-expert-modal__text-column {
	padding: 0 40px 15px 20px;
}
.r2l-button {
	display: inline-block;
	border-radius: 8px;
	padding: 30px 45px;
	font-size: 20px;
	transition: all 0.2s ease;
	font-weight: bold;
	min-width: 300px;
	margin: 10px 15px;
	cursor: pointer;
}
.r2l-button-primary {
	background-color: #5B5BC4;
	color: #fff !important;
}
	.r2l-button-primary:hover {
		background-color: #4343ba;
		color: #fff !important;
	}
.r2l-button-default {
	background-color: #C8C8D5;
	color: #2C2C51;
}

	.r2l-button-default:hover {
		background-color: #b9b9d9;
		color: #1a1a51;
	}
.r2l-button.r2l-button-sm {
	padding: 16px 40px;
	font-size: 18px;
	min-width: 0;
}
.r2l-button.r2l-button-xs {
	padding: 12px 22px;
	font-size: 15px;
	min-width: 0;
	font-weight: 600;
}
.sls-blocktitle {
	display: inline-block;
	border-bottom: 5px solid;
	font-size: 50px;
	font-weight: 700;
}
.media-modal-body {
	padding: 0 15px;
}
.media-expert-modal__name {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3;
}
.media-expert-modal__title {
	color: #aaa;
	font-size: 16px;
	line-height: 1.3;
}
.media-expert-modal__thumbnail {
	width: 100%;
	max-width: 200px;
	margin: 20px 0;
}
.media-expert-modal__bio {
	padding: 0 40px 15px 20px;
	font-size: 15px;
	line-height: 1.5;
	color: #888;
}
.media-modal-items {
	padding: 10px 33px;
}
.media-modal-item {
	display: inline-block;
	width: 260px;
	text-align: center;
	cursor: pointer;
}
.media-modal-item__thumbnail {
	width: 100%;
	max-width: 300px;
}
.media-modal-subtitle {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	padding-left: 15px;
}
.media-modal-items-container {
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc;
	margin-top: 20px;
}

.get-started-video-link {
	display: inline-block;
	margin: 8px 0 0 0;
	font-size: 16px;
}
.get-started-video-link .glyphicon {
	font-size: 24px;
	position: relative;
	top: 5px;
	margin-right: 2px;
}
.teacher-two-column {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.teacher-two-column__primary-column {
	width: 100%;
	padding-bottom: 20px;
}
.teacher-two-column__secondary-column {
	flex: 0 0 390px;
}
.teacher-two-column--students-page {
	padding: 0 15px 30px 15px;
}
	.teacher-two-column--students-page .teacher-two-column__secondary-column {
		padding-left: 22px;
	}
.panel.panel-getting-started, .panel.panel-complete-the-challenge {
	width: 100%;
	overflow: hidden;
}
.panel.panel-getting-started .panel-heading {
	background-color: #2ea8d7;
	border-bottom: 3px solid #278fb7;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 12px;
	font-size: 25px;
}
.panel.panel-complete-the-challenge .panel-heading {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #613F97;
	border-bottom: 3px solid #402963;
	color: #fff;
	font-weight: bold;
	padding: 12px;
}
.panel.panel-complete-the-challenge .panel-heading h3 {
	padding-left: 15px;
}
.panel.panel-getting-started .panel-body {
	background-color: #d4dadc;
	padding: 15px;
}
.panel.panel-complete-the-challenge .panel-body {
	background-color: #E9EBED;
	padding: 15px;
}
.btn-take-challenge {
	font-size: 23px;
	border-width: 6px;
	padding: 14px 32px 11px 32px;
	border-radius: 8px;
}
.gs2-panel-items {
	border-collapse: separate;
	border-spacing: 0 6px;
	width: 100%;
}
.gs2-panel-items__icon-cell {
	text-align: center;
	width: 48px;
	font-size: 18px;
	background-color: #33b8eb;
	color: #fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.gs2-panel-items__text-cell {
	padding: 10px 10px 10px 0;
	background-color: #33b8eb;
	color: #fff;
	font-weight: 600;
}
.gs2-panel-items__status-cell {
	width: 48px;
	text-align: center;
	background-color: #edfbff;
	color: #fff;
	font-size: 18px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.panel-complete-the-challenge .gs2-panel-items__status-cell {
	width: 48px;
	text-align: center;
	background-color: #9761A7;
	color: #9761A7;
	font-size: 18px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
	.gs2-panel-items__status-cell.is-completed {
		background-color: #82c96f;
		color: #fff;
		font-size: 18px;
	}
.dashboard-student-eye-toggle {
	font-size: 16px !important;
	/* padding: 6px 11px 3px 12px !important; */
	position: relative;
	top: -6px;
	margin-left: 6px;
	line-height: 1;
	padding-top: 5px !important;
}
.cofp-confirmation-share-icon {
	font-size: 33px;
	margin: 0 8px;
}
@media (max-width: 1200px) {
	.teacher-sub-feature-table--horizontal {
		display: table;
	}
	.teacher-sub-feature-table {
		display: none;
	}
	.demo-class-tourtip-curriculum-view {
		top: -128px;
	}
	.live-session-intro-flex {
		flex-direction: column;
	}
	.live-session-intro-flex__image-column {
		flex: auto;
	}
	.hidden-on-mobile {
		display: none !important;
	}
    .gameplayAnswerValue table {
		max-width: 235px !important;
		margin-left: 5px;
	}

	.dashboard3Bars {
		max-width: 298px;
	}
    .GsCellImage {
        width: 100px;
    }

    .GsCellImage img {
        max-width: 68px;
    }
	.activities-preview-column { /* PodPreviewContainer */
	width: 400px;
}
    .ActiveUnit .btn {
        padding-left: 15px;
        padding-right: 15px;
    }
	#teacherNavBar .icon_nav {
		display: none;
	}
	.AnalyticsPerformanceTable {
		width: 344px;
	}
	.MarketingSidebar {
		font-size: 13px;
	}
		.MarketingSidebar .block_spacer {
			height: 30px;
		}
		.MarketingSidebar .label_cart {
			font-size: 55px;
		}

		.MarketingSidebar .label_title {
			font-size: 20px;
			margin: 15px 0 15px 0;
			color: #555;
			font-weight: 600;
		}

		.MarketingSidebar .label_subtitle {
			margin: 10px 0;
			font-size: 16px;
		}

		.MarketingSidebar .label_price {
			font-size: 35px;
			margin: 15px 0 5px 0;
		}

		.MarketingSidebar .label_pricedesc {
		}

		.MarketingSidebar .label_benefit {
			margin: 5px 0;
		}

		.MarketingSidebar .label_trusted {
			margin: 15px 0 21px 0;
		}

		.MarketingSidebar hr {
			margin: 20px 0;
		}
	.MissionsOverviewLayout .block_right {
		display: none;
	}
}

@media (max-width: 991px) {
	.teacher-two-column {
		flex-direction: column;
	}
	.teacher-two-column__secondary-column {
		flex: none;
	}
	.teacher-two-column--students-page .teacher-two-column__secondary-column {
		padding-left: 0;
	}
	.impact-challenge-dashboard-table__badge {
		height: 45px;
	}
	.impact-challenge-dashboard-table__counter {
		font-size: 30px;
	}
	.add-class-content {
		width: 100%;
	}
	.add-class-highlight {
		display: none;
	}
	.add-class-select__title {
		font-size: 22px;
	}
	/*#teacher-footer-mobile .onboarding-tourtip {
		display: none;
	}
	.onboarding-tourtip, .onboarding-panel, .onboarding-icon-floating-container {
		display: none;
	}*/

	.kudos-upsell__image-container {
		float: none;
		text-align: center;
	}

	.kudos-upsell__image {
		max-width: 100%;
	}

	.kudos-upsell__content {
		text-align: center;
	}
	.kudos-upsell__content-text {
		display: block;
		font-size: 16px;
		text-align: center;
	}
	.kudos-upsell__content-button-block {
		text-align: center;
	}
	.teacher-onboarding-item__image {
		flex: 0 0 260px;
	}
	.student-page-container {
        /*font-size: 18px;*/
    }
	.table-mobile-scroll-container {
		max-width: 100%;
		overflow-x: scroll;
		overflow-y: scroll;
		max-height: 400px;
	}
    .pageHeading {
        font-size: 27px;
        margin: 24px 0 9px 0;
    }

    .gameplayContainer {
        padding: 0;
        margin: 0px 0 0 0;
    }

	.gameplayQuestionAnswerContainer {
		border: 0;
		margin-right: 0;
		background-color: transparent;
	}

    .gameplayQuestion {
        padding: 12px 15px 15px 30px;
        /*margin-left: 15px;*/
        font-size: 19px;
    }

    .gameplayAnswer {
        font-size: 19px;
    }

    .gameplayTitle {
        font-size: 27px;
    }

    #teacherNavbarKH {
        display: none;
    }

    .studentSumCellProgress {
        width: 150px;
    }

    .studentSumCellProgressWide {
        width: 200px !important;
    }

    .medalImages img {
        width: 100%;
    }

    .GsAnswerSpacer {
        width: 180px !important;
    }

    .GsStudentQuestionContainer {
        margin-top: 5px;
    }

    .GsListingTitle {
        font-size: 19px;
    }

    .GsCellBody {
        padding: 0 16px 0 5px;
    }

    #GsJoinSplashImageContainer {
        transform: scale(0.7);
    }

    #teacherNavBar .top-nav-button {
        padding-left: 10px;
        padding-right: 10px;
    }

    .DashboardHwBlock, .DashboardGsBlock {
        padding: 37px 10px 10px 10px;
    }

        .DashboardHwBlock .WidgetButton, .DashboardGsBlock .WidgetButton {
            padding: 7px 9px 5px 14px;
            font-size: 16px;
        }

    .DashboardActionButtonsBlock {
    }

    .DashboardActionItemsBtn {
        width: auto;
        margin-right: 11px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .DashboardLiveModeBtn {
        width: auto;
        margin-right: 2px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .DashboardToggleBtnGroup {
    }

        .DashboardToggleBtnGroup > button {
            padding-left: 11px !important;
            padding-right: 11px !important;
        }

    .TeacherQuestionFlex {
    }

    .TeacherQuestionFlexQuestionCol {
    }

    .TeacherQuestionFlexAnswersCol {
        flex: 0 0 290px;
    }

	.activities-preview-column { /* PodPreviewContainer */
		width: 237px;
	}

    .GsLockedInProgress {
        width: 180px;
    }
		.GsLockedInProgress.shrink-for-upload {
			width: 140px;
		}
    .icon-teacher-mode {
        display: none;
    }
    .CustomCreateDropdown {
        top: 14px;
    }
    .CustomCreateDropdown .btn {
        width: 154px;
    }
	.carousel-button {
		top: 125px;
	}
	.ActionItemGapTable .cell_status {
		width: 120px;
	}

	.ActionItemGapTable .cell_actions {
		width: 80px;
	}
	.GsTeacherLockedInBlock {
		font-size: 21px;
	}
	.product-flex {
		flex-direction: column;
	}
	.product-title {
		font-size: 23px;
	}
	.product-flex__details-column {
		padding: 5px 15px 15px 4px;
	}
	.checkout-flex {
		flex-direction: column;
	}
	.split-layout--teacher-registration .split-layout-column--left {
		width: 100%;
	}
	.hidden-sm {
		display: none;
	}
	.wide-sm {
		width: 100%;
	}
}



@media (max-width: 767px) {

	.margin-neg-sm {
		margin-left: -15px;
		margin-right: -15px;
	}
	.take-challenge-body-content {

	}
	.sls-expert-modal__text-column {
		padding: 0 10px 15px 10px;
	}
	.center-vertical-desktop {
		position: initial;
		top: 0;
		transform: none;
	}
	.continuous-improvement-block {
		flex-direction: column;
	}
	.continuous-improvement-block__image-column {
		flex: none;
	}
	.continuous-improvement-block__content-column {
		text-align: center;
	}
	.content-preview-header__image {
		height: 280px;
	}
	.content-preview-header__title {
		font-size: 24px;
	}
	.content-preview-header__text {
		font-size: 17px;
	}

	.content-preview-header__bottom {
		height: 200px;
	}
	.content-preview-start__title {
		font-size: 25px;
	}
	.content-preview-start-feature {
		padding: 30px 10px;
	}
	.student-notification {
		border-radius: 0px;
	}
	.student-home-no-gameshow__button-column {
		padding-top: 4px;
	}
	.student-alert-flex.student-alert-flex--hold .student-alert__image-column {
		flex: 0 0 150px;
	}
	.student-alert__title {
		font-size: 18px;
	}
	.student-alert__text {
		font-size: 15px;
	}
	.form-flex {
		flex-direction: column;
	}
	.form-flex__column-half {
		width: 100%;
	}
	.parent-profile-goals {
		flex-direction: column;
	}
	.parent-profile-goals__stars-column {
		flex: none;
	}
	.parent-profile-goals__stars-column .center-vertical {
		transform: initial;
	}
	.parent-profile-goals__goal-column {
		margin-left: 0;
	}
	.parent-math-club-upsell-banner {
		flex-direction: column;
	}
	.parent-math-club-upsell-banner__image-column {
		flex: none;
		margin-bottom: 20px;
	}
	.parent-math-club-upsell-banner__content-column {
		width: 100%;
	}

	.content-preview-grade-item {
		flex-direction: column;
	}
	.content-preview-grade-item__text-column {
		padding-bottom: 0;
	}
	.content-preview-grade-item__button-column {
		flex: none;
	}
	.teacher-sub-feature-table--horizontal {
		display: none !important;
	}
	.teacher-sub-feature-table {
		display: table !important;
	}
	.reports-focus-area-flex {
		flex-direction: column;
	}
	.reports-focus-area-flex__content-column {
		text-align: center;
	}
	.reports-focus-area-flex__button-column {
		flex: none;
	}
	.teacher-footer-demo-class {
		display: none;
	}
	.snapshots-how-flex {
		flex-direction: column;
	}
	.snapshots-how-flex__column {
		max-width: 100%;
		margin: 7px 0px;
	}
	.impact-challenge-dashboard-stats-flex {
		flex-wrap: wrap;
	}
	.impact-challenge-dashboard-stats-flex__logo-column {
		flex: 0 0 50%;
	}
	.impact-challenge-dashboard-stats-flex__count-column {
		flex: 0 0 50%;
	}
	.impact-challenge-dashboard-stats-flex__text-column {
		margin-top: 15px;
	}
	.principal-registration-form-column {
		border-right: 0;
		padding: 15px 0px 0px 0;
		margin: -20px 0 15px 0;
	}
	.principal-registration-info {
		margin: 0 0 20px 0;
		font-size: 15px;
	}
	.add-class-tourtip {
		top: 0;
	}
	.demo-class-tourtip-view-supports--bottom {
		display: block;
	}
	.help-center-button-container .btn {
		font-size: 13px !important;
		padding: 10px 20px 10px 20px !important;
	}
	.hc-support-button-table--articles {
		margin: 0;
	}
	.help-center-support-button {
		margin-top: 8px;
		padding: 15px 15px 15px 20px;
	}
	.hc-support-button-table__icon-column {
		font-size: 30px;
		width: 53px;
	}
	.hc-support-button-table__label {
		font-size: 17px;
	}
	.hc-support-button-table__desc {
		font-size: 13px;
	}
	.help-center-title-feature h1 {
		font-size: 25px;
	}
	.help-center-h1 {
		font-size: 22px;
	}
	.help-center-feature-light-grey, .help-center-feature-grey {
		padding: 30px 0;
	}
	.help-center-tab-inside {
		padding-left: 10px;
		padding-right: 10px;
	}
	.help-center-tab-title {
		font-size: 18px;
	}
	.help-session-schedule-carousel__day-link {
		height: 39px;
		padding-top: 5px;
	}
	.help-center-tab__number-label {
		font-size: 14px;
	}
	.journey-action-block__text {
		height: auto;
	}
	.student-monthly-bot-alert-instructions-steps {
		max-width: 377px;
		margin: 0 auto;
		text-align: left;
	}
	.mc-feature__visual-math-image-container {
		margin-bottom: 25px;
	}
	.live-session-bar {
		padding: 14px 8px 8px 15px;
	}
	.live-session-instructions-bar {
		padding-left: 15px;
	}
	.live-sessions-page-flex__content-column {
		padding: 10px 15px 15px 15px;
	}
	.live-session-control {
		font-size: 21px;
		margin: 0 8px 8px 8px;
	}
	.live-session-control__new {
		font-size: 13px !important;
	}
	.live-session-container {
		padding: 36px 15px 15px 15px;
	}
	.live-session-thumbnail-none, .live-session-thumbnail-none__instructions {
		font-size: 20px;
	}
	.solution-browser-image-table__arrow {
		font-size: 35px;
	}
	.solution-browser-image-table__cell-arrow {
		width: 47px;
	}
	.solution-browser-action-block .glyphicon {
		font-size: 22px;
	}
	.solution-browser-action-block {
		margin-bottom: 10px;
	}
	.live-session-name-field {
		width: 100%;
	}
	.gs-mfn-icon {
		font-size: 22px !important;
	}
	.solution-browser__name {
		font-size: 21px;
	}
	.mc-testimonials {
		flex-direction: column;
	}
	.teacher-onboarding__advanced-level {
		margin-top: 5px;
	}
	.class-chest-progress-table__count-cell {
		width: 85px;
	}

	.DashboardHighlightBlock {
		/*display: none;*/
	}
	.parent-child-dropdown-mobile__name {
		margin-bottom: 0;
	}
	.parent-feature-after-activity__para2 {
		padding-top: 20px;
	}
	.spacer-md, .spacer-m {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.spacer-lg {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.spacer-xl {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.spacer-xxl {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.center-sm {
		text-align: center !important;
	}
    #studentBottomNav {
        display: block;
    }
	.container {
		padding: 0;
		margin: 0;
	}
	.col-pad-sm-left {
		padding-right: 15px;
	}

	.col-pad-sm-right {
		padding-left: 15px;
	}
	.visible-xs-inline-block {
		display: inline-block !important;
	}
    .visible-xs.collapse.in {
        display: block!important;
    }
    .visible-xs.collapse {
        display: none!important;
    }
	.wide-xs {
		width: 100% !important;
		min-width: 0;
	}
	.answerCorrectTitle {
		font-size: 37px;
	}
    .GsSurveyTitle {
	    margin: 10px 0 0 0;
        text-align: center;
    }
    .gameplayNextButtonContainer {
        display: block;
        margin: 5px 0 0 0;
        text-align: center;
    }
    .gameplayNextButtonContainer .btn {
        font-size: 18px !important;
        padding: 10px 16px !important;
        line-height: 1.33 !important;
        border-radius: 6px !important;
        width: 214px;
    }
    .gameplayQuestionResultAlertButtons .gameplayQuestionResultAlertContinue {
        font-size: 18px !important;
        padding: 10px 16px !important;
        line-height: 1.33 !important;
        border-radius: 6px !important;
    }
    .gameplayAlertNextButtonContainer {
        display: block;
    }
	.topic-block-container {
		padding-left: 0px;
	}
    .profileAvatar {
        top: 0;
    }
	.profileTitle {
		text-align: center;
	}

	.profileLevelContainer {
		margin-left: 0px !important;
		margin-right: 0px !important;
		text-align: center;
	}
	.profileLeagueDetails {
		margin: 0 0 20px 0;
	}
    .gs-student-header-block h2 {
        margin-left: 15px;
    }
    .GsStudentLogo {
        margin-left: 15px;
    }
    #GsJoinSplashImageContainer {
        transform: scale(0.5);
    }
	.GsShareText {
		text-align: center;
	}
    .DashboardHwBlock, .DashboardGsBlock {
        padding: 10px 10px 10px 10px;
        border-right: 0;
        min-height: 118px;
    }
    .DashboardDonutBlock {
        display: none;
    }
    .GsNavTabs > li > a {
        font-size: 13px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
        padding-right: 10px;
        color: #626262;
        background-color: #ddd;
        border-color: #bbb #bbb transparent;
        margin-right: 8px
    }
	.tab-style-2 > li > a {
		font-size: 13px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		color: #626262;
		background-color: #ddd;
		border-color: #bbb #bbb transparent;
		margin-right: 8px
	}
    .GsListingTitle {
        font-size: 15px;
        height: auto;
        max-height: 46px;
    }

    .GsBranchBox .panel-body {
        padding: 2px 10px 15px 10px;
    }
    .GsListingBox {
        padding: 12px 15px 9px 15px;
        margin: 12px 0;
    }
    .GsCellBody {
        padding: 0 0px 0 0px;
    }
    .TeacherQuestionFlex {
        flex-direction: column;
    }
    .TeacherQuestionFlexQuestionCol {
    }
    .TeacherQuestionFlexAnswersCol {
        flex: none;
    }
	.TeacherQuestionSmFlex {
		flex-direction: column;
	}

	.TeacherQuestionSmFlexQuestionCol {
	}

	.TeacherQuestionSmFlexAnswersCol {
		flex: none;
	}
    .GsSettingsFlex { /* Narrower at < 990px; becomes stacked at 767px */
        flex-direction: column;
    }
    .GsSettingsFlexLabel {
        flex: none;
    }
    .GsSettingsFlexValue {
    }
    .GsLetJoinText {
        display: block !important;
        top: -1px;
        margin: 0 0 15px 42px;
        font-size: 19px;
    }
	.activities-preview-column { /* PodPreviewContainer */
		display: none;
	}
	.ActivitiesActionsContainerRight {
		display: none;
	}
	.activities-search--mobile {
		display: inline-block !important;
		width: 40%;
	}
	.activities-search--mobile input.ActivitiesFilter {
		width: calc(100% - 42px);
	}
	.activities-search-results {
		width: 60%;
	}
    .GsTeacherBar .logo {
        /*height: 50px;
        margin: 5px 0;
		display: none;*/
    }
	.BarGamePinBlock {
		float: none !important;
		margin: 15px 15px 15px 0;
		text-align: center;
	}
	.GsTeacherStepsBar, .spacer-gameshow-steps {
		display: none;
	}
    .TeacherFooter, .ParentFooter {
        padding: 8px;
        font-size: 14px;
    }
		.TeacherFooter .block_link, .ParentFooter .block_link {
			margin-left: 10px;
			margin-right: 10px;
		}
    .GsCustomCounter, .GsBookmarkedCounter {
        font-size: 11px !important;
        padding: 3px 6px !important;
    }
	.PaymentForm .column_label {
		color: #333;
		font-size: 20px;
		padding-bottom: 15px;
		font-weight: bold;
	}
	.GsLockedInProgress {
		display: none;
	}
	.GsTeacherLockedInBlock {
		font-size: 18px;
		font-weight: 400;
	}
	.GsContentSlidePanel .gs-panel-body {
		padding: 22px 30px;
	}
	.MarketingSidebar .label_cart {

	}
	.MarketingSidebar .block_spacer {
		height: 0px;
	}
	.MarketingSidebar .label_title {
		margin-top: 5px;
	}
	.progress-student-stats__column {
		padding: 0 15px;
	}
	.progress-student-stats__column-middle {
		border: 0;
		margin: 0;
	}
	.progress-student-stats__column-middle hr {
		display: block;
	}
	.growth-report-overall-container--teacher {
		margin: 20px 0 0px 0;
	}

	.parent-subscribe-flex, .parent-subscriptions-flex {
		flex-direction: column;
	}
	.parent-subscribe-flex__action-column {
	}
	.parent-subscribe-flex__summary-column {
		flex: none;
	}
	.parent-start-date-flex {
		flex-direction: column;
	}
	.parent-subscribe-choice {
		width: 100%;
		margin-left: 0;
	}
	.parent-start-date-flex__label-column {
		flex: none;
		width: 100%;
		text-align: left;
	}
	.live-sessions-page-flex {
		flex-direction: column-reverse;
	}
}
@media (max-width: 600px) {
	.ActionItemGapTable .label_label {
		width: auto;
	}
	.ActionItemGapTable .cell_status, .ActionItemGapTable .cell_recovered, .ActionItemGapTable .cell_actions, .ActionItemGapTable .cell_hidestudent {
		width: auto;
	}
	.student-gaps-view-button-container {
		flex-direction: row;
		align-items: center;
	}

	.student-gaps-view-button-container .btn-impact-select {
		margin: 8px auto;
	}

	.add-class-tourtip {
		top: 213px; /* 213px */
	}

		.add-class-tourtip.add-class-tourtip--mobile {
			position: initial;
		}
	.added-bot-box-modal__text {
		font-size: 17px;
	}
	.added-bot-box-modal__name {
		font-size: 26px;
	}
	.added-bot-box-modal__countdown {
		font-size: 22px;
		margin: 10px 0;
	}
	.student-alert--bot-box {
		background-position: right;
		background-size: 240%;
	}
	.student-alert--gift .student-alert__title {
		font-size: 21px;
		margin: -31px 0 5px 0;
	}
	.student-alert-flex--flipped .student-alert__content-column {
		order: 2;
	}

	.student-alert-flex--flipped .student-alert__image-column {
		order: 1;
	}
	.student-alert-flex--collapse {
		flex-direction: column;
	}
		.student-alert-flex--collapse .student-alert__content-column {
			text-align: center;
		}
	.student-alert-flex--collapse .student-alert__image-column {
		text-align: center;
		flex: none;
		padding-bottom: 2px;
	}
	.zendesk-help-btn.ChatIconFloating {
		position: relative;
		right: auto;
		bottom: auto;
		z-index: 0;
	}
	.student-home-no-gameshow {
		flex-direction: column;
	}

	.student-home-no-gameshow__text-column {
		text-align: center;
	}

	.student-home-no-gameshow__button-column {
		flex: none;
		text-align: center;
	}
	.child-box__name {
		padding-top: 2px;
	}
	.add-class-box-container-for-tourtip--mobile {
		display: block;
	}
	.add-class-tourtip--original {
		display: none;
	}
	.remediation-page-document-table {
		align-items: center;
	}
	.remediation-page-document-table__cell-button {
		flex: 0 0 auto;
		text-align: left;
	}
	.remediation-page-document-table__cell-content {
		padding: 12px 10px 10px 10px;
	}
	.demo-class-tourtip-gaps-menu {
		left: -156px;
	}
		.demo-class-tourtip-gaps-menu.popover.bottom > .arrow {
			left: 208px;
		}
	.modal-title {
		font-size: 22px;
		margin: 20px 0 10px 0;
	}
	.modal-subtitle {
		font-size: 20px;
	}
	.modal-subtext {
		font-size: 16px;
	}
	.add-class-tourtip.add-class-tourtip--bottom {
		left: calc(50% - 120px);
	}
	.iceberg-label__line-column {
		display: none;
	}
	.iceberg-label--growth, .iceberg-label--milestones, .iceberg-label--quickwins {
		display: block;
		position: initial;
		width: auto;
		max-width: 100%;
		margin: 0 auto;
		right: initial;
		left: initial;
		text-align: center;
		margin-top: 51px;
	}
	.iceberg-label__counter-column, .iceberg-label__text-column {
		flex: none;
		display: inline-block;
	}
	.quick-wins-math-huddle-video {
		width: 300px;
		max-width: 100%;
		height: 160px;
	}
	.upsell-math-huddle-video {
		width: 400px;
		height: 220px;
	}
	.help-session-instructor-table__link-column {
		padding: 5px 11px 5px 0px;
	}
	.high-five-modal-title {
		font-size: 16px;
		margin: 12px 5px;
	}
	.help-session-social-carousel__bot {
		margin-left: 5px;
		/* When not using Slick Carousel version */
		margin-left: 0;
	}
	/*.help-session-social-carousel {
		width: 272px;
	}*/
	.student-nav-session-user-count-container--mobile {
		padding: 14px 9px 10px 5px;
		font-size: 15px;
	}
	.quick-win-row {
		flex-direction: column;
	}
	.quick-win-row__icon-column {
		display: none;
	}
	.quick-win-content-flex {
		display: block;
		text-align: center;
	}
	.quick-win-content-flex__button-column {
		flex: none;
		margin-top: 6px;
	}
	.help-session-schedule-item {
		flex-direction: column;
	}
	.help-session-schedule-item__image-container {
		display: none;
	}
	.help-session-schedule-item__details {
		text-align: center;
	}
	.help-session-schedule-item__button-container {
		flex: none;
		padding: 2px 5px;
		max-width: 168px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.help-session-schedule-item__button-container .btn {
		width: 100%;
	}
	.StudentContentSlideContent .video-container iframe {
		width: 400px;
		height: 233px;
	}
	.math-club-intro-blurb {
		margin: 10px auto 0px auto;
		font-size: 15px;
	}
	.math-club-intro-standard-title {
		font-size: 20px;
		margin: 30px 0 17px 0;
	}
	.journey-statements-table__column-indicator {
		width: 46px;
	}
	.journey-statements-table__trophy {
		height: 30px;
	}
	.journey-statement__statement {
		font-size: 13px;
	}
	.mc-feature-districts__title {
		font-size: 20px;
		margin: 15px 0px;
	}
	.portfolio-feedback-toolbar__icon {
		margin-right: 15px;
	}

	.take-challenge-header img {
		width: 53px;
		height: 57px;
	}
	.take-the-challenge-modal_body .take-challenge-body-header, .complete-the-challenge-modal_body .complete-challenge-body-header {
		width: 100%;
	}
	.parent-milestones-flex__column-milestone {
		font-size: 14px;
	}
	.parent-milestones-flex__column-cheer {
		flex: 0 0 72px;
	}
	.student-milestone--modal__cell-icon {
		width: 40px;
		font-size: 20px;
	}

	.student-milestone--modal__cell-text {
		font-size: 14px;
	}

	.student-milestone--modal td {
		padding: 10px 5px;
	}
	.kudos-upsell.well {
		padding: 16px 30px 25px 30px;
	}
	.kudos-upsell__title {
		font-size: 18px;
	}
	.kudos-upsell__image-container {
		margin: 0 0 15px 0;
	}
	.math-club-subscribed-feature {
		font-size: 20px;
	}
	.kudos-text {
		font-size: 14px;
		margin: 20px auto 35px auto;
	}
	.stem-peek-title {
		font-size: 18px;
	}
	.student-join-write-reminder {
		font-size: 13px;
		margin: 25px 0;
	}

	.student-join-write-reminder__icon {
		font-size: 25px;
		margin: 0px 10px 5px 5px;
	}
	#studentNavBar.navbar-inverse .navbar-brand {
		font-size: 16px;
		margin-left: -14px;
	}
	.student-nav-notif-container--mobile {
		padding: 10px 1px;
	}
	.student-notification__column-image {
		flex: 0 0 62px;
		font-size: 30px;
		padding-left: 5px;
	}

	.student-notification__description {
		font-size: 14px;
	}

	.student-notification__name {
		font-size: 14px;
	}
	.visual-math-header__title {
		font-size: 22px;
		margin-top: 30px;
	}
	.visual-math-header__text {
		font-size: 15px;
		margin: 15px auto;
	}
	.live-session-config-flex {
		flex-direction: column;
	}

	.live-session-config-flex__column-text {
		padding-bottom: 10px;
	}

	.live-session-config-flex__column-toggle {
		flex: 0 0 35px;
		text-align: left;
	}
	live-session-how-to-badge {
		font-size: 14px;
	}
	.view-unit-unit-number {
		height: 32px;
		width: 32px;
		font-size: 70%;
		margin-right: 3px;
	}
	.view-unit-branch-group {
		display: none;
	}
	.Pod .block_buttons {
		display: none;
	}
	.mc-heading {
		font-size: 24px;
		margin: 50px 0 25px 0;
		text-align: center;
	}
	.subscribe-cta__title {
		font-size: 25px;
		margin: 40px 0 20px 0;
	}
	.student-modal-title-lg {
		font-size: 28px;
		margin: 22px 0 9px 0;
	}
	.student-modal-friday-chest-text {
		font-size: 16px;
	}
	.class-chest-table__chest-image {
		width: 86px;
	}
	.class-chest-table__heading-image {
		width: 99px;
	}
	.class-chest-table__current-text {
		font-size: 13px;
	}
	.class-chest-table__key {
		height: 30px;
	}
	.class-chest-progress__text-inside {
		display: none;
	}
	.class-chest-progress__text-outside {
		display: block;
	}
	.secondary-nav-student__item {
		padding: 13px 19px 8px 19px;
		font-size: 18px;
	}
	.SchoolDashboardStatsTable .label_name {
		font-size: 12px;
	}
	.SchoolDashboardStatsTable .label_value {
		font-size: 25px;
	}
	.SchoolDashboardStatsTable > tbody > tr > td {
		padding: 8px 8px;
	}

	.class-bots-table__avatar {
		margin: 1px 5px 0 3px;
	}
	.class-bots-table__name {
		max-width: 140px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		top: 5px;
	}
	.class-bots-table__name-cell, .class-bots-table__count-cell {
		font-size: 15px;
		padding: 8px !important;
	}
	.class-bots-table th {
		font-size: 15px;
		padding: 8px 8px !important;
	}
	.streak-days-container, .streak-circles-container {
		max-width: 330px;
	}
	.streak-circle, .streak-bot-image  {
		width: 46px;
		height: 46px;
		font-size: 24px;
		/*padding-top: 4px;*/
	}
	.math-club-title {
		font-size: 25px;
		margin: 24px 0 15px 0;
	}

	.math-club-subtitle {
		font-size: 20px;
		margin: 21px auto 0px auto;
	}
	.math-club-packages-container {
		padding: 40px 15px;
	}
	.chest-listing-item {
		width: 45%;
		margin: 15px 0px;
	}

	.chest-listing-item__heading img {
		max-width: 100%;
	}

	.chest-listing-item__image {
	}
	.secondary-top-nav__item {
		font-size: 13px;
		padding: 11px 7px 7px 7px;
	}
	.secondary-top-nav__counter {
		display: none;
	}
	.student-chest-4 {
		display: none;
	}
	.store-credit-title-message {
		font-size: 14px;
	}
	.invite-parents-callout-bar {
		bottom: 56px;
		height: 90px;
	}
	.invite-parents-callout-bar__image {
		height: 80px;
		margin-top: -10px;
		margin-left: -5px;
	}
	.invite-parents-callout-bar__text {
		margin: 15px 8px 5px 3px;
		font-size: 13px;
	}
	.countdown-timer-table__value {
		font-size: 23px;
		width: 54px;
	}
	.earn-credits-callout-tourtip {
		width: 213px;
		height: 64px;
		top: 32px;
		left: -85px;
		font-size: 14px !important;
	}
	.parent-top-nav-cart-container {
		padding: 15px 5px 0 0;
		margin-left: 5px;
	}
	.referral-button {
		display: block;
		width: 160px;
		margin: 5px auto;
	}
	.checkout-new-card-well {
		padding-left: 15px;
		padding-right: 15px;
	}
	.checkout-flex > div {
		padding: 15px 5px;
	}
	.redeem-code-field {
		width: 150px !important;
	}
	.center-xs {
		text-align: center !important;
	}

	.hidden-on-phones {
		display: none !important;
	}

	#teacherNavBar .navbar-toggle {
		margin-right: 4px;
	}

	#teacherNavBar.navbar-inverse .navbar-brand {
		padding-left: 2px;
		padding-right: 2px;
		font-size: 17px;
	}

	.table-mobile-scroll-container {
		max-width: 100%;
		overflow-x: scroll;
		overflow-y: scroll;
		max-height: 300px;
	}

	.gs-launch-button.btn.GsButton {
		margin: 18px 0 5px 8px;
		padding: 9px 26px 7px 25px;
		font-size: 22px;
	}

	.gameplayButtonGroup {
		margin: 15px 0px 5px 5px;
	}

		.gameplayButtonGroup .btn.btn-lg {
			/*width: 33%;*/
			font-size: 13px;
			padding: 8px 12px;
		}

		.gameplayButtonGroup .glyphicon, .gameplayButtonGroup .button-icon {
			display: none;
		}

	#buttonGroupDrawButton {
		display: none;
	}

	#toast-container > div {
		width: 18em;
	}

	#GsScoringBar {
		font-size: 18px;
		padding: 3px 3px 2px 3px;
	}

	.GsScoringBarIcon {
		height: 28px;
		top: -3px;
	}

	.GsUploadBlock h2 {
		font-size: 18px;
	}

	.LeagueStudentTable {
		display: block;
		font-size: 20px;
	}

		.LeagueStudentTable .cell_row {
			display: block;
		}

		.LeagueStudentTable .cell_image {
			display: block;
			width: 100%;
			padding: 20px 20px 5px 20px;
		}

			.LeagueStudentTable .cell_image img {
				width: 100%;
				max-width: 200px;
			}

		.LeagueStudentTable .cell_content {
			display: block;
			padding: 5px 20px 20px 20px;
		}

	.LeaguesProgressBar {
		margin: 6px 15px 6px 0;
	}

	.LeaguesBoxXpBlock {
		font-size: 14px;
	}

	.EmbeddedGsContinueTable .cell_desc {
		font-size: 15px;
	}

	.branchBox {
		width: 96%;
		margin: 5px 10px 5px 0;
	}

	.dashboardBranchContainer .btn {
		width: 96%;
		margin-top: 3px;
	}

	.MissionSummaryWell {
		padding: 10px;
	}

	.MissionSummaryTable .cell_icon {
		padding: 1px 2px;
	}

	.MissionSummaryTable .cell_score {
		padding: 1px 9px;
		font-size: 14px;
	}

	.MissionSummaryTable .cell_name {
		padding: 1px 2px;
		font-size: 14px;
	}

	.missionHeadingDate {
		font-size: 24px;
		margin-top: -6px;
	}

	.SgLoadingMessageText {
		padding-right: 0;
	}

	.DashboardActionButtonsBlock {
		/*display: none;*/
		float: none;
		margin: 15px 0;
	}

	.DashboardHwBlock, .DashboardGsBlock {
		min-height: 0;
		padding: 5px 5px;
	}

	.DashboardActionItemsBtn, .DashboardLiveModeBtn {
		width: 199px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.DashboardHwBlock .DashboardWidgetCounter, .DashboardHwBlock .label_name, .DashboardGsBlock .DashboardWidgetCounter, .DashboardGsBlock .label_name {
		display: inline-block;
		font-size: 20px;
	}

	.QuestionText img, .AnswerText img, .QuestionText.TeacherGsQuestionText img {
		max-width: 100%;
	}

	.HwLiveModeBtn {
		float: none;
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 15px auto;
	}

	.ReportsMissionsTable td.cell_status {
		padding: 5px 4px 5px 8px;
		width: 10%;
	}

	.ReportsMissionsTable .cell_performance {
		width: 75px;
	}

	.table.table-hw th, .table.table-hw td {
		font-size: 15px;
		padding-left: 10px;
	}

	.tutorialBox {
		width: 100%;
		max-width: 450px;
	}

		.tutorialBox iframe {
			width: 100%;
			height: 200px;
		}

	.TutorialCategory {
		padding: 15px 25px 15px 15px;
	}

	.StudentManipControlBar.StudentManipControlBarBottomOnMobile {
		position: fixed;
		left: 0;
		bottom: 0px;
		width: 100%;
		background-color: #ddd;
		/*padding: 5px 10px 7px 10px;
        text-align: center;*/
	}

	.Pod {
		width: 100%;
	}

	.QuestionArrangeContainer {
		padding: 5px 7px;
	}

		.QuestionArrangeContainer .block_answer {
			width: 100%;
			margin: 2px 0;
		}

	.ContentTabsBg {
		height: 52px;
	}

	.ContentTabs {
		margin-top: 22px;
	}

		.ContentTabs > li > a {
			font-size: 14px;
			padding-left: 10px;
			padding-right: 10px;
			margin-right: 6px;
			padding-top: 6px;
			padding-bottom: 6px;
		}

	.dropdown-menu > li {
		max-width: 280px;
	}

	.gameplayQuestionResultModalBody .label_correct {
		display: block;
		margin: 0 12px;
		top: 0;
	}

	.gameplayQuestionResultModalBody.help-session-modal-body .label_correct {
		display: block;
		margin: 10px 12px;
		font-size: 27px;
	}

	.GameplayBar .block_name {
		padding: 12px 8px 10px 5px;
	}

	.GoalGoalsTable .cell_score {
		width: 70px;
	}

	.intenseTitle {
		font-size: 24px;
	}

	.ParentGap {
		padding: 12px 10px;
		min-height: 84px;
	}

		.ParentGap .label_name {
			font-size: 15px;
		}

		.ParentGap .btn {
			padding: 3px 8px !important;
		}

	.PodBottomMenu .btn_view, .PodBottomMenu .btn_edit, .PodMissionBadge, .PodGameShowBadge, .ManipIconContainer, .PodRemediationBadge {
		display: none;
	}

	.FoldersContainer.IsChildFolders {
		/*background-color: #e5e5e5;*/
		padding: 10px 5px 10px 15px;
		position: relative;
	}

	.ChildFolderArrow {
		font-size: 21px;
		left: -10px;
		top: 18px;
	}

	.FolderDiv {
		font-size: 15px;
	}

		.FolderDiv .block_icon {
			height: 40px;
			width: 34px;
			border-right: 0;
		}

		.FolderDiv .block_name {
			height: 40px;
			width: 145px;
			padding-left: 0px;
		}

		.FolderDiv .block_arrow {
			height: 40px;
			width: 23px;
		}

	.AddActivitiesButtonContainer {
		display: block;
		padding: 10px;
		float: none;
	}

	.GameShowBenchmarkTable {
		width: 100%;
	}

		.GameShowBenchmarkTable .cell_score {
			font-size: 19px;
		}

	.AnalyticsPerformanceTable {
		width: 100%;
	}

		.AnalyticsPerformanceTable .cell_label {
			width: 90px;
			font-size: 11px;
		}

		.AnalyticsPerformanceTable .cell_score {
			width: 45px;
			font-size: 19px;
		}

	.GsContentSlidePanel .gs-panel-body {
		padding: 10px 20px 10px 20px;
	}

	.TeacherContentSlideContent, .StudentContentSlideContent {
		font-size: 14px;
	}

		.TeacherContentSlideContent h1, .StudentContentSlideContent h1 {
			font-size: 25px;
			margin: 20px 0;
		}

		.TeacherContentSlideContent h2, .StudentContentSlideContent h2 {
			font-size: 21px;
			margin: 15px 0;
		}

		.TeacherContentSlideContent h3, .StudentContentSlideContent h3 {
			font-size: 18px;
			margin: 10px 0;
		}

	.BarGamePinBlock {
		margin: 21px 15px 21px 0;
		font-size: 15px;
	}

	.gs-panel-heading {
		padding: 13px 10px 13px 16px;
	}

		.gs-panel-heading h2 {
			font-size: 25px;
		}

	.gs-panel-body-content {
		padding: 13px 15px 20px 20px;
	}

	.board-school-stats-table__cell-name {
		font-size: 13px;
		vertical-align: middle !important;
		padding: 6px 10px !important;
	}

	.board-school-stats-table__cell-count {
		font-size: 13px;
		width: 80px;
		padding: 5px 4px !important;
	}

	.board-school-stats-table__cell-gaps {
		padding: 5px 4px !important;
		width: 76px;
	}

	.snapshot-header {
		height: 57px;
	}

	.snapshot-body {
		padding-top: 57px;
	}

	.snapshot-header .btn {
		font-size: 14px !important;
		border-width: 4px !important;
		padding: 6px 13px 4px 13px !important;
		margin-top: 6px !important;
	}

	.snapshot-cancel-link {
		margin-left: 8px;
		font-size: 13px;
	}

	.featured-activity-block-container {
		width: 30%;
	}

	.featured-activity-block__title {
		font-size: 12px;
		padding: 5px 4px 5px 7px;
		height: 27px;
	}

	.carousel-button {
		top: 110px;
	}

	.featured-category-page-image {
		float: none;
		width: 100%;
		margin: 0px 0px 15px 0;
	}
	.upload-focus-flex {
		/*flex-direction: column;*/
	}

	.upload-focus-flex__button-column {
		/*flex: none;
		text-align: center;*/
	}

	.upload-focus__textarea {
		margin-top: 5px;
		height: 36px !important;
		margin-bottom: -2px;
	}

	.student-feelings__face, .student-feelings__text {
		width: 83px;
	}

	.AddStudentModalInstructions .add-student-modal__choice-button {
		font-size: 15px;
		padding: 15px 10px;
	}

	.add-student-modal__choice-button-label {
		float: none;
		padding-left: 10px;
		width: 100%;
	}
	.add-student-modal__choice-button--register .add-student-modal__choice-button-name {
		margin-top: 0px;
	}
	.AddStudentModalInstructions .icon.fa, .AddStudentModalInstructions .icon.fas {
		font-size: 30px;
	}

	.add-student-modal .modal-body {
		padding-left: 15px;
		padding-right: 15px;
	}

	.add-student-modal__choice-icon {
		font-size: 26px;
	}

	.activity-button-container {
		display: block;
	}

	.activity-button__icon {
		display: inline-block;
		margin-right: 10px;
	}

	.activity-button__label {
		font-size: 21px;
	}

	.PodBigButton {
		width: 100%;
		max-width: 322px;
		height: 66px;
		margin-top: 19px;
	}

		.PodBigButton .label_symbol {
			font-size: 24px;
		}
	.teacher-footer-flex {
		max-width: 364px; /* 364px for 5 items */
	}
	.teacher-footer-mobile-menu-item {
		padding: 6px 6px 8px 6px;
	}

	.teacher-footer-mobile-menu-item__icon {
		font-size: 20px;
		height: 30px;
		padding-top: 3px;
	}

	.teacher-footer-mobile-menu-item__label {
		font-size: 10px;
	}

	.teacher-footer-mobile-menu-item__icon-paper-mode {
		width: 38px;
		margin-top: 1px;
	}

	.class-box {
		width: 100%;
		height: auto;
		padding: 8px 10px 15px 10px;
		margin: 8px 15px 4px 0;
	}

	.class-box__add-icon {
		font-size: 34px;
		margin: -1px 0 -8px 0;
		display: inline-block;
	}

	.class-box-tag {
		width: 100%;
		position: initial;
	}

	.class-box .labelTitle {
		margin-top: -2px;
	}

	.class-box .labelName {
	}

	.class-box.AddClass {
		padding: 30px 15px 26px 5px;
	}

		.class-box.AddClass .class-box__add-text {
			position: relative;
			display: inline-block;
			top: -8px;
			margin-left: 8px;
		}

	.DashboardHighlightBlock {
		padding: 10px 13px;
	}

	.dashboard-student-container {
		padding: 15px 15px;
		overflow: hidden;
	}

	.solution-feedback__favbar {
		height: auto;
		padding-bottom: 23px;
	}

	.solution-feedback__feedback-buttons {
		float: none;
		margin: 4px 0;
	}

	.attempt-modal-next-button {
		width: 50px;
	}

	.TeacherQuestionText img {
		max-width: 250px;
	}

	.TeacherAnswerText img {
		max-width: 250px;
	}

	.AddStudentModalInstructions .add-student-modal__choice-button {
		font-size: 15px;
	}

	.AddStudentModalInstructions .icon.fa {
		font-size: 30px;
	}
	.add-student-form {
		display: block;
	}

	.add-student-form__block-name {
		flex: none;
		padding: 2px 0;
	}

	.add-student-form__block-button {
		flex: none;
		text-align: right;
		padding: 0;
	}

	.add-student-modal__choice-button-name {
		margin-top: 0;
		font-size: 14px;
	}
	.add-student-modal__choice-button-subtext {
		font-size: 13px;
	}
	.parent-bar-flex {
		width: 100%; /* needed for Firefox */
		max-width: 340px;
		margin: 0 auto;
	}
	.parent-bar .nav-button {
		padding: 0 6px 0 6px;
		width: 100%;
	}
	.parent-bar__icon {
		font-size: 25px;
		margin: 9px 0 -1px 0;
	}

	.parent-bar__label {
		font-size: 12px;
	}
	.invite-parents-flex {
		display: block;
	}
	.invite-parents-flex__name-column {
		flex: none;
		display: block;
		margin-bottom: 8px;
	}

	.invite-parents-flex__parent-column {
		flex: none;
		display: inline-block;
		width: 100%;
	}

	.invite-parents-flex__menu-column {
		flex: none;
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	.invite-parent-field {
		width: 72% !important;
	}
	.product-actions-box.well {
		padding: 6px 12px 13px 12px;
	}
	.shop-banner-spacer {
		height: 30px;
	}
	.shop-banner {
		font-size: 14px;
		padding: 0 2px;
	}
	.shop-banner-item {
		padding: 10px 5px;
	}
	.shop-banner__active {
		margin: 0 0;
	}
	.shop-banner__credits {
		margin: 0;
	}
	.shop-banner-credits-button {
		padding: 3px 9px;
		font-size: 13px;
	}
	.child-box {
		width: 100%;
		height: auto;
		padding: 16px 10px 15px 10px;
		margin: 8px 15px 4px 0;
	}
	.child-box.child-box--add .glyphicon {
		display: inline-block !important;
		margin: 13px 5px 13px -3px;
	}
	.child-box-add-child {
		display: inline-block;
		position: relative;
		top: -9px;
	}
	.download-app-bar {
		padding: 11px 3px;
	}
	.download-app-table__cell-icon {
		padding-right: 8px;
	}

		.download-app-table__cell-icon img {
			width: 45px;
		}

	.download-app-table__cell-close {
		padding-left: 12px;
	}
	.stem-club-nav-premium-badge {
		top: 44px;
		font-size: 11px;
		max-width: 40px;
	}
	.shop-banner__parents-credits {
		font-size: 30px;
	}
	.shop-banner-spacer__extra-parent {
		height: 40px;
	}
}
@media (max-width: 420px) {

	.activities-search--mobile {
		width: 100%;
	}
	.activities-search-results {
		width: 100%;
	}
	.r2l-button {
		padding: 12px 15px;
		font-size: 18px;
		min-width: 0;
		margin: 10px 10px;
	}
	.student-profile-statement__container {
		font-size: 13px;
	}
	.student-activity-table__score-cell {
		width: 77px;
		padding: 10px 7px;
	}
	.student-activity-table__score {
		font-size: 25px;
	}
	.student-activity-table__score-label {
		font-size: 11px;
	}
	.student-activity-table__progress-cell {
		padding: 10px 8px 10px 14px;
	}
	.student-activity-table__name {
		font-size: 15px;
	}
	.student-activity-table__image-cell {
		width: 62px;
		padding: 10px 1px;
	}
	.student-solve-lightning-block .student-activity-table__image-cell {
		padding: 8px 8px;
	}
	.student-activity-table__arrow-cell {
		display: none;
	}
	.share-milestones-alert__title {
		font-size: 20px;
	}
	.student-alert-flex.student-alert-flex--hold .student-alert__image-column {
		flex: 0 0 100px;
		padding: 10px 0 10px 8px;
	}
	.student-alert__title {
		font-size: 16px;
	}
	.student-alert__text {
		font-size: 14px;
		font-weight: normal;
	}
	.student-class-bar {
		bottom: 54px;
	}
	.student-map-hand {
		width: 55px;
		right: 10px;
	}
	.student-nav-label {
		font-size: 10px;
		margin: 2px 0 5px 0;
	}
	.bottom-nav img {
		width: 56px;
	}
	#studentBottomNav img {
		width: 56px;
	}
	.dashboard-privacy-text {
		font-size: 12px;
		margin: 12px 0 0 0;
	}
	.activities-course-selector-flex__column-language {
		flex: 0 0 88px;
	}
	.teacher-course-language-selector .dropdown-icon {
		display: none;
	}
	.modal-math-huddle-video {
		height: 220px;
	}
	/*.help-session-social-carousel {
		width: 136px;
	}*/
	.student-nav-session-logo--mobile {
		height: 18px;
		margin: 15px 3px 0 10px;
	}
	.StudentContentSlideContent .video-container iframe {
		width: 300px;
		height: 210px;
	}
	.mc-feature-districts__logos img {
		height: 80px;
	}
	.visual-math-item {
		width: 46%;
		height: auto;
	}
	.branch-group-title {
		font-size: 19px;
	}
	.Pod .btn_primary {
		width: auto;
	}
	.gift-alert-icon {
		height: 51px;
		display: block;
		margin: 0 auto 5px auto;
	}
	.gift-alert-title {
	font-size: 17px;
	}
	.student-home-bots-flex__bot-container {
		margin: 0 11px 40px 2px;
	}
	.student-home-bots-flex__bot-image {
		height: 52px;
	}
	.student-chest__image {
		margin-top: 9px;
		width: 90px;
	}
    .hidden-xxs {
        display: none !important;
    }
    .visible-xxs-block {
        display: block !important;
    }
    .visible-xxs-inline-block {
        display: inline-block !important;
    }
    .visible-xxs-inline {
        display: inline !important;
    }
	.center-xxs {
		text-align: center !important;
	}
    .navbar-header {
    }
    .breadcrumb-teacher {
        top: 0;
        margin-bottom: 15px;
        font-size: 14px;
    }
    .student-h1 {
        font-size: 28px;
    }
    .btn.btn-lg, .btn.btn-lg.GsButton {
        font-size: 18px;
        padding: 7px 15px 6px 15px;
    }
		.btn-lg-arrow {
			margin-right: -16px;
		}
    .btn.btn-md, .btn.btn-md.GsButton {
        font-size: 15px;
        padding: 7px 12px 5px 12px;
    }
    .btn.btn-sm, .btn.btn-sm.GsButton {
        font-size: 13px;
        padding: 6px 11px 4px 11px;
    }
	.btn-sm-xs {
		font-size: 14px !important;
		border-width: 4px !important;
		padding: 6px 13px 4px 13px !important;
		margin-top: 6px !important;
	}
    .login-form-container {
    }

        .login-form-container button {
            max-width: 100%;
        }

    .nav {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pageHeading {
	    font-size: 25px;
	    margin: 13px 0 9px 0;
    }
    footer {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 12px;
    }

    .headline-bar-below-navbar {
        display: none;
    }

    .notifLevelBadge {
        width: 175px;
        margin-bottom: 0px;
    }
    .GsCorrectImg {
        max-width: 137px;
    }
    .answerCorrectTitle {
        font-size: 30px;
    }
    .GsStudentModalHighlights {
        margin: 10px 0;
    }
    .gameplaySummaryTitle {
        font-size: 26px;
        margin: 0 0 10px 0;
    }
    .gameplaySummaryTitle-sm {
        font-size: 24px;
    }
    .gameplaySummarySubtitle {
        font-size: 20px;
    }
    .gameplaySummarySubtitle-sm {
        font-size: 18px;
    }

	.tutorialBox iframe {
		width: 100%;
		height: 138px;
	}
	.wide-xxs {
		width: 100%;
        min-width: 0;
	}
    .challengeContainer {
        padding: 0;
    }

    .modalFeatureImage {
        max-width: 200px;
    }

    .metricLeagueLabel {
        font-size: 16px;
    }

    .metricLeagueLabelLevel {
        font-size: 14px;
    }

    .challengeMarathonText {
        font-size: 16px;
    }

    #gameplaySummaryStarsImg {
        width: 100%;
    }

    .gameplayQuestionResultAlertButtons {
        text-align: center;
    }

    .gameplayAlertNextButtonContainer {
        text-align: center;
    }

    .gameplayQuestion {
    }

            .gameplayQuestion table td {
                font-size: 14px;
            }

    .gameplayAnswerValue table {
        max-width: 225px !important;
        margin-left: 5px;
    }

        .gameplayAnswerValue table td {
            font-size: 14px;
        }

    .gameplaySummaryButtonContainer .btn {
        min-width: 204px;
    }

    #loginLogo, .loginLogo {
        width: 90%;
    }

    .topic-block-container {
        width: 252px;
        margin-left: auto;
        margin-right: auto;
    }

    .workedExampleVideo iframe {
        width: 236px !important;
        height: 160px !important;
    }

    #gameplayVideoBox iframe {
        width: 236px !important;
        height: 160px !important;
    }

    .sectionPanel {
        border: 0;
        box-shadow: none;
        margin-left: -5px;
        margin-right: -5px;
    }

        .sectionPanel .panel-heading {
            border: 1px solid #ddd;
            padding: 5px 12px 5px 11px;
            /*padding: 3px 15px 0px 11px;*/
        }

    .topicsTable .topicsBar {
        /*padding-left: 9px;*/
        padding-right: 8px;
    }

    .topicsTable .topicSymbolImage {
        width: 74px;
        top: -9px;
        left: -11px;
    }
    .topicsTable .topicsArrow {
        padding-left: 6px;
    }

    .topicsTable .imgSpacer {
        width: 47px;
    }

    .topicsTable .topicTitle {
        font-size: 16px;
    }

    .profileLeagueRow {
        text-align: center;
    }

    .avatar-select-box {
        float: none;
        margin: 5px auto !important;
        display: block !important;
        width: 170px;
    }

    .avatar-select {
        /*width: 110px;*/
    }

    .modalHeading {
        font-size: 24px;
        margin: 0 0 10px 0;
    }

    .modalSubheading {
        font-size: 17px;
        font-weight: normal;
    }

    .modalImageShrinkSmall {
        max-width: 250px;
        width: auto !important;
        max-height: 140px;
    }

    .HwLeaderboardRibbon {
        min-width: 0;
    }

    .GsLeaderboardStudent td {
        font-size: 17px;
    }

    .GsLeaderboardAvatarStudent {
        width: 49px;
        height: 49px;
    }

    .GsAlert > h2 {
        font-size: 19px;
    }
    .GsAlert > h3 {
        font-size: 16px;
    }

    .GsLeaderboardStudent .cell_count {
        padding-right: 5px;
    }

    .LeagueStudentTable {
        font-size: 19px;
    }

        .LeagueStudentTable .cell_image img {
            width: 100%;
            max-width: 150px;
        }
    .MissionBlock {
        margin-left: -5px;
        margin-right: -5px;
        padding: 3px 2px !important;
    }
    .MissionTable .cell_image {
        width: 65px;
    }
    .MissionTable .cell_image img {
        max-width: 40px;
    }
    .MissionTable .cell_score {
        width: 77px;
    }
    .MissionTable .cell_score .masteryScore {
        /*font-weight: 500;*/
        font-size: 25px;
    }
    .MissionTable .labelText {
        font-size: 11px;
    }
    .HomeMissionName {
        font-size: 14px;
    }
    .missionHeadingDate {
        font-size: 22px;
        margin-top: -1px;
    }
    .StatementBlock {
        font-size: 14px;
    }
    .GameplayStatementText {
        font-size: 18px;
    }
    .ManipAlgebraTilesBar .SelectedTileButtons .btn {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    .dashboardStudentBoxActual.dashboardStudentBox {
        width: 100%;
        height: auto;
        margin-bottom: 3px;
        padding-bottom: 12px;
    }
    .dashboard-add-student {
        width: 100%;
		height: auto;
		padding: 19px 15px 9px 17px;
		text-align: left;
    }
	.dashboard-add-student__icon {
		font-size: 35px;
		display: inline-block;
		margin-left: 5px;
	}
	.dashboard-add-student__label {
		display: inline-block;
		position: relative;
		top: -11px;
		margin-left: 8px;
		font-size: 18px;
	}
    .dsFirstName {
	    color: #fff;
	    font-size: 22px;
	    height: 33px;
    }
    .dsStarCount {
	    font-size: 31px;
    }
    .dsStarBlueImg, .dsStarBothImg {
        width: 32px;
        top: -8px;
    }
    .BrowseContentBranchGroupPanel .panel-heading .panel-title {
        font-size: 19px;
    }
    .HwContentExpectationBlock {
        padding: 9px 16px;
    }
    .studentStatsTable .cell_value {
        width: 80px;
        font-size: 19px;
    }
    .studentStatsTable .cell_label {
        font-size: 15px;
    }
    .ActivitiesTabs.GsNavTabs > li {
        /*float: none;*/
    }
    .ActivitiesTabs.GsNavTabs > li > a {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
    }
    .ActivitiesActionsContainerRight .ActivitiesFilter {
	    width: 150px;
    }
	.ManipAddingBlocks .Squeeze .BlockContainer {
		width: 31px;
	}
	.ManipSubtractingBlocks .Squeeze .BlockContainer {
		width: 31px;
	}
	.Squeeze .BlockZeroSum-1 {
		width: 31px;
	}
	.Squeeze .BlockZeroSum-2 {
		width: 62px;
	}
	.Squeeze .BlockZeroSum-3 {
		width: 93px;
	}
	.Squeeze .BlockZeroSum-4 {
		width: 124px;
	}
	.Squeeze .BlockZeroSum-5 {
		width: 155px;
	}
	.Squeeze .BlockZeroSum-6 {
		width: 186px;
	}
	.Squeeze .BlockZeroSum-7 {
		width: 217px;
	}
	.Squeeze .BlockZeroSum-8 {
		width: 248px;
	}
	.Squeeze .BlockZeroSum-9 {
		width: 279px;
	}
	.Squeeze .BlockZeroSum-10 {
		width: 310px;
	}
	.gameshow-leaderboard-student-name-student {
		max-width: 160px;
	}
	.dsBottom, .dsProgressContainer, .dashboardStudentQuestionCount {
		display: none;
	}
	.dashboardStudentBoxActual {
		padding: 10px 20px 15px 20px;
		margin-bottom: 0;
	}
	.SummaryMissionProgressTable .cell_complete {
		width: 50px;
	}

	.add-student-modal__choice-icon {
		display: none;
	}
	.teacher-footer-mobile-menu-item__label {
		font-size: 9px;
	}
	/*.teacher-footer-mobile-menu-item__label.teacher-footer-mobile-menu-item__label--smaller {
		font-size: 8px;
	}*/

	.parent-bar-flex {
		width: 100%; /* needed for Firefox */
		max-width: 330px;
		margin: 0 auto;
	}

	.parent-bar .nav-button {
		padding: 0 6px 0 6px;
	}

	.parent-bar__icon {
		font-size: 24px;
		margin: 9px 0 -1px 0;
	}

	.parent-bar__label {
		font-size: 12px;
	}
	.subscribe-cta__text1 {
		font-size: 26px;
		margin-top: 5px;
	}
	.subscribe-cta__button {
		font-weight: normal;
		font-size: 20px !important;
		padding: 12px 28px 9px 28px !important;
	}
	.stem-club-nav-premium-badge {
		padding: 0px 3px 1px 3px;
		top: 44px;
		font-size: 10px;
		max-width: 39px;
	}

	.shop-banner__parents-credits {
		font-size: 22px;
	}
	.shop-banner-spacer__extra-parent {
		height: 30px;
	}
	.stem-club-cart-checkbox-text {
		width: 163px;
	}
}
@media (max-width: 360px) {
	.dashboardStudentBoxMin, .dashboard-add-student-min {
		width: 100%;
	}
	.student-login-logo {
		width: 192px;
	}
	.navbar-toggle .icon-bar {
		width: 15px;
	}
	.student-nav-notif-container--mobile {
		font-size: 19px;
	}
	.student-nav-notif-container--mobile a {
		padding: 15px 9px;
	}
	.student-nav-class-switcher-button img {
		width: 22px;
	}
	.student-nav-class-switcher-button {
		top: -2px;
	}
	.student-mobile-navbar-brand {
		font-size: 14px !important;
	}
	.impact-challenge-dashboard-stats-flex__logo-column img {
		width: 75px;
	}
	.impact-challenge-dashboard-stats-flex__counter {
		font-size: 30px;
	}
	.impact-challenge-dashboard-stats-flex__counter-label {
		font-size: 12px;
		line-height: 1.2;
	}
	#teacherNavBar .credits-counter-tag {
		display: none;
	}
	.notif-cheer-counter-block {
		float: none;
		text-align: center;
		font-size: 35px;
		margin: 0px 12px 19px 12px;
		color: #999;
	}
	.notif-cheer-counter-block__subtitle {
		display: block !important;
	}
	.teacher-footer-mobile-menu-item {
		display: inline-block;
		width: auto;
	}
}
@media (min-width: 421px) {

    .visible-xxs-block {
        display: none !important;
    }
    .visible-xxs-inline-block {
        display: none !important;
    }
    .visible-xxs-inline {
        display: none !important;
    }
	#loading-bar .bar {
		height: 6px !important;
	}
	.workedExampleVideo iframe {
		width: 236px !important;
		height: 160px !important;
	}
	#gameplayVideoBox iframe {
		width: 236px !important;
		height: 160px !important;
	}
}
@media (min-width: 768px) {
	.hidden-sm-larger {
		display: none !important;
	}
	.counterBotTextMobile {
		display: none;
	}
	.student-chest-3, .student-chest-4 {
		display: none;
	}
	.workedExampleVideo iframe {
		width: 475px !important;
		height: 320px !important;
	}
	#gameplayVideoBox iframe {
		width: 475px !important;
		height: 320px !important;
	}
	.leaderXP, .leaderMathCup {
		min-width: 550px;
	}
    #studentBottomNav {
        /*height: 77px;*/
    }
}
@media (min-width: 992px) {
    .ActivitiesActionsInBody {
        display: none;
    }
}
@media (min-width: 1201px) {
	.hidden-on-desktop {
		display: none !important;
	}
}

/* Bootstrap fix 2015/3/24 */
.visible-xs.collapse.in {
    display: block!important;
}
.visible-xs.collapse {
    display: none!important;
}
.table-success, .table-success > td, .table-success > th {
	background-color: #dff0d8;
}
.table-info, .table-info > td, .table-info > th {
	background-color: #d9edf7;
}
.table-warning, .table-warning > td, .table-warning > th {
	background-color: #fcf8e3;
}
.table-danger, .table-danger > td, .table-danger > th {
	background-color: #f2dede;
}


.TourTips {
	font-size: large;
    z-index: 100;
}
.TourTips.TourTipsAllowUntracked {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    width: 400px;
    max-width: 400px;
    margin-left: 25px;
}
.TourTips.TourTipsVerbose {
	font-size: 14px;
	font-weight: normal;
}
md-slider .md-track-container {
	height: 4px;
}


.align_right {
	text-align: right;
}


    .my-plc-stats-table__cell-link {
        width: 100%;
        display: block;
        position: relative;
        padding-right: 20px;
    }
    .my-plc-stats-table__cell-link span.glyphicon {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0%, -50%);
    }

/*PLC Table*/
.plc-listing-table {
	width: 100%;
	margin: 20px 0 10px 0;
	border: 1px solid #ddd;
}

	.plc-listing-table .cell_due {
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		width: 90px;
	}

	.plc-listing-table .cell_name {
		/*width: 50%;*/
		position: relative;
	}

	.plc-listing-table .cell_performance .progress {
		margin-bottom: 0;
	}

	.plc-listing-table .cell_performance {
		width: 155px;
		text-align: center;
	}

	.plc-listing-table .cell_complete {
		text-align: center;
		width: 46px;
		padding-left: 1px;
	}

	.plc-listing-table .cell_actions {
		text-align: center;
		width: 144px;
	}

		.plc-listing-table .cell_actions .btn-group {
			width: 120px;
		}

	.plc-listing-table .block_name {
		max-width: 320px;
		height: 25px;
		line-height: 2;
		overflow: hidden;
	}

	.plc-listing-table .btn_edit {
		font-size: 17px;
		position: relative;
		top: -3px;
		left: 4px;
		padding-right: 9px;
		padding-left: 9px;
		margin-right: 4px;
	}

	.plc-listing-table .positiveGrowth {
		color: lightseagreen;
	}

	.plc-listing-table .negativeGrowth {
		color: orangered;
	}

.plc-view.gs-nav-tab > li {
	/*float: none;*/
}

	.plc-view.gs-nav-tab > li > a {
		display: block;
		padding-left: 5px;
		padding-right: 5px;
	}

.page-heading {
	font-size: 32px;
	font-family: 'open sans', sans-serif;
	font-weight: 700 !important;
	margin: 25px 0 10px 0;
	clear: both;
	line-height: 1.1;
	display: inline;
}

.plc-resource ul {
	margin-top: 10px;
	padding-left: 20px;
	list-style-type: none;
}

.plc-resource a {
	text-decoration: underline;
}

.plc-resource b {
	display: block;
}

.setting-region {
	padding: 7px 0;
}

.country-select, .region-select {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: 8px;
	width: 20%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #ddd;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	background-color: #f9f9f9;
	outline: none;
}

.popover.parent-tourtip--blue {
	background: #1992D4;
	color: #fff !important;
	padding: 0 !important
}

	.popover.parent-tourtip--blue.bottom > .arrow {
		left: 10%
	}

		.popover.parent-tourtip--blue.bottom > .arrow:after {
			border-bottom-color: #1992D4;
			border-width: 15px;
			top: -14px;
			margin-left: -15px;
		}

	.popover.parent-tourtip--blue.top > .arrow:after {
		border-top-color: #1992D4;
		border-width: 15px;
		bottom: -14px;
		margin-left: -15px;
	}

.parent-tourtip-popover {
	font-style: normal;
	line-height: 133%;
	position: absolute;
	max-width: 374px;
	max-height: 186px;
	text-align: left;
	display: inline-block;
	z-index: 1020;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16), 0px 3px 4px rgba(0, 0, 0, 0.25), 0px 1px 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}
.class-creation__title-image {
	width: 190px;
}

@media (max-width: 320px) {
	.parent-tourtip-popover.iceberg-position {
		top: 190px;
	}

	.parent-tourtip-popover.milestones-position {
		top: 127px;
	}

	.parent-tourtip-popover.growth-areas-position {
		top: 307px;
	}

	.parent-tourtip-popover.quick-wins-position {
		top: 218px;
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover > .arrow {
		left: 50%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.milestones-position > .arrow {
		left: 27%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.growth-areas-position > .arrow {
		left: 35%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.quick-wins-position > .arrow {
		left: 63%
	}
}

@media (min-width: 321px) and (max-width: 379px) {
	.parent-tourtip-popover.iceberg-position {
		top: 190px;
	}

	.parent-tourtip-popover.milestones-position {
		top: 127px;
	}

	.parent-tourtip-popover.growth-areas-position {
		top: 307px;
	}

	.parent-tourtip-popover.quick-wins-position {
		top: 218px;
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover > .arrow {
		left: 50%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.growth-areas-position > .arrow {
		left: 37%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.milestones-position > .arrow {
		left: 31%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.quick-wins-position > .arrow {
		left: 62%
	}
}

@media (max-width: 420px) and (min-width: 380px) {
	.parent-tourtip-popover {
		left: calc(50% - 187px);
	}

		.parent-tourtip-popover.iceberg-position {
			top: 178px;
		}

		.parent-tourtip-popover.milestones-position {
			top: 103px;
		}

		.parent-tourtip-popover.growth-areas-position {
			top: 280px;
		}

		.parent-tourtip-popover.quick-wins-position {
			top: 188px;
		}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover > .arrow {
		left: 50%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.milestones-position > .arrow {
		left: 31%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.growth-areas-position > .arrow {
		left: 37%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.quick-wins-position > .arrow {
		left: 61%
	}
}

@media (max-width: 600px) and (min-width: 421px) {
	.parent-tourtip-popover {
		left: calc(50% - 187px);
	}

		.parent-tourtip-popover.iceberg-position {
			top: 178px;
		}

		.parent-tourtip-popover.milestones-position {
			top: 82px;
		}

		.parent-tourtip-popover.growth-areas-position {
			top: 255px;
		}

		.parent-tourtip-popover.quick-wins-position {
			top: 163px;
		}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover > .arrow {
		left: 50%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.milestones-position > .arrow {
		left: 31%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.growth-areas-position > .arrow {
		left: 37%
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.quick-wins-position > .arrow {
		left: 61%
	}
}

@media (min-width: 601px) {
	.parent-tourtip-popover.iceberg-position {
		top: 178px;
		left: calc(50% - 37px);
	}

	.parent-tourtip-popover.milestones-position {
		top: 133px;
		left: calc(50% - 290px);
	}

	.parent-tourtip-popover.growth-areas-position {
		top: 222px;
		left: calc(50% - 250px);
	}

	.parent-tourtip-popover.quick-wins-position {
		top: 205px;
		left: calc(50% - 121px);
	}

	.popover.parent-tourtip--blue.bottom.parent-tourtip-popover.quick-wins-position > .arrow {
		left: 90%
	}
}

.parent-tourtip-popover .popover-content {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	padding: 24px 24px 21px 24px;
}

.parent-tourtip-popover .popover-footer {
	font-weight: 500;
	font-size: 16px;
	padding: 0px 32px 21px 32px;
}

	.parent-tourtip-popover .popover-footer a {
		color: #fff !important;
	}

.parent-product-tour-modal {
	padding-top: 20px;
}
.parent-product-tour-modal .modal-header {
	border-bottom: 0;
}

.parent-product-tour-modal .modal-body {
	padding-bottom: 34px;
}

.parent-product-tour-modal .first-heading {
	font-style: normal;
	font-weight: 600;
	font-size: 29px;
	line-height: 1.3;
	color: #323F4B;
}

.parent-product-tour-modal .modal-body .text {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
	color: #999;
	margin-bottom: 23px;
}

.parent-product-tour-modal .modal-body .product-tour-button {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 1.15px;
}

.parent-product-tour-modal .modal-body .product-tour-start-button {
	background: linear-gradient(180deg, #23BDEF 0%, #1FACF3 43.34%);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.16), 0px 1px 3px rgba(0, 0, 0, 0.16);
	border-radius: 5px;
	color: #F1FBFE;
	width: 210px;
	height: 44px;
	border-width: 0px;
	margin-bottom: 34px;
}

.parent-product-tour-modal .modal-body .product-tour-skip-button {
	text-transform: uppercase;
	color: #23BDEF;
}

.table.admin-entity {
	font-size: 14px;
	max-width: 600px;
	border: 2px solid #ddd;
}

.table.admin-entity > tbody > tr:nth-child(odd) > td {
	background: #eee;
}

.table.admin-entity > tbody > tr > td {
	min-width: 320px;
}

.table.admin-entity > tbody > tr > td:first-child {
	font-weight: bold;
	min-width: 240px;
	border-right: 2px solid #ddd;
}

.table.admin-list {
	font-size: 14px;
	max-width: 600px;
	border: 2px solid #ddd;
}

.table.admin-list > tbody > tr:nth-child(odd) > td {
	background: #eee;
}

.table.admin-list > tbody > tr > td:first-child {
	border-right: 2px solid #ddd;
}

.table.admin-table > tbody > tr:nth-child(odd) > td {
	background: #eee;
}

.table.admin-table > tbody > tr > th {
	background: #ccc;
}

.table.admin-table {
	border: 2px solid #ccc;
}

.user-form .form-control.ng-invalid {
	border-color: #bd362f;
}

.RenderMathParent .notification-top-bar {
	left: 0;
	right: 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0;
	height: 56px;
	background: linear-gradient(180deg, #00255B 0%, #002D70 100%);
}

	.RenderMathParent .notification-top-bar h4 {
		font-style: normal;
		font-weight: 500;
		font-size: 22px;
		letter-spacing: -0.6px;
	}

	.RenderMathParent .notification-top-bar .send-btn {
		font-weight: 500;
		font-size: 22px;
		letter-spacing: -0.6px;
		color: #63ABFF;
	}

@media (max-width: 767px) {
	.RenderMathParent .notification-top-bar h4, .RenderMathParent .notification-top-bar .send-btn {
		font-size: 14px;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.RenderMathParent .notification-top-bar h4, .RenderMathParent .notification-top-bar .send-btn {
		font-size: 17px;
	}
}


@media (min-width: 1025px) {
	.RenderMathParent .notification-top-bar h4, .RenderMathParent .notification-top-bar .send-btn {
		font-size: 22px;
	}
}

.expectation-root-question {
	padding: 10px;
}
.expectation-root-question select {
	width: 30%;
	float: right;
}
.expectation-root-question .tinymce-editor {
	margin-top: 30px;
}
.save-compare-expectations {
	background-color: #01B4FF;
	border: 1px solid black;
}
.save-compare-expectations span{
	vertical-align: middle;
}
.referral-share-link {
	color: #98A9AE;
	font-size: 10px;
	font-weight: 600;
	margin-top: 4px;
	text-align: center;
	margin-right: 8px;
	cursor: pointer;
}
.referral-share-link:hover {
	color: #768387
}
.referral-share-link .referral-share-icon {
	color: #FFF;
	background-color: #98A9AE;
	font-size: 25px;
	border-radius: 35px;
	padding: 10px;
}
.referral-share-link:hover .referral-share-icon {
	background-color: #768387;
}
.board-school-nav {
	text-align: left;
}

.board-school-nav__school {
	display: inline-block;
	color: #999;
	margin-right: 15px;
}

.board-school-nav__image {
	width: 30px;
}

.board-school-nav__link {
	display: inline-block;
	margin-right: 4px;
	cursor: pointer;
	padding-top: 13px;
	padding-bottom: 9px;
}
.school-table-name {
	text-align: center;
	vertical-align: middle;
}

.media-sidenav {
	height: 100%;
	width: 20%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #eee;
	overflow-x: hidden;
	padding-top: 20px;
}
.sidenav-head {
	flex-wrap: wrap;
	flex-direction: row;
	padding: 20px;
	align-items: center;
	justify-content: space-between;
}
.media-collections-list {
	display: flex;
	flex-direction: column;
}

.media-main {
	margin-left: 20%;
	margin-top: -50px;
}
.media-main a {
	cursor: pointer;
}
.media-header {
	justify-content: space-between;
	align-items: center;
}
.media-btn-col {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
}
.media-btn-other {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
}
.media-edit-btn {
	background-color: #c7c7c7ba;
	border: none;
	padding: 10px 15px;
	border-radius: 18px;
}
.collection-header {
	display: flex;
	justify-content: space-between;
	background-color: #eee;
}
.collection-padding {
	padding: 1.5em 5em;
}
.delete-collection-link {
	display: flex;
	justify-content: flex-end;
}
.media-admin-draggable-sections .item {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 8px 10px;
	background-color: #eee;
	font-size: 1.1em;
	text-align: left;
}
	.media-admin-draggable-sections .item p, .draggable-list-header b:not(last) {
		flex: 0 0 40%
	}
.media-admin-draggable-sections .draggable-list .item:nth-child(odd) {
	background-color: white;
}
.early-access-date .datetime-selector .date-field {
	width: 52%;
}
.early-access-date .datetime-selector .time-field {
	width: 31%;
}
.draggable-list-header {
	padding: 8px 10px;
	background-color: #ccc;
	display: flex;
	justify-content: space-between;
	flex: 0 0 33.3%;
}
.my-handle {
	cursor: move;
	font-size: 20px;
	padding-right: 7px;
}
.slick-item {
	height: 400px;
	width: 400px;
	background-color: #eee;
	color: black;
	position: relative;
}
.slick-content-container .slick-slide, .edit-section-content-items .panel, .slick-content-container .panel {
	width: 400px;
	box-sizing: content-box;
}
.slick-item-new {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: gray;
}
.slick-item-new i, .panel-body-content span {
	font-size: 90px;
    padding: 10px;
}
.slick-item-new p{
	font-size: 16px;
}
.slick-block .slick-slide {
	padding: 0 15px;
}
.slick-block .slick-slide div{
	/*padding: 0;*/
}
.panel-body-content {
	height: 300px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.panel-footer-descr {
	height: 100px;
}
.panel-footer-descr p {
	font-size: 16px;
	font-weight: 600;
	padding: 10px;
}
.panel-footer-nav {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-end;
}
.panel-footer-nav span {
	font-size: 18px;
}
.panel-footer-nav button {
	border: none;
	background: inherit;
}
.panel-footer-nav button i {
	font-size: 24px;
}
.section-content-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.section-content-header a {
	padding: 0 15px;
}
.section-content-header-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 15px;
}
.section-is-published-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 50%;
}
.section-is-published-right {
	display: flex;
	flex-direction: column;
	width: 50%;
	align-items: flex-end;
	justify-content: flex-start;
}
.section-is-published-right .btn-toggle {
	padding: 10px 0;
}
.section-is-published-left .form-group select, .section-is-published-left .form-group input {
	width: 500px;
}
.edit-section-content-items-flex {
	display: flex;
	flex-flow: row wrap;
}
.edit-section-content-items-flex .panel, .edit-section-content-items-flex .slick-item {
	margin: 10px 20px 10px 0;
}
.media-expert-icon {
	font-size: 10vw;
}
.content-item-editor {
	display: flex;
	align-items: flex-end;
}
.content-item-editor-left {
	flex: 3;
}
.content-item-editor-right {
	flex: 2;
	max-width: 500px;
}
.content-item-editor-left .tinymce-editor {
	height: 150px;
	margin-bottom: 50px;
	overflow-y: scroll;
}
.content-item-no-image {
	display: flex;
	justify-content: center;
}
.content-item-editor-image {
	max-width: 350px;
	max-height: 350px;
}
.content-item-image-size {
	max-width: 350px;
	max-height: 240px;
}
.home-page-mg {
	margin-top: 50px;
}
.panel-is-published-mode {
	position: relative;
	width: 100%;
	height: 100%;
}
.panel-is-published-mode span {
	position: absolute;
    font-size: 25px;
    padding: 0;
    right: 0;
	background-color: #ffe600;
    color: white;
    border-radius: 18px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3px;
}
.nav-back {
	float: left;
	color: #777;
	cursor: pointer;
}

.nav-back img {
	width: 48px;
	padding: 8px 8px;

}

.video-asset-segment {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.video-asset-segment .form-control, .video-asset-segment .btn {
	margin-top: 0;
}

.video-asset-segment .video-asset-segment__timestamp {
	flex: 0 0 140px;
	margin-right: 12px;
}

.video-asset-segment .video-asset-segment__timestamp .form-control[readonly] {
	background-color: #fff;
}

.video-asset-segment .video-asset-segment__description {
	flex: 1 1 auto;
}

.video-asset-segment .video-asset-segment__btnRm {
	flex: 0 0 24px;
	text-align: center;
}

.video-asset-segment .video-asset-segment__btnAdd {
	flex: 0 0 48px;
	text-align: center;
	margin-left: 12px;
}
.slick-next:before, .slick-prev:before {
	font-family: 'Font Awesome\ 5 Free';
	background-color: #0FADE1;
	font-weight: 900;
	color: white;
	border-radius: 20px;
}
.slick-next:before {
	content: "\f105";
	padding: 0px 9px 0px 11px;
}
.slick-prev:before {
	content: "\f104";
	padding: 0px 11px 0px 9px;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	color: white;
	background-color: #ddd;
}
.select-robot-page_back-button {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #21bbed;
	background-color: white;
	border: none;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
}
.select-robot-page_back-button span {
	padding: 5px 2px;
}
.select-robot-page_create-robot-header {
	color: #21bbed;
}
.select-robot-page-bots {
	background-color: #edfbff;
}
.select-robot-page-bots .bot-listing-container {
	max-width: 405px;
	margin: auto;
}
.select-robot-page-bots_question {
	background-color: #ffe856;
	height: 60px;
	width: 60px;
	border-radius: 55px;
	text-align: center;
	margin: 10px;
	display: inline-block;
}
.select-robot-page-bots_question-wrap {
	width: 100%;
	height: 100%;
}
.select-robot-page-bots_question i {
	font-size: 33px;
	color: white;
	padding-top: 11px;
}

.recipe-page {
	border-radius: 10px;
	box-shadow: 0px 0px 10px #d8d8d8;
}
.recipe-page_header {
	background-color: #edfbff;
	border-radius: 10px 10px 0 0;
}
.recipe-page_bots .badge{
	background-color: #0fade1;
	position: absolute;
	right: 0;
	z-index: 1;
}

.recipe-page_bots .bot-listing-block {
	width: 65px;
}
.recipe-page_bots .bot-listing-block:nth-child(2n+1) .bot-listing__image {
	top: 0px;
	left: 0px;
	-webkit-transition: top 1.2s, left 1.2s;
	transition: top 1.2s, left 1.2s;
}
.recipe-page_bots .bot-listing-block:nth-child(2n) .bot-listing__image {
	top: 0px;
	left: 0px;
	-webkit-transition: top 2s, left 2s;
	transition: top 2s, left 2s;
}
.kh-robot > * {
	opacity: 1;
	-webkit-transition: opacity 2s;
	transition: opacity 2s;
}
.kh-robot.kh-robot--fade-out > * {
	opacity: 0;
}
.kh-robot.kh-robot--fade-out > img {
	opacity: 1;
}
.bot-listing__reduce-link {
	color: #85c668;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
	justify-content: center;
}
.recipe-page_bots .reduce-link span {
	padding-right: 3px;
}
.recipe-page_footer {
	background-color: #edfbff;
	border-radius: 0 0 10px 10px;
}
.recipe-robot-page-bot_question {
	height: 130px;
	width: 130px;
	background-color: #ffe856;
	border: 5px solid #fff196;
	border-radius: 70px;
	margin: auto;
}

.recipe-robot-page-bot_image {
	height: 130px;
	width: 130px;
	border-radius: 50%;
	margin: auto;
}

.recipe-robot-page-bot_image img {
	width: 100%;
	height: 100%;
}

.recipe-robot-page-bot_question i {
	font-size: 65px;
	color: white;
	padding-top: 25px;
}
.tourtip-student-collections, .tourtip-student-collections_new-bot {
	position: fixed;
	width: 260px;
	max-width: 260px;
	top: auto;
	bottom: 97px;
	left: calc(50% - 130px);
	text-align: left;
	display: block;
	overflow: visible;
}
.tourtip-student-collections_new-bot {
	width: 32px;
	left: calc(50% - 16px);
}
.capsule-tooltip-img {
	position: absolute;
	left: 0;
	top: 0;
}
.tourtip-student-daily_streak {
	position: fixed;
	width: 260px;
	max-width: 260px;
	top: auto;
	bottom: 97px;
	left: calc(50% - 50px);
	text-align: left;
	display: block;
	overflow: visible;
}
	.tourtip-student-daily_streak .popover-content {
		padding: 9px 20px 9px 90px;
	}
	.tourtip-student-daily_streak .daily-streak-capsule-image {
		position: fixed;
		padding: 5px;
	}

@media only screen and (max-width: 600px) {
	.capsule-tooltip-img {
		position: absolute;
		left: 0;
		top: auto;
	}

	.tourtip-student-daily_streak {
		bottom: 75px;
		left: calc(50% - 57px);
		width: 230px;
		position: fixed;
		max-width: 230px;
		top: auto;
		text-align: left;
		display: block;
		overflow: visible;
	}

	.tourtip-student-daily_streak .popover-content {
		padding: 9px 20px 9px 80px;
	}

	.tourtip-student-daily_streak .daily-streak-capsule-image {
		position: fixed;
		padding: 5px;
	}
}

.tourtip-collections-recycle, .tourtip-collections-recycle_new-bot {
	position: absolute;
	width: 280px;
	max-width: 280px;
	top: 340px;
	left: auto;
	margin-left: -70px;
	text-align: left;
	display: block;
	overflow: visible;
}

.tourtip-collections-recycle_new-bot {
	width: 32px;
	margin-left: 60px;
}

@media(max-width: 1000px) {
	.tourtip-collections-recycle {
		margin-left: 0;
		width: 200px;
	}
	.tourtip-collections-recycle .popover-content {
		font-size: 12px;
	}
}
.tourtip-recipe-create {
	position: absolute;
	width: 300px;
	max-width: 300px;
	top: auto;
	bottom: 80px;
	left: calc(50% - 150px);
	text-align: left;
	display: block;
	z-index: 1;
	overflow: visible;
}
.tourtip-recycle-rarity {
	position: absolute;
	width: 320px;
	max-width: 320px;
	top: 270px;
	left: calc(50% - 150px);
	text-align: left;
	display: block;
	overflow: visible;
}
.tourtip-recycle-bot {
	position: absolute;
	width: 36px;
	max-width: 36px;
	top: -35px;
	left: 24px;
	text-align: left;
	z-index: 1;
	display: block;
	overflow: visible;
}
/* Override animate.css */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 0.05;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 0.05;
	}
}

.student-collections--student-selection {
	background-color: #21BBED;
	color: white;
}
	.student-collections--student-selection .student-collections--student-selection--dropdown-button {
		background-color: white;
		color: #444;
		border-radius: 30px;
		border-width: 0px;
	}
	.student-collections--student-selection .student-collections--student-selection--dropdown-item {
		color: #444;
	}
	.student-collections--student-selection .student-collections--student-selection--title-text {
		position: relative;
		top: -3px;
	}
.student-collections--student-selection--next-level-image {
	height: 20px;
	width: auto;
	position: relative;
	bottom: 2px;
}
.student-collections--avatar-selection {
	background-color: #D5DADC;
	color: #54606C;
}
.student-collections--button-image {
	height: 35px;
	margin-top: -5px;
	margin-bottom: -5px;
}
.student-collections--blue {
	color: #21BBED;
}
.student-collections--blue-link {
	color: #21BBED;
}
	.student-collections--blue-link:hover {
		color: #0FA9DB;
	}

.student-collections--shelf-slick-block .slick-prev:before, .student-collections--shelf-slick-block .slick-next:before {
	font-family: 'Glyphicons Halflings';
	font-weight: 400;
	font-style: normal;
	opacity: 1;
	background-color: inherit;
}

.student-collections--shelf-slick-block .slick-disabled {
	cursor: default !important;
	opacity: 0.3;
}

.student-collections--shelf-slick-block .slick-arrow {
	width: 50px;
	height: auto;
	z-index: 1;
}

.student-collections--shelf-item {

}
.student-collections--shelf-item > img {
	width: 95%;
	margin: 0 auto;
}
@media(max-width: 600px) {
	.student-collections--shelf-item {

	}
}

.student-collections--shelf-exclusive {
	position: relative;
}
.student-collections--shelf-exclusive img {
	position: absolute;
	z-index: 1;
	width: 25%;
	height: auto;
	top: -15px;
	left: 7%;
}

@media(max-width: 600px) {
	.student-collections--shelf-exclusive img {
		top: -10px;
		left: 10%;
	}
}

.student-collections--shelf {
		width: 100%;
}
	.student-collections--shelf-line {
		display: flex;
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding-left: 3%;
		padding-right: 3%;
		max-width: 640px;
		margin: 0 auto;
	}

	.student-collections--shelf .student-collections--shelf-botbox {
		margin: 4% 3%;
		width: 19%;
		position: relative;
		padding: 34% 0px 0px 0px;
	}

		.student-collections--shelf .student-collections--shelf-botbox .bot-listing-block {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			margin: 5px 0px;
			width: 100%;
		}

			.student-collections--shelf .student-collections--shelf-botbox .bot-listing-block .bot-listing__image {
				border-radius: 75px;
			}
		.student-collections--shelf .student-collections--shelf-botbox .bot-listing__name-container {
			position: relative;
			height: 45%;
			width: 100%;
		}
		.student-collections--shelf .student-collections--shelf-botbox .bot-listing-block .bot-listing__name {
			position: absolute;
			bottom: 16px;
			width: 100%
		}
			.student-collections--shelf .student-collections--shelf-botbox .bot-listing-block .bot-listing__name .bot-listing__name-badge {
				border-radius: 16px;
				font-size: 12px;
				padding: 4px;
				font-weight: bold;
			}
		.student-collections--shelf .student-collections--shelf-botbox .bot-listing-block .bot-listing__sub-name {
			font-size: 10px;
			padding-bottom: 2px;
			position: absolute;
			bottom: 0px;
			width: 100%;
			text-align: center;
			color: #FFF;
		}
			.student-collections--shelf .student-collections--shelf-botbox .bot-listing-block .bot-listing__counter {
				top: 5%;
				right: 5%;
				font-size: 15px;
				width: 20px;
				height: 20px;
			}

	.student-collections--shelf .student-collections--shelf-Steel .bot-listing-block .bot-listing__name .bot-listing__name-badge {
		background-color: #5B6A75;
		color: #FFF;
	}
.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-Steel .bot-listing__name-container {
	height: 34%;
}
.student-collections--shelf .student-collections--shelf-line.student-collections--shelf-BlackMatte {
	padding: 0 1%;
}
	.student-collections--shelf .student-collections--shelf-BlackMatte .bot-listing-block .bot-listing__name .bot-listing__name-badge {
		background-color: #384459;
		color: #FFF;
	}
.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-BlackMatte .bot-listing__name-container {
	height: 34%;
}
	.student-collections--shelf.student-collections--shelf-Industrial-parent {
		padding-left: 6%;
		padding-right: 6%;
	}
.student-collections--shelf .student-collections--shelf-line.student-collections--shelf-Industrial {
	padding: 0 5%;
}
	.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-Industrial {
		margin: 6% 2% 7% 2%;
		width: 21%;
		padding: 32% 0px 0px 0px;
	}

	.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-Industrial .bot-listing__name-container {
		height: 34%;
	}
	.student-collections--shelf .student-collections--shelf-Industrial .bot-listing-block .bot-listing__name .bot-listing__name-badge {
		background-color: #574343;
		color: #FFF;
	}
	.student-collections--shelf.student-collections--shelf-LED-parent {
		padding-left: 6%;
		padding-right: 6%;
	}
.student-collections--shelf .student-collections--shelf-line.student-collections--shelf-LED {
	padding: 0 5%;
}
	.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-LED {
		margin: 4% 2% 9% 2%;
		width: 21%;
		padding-top: calc(32% - 1px);
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
		.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-LED .bot-listing__name-container {
			height: 34%;
		}
	.student-collections--shelf .student-collections--shelf-LED .bot-listing-block .bot-listing__name .bot-listing__name-badge {
		background-color: #10A7CB;
		color: #FFF;
	}
	.student-collections--shelf.student-collections--shelf-BackGlow-parent {
		padding-left: 6%;
		padding-right: 6%;
	}

.student-collections--shelf .student-collections--shelf-line.student-collections--shelf-BackGlow {
	padding: 0 4%;
}
	.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-BackGlow {
		margin: 6% 2% 10% 2%;
		width: 21%;
		padding-top: calc(29% - 1px);
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

		.student-collections--shelf .student-collections--shelf-botbox.student-collections--shelf-BackGlow .bot-listing__name-container {
			height: 32%;
		}
	.student-collections--shelf .student-collections--shelf-BackGlow .bot-listing-block .bot-listing__name .bot-listing__name-badge {
		background-color: #10A7CB;
		color: #FFF;
	}

.not-enought-robots {
	text-align: center;
	background-color: #edfbff;
	border-radius: 20px;
	box-shadow: 0px 5px 20px #d8d8d8;
}
.not-enought-robots h2 {
	padding: 30px 0;
    margin: 0;
	color: #52606d;
}
.not-enought-robots p {
	width: 65%;
    margin: auto;
    font-size: 18px;
}
.not-enought-robots .recipe-page_bots {
    margin: 20px 40px;
}
.not-enought-robots .robot-recycle-listing {
	background-color: white;
    border-radius: 15px;
    box-shadow: 0px 3px 16px #d8d8d8;
}
.not-enought-robots-btn {
	margin: 10px 5px;
	font-weight: 700;
	padding: 12px 20px;
	border: none;
	border-radius: 8px;
	font-size: 17px;
}
.not-enought-robots .next-level-btn {
	background-color: #ffe856;
	color: #21bbed;
	border-bottom: 4px solid #e5d14d;
}
.not-enought-robots .recycle-later-btn {
    border-bottom: 4px solid #849094;
    background-color: #9ba9ae;
    color: #52606d;
}

.robot-recipe-animation_machine, .robot-recipe-animation_light {
	background: url(../images/BotRecycleMachine/BotRecyclerMachine_HR.png) no-repeat center center;
	background-size: contain;
	width: 100%;
	height: calc(100vh - 122px);
	width: 90%;
	max-width: 320px;
	margin: 0 auto;
}

	.robot-recipe-animation_light {
		position: absolute;
		background: url(../images/BotRecycleMachine/BotRecyclerLight2.png) center center no-repeat;
		background-size: contain;
		;
		opacity: 0;
		transform: translate(-50%, 0);
		left: 50%;
	}

	.robot-recipe-animation--light {
		animation: flash, fadeOut;
		animation-duration: 1s;
		z-index: 201;
		opacity: 0;
	}

	.robot-recipe-animation_bot {
		position: absolute;
		top: -66px;
		left: 50%;
		margin-top: -33px;
		margin-left: -33px;
		-webkit-transition: all 1s linear 0s;
		-moz-transition: all 1s linear 0s;
		transition: all 1s linear 0s;
		z-index: 200;
	}

	.robot-recipe-animation_bot-reveal {
		left: 50% !important;
		top: 50%;
		position: absolute;
		margin-top: -50px;
		margin-left: -50px;
		width: 100px;
		height: 100px;
		z-index: 200;
		opacity: 0;
	}

		.robot-recipe-animation_bot-reveal img {
			width: 100px;
			height: 100px;
		}

	.robot-recipe-animation_bot--animate {
		left: 50% !important;
		top: 50%
	}

	.robot-recipe-animation_bot-image {
		border-radius: 50%;
		width: 66px;
		height: 66px;
	}

	.robot-recipe-animation--fade-out {
		animation: fadeOut;
		animation-duration: 1s;
		opacity: 0;
	}

	.robot-recipe-animation--fade-in {
		animation: fadeIn;
		animation-duration: 1s;
		opacity: 1;
	}

	.robot-recipe-animation--shake {
		animation: .5s shakeX, .5s shakeY .5s;
	}

	.robot-recycle-listing {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 8px;
		max-width: 500px;
		margin: 0 auto;
		justify-content: center;
	}

	.robot-recycle-listing_block {
		flex: 0 0 20%;
		min-width: 60px;
		max-width: 100px;
		padding: 8px;
		text-align: center;
	}

	.recipe-page_bots .robot-recycle-listing_block {
		flex: 0 0 22%;
	}

	.robot-recycle-listing_block--earned > img {
		border: 3px solid #0fade1;
		border-radius: 50%;
	}

	.robot-recycle-listing_name {
		text-align: center;
		font-weight: 700;
		margin-bottom: 0;
	}

	.robot-recycle-listing_block-question {
		background: #ffe856;
		width: 100%;
		padding-top: 100%;
		position: relative;
		border-radius: 50%;
		cursor: pointer;
	}

		.robot-recycle-listing_block-question > i {
			position: absolute;
			top: 50%;
			text-align: center;
			margin-top: -6px;
			color: white;
			display: block;
			width: 100%;
		}

	.select-robot-page_header {
		margin-top: 0;
	}

.button-group_button-alignment {
	margin-top: -1px;
}

.button-alignment {
	margin-top: 0px;
	margin-left: -1px;
}

.impact-challenge-complete-section {
	font-family: Source Sans Pro;
	font-style: normal;
	background: #613F97;
	border-radius: 6px;
	color: #FFFCE8;
}

	.impact-challenge-complete-section .impact-challenge-badge {
		width: 51px;
		height: 55px;
	}

	.impact-challenge-complete-section .impact-challenge-text.sm-header {
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
	}

.impact-challenge-complete-section .impact-challenge-text.lg-header {
		font-weight: bold;
		font-size: 24px;
		line-height: 30px;
	}

	.impact-challenge-complete-section .right-button.impact-challenge-text {
		font-weight: 900;
		font-size: 12px;
		line-height: 15px;
		text-align: center;
	}

@media (max-width: 767px) {
	.impact-challenge-complete-section .text-section {
		border-bottom: 1px solid #FFFCE8;
		min-height: 75px;
		text-align: center;
	}
}

@media (min-width: 768px) {
	.impact-challenge-complete-section .text-section {
		border-right: 1px solid #FFFCE8;
		min-height: 75px;
	}
}


.impact-challenge-complete-section .btn-logo, .btn-impact-select .btn-logo {
	width: 61px;
	height: 35px;
}

	.impact-challenge-complete-section .impact-challenge-link {
		font-family: Source Sans Pro;
		font-style: normal;
		font-weight: 600;
		font-size: 12px;
		line-height: 15px;
		text-decoration-line: underline;
		color: #FFE856;
		vertical-align: middle;
	}

.select-robot-page_header {
	margin-top: 0;
}

.take-the-challenge-modal_header {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: bold;
	padding: 11px;
	background-color: #613f97;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.take-the-challenge-modal_close-x {
	position: absolute;
	top: 18px;
	right: 18px;
	color: white;
	border: 2px solid white;
	font-size: 14px;
	border-radius: 15px;
}
.take-the-challenge-modal_close-x span {
	padding: 4px 6px;
}
.take-the-challenge-modal_header .take-challenge-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.take-the-challenge-modal_header .take-challenge-header h2 {
	color: white;
	font-size: 48px;
	/*line-height: 60px;*/
	padding-left: 24px;
	margin-top: 10px;
	padding-right: 24px;
	text-align: center;
}
.take-the-challenge-modal_body, .complete-the-challenge-modal_body{
	min-height: 375px;
}
.take-the-challenge-modal_body .take-challenge-body-header, .complete-the-challenge-modal_body .complete-challenge-body-header {
	width: 80%;
	margin: auto;
}
.take-the-challenge-modal_body .take-challenge-body-header h3 {
	font-size: 24px;
    line-height: 28px;
    color: #52606D;
    margin-top: 9px;
}
.complete-the-challenge-modal_body .complete-challenge-body-header h3 {
	font-weight: bold;
    font-size: 36px;
    line-height: 45px;
    color: #52606D;
    margin-top: 33px;
}
.complete-challenge-body-content {
	margin: 16px 25px 55px 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.take-challenge-body-content {
	margin: 32px 25px 24px 25px;
	display: block;
	justify-content: center;
	text-align: center;
}
.complete-challenge-body-content_text {
	font-size: 20px;
	line-height: 28px;
	color: #52606D;
	width: 60%;
}
.complete-challenge-body-content_form {
	max-width: 290px;
	margin: auto;
}
.take-challenge-body-content_block {
	margin: 0 8px;
	display: inline-block;
}
.take-challenge-body-content_img-block {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 114px;
	width: 182px;
	background-color: #D4DADC;
	border-radius: 6px;
	margin-bottom: 16px;
}
.take-challenge-body-content_descr-block {
	display: flex;
	max-width: 200px;
	justify-content: center;
	margin-bottom: 15px;
}
.take-challenge-body-content_descr-block span {
	background-color: #FFE856;
	color: #52606D;
	padding: 2px 9px;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	border-radius: 15px;
}
.take-challenge-body-content_descr-block p {
	display: inline;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #52606D;
	margin-left: 8px;
}
.change-focus-area_body {
	margin-bottom: 5rem;
}
.change-focus-area_body p {
	font-size: 17px;
}
.btn-challenge {
	background: #21BBED;
	color: white;
	border-radius: 6px;
	border: none;
	border-bottom: 4px solid #198db2;
}
.btn-challenge-modal {
	padding: 11px 56px;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
}
.btn-challenge-reg {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
}
.btn-challenge-cancel {
	font-size: 18px;
	line-height: 23px;
	text-decoration-line: underline;
	color: #21BBED;
	font-weight: normal;
	cursor: pointer;
}
.btn-challenge-sup-teach {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	padding: 16px 16px 16px 8px;
	position: relative;
}

.btn-challenge-sup-teach__cont {
	display: flex;
	position: relative;
}

.take-challenge-btn {
	margin-bottom: 7px;
}
.gaps-tip {
	display: flex;
	position: absolute;
	right: 44px;
}
.gaps-tip-label {
	padding: 32px 30px;
	background-color: #613F97;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.gaps-tip-descr {
	width: 310px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #E9EBED;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.gaps-tip-descr p {
	text-align: left;
	font-size: 16px;
    line-height: 24px;
    width: 215px;
	color: #52606D;
	padding-bottom: 14px;
}
.gaps-tip-descr a {
	font-size: 14px;
	line-height: 24px;
	text-decoration-line: underline;
	color: #21BBED;
	font-weight: 600;
}
.bg-purple {
	background-color: #613F97;
}
.student-gaps-area-header {
	display: flex;
	justify-content: space-between;
}
.student-gaps-area-header .student-gaps-view-button-container {
	justify-content: flex-end;
}

.student-gaps-area--selected.cell_head {
	background-color: #9761A7;
}

.student-gaps-area-header__deselect {
	color: #FFE856;
	display: block;
	font-size: 16px;
	cursor: pointer;
}
.student-gaps-area-header__deselect:hover {
	color: #FFE856;
	text-decoration: underline;
}

.student-gaps-area--selected .student-gaps-area-header .label_name {
	color: #3E2861;
	font-weight: bold;
}
.student-gaps-area--selected .student-gaps-area-header .label_name .label_label {
	color: #3E2861;
}

.btn-impact-select {
	background-color: #613F97;
	border: none;
	border-radius: 6px;
	padding: 6px 20px;
	border-bottom: 4px solid #301f4a;
	margin-left: 15px;
}
.btn-impact-select p {
	color: white;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
.btn-impact-select.btn-impact-select-disabled {
	background-color: #9BA9AE;
	border-bottom: 0px;
	margin-bottom: 4px;
}
.btn-impact-select.btn-impact-select-disabled p {
	color: #52606D;
}
.student-gaps-table_more-students td {
	border: 1px solid white !important;
	text-align: center;
}
.student-gaps-table_more-students td p {
	font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #52606D;
    padding-top: 10px;
}
.student-gaps-table_more-students td a {
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	text-decoration-line: underline;
	color: #21BBED;
	cursor: pointer;
}
.student-gap_entity:nth-child(n+5) {
	display: none;
}
.ActionItemGapTable__exp .student-gap_entity:nth-child(n+5) {
	display: table-row;
}
.teach-support-btn-block {
	display: flex;
	justify-content: center;
}
.btn-teach-support {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 8px 36px;
	border: none;
	border-radius: 6px;
	background-color: #613F97;
	box-shadow: 0px 4px 0px #301F4A;
	color: #FFFCE8;
}
.btn-teach-support_disabled {
	background-color: #bababa;
	box-shadow: 0px 4px 0px #929292;
}
.btn-teach-support p:first-child {
	font-weight: bold;
    font-size: 24px;
    line-height: 30px;
}
.btn-teach-support p:last-child {
	font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}
.teacher-sup-feedback-block {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.student-gaps-hint-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 6px;
	background-color: #613F97;
}
.student-gaps-hint-block_no-new-gaps {
	align-items: center;
	justify-content: center;
}
.student-gaps-hint-block .student-gaps-hint-block_descr {
	font-size: 24px;
	line-height: 30px;
	color: #FFFCE8;
	padding-left: 15px;
}
.student-gaps-hint-block a {
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
	text-decoration-line: underline;
	color: #FFE856;
	padding-left: 5px;
}
.student-gaps-hint-block_right-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	right: 0;
	border-left: 1px solid #fff;
	padding: 12px 16px;
	cursor: pointer;
}
.student-gaps-hint-block_right-btn p {
	font-weight: 900;
    font-size: 12px;
    line-height: 15px;
    color: #FFFCE8;
}
.panel-body-completed {
	background-color: #85C668;
	display: flex;
}
.panel-body-completed div {
	padding: 16px;
	font-weight: 600;
	font-size: 22px;
	color: #3F4A54;
	line-height: 28px;
	border-right: 1px solid #3F4A54;
}
.panel-body-completed p {
	padding: 16px;
    font-weight: 600;
    font-size: 19px;
    line-height: 28px;
}
.deselect-topic a {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-decoration-line: underline;
	color: #21BBED;
	cursor: pointer;
}
.gap-tour-bubble {
	position: absolute;
	width: 180px;
	max-width: 180px;
	top: 58px;
	left: 50%;
	margin-left: -90px;
	text-align: left;
	display: block;
	overflow: visible;
}

.gap-tour-bubble.top {
	top: -80px;
}
.teacher-support-tour-bubble {
	position: absolute;
	width: 210px;
	max-width: 210px;
	top: calc(100% + 20px);
	left: 470px;
	text-align: left;
	display: block;
	overflow: visible;
	left: 50%;
	margin-left: -105px;
}
.remediation-doc-tour-bubble {
	position: absolute;
	width: 215px;
	max-width: 215px;
	top: -170px;
	left: -53px;
	text-align: left;
	display: block;
	overflow: visible;
}
.gap-select-help-bubble {
	position: absolute;
	width: 180px;
	max-width: 180px;
	text-align: left;
	display: block;
	overflow: visible;
	top: -80px;
	left: -23px;
}
.popover-close-imp-pos {
	top: 2px;
	right: 5px;
}
.popover-close_teacher-support {
	top: -2px;
	right: 2px;
}

.back-to-gap-tour-bubble {
	position: absolute;
	width: 200px;
	max-width: 200px;
	top: 40px;
	left: 30px;
	text-align: left;
	display: block;
	overflow: visible;
}
.invite-parents-panel {
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	padding-bottom: 100px;
}
.modal-bottom-button-row {
	position: absolute;
	width: 100%;
	margin-left: -15px;
	margin-right: -15px;
	text-align: center;
}
.image-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(221,221,221,0.85);
	z-index: 10000;
}
.image-overlay.image-overlay--dark {
	background-color: rgba(100,100,100,0.85);
}
.image-overlay .image-overlay-content {
	width: 70%;
	height: 50%;
	max-width: 90%;
	position: relative;
	margin: auto;
	margin-top: min(calc(50vh - 327px), 0);
}
.image-overlay .image-overlay__animation {
	position: relative;
	max-width: 100%;
	height: 50vh;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -50px;
}
.potential-student-gaps-bubl-menu {
	position: absolute;
	width: 240px;
	max-width: 240px;
	top: 47px;
	left: -50px;
	text-align: left;
	display: block;
	overflow: visible;
}

.skip-link {
	color: #444;
	font-size: 15px;
	font-weight: 700;
}

.wrap-text .ui-grid-cell-contents {
	white-space: normal;
}
[ui-grid-row] {
	display: table-row;
}
.ui-grid-row, .ui-grid-cell {
	min-height: 30px;
	height: auto !important;
}
.ui-grid-cell {
	float: none;
	display: table-cell;
}
.ui-grid-header-cell, .ui-grid-cell-contents {
	white-space: normal;
	padding: 2px;
	word-break: break-word;
}

.teach-virtual, .shipment-options {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.teach-virtual_button-block button{
	height: 40px;
	width: 85px;
	margin: 0 5px;
	font-size: 16px;
}
.teach-virtual .virtual-header {
	padding: 50px 10px 20px 10px;
	text-align: center;
}
.teach-virtual .btn-challenge-cancel {
	padding-top: 20px;
	padding-bottom: 40px;
}
.virtual-teacher-adress_header, .apply-address__header, .congrat-modal__header {
	background-color: #21BBED;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: white;
	padding: 10px 40px;
	height: 80px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.congrat-modal__header h2 {
	font-size: 30px;
}
.virtual-teacher-adress_header h3, .virtual-address-info_header h3 {
	font-size: 18px;
}
.virtual-teacher-adress_body {
	height: 360px;
}
.virtual-teacher-adress_address-block {
	width: 70%;
	background-color: #EDFBFF;
	text-align: center;
	margin: 20px auto;
	padding: 20px;
}
.virtual-teacher-adress_address-block p {
	font-size: 19px;
	line-height: 30px;
}
.virtual-teacher-adress_button-block {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.virtual-teacher-adress_button-block button {
	width: 193px;
	margin: 0 15px;
}
.virtual-teacher-change-adress_block {
	background-color: #E9EBED;
	margin: 10px 30px;
	border-radius: 6px;
	padding: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
}
.virtual-teacher-change-adress_img-block {
	width: 80px;
	text-align: center;
}
.virtual-teacher-change-school {
	margin: 30px;
}
.virtual-teacher-change-school_button-block, .save-address-button-block {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.virtual-teacher_notification-dialog {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.virtual-teacher_notification-dialog p {
	font-size: 21px;
	padding: 0 50px;
}
.shipment-options_button-block {
	margin: 30px 0 20px 0;
}
.shipment-options_button {
	min-width: 215px;
	white-space: normal;
	font-weight: 700;
	padding: 12px 4px;
	height: 75px;
	width: 215px;
	font-size: 16px;
	margin: 0 5px;
}
.shipment-options_button:nth-child(2) {
	font-size: 14px;
}
.shipment-options_description {
	padding: 0 12px;
	font-size: 11px;
}
.shipment-options_body {
	padding: 30px 35px 15px 35px;
	font-weight: 600;
	font-size: 15px;
}
.shipment-options_body button {
	width: 130px;
    height: 45px;
    font-weight: 600;
    font-size: 17px;
    margin-top: 20px;
}
.virtual-address-info_header {
	background-color: #21BBED;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: white;
	padding: 10px;
	height: 60px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.virtual-address-info_body .field-label {
	font-size: 13px;
	font-weight: 600;
}
.virtual-address-info_body .form-control {
	border-radius: 0;
}
.virtual-address-info_city-block div:nth-child(1) {
	padding-right: 10px;
}
.virtual-address-info_city-block div:nth-child(2) {
	padding-left: 10px;
}
.save-address-btn {
	padding: 7px 40px 5px 40px;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 10px;
}
.virtual-address-info_body .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: none;
	margin-top: -15px;
	padding: 0;
}
.virtual-address-info_body .panel {
	box-shadow: none;
}
.virtual-address-info_body .virtual-region-select {
	border: 1px solid #ccc;
	padding: 6px 12px;
	border-radius: 0;
}
.virtual-address-info_body .virtual-region-select img {
	margin-top: 5px;
}
.virtual-region-select ul {
	list-style-type: none;
	padding: 0;
}
.virtual-select {
	height: auto;
}
.virtual-region-select ul li:hover {
	background-color: #8ADAF4;
}
.apply-address__classes-block {
	padding: 30px 25px 0 50px;
	max-height: 50vh;
	overflow: auto;
}
.apply-address__class-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.apply-address__class-block i {
	font-size: 33px;
    margin-left: 10px;
    color: #85C668;
}
.apply-address__class {
	background-color: #E9EBED;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	width: 88%;
}
.apply-address__class-info {
	width: 80%;
}
.apply-address__class-info h3 {
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.selected-class {
	background-color: #BCEBF9;
}
.selected-class button {
	background-color: #9BA9AE;
	border-color: #52606D;
}
.congrat-modal__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 53px;
}
.congrat-modal__body img {
	padding-top: 15px;
	width: 90px;
}
.congrat-modal-unite__body {
	padding: 35px 140px;
}
.congrat-modal-unite__body p, .congrat-modal__body p {
	font-size: 18px;
	font-weight: 600;
	color: #52606D;
	text-align: center;
	line-height: 30px;
}
.congrat-modal__button-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}
.congrat-modal__mathalon-link {
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
}
.btn-congrat-next {
	padding: 12px 70px;
	font-weight: 600;
	font-size: 16px;
}

.mathalon-page__title {
	text-align: center;
	color: #52606D;
	font-size: 27px;
	line-height: 30px;
}
.mathalon-page__main-block {
	display: flex;
	flex-direction: row;
	width: 100%;
	min-height: 250px;
	overflow: auto;
}
.mathalon-page__address-block {
	background-color: #EDFBFF;
	text-align: left;
	padding: 15px 20px;
	border-radius: 10px;
	flex: 3 4;
	margin-right: 10px;
	margin-bottom: 20px;
	position: relative;
}
.mathalon-page__address-block h4 {
	line-height: 30px;
}
.mathalon-page__address-block p {
	line-height: 25px;
	font-size: 15px;
}
.mathalon-page__change-link {
	bottom: 0;
	position: absolute;
	cursor: pointer;
	padding-bottom: 15px;
}
.mathalon-page__info-block {
	flex: 4 3;
	margin-left: 10px;
}
.mathalon-page__sign-info {
	display: inline-block;
	border: 1px solid black;
	padding: 0px 6px;
	border-radius: 8px;
	font-size: 11px;
	cursor: pointer;
}
.review-conversion {
	padding: 10px 30px;
}
.review-conversion-header {
	display: flex;
	flex-direction: row;
	align-items: baseline;
}
.review-conversion-header span {
	color: gray;
    font-size: 17px;
    font-weight: 600;
}
.review-conversion__block {
	display: flex;
	justify-content: space-between;
}
.review-conversion__question-block {
	width: 500px;
	min-height: 340px;
	margin: 0 10px;
}
.review-conversion__question-block-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.review-conversion__question-block-header p, .review-conversion__answer-header {
	color: gray;
	font-weight: 600;
}
.review-conversion-question-header {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 10px;
}
.review-conversion__question {
	padding: 10px 0;
	font-size: 17px;
	font-weight: 600;
	overflow-y: auto;
}
.review-conversion__question-edit-block {
	display: flex;
	align-items: baseline;
}
.review-conversion__edit-button {
	border-width: 2px;
	padding: 2px 10px;
	margin: 0 0 -8px 5px;
}
.review-conversion__edit-answers {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	padding: 15px;
	margin-bottom: 3px;
}
.review-conversion__answer-choice {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	padding: 6px 10px;
	font-size: 15px;
	margin-bottom: 2px;
}
.review-conversion__question-footer {
	border: 2px solid #f2f2f2;
	margin: 10px 0 20px 0;
}
.review-conversion__question-textarea {
	resize: none;
	width: 100%;
	height: 150px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.review-conversion__answer-textarea {
	resize: none;
	width: 100%;
	height: 120px;
	padding: 7px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.most-challenging-questions-modal .nav-tabs, .most-challenging-questions-modal .nav-tabs > li > a, .most-challenging-questions-modal .nav-tabs > li.active > a, .most-challenging-questions-modal .nav-tabs > li.active > a:focus, .most-challenging-questions-modal .nav-tabs > li.active > a:hover {
	border: none;
}
.most-challenging-questions-modal .nav-tabs > li {
	width: 50%;
    text-align: center;
	font-size: 15px;
    font-weight: 600;
}
.most-challenging-questions-modal .nav-tabs > li > a {
	color: #555;
}
.most-challenging-questions-modal .nav-tabs > li.active > a, .most-challenging-questions-modal .nav-tabs > li.active > a:focus {
	color: #48c8ed;
	border-bottom: 2px solid #48c8ed;
}
.verification {
	color: #5A6675 !important;
}
.verification-button {
	color: #21bbed !important;
	background-color: #FFFFFF !important;
	border-color: #ACECFF !important;
}
.premium-pilot__nav-button-container {
	margin: 0 18px;
}
.premium-pilot__nav-button {
	background-color: #494949;
	border: none;
	outline: none;
	color: #FFFFFF;
	border-radius: 14px;
	padding: 4px 18px;
	font-size: 13px;
	font-weight: 600;
	margin-top: 12px;
	border-bottom: 2px solid #3D3D3D;
}
.premium-pilot__nav-button.premium-pilot__nav-button--limited-premium {
	color: #EA9941
}
.premium-pilot__premium-logo {
	width: 80px;
	margin-top: 16px;
}
.confirm-participation-modal__error-message {
	margin: 8px 0 0 18px;
}
.confirm-participation-modal__impact-logo {
	flex: 1 4;
}
.confirm-participation-modal__impact-content {
	flex: 4 1;
}
.confirm-participation__top-row {
	padding-top: 60px;
}
.confirm-participation__bottom-row {
	padding-top: 20px;
	padding-bottom: 50px;
}
.confirm-participation__content-table > div {
	width: 50%;
	padding-left: 30px;
	padding-right: 30px;
}
.premium-pilot-reminder__bullet-list .fa-li {
	left: -2.8em;
}
.getting-started-note {
	height: 60px;
	background-color: #FFE856;
	color: gray;
	font-weight: 700;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	margin-left: auto;
	font-size: 13px;
}
.getting-started-note-warn {
	background-color: #FF5353;
	color: #FFFFFF;
}
.getting-started-note svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}
.insights__score-scope-name {
	margin: -7px 0 5px 0;
}
.insights__historical-years {
	width: 170px;
	margin: 0 0 0 -6px;
}
.insights__year-descr {
	width: 161px;
}
.insights__score-tooltip-width {
	width: 180px;
}
.insights__tooltip-region-name {
	margin-top: 5px;
}
.insights__tooltip-macro {
	color: #1d6100;
}

table.input-int-keypad-table td {
	border: none;
	padding: 4px;
}
.input-int-keypad-table {
	width: auto;
	height: auto;
	background-color: #8dcbe5;
	border-radius: 10px;
}
.input-int-keypad-table tr:first-child td {
	padding-top: 12px;
}
.input-int-keypad-table tr:last-child td {
	padding-bottom: 12px;
}
.input-int-keypad-table tr td:first-child {
	padding-left: 12px;
}

.input-int-keypad-table tr td:last-child {
	padding-right: 12px;
}
.input-int-keypad-table__display {
	padding: 15px;
	height: 70px;
}
.input-int-keypad-table__display > span {
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	border: none;
	border-top: 3px solid #6b9ba5;
	background-color: #cadcdf;
	font-size: 22px;
	text-align: right;
	line-height: 58px;
	vertical-align: middle;
	padding: 0 8px;
}
.input-int-keypad-table__done-btn,
.input-int-keypad-table__cancel-btn {
	touch-action: manipulation;
	padding: 0 6px;
	text-align: center;
}

.input-int-keypad-table__done-btn > span.glyphicon,
.input-int-keypad-table__cancel-btn > span.glyphicon {
	position: relative;
	margin-top: -2px;
	line-height: 42px;
}
.input-int-keypad-table__done-btn {
	background-color: #afd1a1 !important;
	border-bottom-color: #d5e6ce !important;
	color: white;
	border-radius: 20px !important;
}

.input-int-keypad-table__cancel-btn {
	background-color: #f5a866 !important;
	border-bottom-color: #fce1c8 !important;
	color: white;
	border-radius: 20px !important;
	line-height: 42px;
}
.int-input-region__keyboard-wrapper {
	z-index: 2;
	position: absolute;
}
.input-int-keypad-table__keyboard {
	text-align: center;
}
.input-int-keypad-table__keyboard button {
	touch-action: manipulation;
	width: 2.5em;
	height: 2.1em;
	border: none;
	border-radius: 5px;
	border-bottom: 3px solid #c8def0;
	background-color: white;
	font-size: 24px;
	font-weight: bold;
}
.input-int-keypad-table__keyboard-field {
	background-color: #c8def0 !important;
	cursor: default;
}

.video-thumbnail {
	width: 100%;
}
@media (max-width: 1200px) {
	.image-overlay .image-overlay-content {
		margin-top: min(calc(50vh - 27vw), 0);
	}
	.gaps-tip {
		position: relative;
		margin: 0 auto;
		justify-content: center;
		padding: 10px;
		right: 0;
	}
	.take-the-challenge-modal_header .take-challenge-header h2 {
		font-size: 40px;
	}

	.take-challenge-header img {
		width: 76px;
		height: 86px;
	}
	.mathalon-page__main-block {
		display: inline-block;
	}
	.mathalon-page__main-block div {
		margin: 10px 0;
	}
	.mathalon-page__address-block {
		min-height: 230px;
	}
	.mathalon-page__info-block {
		height: auto;
	}
	.mathalon-page__support {
		margin-top: 20px;
	}
	.review-conversion__question-block {
		width: 400px;
	}
}
@media (max-width: 991px) {
	.review-conversion__question-block {
		width: 310px;
	}
	.input-int-keypad-table__keyboard button {
		font-size: 22px;
	}
}
@media (max-width: 780px) {
	.take-the-challenge-modal_header .take-challenge-header h2 {
		font-size: 36px;
	}
	.take-challenge-header img {
		width: 73px;
		height: 77px;
	}

}
@media (max-width: 768px) {
	.student-gaps-area-header {
		flex-direction: column;
		align-items: center;
		font-size: 23px;
	}
	.student-gaps-area-header .label_name {
		padding-bottom: 7px;
	}
	.virtual-teacher-adress_header, .apply-address__header, .congrat-modal__header {
		height: 65px;
		padding: 10px 20px;
	}
	.congrat-modal__header h2 {
		font-size: 25px;
	}
	.congrat-modal__body, congrat-modal-unite__body {
		padding: 15px 30px;
	}
	.congrat-modal__body p, congrat-modal-unite__body p {
		font-size: 16px;
		line-height: 27px;
	}
	.congrat-modal__button-block, congrat-modal__button-block {
		margin-bottom: 20px;
	}
	.review-conversion__block {
		display: block;
	}
	.review-conversion__question-block {
		margin: auto;
		margin-bottom: 10px;
		width: auto;
	}
	.input-int-keypad-table__keyboard button {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	.gap-select-help-bubble {
		left: -62px;
	}
	.gap-select-help-bubble.popover.top > .arrow {
		left: 72%;
	}
	.onboarding-tourtip-activity-assign {
		width: 240px;
		left: -104px;
	}
	.onboarding-tourtip-activity-assign.popover.top > .arrow {
		left: 70%;
	}
}
@media (max-width: 660px) {
	.take-the-challenge-modal_header .take-challenge-header h2 {
		font-size: 26px;
		padding-left: 15px;
		padding-right: 28px;
	}

	.take-challenge-header img {
		width: 53px;
		height: 57px;
	}
}
@media (max-width: 600px) {
	.gap-select-help-bubble {
		left: -76px;
	}
	.teacher-support-tour-bubble {
		left: 0%;
	}
	.teacher-support-tour-bubble.popover.bottom > .arrow {
		left: 74%;
	}
	.complete-the-challenge-modal_body .complete-challenge-body-header h3 {
		margin-top: 0;
		font-size: 23px;
		line-height: 26px;
	}
	.teacher-page-container {
		margin-bottom: 140px;
	}
	.btn-challenge-sup-teach {
		margin-right: 4px;
	}
	.student-gaps-area-header {
		font-size: 20px;
	}
	.student-gaps-area-header .label_name {
		padding-bottom: 3px;
	}
	.shipment-options_button-block {
		margin: 10px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.shipment-options_button {
		margin: 5px;
	}
	.apply-address__class-info {
		width: 70%
	}
	.apply-address__class-info h3 {
		font-size: 18px;
	}
	.apply-address__class {
		padding: 10px;
	}
	.apply-address__class button {
		padding: 5px 10px;
	}
}
@media (max-width: 500px) {
	.btn-congrat-next {
		padding: 8px 55px;
	}
	.teach-virtual .virtual-header {
		padding: 30px 10px 15px 10px;
	}
	.teach-virtual h3 {
		font-size: 15px;
	}
	.teach-virtual_button-block button {
		height: 36px;
		width: 75px;
	}
	.teach-virtual .btn-challenge-cancel {
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.virtual-teacher-adress_header h2 {
		font-size: 18px;
	}
	.virtual-teacher-adress_body h3 {
		font-size: 18px;
	}
	.virtual-teacher_notification-dialog h3 {
		font-size: 16px;
	}
	.virtual-teacher_notification-dialog p {
		font-size: 15px;
		padding: 0 35px;
	}
	.apply-address__classes-block {
		padding: 15px 15px 0 30px;
	}
	.apply-address__class {
		width: 85%;
	}
	.priority-account-stages-block .priority-account-stage-directed {
		font-size: 16px;
		padding: 8px 0px;
	}
	.priority-account-stages-block-last {
		font-size: 16px;
	}
	.priority-account-stages-block .priority-account-stage-directed:after {
		top: 78%;
		border-width: 20px;
	}
	.priority-account-stages-block .priority-account-stage-directed:before {
		top: 75%;
		border-width: 22px;
	}
}
@media (max-width: 460px) {
	.input-int-keypad-table__keyboard button {
		font-size: 18px;
	}
	.btn-take-challenge {
		font-size: 20px;
		padding: 8px;
	}
	.gaps-tip {
		display: block;
	}
	.gaps-tip-label {
		border-bottom-left-radius: 0;
		border-top-right-radius: 6px;
	}
	.gaps-tip-descr {
		width: 100%;
		border-top-right-radius: 0;
		border-bottom-left-radius: 6px;
	}
	.gaps-tip-descr p {
		text-align: center;
	}
	.btn-challenge-sup-teach {
		padding: 16px 10px 16px 5px;
		font-size: 12px;
	}
	.take-the-challenge-modal_header .take-challenge-header h2 {
		font-size: 19px;
		padding-left: 15px;
		padding-right: 28px;
	}
	.change-focus-area_body p, .complete-challenge-body-content p {
		font-size: 13px;
	}
	.change-focus-area_body h4 {
		font-size: 15px;
	}
	.complete-the-challenge-modal_body .complete-challenge-body-header h3 {
		font-size: 17px;
	}
	.apply-address__class-info {
		width: 65%;
	}
}
@media (max-width: 420px) {
	.take-the-challenge-modal_header .take-challenge-header h2 {
		font-size: 16px;
		padding-left: 15px;
		padding-right: 28px;
	}
	.take-challenge-header img {
		width: 53px;
		height: 57px;
	}
}
@media (max-width: 420px) {
	.onboarding-tourtip-activity-assign .popover-header, .onboarding-tourtip-activity-assign .popover-content {
		font-size: 14px;
	}
	.onboarding-tourtip-activity-assign {
		width: 220px;
		left: -128px;
	}
	.onboarding-tourtip-activity-assign.popover.top > .arrow {
		left: 77%;
	}
	.potential-student-gaps-bubl-menu {
		width: 215px;
		left: -58px;
	}
	.potential-student-gaps-bubl-menu .popover-content{
		font-size: 14px;
	}
}
@media (max-width: 360px) {
	.btn-take-challenge {
		font-size: 16px;
		padding: 7px;
	}
	.review-conversion-header h1 {
		font-size: 28px;
		padding: 0 7px;
	}
	.review-conversion-header span {
		font-size: 14px;
	}
}
.image-overlay .image-overlay-content img {
	width: 100%;
}

.image-overlay .close-overlay {
	position: absolute;
	display: inline-block;
	top: 8px;
	right: 10px;
	font-size: 15px;
	padding: 3px;
	color: #000;
	z-index: 3;
}
.teacher-access-page_support {
	width: 60%;
	margin: 10px auto;
	text-align: left;
}
.add-school-footer {
	display: flex;
	justify-content: space-between;
	padding-top: 7px;
}
.add-school-footer_district-checkbox {
	display: flex;
	align-items: center;
}
.add-school-footer_district-checkbox input {
	margin: 0 5px 0 0;
}
.account-settings-header_board-name {
	color: #999;
	font-weight: 300;
	font-size: 16px;
	margin-top: -15px;
}
.so-creator-row {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: space-between;
}
.so-creator-row label {
	font-size: 16px;
}
.so-creator-row input, .so-creator-row select {
	width: 80%;
}
.btn--subscription {
	min-width: 175px;
	font-weight: 600;
}
.confirm-cancellation__button-group {
	margin-top: 60px;
	margin-bottom: 20px;
}
.confirm-cancellation__title {
	font-weight: 700;
	margin: 50px 0;
}
.light-info-icon__container {
	color: #48c8ed;
	position: relative;
}
.feedback__textarea {
	min-height: 200px;
	resize: none;
}
.nl-features__column {
	background-color: #00BDF1;
	color: #fff;
}
.nl-features__column--top {
	background-color: #00BDF1;
	color: #fff;
	border-radius: 5px 5px 0px 0px;
}
.nl-features__column--bottom {
	background-color: #00BDF1;
	border-radius: 0px 0px 5px 5px;
}
.nl-features__last-row {
	height: 20px;
}
.link-button {
	cursor: pointer;
	text-decoration: underline;
}
.dropdown-item:hover {
	background-color: #e8e8e8;
	background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
	background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
}
.transparent-checkbox > input:checked,
.transparent-checkbox > input:not(:checked) {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.transparent-checkbox > span {
	display: inline-block;
	position: relative;
	padding-left: 28px;
	line-height: 20px;
	cursor: pointer;
}
.transparent-checkbox > input:checked + span:before,
.transparent-checkbox > input:not(:checked) + span:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 18px;
	height: 18px;
	border: 2px solid #55606C;
	background-color: transparent;
	border-radius: 4px;
}
.transparent-checkbox > input:checked + span:after,
.transparent-checkbox > input:not(:checked) + span:after {
	content: "";
	position: absolute;
	transition: all 0.15s ease;
	left: 3px;
	top: 5px;
	width: 12px;
	height: 7px;
	border-radius: 1px;
	border-left: 3px solid #55606C;
	border-bottom: 3px solid #55606C;
	transform: rotate(-45deg);
}
.transparent-checkbox > input:not(:checked) + span:after {
	opacity: 0;
}
.transparent-checkbox > input:checked + span:after {
	opacity: 1;
}
.premium-pilot-impact-award__influencer-logo {
	width: 100%;
	max-width: 100%;
	padding: 30px;
}

.teacher-impact-block-left {
	z-index: 2;
	background: #6FD3F3;
	position: relative;
	width: 46%;
	height: 170px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.teacher-impact-block-left::after {
	content: '';
	width: 0;
	position: absolute;
	right: -60px;
	border-left: 30px solid #6FD3F3;
	border-right: 30px solid transparent;
	border-top: 85px solid transparent;
	border-bottom: 85px solid transparent;
}
.teacher-impact-block-right {
	z-index: 1;
	left: -5px;
	background: #44C7F2;
	position: relative;
	width: 54%;
	height: 170px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

.total-impact-block-left {
	z-index: 2;
	background: #01A3DB;
	position: relative;
	width: 46%;
	height: 170px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.total-impact-block-left::after {
	content: '';
	width: 0;
	position: absolute;
	right: -60px;
	border-left: 30px solid #01A3DB;
	border-right: 30px solid transparent;
	border-top: 85px solid transparent;
	border-bottom: 85px solid transparent;
}
.total-impact-block-right {
	z-index: 1;
	left: -5px;
	background: #0174A5;
	position: relative;
	width: 54%;
	height: 170px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

@media (max-height: 550px) {
	.image-overlay .image-overlay-content {
		margin-top: min(calc(62vh - 27vw), 0);
	}
}
@media (max-height: 450px) {
	.take-the-challenge-modal_header .take-challenge-header h2 {
		font-size: 26px;
		padding-left: 15px;
		padding-right: 28px;
	}
	.take-challenge-header img {
		width: 53px;
		height: 57px;
	}
	.virtual-teacher-adress_header, .apply-address__header, .congrat-modal__header {
		height: 55px;
	}
	.congrat-modal__header h2 {
		font-size: 25px;
	}
	.congrat-modal__body, congrat-modal-unite__body {
		padding: 10px 35px;
	}
	.congrat-modal__body p, congrat-modal-unite__body p, .virtual-teacher-adress_address-block p {
		font-size: 16px;
		line-height: 26px;
	}
	.congrat-modal__body img {
		padding-top: 10px;
		width: 70px;
	}
	.congrat-modal__button-block, congrat-modal__button-block {
		margin-bottom: 15px;
	}
	.btn-congrat-next {
		padding: 8px 60px;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.virtual-teacher-adress_body h3 {
		font-size: 18px;
		margin-top: 10px;
	}
	.virtual-teacher-adress_address-block {
		margin: 10px auto;
		padding: 10px;
	}
	.virtual-teacher-adress_body {
		height: 280px;
	}
}
@media (max-height: 550px) and (max-width: 670px) {
	.image-overlay .image-overlay-content {
		margin-top: min(calc(54vh - 27vw), 0);
	}
}
@media (max-height: 500px) {
	.gaps-tip {
		position: relative;
		margin: 0 auto;
		justify-content: center;
		padding: 10px;
		right: 0;
	}
}
@media (min-width: 601px) {
	.onboarding-tourtip-students-add-box {
		top: 170px;
	}
}

.toggle-group:hover .right-section-icon {
	color: var(--grey-accessible);
}
.dropdown.open .toggle-group .right-section-icon {
	color: var(--grey-accessible);
}
.shop-icon {
	height: 16px;
	width: 16px;
}
.exit-link {
	top: 80px;
	position: relative;
}
@media (max-width: 600px) {
	.exit-link {
		top: 62px;
	}
}

@media (max-width: 880px) {
	.ChatIconFloating {
		bottom: 96px;
		width: 70px;
	}
}

.primary-nav-item-teachers-lounge-icon {
	width: 28px;
	height: 30px;
}
.primary-nav-item-explore-activities-icon {
	width: 29px;
	height: 30px;
}
.primary-nav-item-my-classroom-icon {
	width: 20px;
	height: 30px;
}

.modal {
	z-index: 1060 !important;
}

.modal-backdrop {
	z-index: 1055 !important;
}

.modal.modalZIndex {
	z-index: 1065 !important;
}

.modal.foregroundModalZIndex {
	z-index: 1070 !important;
}

.modal.videoZIndex{
	z-index: 1070 !important;
}

.zIndex1 { z-index: 1060; }
.zIndex2 { z-index: 1070; }

/* Animating GameShow pages */

.animSettings {
	-webkit-animation-duration: 750ms;
	-webkit-animation-timing-function: cubic-bezier(.5,1.4,1,1);

	animation-duration: 750ms;
	animation-timing-function: cubic-bezier(.5,1.4,1,1);
}

@keyframes topToCentre {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes topToCentre {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes centreToTop {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}
@-webkit-keyframes centreToTop {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.animTopToCentre.ng-hide {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.animTopToCentre {
	-webkit-animation-name: topToCentre;
	animation-name: topToCentre;
}
.animTopToCentre.ng-hide.ng-hide-add-active {
	-webkit-animation-name: centreToTop;
	animation-name: centreToTop;
}

@-webkit-keyframes bottomToCentre {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes bottomToCentre {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes centreToBottom {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
}
@keyframes centreToBottom {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
}
.animBottomToCentre.ng-hide {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.animBottomToCentre {
	-webkit-animation-name: bottomToCentre;
	animation-name: bottomToCentre;
}
.animBottomToCentre.ng-hide.ng-hide-add-active {
	-webkit-animation-name: centreToBottom;
	animation-name: centreToBottom;
}

@-webkit-keyframes gameShowTeacherRightToCentre {
	0% {
		-webkit-transform: translateX(100vw);
		-ms-transform: translateX(100vw);
		transform: translateX(100vw);
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(-50%);
	}
}

@keyframes gameShowTeacherRightToCentre {
	0% {
		-webkit-transform: translateX(100vw);
		-ms-transform: translateX(100vw);
		transform: translateX(100vw);
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(-50%);
	}
}

@-webkit-keyframes gameShowRightToCentre {
	0% {
		-webkit-transform: translateX(100vw);
		-ms-transform: translateX(100vw);
		transform: translateX(100vw);
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes gameShowRightToCentre {
	0% {
		-webkit-transform: translateX(100vw);
		-ms-transform: translateX(100vw);
		transform: translateX(100vw);
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes centreToLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100vw);
		-ms-transform: translateX(-100vw);
		transform: translateX(-100vw);
	}
}
@keyframes centreToLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100vw);
		-ms-transform: translateX(-100vw);
		transform: translateX(-100vw);
	}
}
/* Elements start out hidden outside of frame to the right, */
.gameShowTeacherAnimRightToCenter.ng-hide
.gameShowAnimRightToCenter.ng-hide {
	-webkit-transform: translateX(100vw);
	-ms-transform: translateX(100vw);
	transform: translateX(100vw);
}
/* then move toward centre when angular removes ng-hide, */
.gameShowTeacherAnimRightToCenter {
	-webkit-animation-name: gameShowTeacherRightToCentre;
	animation-name: gameShowTeacherRightToCentre;
}

.gameShowAnimRightToCenter {
	-webkit-animation-name: gameShowRightToCentre;
	animation-name: gameShowRightToCentre;
}
/*	then move to the left when it adds ng-hide and it's -add-active class, which then disappears, resetting it back on the right */
.gameShowTeacherAnimRightToCenter.ng-hide.ng-hide-add-active,
.gameShowAnimRightToCenter.ng-hide.ng-hide-add-active {
	-webkit-animation-name: centreToLeft;
	animation-name: centreToLeft;
}
.transAll1000 {
	transition: all 1000ms cubic-bezier(.5,1.4,1,1);
}
.transAll1000.ng-hide {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	height: 0;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
}

/* SPECIAL ANIMS */

/* Countdown */
.gsFadeCont {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 1070;

	opacity: 0;
	background-color: black;

	-webkit-animation-duration: 4000ms;
	-webkit-animation-timing-function: cubic-bezier(.4,1.2,1,1);
	-webkit-animation-name: fadeInOut66Pct;
	-webkit-animation-play-state: running;

	animation-duration: 4000ms;
	animation-timing-function: cubic-bezier(.4,1.2,1,1);
	animation-name: fadeInOut66Pct;
	animation-play-state: running;
}
.gsFadeCont.ng-hide {
	-webkit-animation-name: none;
	animation-name: none;
	display: none;
}

.gsFadeCont100Blue {
	background-color: #00A0D6;
	-webkit-animation-name: fadeInOut100Pct;
	animation-name: fadeInOut100Pct;
}

.animDelay500 {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}
.animDelay1000 {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
	}
.animDelay1500 {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
}
.animDelay2500 {
	-webkit-animation-delay: 2500ms;
	animation-delay: 2500ms;
}

.studentCountdownSvgNumber {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
	-ms-transform: translate3d(-50%, -50%, 0) scale(0);
	transform: translate3d(-50%, -50%, 0) scale(0);
	opacity: 0;

	-webkit-animation-duration: 1000ms;
	-webkit-animation-timing-function: cubic-bezier(.4,1.2,1,1);
	-webkit-animation-name: fadeAndScale;
	-webkit-animation-play-state: running;

	animation-duration: 1000ms;
	animation-timing-function: cubic-bezier(.4,1.2,1,1);
	animation-name: fadeAndScale;
	animation-play-state: running;
}

@-webkit-keyframes fadeInOut66Pct {
	0% { opacity: 0; }
	10% { opacity: 66%; }
	90% { opacity: 66%; }
	100% { opacity: 0; }
}
@keyframes fadeInOut66Pct {
	0% { opacity: 0; }
	10% { opacity: 66%; }
	90% { opacity: 66%; }
	100% { opacity: 0; }
}

@-webkit-keyframes fadeAndScale {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
		-ms-transform: translate3d(-50%, -50%, 0) scale(0);
		transform: translate3d(-50%, -50%, 0) scale(0);
	}
	33% { opacity: 100%; }
	66% { opacity: 100%; }
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		-ms-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
	}
}
@keyframes fadeAndScale {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
		-ms-transform: translate3d(-50%, -50%, 0) scale(0);
		transform: translate3d(-50%, -50%, 0) scale(0);
	}
	33% { opacity: 100%; }
	66% { opacity: 100%; }
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		-ms-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
	}
}

.gsIntroLogo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	opacity: 0;

	-webkit-animation-duration: 2500ms;
	-webkit-animation-timing-function: cubic-bezier(.4,1.2,1,1);
	-webkit-animation-name: fadeInOut100Pct;
	-webkit-animation-play-state: running;

	animation-duration: 2500ms;
	animation-timing-function: cubic-bezier(.4,1.2,1,1);
	animation-name: fadeInOut100Pct;
	animation-play-state: running;
}

@-webkit-keyframes fadeInOut100Pct {
	0% { opacity: 0; }
	33% { opacity: 100%; }
	66% { opacity: 100%; }
	100% { opacity: 0; }
}
@keyframes fadeInOut100Pct {
	0% { opacity: 0; }
	33% { opacity: 100%; }
	66% { opacity: 100%; }
	100% { opacity: 0; }
}

.gameshow-content-container {
	width: 100%;
}

@media (min-width: 768px) {
	.gameshow-content-container {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.gameshow-content-container {
		width: 940px;
	}
}

@media (min-width: 1200px) {
	.gameshow-content-container {
		width: 1140px;
	}
}

.align-width-center {
	left: 50%;
	transform: translate(-50%, 0);
}

.question-min-width {
	min-width: 300px;
	max-width: 100vw;
}

.cheers-card {
	width: 400px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	box-shadow: 0px 3px 1px lightgrey, 0px 0px 4px lightgrey, 0px 0px 4px lightgrey;
	font-size: 26px;
	line-height: 30px;
	color: deepskyblue;
}

@media (max-width: 500px) {
	.cheers-card {
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}
}

.cheers-light-blue {
	background-color: #21BBED;
}

.cheers-dark-blue {
	background-color: #5292E8;
}

.cheers-card-header {
	border-radius: inherit;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 20px;
}

.card-cheer-sent-text {
	font-family: 'Londrina Solid', sans-serif;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 60px;
}

.cheers-card-body {
	display: flex;
	justify-content: center;
	padding: 20px 30px;
}

.cheer-card-img {
	height: 200px;
}

.free-cheers-logo {
	position: absolute;
	top: 10px;
	left: 40px;
}

.text-size-17 {
	font-size: 17px !important;
}

.btn-mathalon-view-in-3d {
	float: right;
	border: 0 !important;
	margin: 0 !important;
	padding: 4px 11px !important;
	font-weight: bold;
}

img.icon-3d-cube {
	width: auto;
	margin: 0 2px 5px 0;
}

.badgeModalProfileText a {
	color:white;
	cursor:pointer;
}

.badgeModalProfileText {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #233F52;
}

.background-confetti {
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
}
.half-confetti {
	background: url("../images/Student/half-confetti.gif");
}
.full-confetti {
	background: url("../images/Student/full-confetti.gif");
}

.confetti-modal {
	z-index: 9999 !important;
	pointer-events: none;
}

.confetti-modal .modal-dialog {
	pointer-events: none;
	margin: 0 !important;
	width: 0;
	height: 0;
}

.confetti-modal .modal-content {
	pointer-events: none;
	height: 0;
	width: 0;
	border: 0;
}
#KhManipWindowConteiner {
	min-width: 240px;
	min-height: 120px;
	display: block;
	position: relative;
}
.gh-calc {
	height: calc(100vh - 60px);
}
.min-h{
	min-height: 100%;
}
.ManipMultiply .block_image > img.ImageHiddden {
	visibility: hidden;
	width: 0;
	height: 0;
}

.confirm-checkbox {
	height: 37px;
	width: 37px;
}

.svg-image {
	height: 30px;
	margin-bottom: -3px;
}

@media (max-width: 600px) {
	.svg-image {
		height: 25px;
	}
}

@media (max-width: 420px) {
	.svg-image {
		height: 24px;
	}
}

.blue-1d {
	color: #1D53AD;
}

.video-wrapper {
	margin: 0 auto;
	width: 75%;
	position: relative;
	padding: 20px;
}
@media (max-width: 420px) {
	.video-wrapper {
		padding: 20px 0;
		width: 100%;
		min-width: 212px;
	}
}

.counter-block {
	display: flex;
	align-items: center;
	font-weight: 700;
	color: #fff;
	font-size: 20px;
	height: 75%;
}

.counter-block a .badge-image {
	height: 45px;
}

.counter-block a .star-image {
	height: 30px;
	position: relative;
	top: -2px;
}

.counter-block a .mathalon-image {
	height: 28px;
	position: relative;
	top: -3px;
}

.upperSvg{
	position: absolute;
	pointer-events: none;
	transform-origin: 0 0;
}

.lowerSvg{
	position: absolute;
	transform-origin: 0 0;
}

.goBtn {
    background-size: cover;
    width: 8%;
    padding-bottom: 8%;
    position: absolute;
    background-image: url("https://res.cloudinary.com/duim8wwno/image/upload/v1644246521/SpotlightGoBtn_eqeyvr.svg");
	transform-origin: 0 0;
}

.spotlightConteiner{
    position: relative;
}

.parallax {
	perspective: 300px;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.parallax-group {
	position: relative;
	transform-style: preserve-3d;
	width: 100%;
	z-index: 4;
	flex-shrink: 0;
}

.parallax-group .parallax-layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.parallax-group .parallax-layer-base {
	transform: translateZ(0);
	z-index: 3;
}

.parallax-group .parallax-layer-back {
	z-index: 2;
	transform: scale(2.1) translate3d(0, 0, -300px);
}

.parallax-layer.parallax-layer-back.parallax-background {
	background-image: url("../images/Teacher/explore-activities-background.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-layer.parallax-layer-base.parallax-overlay {
	background-image: url("../images/Teacher/explore-activities-overlay.svg");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	transform: translate(0, 1px);
}

.zi-5 {
	z-index: 5;
}

.zi-6 {
	z-index: 6;
}

.mc-body-gk {
	font-family: "MCE Castledown K-2";
	font-size: 20pt;
}

.mc-bubble-gk {
	font-family: "MCE Castledown K-2";
	font-size: 18pt;
}

.mc-label-gk {
	font-family: "MCE Castledown K-2";
	font-size: 18pt;
}

.mc-body-g1 {
	font-family: "MCE Castledown";
	font-size: 18pt;
}

.mc-bubble-g1 {
	font-family: "MCE Castledown";
	font-size: 16pt;
}

.mc-label-g1 {
	font-family: "MCE Castledown";
	font-size: 14pt;
}

.mc-body-g2 {
	font-family: "MCE Castledown";
	font-size: 16pt;
}

.mc-bubble-g2 {
	font-family: "MCE Castledown";
	font-size: 14pt;
}

.mc-label-g2 {
	font-family: "MCE Castledown";
	font-size: 14pt;
}

.mc-body-g3 {
	font-family: "MCE Castledown";
	font-size: 16pt;
}

.mc-bubble-g3 {
	font-family: "MCE Castledown";
	font-size: 14pt;
}

.mc-label-g3 {
	font-family: "MCE Castledown";
	font-size: 14pt;
}

.mc-body-g4 {
	font-family: "MCE Castledown";
	font-size: 14pt;
}

.mc-bubble-g4 {
	font-family: "MCE Castledown";
	font-size: 12pt;
}

.mc-label-g4 {
	font-family: "MCE Castledown";
	font-size: 12pt;
}

.mc-body-g5 {
	font-family: "MCE Castledown";
	font-size: 14pt;
}

.mc-bubble-g5 {
	font-family: "MCE Castledown";
	font-size: 12pt;
}

.mc-label-g5 {
	font-family: "MCE Castledown";
	font-size: 12pt;
}

.font-weight-heavy {
	font-weight: 900;
}
.select-course-autocomplete-block__courseTitle {
	font-weight: 600;
	margin-bottom: -1px;
}

.select-course-autocomplete-block__name {
	color: #999;
	font-size: 13px;
}
.course-input-autocomplete{
	width: 50% !important;
}
.contentview-input-autocomplete {
	width: 100% !important;
}
.contentview-input-autocomplete::placeholder {
	font-weight: normal;
	color: RGB(85,85,85);
}
.contentsearch-input-autocomplete {
	width: 70% !important;
	min-width: 350px;
}

.manip-window-srting-input {
	position: absolute;
    outline: none;
}

.manip-window-html-overlay {
	position: absolute;
	top:0;
	left: 0;
	transform-origin: 0 0;
}

.dot-сonnect-сontainer {
	transform-origin: 0 0;
}

.RepresentingNumbersMainSvg {
	outline: none;
}