#content-area{
	margin:10px 0;
}

div.fieldset-wrapper{
	margin: 0;
	padding: 0;
}

#new-assignment-frame:not( .create_new_course_assignment_container ), 
#new-classroom-frame, 
#edit-reg-teacher-frame, 
#edit-classroom {
	margin:10px 0;
	/*background: #f9f9f9;*/
}

table#assignment-table th{
	text-align:center;
	border: none;
}
p.assignment-completed, td.assignment-completed{
	color:green;
	font-weight: bold;
}
p.assignment-incomplete, td.assignment-complete{
	color:red;
	font-weight: bold;
}
td.select-column, td.editable-column, td.delete-column{
	border: none;
	white-space:normal;
	padding-left: 5px;
}

td.view-only-column{
	padding-left: 5px;
	padding-right: 5px;
	border: none;
	text-align:center;
}
td.tid-column p{
	width: 120px;
}
td.level-column p{
	width: 50px;
}

td.description-column p td.description-column {
	width: 260px;
}
td.score-column p{
	width: 50px;
	padding-left: 5px;
}

td.assignment-result-column p{
	width: 50px;
	padding-left: 5px;
}

/*tr.assignment-row td.editable-column:hover{*/
tr td.editable-column:hover{
	background:url(pen.png) no-repeat left center;
}

td p.editable-text{
	margin: 0 12px;
	text-align:center;
}

#new-assignment-form div.form-item, #edit-assignment-form div.form-item{
	border: none;
	padding: 0 5px;
}

#new-assignment-form div#edit-description-wrapper{
	border: none;
	padding: 0 5px;
	width: 580px;
}

#new-assignment-form div#edit-duedate-wrapper div.description {
	float:left;
}

td p.editable-text:hover{
	cursor:pointer;
}

td p.assignment-delete, td .assignment-delete {
	width:100px;
	text-align: center;
	margin-left:25px;
}

td p.assignment-all-delete img, td p.course-assignment-delete img, td p.assignment-delete img, td .assignment-delete img, td p.assignment-all-delete, td p.course-assignment-delete, td p.assignment-delete, td .assignment-delete {
	/*position:relative;
	top:3px;*/
	color:#3B5998;
	cursor:pointer;
}

td p.assignment-all-delete img:hover, td p.assignment-all-delete a, td p.student-delete img:hover{
	cursor:pointer;	
}

td p.student-delete a{
	display:block;
	float:left;
	width: 60px;
	height:32px;
	margin:5px;
	text-decoration:underline;
	color: #132a65;
	cursor:pointer;
}

td p.student-delete a:hover{
        font-size:larger;
}

td p.reg-teacher-edit a, td p.reg-teacher-delete a {
	display:block;
	float:left;
	width: 60px;
	height:32px;
	margin:5px;
	cursor:pointer;
	margin-right: 10px;
}

td p.reg-teacher-delete a:hover{
	font-size:larger;
}

.reg-teacher-delete {
	/* margin-top: -0.6rem; */
	margin-top: -3px;
	padding-top: 5px;
	padding-bottom: 3px;
	display: inline-block;
}

td p.change-password a{
	display:block;
	float:left;
	width: 80px;
	height:32px;
	text-decoration:underline;
	color: #132a65;
	cursor:pointer;
}

td p.change-password a:hover{
    font-size:larger;
}

td a.change-student-account-info {
	display: block;
	float: left;
	width: 110px;
	/*height: 32px;*/
	text-decoration: underline;
	color: #132a65;
	cursor: pointer;
	/*margin: 5px 0;*/
	/*margin-top: -1rem;*/
}

td p.change-student-account-info a:hover{
	font-size:larger;
}

#enter-student-account-info-popup {
	display: none;
	padding: 20px 25px;
	width: 320px;
	height: 610px;
	background-color: #b7d5e3; /* #d6eac0;*/
	border: 1px solid black;
	left: 50%;
	position: absolute;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 15px 15px 15px 10px #888888;
	z-index: 200;
}

table#assignment-table{
	position:relative;
	top:10px;
	margin-bottom:30px;
}

table#assignment-table tr.assignment-row,
table#game-assignment-table tr.assignment-row,
table#course-assignment-table tr.assignment-row,
table#reg-student-list-table tr.assignment-row,
table#classrooms-table tr.classrooms-row{
	background-color:#ffffff;
	line-height:20px;
}

table#assignment-table tr.assignment-row:hover,
table#classrooms-table tr.classrooms-row:hover,
table#reg-student-list-table tr.reg-student-list-row:hover,{
	background-color:#eeeeee;
}

table#assignment-table .assignment_name {
	width: 400px;
}

table#assignment-table .duedate,
table#course-assignment-table .duedate {
	width: 190px;
}

table#assignment-table th.assignment_name, table#assignment-table th.duedate,  table#assignment-table th.instructions {
	text-align: center;	
}

table#assignment-table .assignment_links {
	width: 140px;
}

.assignment_links a {
	margin: auto 10px;
}

#teacher-edit div.form-item,
#teacher-registration div.form-item{
	float:none;
	padding-right: 30px;
}

#edit-description {
	/* width:610px; */
}

#edit-duedate-wrapper{
	width:85px;
}

#new-assignment-frame div.form-item, 
.edit_course_assignment_container div.form-item, 
#edit-reg-teacher-frame div.form-item {
	float:left;
	margin-left:15px;
	margin-right:15px;
}

#new-assignment-frame:not( .create_new_course_assignment_container ) {
	width:100%;
}

#new-assignment-frame #edit-tid-wrapper,
#new-assignment-frame div.fieldset-wrapper #edit-tid-wrapper{
	padding-left:60px;
	width:155px;
}


#new-assignment-frame div#edit-select-all-student-wrapper,
#new-assignment-frame div.fieldset-wrapper div#edit-select-all-student-wrapper{
	float:right;
	padding-right:91px;
}



#assignment-table th{
	padding-right: 0;
}

#new-classroom-form #edit-submit,
#edit-classroom-form #edit-submit,
#edit-assignment-form #edit-submit,
#new-assignment-form #edit-submit,
#new-class-assignment-form #edit-submit{
    background: url(/sites/all/themes/kichijoji/images/button_play_wide.png);
    color:#111111;
    font-size:11px;
    width:130px;
    height:30px;
    border:0;
    font-family:sans-serif;
    position:relative;
    cursor:pointer;
    margin-top:21px;
    margin-left:3px;	
}

#multiple-students-frame,
#new-student-frame,
#new-teacher-frame,
#edit-registered-teacher-list,
#edit-student-settings,
#teacher-info-frame,
#reg-teacher-student-list,
#teacher-features-list-frame
{
	/*background: #f9f9f9;*/
}

#multiple-students-frame:hover ,
#new-student-frame:hover,
#new-teacher-frame:hover,
#edit-registered-teacher-list:hover,
#edit-student-settings:hover
{
	/*background: #f9f9f9;*/
}

#new-student-frame div{
	float:left;
	margin-left:10px;
}

#new-student-frame #edit-submit{
	margin-top:22px;
	margin-left:10px;
}



/*
#new-teacher-frame div{
	margin-left:45px;
}
*/

#new-teacher-frame #edit-submit{
	margin-top:22px;
	margin-left:10px;
}

.game-select, .level-select {
	text-align:center;
}

tr.teacher-infomation-row{
	border:none;
}

tbody{
	border-top:none;
}

table.highscore-table tr.highscore-row {
	background-color: #ffffff;	
	border: none;
}

table.highscore-table tr.highscore-row td {
	border-top: 0.5px solid #dddddd !important;
	border-bottom: 0.5px solid #dddddd !important;
}

table.high_score_tables_cotainer tr.highscore-row > td {
	padding-left: 2em;
}

table.high_score_tables_cotainer table.highscore-table tr {
	line-height: 2em;
}

table.high_score_tables_cotainer .loading_image, #highscore_all_games_message_div .loading_image {
	width: 22px;
	height: 22px;
	margin-top: -3px;
}

.default_button{
	background: url(/sites/all/themes/kichijoji/images/button_play.png) repeat scroll 0 0 transparent;
    color: #1F5973;
    display: block;
    height: 30px;
    line-height: 2.4;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.default_button:hover{
	cursor:pointer;
}

#edit-assignto-wrapper{
	margin-left:20px;
}


#new-classroom-frame{
	margin-top:20px;
}

td.classname-column{
	width:200px;
}
td.class-students-column{
	width:500px;
}


td .classroom-delete {
	color:#3B5998;
	margin-left: 3em;
	text-align:center;
}
td .classroom-delete:hover {
	text-decoration:underline;
	cursor:pointer;
}

:disabled{ background-color: gray; }
.readonly{background-color: gray;}


div#teacher-console-buttons {
	margin-left:10%; 
	font-size:1.0em; 
	margin-bottom:80px; 
	position:relative; 
	top:0px;
}

div#teacher-console-buttons a{
	float:left; 
	margin-left:10px; 
}

#edit-belongto {
	width: 90px;
	float:left;
	padding-left:50px;
}

.enter-password-popup {
	width: 185px;
	height: 125px;
	position: absolute;
	left: 50%;
	background: #a0cbc6;
	border: 1px solid black;
	display: none;
}

a.admin_button{
    display:block;
    float:left;
    width:120px;
    /*height:32px;*/
    /*margin:5px 0;
    line-height:2.4;*/
    text-decoration:underline;
    color: #132a65;
}

/*a.admin_button:hover{
    position:relative;
    font-size:larger;
    top:-3px;
}*/

td student-name {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-break: break-all; /* Internet Explorer 5.5+ */
	word-wrap: break-word;
	flex-wrap: wrap;
}


.nostudents-available-frame{
	/*float:right;
	padding-left:30px;
	padding-right:20px;
	width:290px;*/
	padding: 0 1rem;
}

td a.reports-link {
	display:block;
	float: left;
	width: 110px;
	/*height:21px;*/
	/*line-height:1.5;*/
	cursor:pointer;
	color: #132a65;
	text-decoration: underline;
}

#report-sub-menu {
	display:none;
	border: 1px solid #cccccc;
	width: 140px;
	/*background-color: #f2f2f2;*/
	background-color: #f9f9f9;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
}

#report-sub-menu a{
	display: block;
	padding: 3px;
	padding-left: 4px;
	color: #355982;
	text-decoration: none;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
}

#report-sub-menu a:hover {
	background-color: #355982;
	/*color: #f2f2f2;*/
	color: #f9f9f9;
	font-weight: bold;
	text-decoration: underline;
}

div.student-activity {
	display:block;
	margin-left:30px;
}

td.student-name-column {
	width:50px;
}

a.students_activity_button{
    display:block;
    width:130px;
    height:30px;
    margin-top:25px;
    line-height:2.4;
    text-align:center;
    text-decoration:none;
    background: url(/sites/all/themes/kichijoji/images/button_play_wide.png);
    color: #1f5973;
}

.textarea-instruction {
	margin-left:15px;
	margin-right:15px;
	font-weight:normal;
	text-align:justify;
}

.student-invitation-email, .sibling-invitation-email {
	display:none;
	width:900px;
	margin: auto;
	text-align:justify;
	padding: 0 25px;
	background-color:#f8f8f8;
	border:1px solid black;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:10px 10px 5px #888888;
	/*margin-left: 10px;*/
	z-index: 200;
}

.student-invitation-email {
	width: 730px;
	/*margin-left: -60px;*/
}

.student-invitation-email-body, .sibling-invitation-email-body {
	background-color:#f8f8f8;
	/*margin-left:10px;
	margin-right:10px;
	margin-top:10px;*/
}

.view-student-invitation-email, .student-invitation-email-close, .view-sibling-invitation-email, .sibling-invitation-email-close {
	cursor:pointer;
  text-align:center;
	z-index: 100;
}

.view-sibling-invitation-email {
	padding-top: 1em;
}

#students_activity {
	display:block;
	width:100px;
	height:60px;
	line-height:2.4;
	text-align:center;
	cursor:pointer;
	text-decoration: none;
	margin-top:25px;
	background: url(/sites/all/themes/kichijoji/images/button_play.png) no-repeat;
	color: #1f5973;
}

#activity-sub-menu {
	display:none;
	border: 1px solid #cccccc;
	width: 130px;
	padding: 5px 0;
	margin-top: 5px;
	background-color: #c4d7b4;
	line-height:1.6;
	text-align:left;
	border-bottom: 1px solid #cccccc;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
}

#activity-sub-menu a {
	display: block;
	width: 110px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
	text-decoration: none;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
}

#activity-sub-menu a:hover {
	width: 110px;
	background-color: #a3bc8e;
	/*color: #f2f2f2;*/
	color: #f9f9f9;
	font-weight: bold;
	text-decoration: underline;
	cursor:pointer;
}

.table-cell-padding {
	padding-left: 15px;
	padding-right: 15px;
}

#classroom-game-assignments-wrapper,
#classroom-course-assignments-wrapper,
#game-assignment-table-wrapper,
#course-assignment-table-wrapper {
	margin-left: 35px;
}

.classroom-game-assignments-wrapper-undo-effect,
.classroom-course-assignments-wrapper-undo-effect,
.game-assignment-table-wrapper-undo-effect,
.course-assignment-table-wrapper-undo-effect {
	margin-left: -35px;
}

.enter-teacher-code-text {
	float:left;
	width:300px;
	margin-left:10px;
}

.enter-teacher-code-img {
	float:right;
	width:300px;
	margin: -10px 80px 0 0;
}

.teacher-registration-img {
	float: right;
	width: 300px;
	height: 270px; 
	margin-top: 110px;
	margin-right: 160px;	
}

.left-aligned {
	text-align:left;
}

.right-aligned {
	text-align:right;
}

.center-aligned {
	text-align:center;
}

.bold-text {
	font-weight:bold;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.student-game-summary-class-name {
	text-align: left;
  font-size: 1.1em;
	margin-bottom: 0.5em !important;
}

.student-game-summary-student-report {
	text-align: center;
	margin-bottom: 0.5em !important;
}

.all-games-scrollbar {
	width: 95%;
	height: 400px;
	overflow: auto;
}

.due-date-over-color {
	color:red;
}

.no-left-margin {
	margin-left:0px;	
}

.no-display {
	display: none;
}

.vertical-top-align {
	valign: top;
}

.black-color {
	color: #000000;
}

.brown-color {
	color: #765c2f;
}

.red-color {
	color: #c12f23;
}

.purple-color {
	color: #612786;
}

.blue-color {
	color: #10469c;
}

.green-color {
	color: #4d902f;
}

.orange-color {
	color: #e66032;
}

.yellow-color {
	color: #f6c850;
}

.gray-color {
	color: #aaabab;
}

.white-color {
	color: #ffffff;
}

.shift-down {
	margin-top: 3px;
}

#tmgradebook-add-class-form .js-form-type-checkbox, #tmgradebook-edit-class-form .js-form-type-checkbox {
	white-space: nowrap;
	display: inline;
}

.fieldset-element {
	float:left;
	padding-left:50px;
}

/*div#reg-teacher-student-list {
	display: none;
}*/

div#wrapper-div {
	display: inline-block;
	width: 100%;
}

div#left-aligned-div {
	display: inline-block;
	width: 70%;
}

div#right-aligned-div {
	display: inline-block;
	width: 30%;
}

div#editable-fields, div#editable-buttons {
	display:none;
}

.student_progress_summary_search {
	width: 100% !important;
	margin-bottom: 1em;
}

.student_game_summary .pagination_link {
	margin-bottom: 0.5em;
}

div.left-center-right-wrapper-div {
	width: 100%;
	clear: both;
}

div.left-center-right-div {
	width: 33%;
	float: left;
}

div.other-activity-result-options {
	margin-left: 35px;
	width: 17%;
	float: left;
}

div.div-margin-bottom {
	margin-bottom: 4em;
}

.tmgradebook-teacher-info-form .form-item-first-name, .tmgradebook-teacher-info-form .form-item-last-name, .tmgradebook-teacher-info-form .form-item-school {
	float: left;
}

.teacher_info_viewable_fields, .teacher_info_editable_fields {
	width: 70%;
	margin: 0 auto;
}

.sub_teacher_elements {
	width: 100%;
	margin-left: 2.5em;
}

.teacher_info_viewable_field, .responsive_viewable_field {
	width: 45%;
	float: left;
	margin-left: 2.5em;
}

.teacher_info_viewable_field_no_margin, .responsive_viewable_field_no_margin {
	width: 45%;
	float: left;
}

.responsive_viewable_field {
	margin-left: 5em;
}

.teacher_info_editable_fields .form-item {
	margin-left: 2.5em;
}

.tmgradebook-teacher-info-form .form-item-last-name label, 
.tmgradebook-teacher-info-form .form-item-last-name input {
	margin-left: 2.5em;
}

.tmgradebook-teacher-info-form .total_students_in_school {
	margin-left: 45%;
	padding-left: 2.8em;
}

.save-teacher-details-button {
	margin-right: 2em;
}

.add_another_sibling_icon {
	font-size: 2.4em;
	/*color: #8cb7ca;*/
	color: #3b5998;
}

.remove_sibling_icon {
	font-size: 2.4em;
	color: #ffee92;
}

.sibling_fields_group {
	margin-top: 1em;
}

.add_sibling_fields_gap {
	margin-left: 1em;
}

.add_sibling_icon_gap {
	margin-left: 1em;
}

.sibling_common_mail_textfield {
	width: 38.5em;
}

.teacher_console_select_all_checkbox {
	font-size: 0.85em;
	margin-top: -1.7rem;
}

.create_new_game_assignment_container {
	width: 90%;
	margin: auto;
}

.duplicate_game_assignment_container {
	width: 80% !important;
	margin: 2em auto auto !important;
}

.duplicate_game_assignment_container .panel-body {
	width: fit-content;
	margin: auto;
}

.create_new_game_assignment_container input.form-text,
.create_new_game_assignment_container select,
.duplicate_game_assignment_container input.form-text,
.duplicate_game_assignment_container select,
.edit_game_assignment_container input.form-text,
.edit_game_assignment_container select {
	border-color: #ccc !important;
	width: 370px;
}

.create_new_game_assignment_container,
.create_new_course_assignment_container {
	/* margin-top: 2em !important; */
	margin-top: 3em !important;
}

.duplicate_course_assignment_container {
	width: fit-content !important;
	margin: 2em auto auto !important;
	/* background: #f9f9f9; */
}

.duplicate_course_assignment_container .panel-body {
	padding: 0 6em 2em;
}

.create_new_game_assignment_container .coursedesc, 
.duplicate_game_assignment_container .coursedesc, 
.edit_game_assignment_container .coursedesc {
	width: 125%;
}

.create_new_course_assignment_container .coursedesc, 
.duplicate_course_assignment_container .coursedesc {
	width: 131%;
}

.create_new_course_assignment_container .form-item-description, 
.duplicate_course_assignment_container .form-item-description {
	padding-top: 1em;
	clear: both;
}

#edit-student-list, #confirm-students-by-username {
	width: 70%;
	margin: 0 auto;
}

.missing_students_username_label {
	width: 40%;
}

.missing_students_username_input {
	width: 60%;
}

.form-checkbox {
	text-align: center;
}

.school_top_students {
	width: 80%;
	margin: 0 auto;
}

div.school_top_score_result_criteria_div label, 
div.school_top_score_result_criteria_div select.school_high_scores_result_criteria_div,
div.school_high_scores_result_criteria_div label, 
div.school_high_scores_result_criteria_div select.school_top_score_result_criteria_div,
div.progress_report_result_criteria_div label, 
div.progress_report_result_criteria_div select {
	float: left;
}

div.school_top_score_result_criteria_div .select-wrapper,
div.school_high_scores_result_criteria_div .select-wrapper,
div.progress_report_result_criteria_div .select-wrapper {
	display: none;
}

div.school_top_score_result_criteria_div label, 
div.school_high_scores_result_criteria_div label, 
div.progress_report_result_criteria_div label {
	margin-top: 0.3em;
}

div.school_top_score_result_criteria_div,
div.school_high_scores_result_criteria_div,
div.progress_report_result_criteria_div {
	margin-bottom: 1em;
}

/*.school_high_scores_result_criteria_div {
	margin-right: 5%;
}*/

select.school_top_score_result_criteria_div {
	margin-right: 3%;
}

.add_new_class, .create_new_assignment, .add_students, .classroom-teachers-icon, .classroom-students-icon, .classroom-assignments-icon, .classroom-school-course-assignment-icon, .back-to-class-list-icon, .back-to-class-icon, .progress-report-icon /* , .edit_class */ {
	font-size: 1.2em;
	color: #3b5998;
	text-decoration: none;
}

.add_students:hover,
.add_new_class:hover,
.create_new_assignment:hover,
.classroom-teachers-icon:hover,
.classroom-teachers-icon:visited,
.classroom-students-icon:hover,
.classroom-students-icon:visited,
.classroom-assignments-icon:hover, 
.classroom-school-course-assignment-icon:hover,
.edit_class:hover,
.back-to-class-list-icon:hover,
.back-to-class-icon:hover,
.progress-report-icon:hover,
.progress-report-icon:visited,
.class_console_active_link,
.class_console_active_link:hover,
.class_console_active_link:visited,
.students_tab_active_link,
.students_tab_active_link:hover,
.students_tab_active_link:visited {
	text-decoration: none;
}

.class_console_active_link,
.class_console_active_link:hover,
.class_console_active_link:visited,
.class_console_active_link:focus,
.class_console_active_link:active,
.students_tab_active_link,
.students_tab_active_link:hover,
.students_tab_active_link:visited
.students_tab_active_link:focus,
.students_tab_active_link:active {
	text-decoration: none;
}

.assignment-notification-icon {
	color: #3b5998;
}

.add_new_class_text, 
.create_new_assignment_text, 
.add_students_text, 
.edit_class_text, 
.view_class_teachers_text, 
.view_class_students_text, 
.view_class_assignments_text, 
.view_school_course_assignment_text,
.students_tab_students_text,
.students_tab_assignments_text,
.students_tab_progress_text {
	font-family: Verdana,sans-serif;
}

.students_tab_links {
	text-shadow: 1px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 2em;	
	font-size: 0.9em;
}

.class_console_links {
	/* width: fit-content; */
	/* margin: 0 auto; */
	text-shadow: 1px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 2em;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#classroom-school-course-assignment-wrapper {
	position: relative;
	padding: 0.6em 2em;
	border: 1px solid #cccccc;
	width: max-content;
	margin: auto 1em 2.5em;
	float: left;
}

#classroom-school-course-assignment-wrapper:hover {
	background-color: #eeeef5;
}

#classroom-school-course-assignment-wrapper:hover .close_x_transparent {
	display: block;
}

#students-tab-students-wrapper,
#students-tab-assignments-wrapper,
#students-tab-progress-wrapper {
	text-shadow: 1px 0;	
}

#classroom-teachers-wrapper, 
#classroom-students-wrapper, 
#classroom-assignments-wrapper, 
.class_console_links .icon-dropdown,
.edit_class_link {
	/* margin-left: 3.5em; */
	text-shadow: 1px 0;
}

.students_tab_active_link,
.class_console_active_link {
	/* color: #8cb7ca; */
	color: #e76400;
	/* border-bottom: 4px solid #e76400; */
	padding-bottom: 5px;
	border-radius: 4px;
	text-decoration: none;
}

.icon-dropdown {
	position: relative;
	display: inline-block;
	float: left;
}

.icon-dropdown-content, .add-class-students-icon-dropdown-content {
	display: none;
	width: 15em;
	position: absolute;
	background-color: #ffffff; /*#3b5998;*/
	border: 1px solid #e5e8ef;
	border-radius: 0.5em;
	/*padding: 0.5em;*/
	overflow: auto;
	left: 0;
	z-index: 1;
}

.add-students-icon-dropdown-content {
	width: 16em;
}

.class-console-icon-dropdown-content {
	left: 0;
}

.add-class-students-icon-dropdown-content {
	width: 19em;
}

/* .icon-dropdown-content .fyb_course_assignment, */
/* .icon-dropdown-content .fyo_course_assignment, */
/* .icon-dropdown-content .syb_course_assignment, */
/* .icon-dropdown-content .syo_course_assignment, */
/* .icon-dropdown-content .pe1_course_assignment, */
.icon-dropdown-content .add_school_course_assignment,
.create_new_game_assignment, 
.create_new_course_assignment, 
.add_students_by_username, 
.add_students_by_email, 
.add_siblings, 
.add_existing_students_in_class,
.copy_class_code_menu_item {
	padding: 0.3em 0.6em;
}

.icon-dropdown-content a, .add-class-students-icon-dropdown-content a {
	color: #215489; /*white;*/
	text-decoration: none;
	display: block;
}

.icon-dropdown-content a:hover, .add-class-students-icon-dropdown-content a:hover {
	background-color: #e5e5e5; /*#d9d9dc;*/
	text-decoration: none;
}

.edit_class_student_list {
	width: 50%;
	float: left;
	padding-left: 50px;
}

/* Select list of actions for student list */
div.form-item-action-list-2, div.form-item-action-list-2 div.select-wrapper, #edit-action-list-2, .student_list_action .form-select .form-control {
	float: left;
}


.classroom-delete-menu {
	float: left;
	display: none;
	position: absolute;
	background-color: #678b9b;
	width: 240px;
	box-shadow: 0px 8px 16px 0px rgba( 0,0,0,0.2 );
	z-index: 1000; /* Show user menu over the icons for Subscription, Rankings and Settings */
	right: 5%;
	border-radius: 8px;
  line-height: 1.8em !important;
}

.classroom-delete-menu a {
	background-color: #678b9b;
	/*color: #f2f2f2;*/
	color: #f9f9f9;
	padding: 4px 16px;
	display: block;
	border-radius: 8px;
}

.classroom-delete-menu a:hover {
	background-color: #878ca2;
	color: #794473;
	/*font-weight: bold;*/
	text-decoration: none;
}

.classroom-delete:hover .classroom-delete-menu {
	display: block;
}

.student_list_action_select .form-item {
	float: left;
	margin-top: 3px;
}

.school-highscore-frame {
	width: 90%;
	margin: 0 auto;
}

/* Reports -> High Scores */
.school-highscore-table {
	float: left;
	width: 45%;
	margin-right: 3%;
}

.school_high_scores_game_category_div {
	/*background: #f2f2f2;*/
	background: #f9f9f9;
	border-radius: 10px;
	border: 1px solid #dddddd;
}

.school_high_scores_game_category {
	margin-left: 2%;
	color: #215488;
	font-size: 1.5rem;
	font-weight: bold;
}

.school_high_scores_sub_category, .school_high_scores_games {
	margin-left: 5%;
}

.school_high_scores_sub_category {
	padding-left: 0;
	font-size: 1.1rem;
	font-weight: bold;
}

/*
.teacher_menu {
	width: 50.3%;
	margin: 0 auto;
}

.teacher_console_feature_links {
	width: 100%;
}

.assignments_links {
	width: 66%;
	margin: 0 auto;
}

.reports_links {
	width: 89.3%;
	margin: 0 auto;
}

.resources_links {
	width: 34%;
	margin: 0 auto;
}

.teacher_console_home_link, 
.teacher_console_students_link, 
.teacher_console_classes_link, 
.teacher_console_assignments_link, 
.teacher_console_reports_link, 
.teacher_console_resources_link{
	display: block;
	color: #8cb7ca;
	text-decoration: none;
	float: left;
	padding: 0.6rem 1rem;
}

.assignments_list_link, 
.assignments_progress_link, 
.reports_progress_link, 
.reports_activity_link, 
.reports_school_high_scores_link, 
.reports_school_rankings_link, 
.teacher_guide_link, 
.teacher_faq_link {
	display: block;
	color: #8cb7ca;
	text-decoration: none;
	float: left;
	padding: 0.4rem 1rem;
	font-size: 0.9rem;
}

.teacher_console_home_link:hover, 
.teacher_console_students_link:hover, 
.teacher_console_classes_link:hover, 
.teacher_console_assignments_link:hover, 
.teacher_console_reports_link:hover, 
.teacher_console_resources_link:hover, 
.assignments_list_link:hover, 
.assignments_progress_link:hover, 
.reports_progress_link:hover, 
.reports_activity_link:hover, 
.reports_school_high_scores_link:hover, 
.reports_school_rankings_link:hover, 
.teacher_guide_link:hover, 
.teacher_faq_link:hover {
	background-color: #f6f6f6;
	text-decoration: none;	
	border-bottom-width: 3px;
	border-bottom-color: #f6f6f6;
	border-bottom-style: solid;
}

.assignments_list_link:hover, 
.assignments_progress_link:hover, 
.reports_progress_link:hover, 
.reports_activity_link:hover, 
.reports_school_high_scores_link:hover, 
.reports_school_rankings_link:hover, 
.teacher_guide_link:hover, 
.teacher_faq_link:hover {
	border-bottom-width: 0px;
}

hr.teacher_console_feature_links_separator {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #d0d0d0;
	margin: 0 auto;
	padding: 0;	
	width: 100%;
}

.teacher_console_feature_active_link, 
.teacher_console_feature_active_link:hover {
	border-bottom-width: 3px;
	border-bottom-color: #8cb7ca;
	border-bottom-style: solid;
}
*/


/*** Teacher console menu CSS ***/

/* Width of menu */
nav.teacher-menu {
  /* width: 36.4em; */
	/* margin: 0 auto 4em; */
	/* margin: auto; */
	position: fixed;
	/* top: 0.4em; */
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1100; /* make sure teacher menu is not hidden behind the top header which shows theta logo */
	/* background-color: #edeef2; */
}

.pricing_button_teacher_menu_css {
	margin-left: 20px;
}

.no_pricing_button_teacher_menu_css {
	/* margin-left: 45px; */
}

nav.teacher-menu ul {
  margin: 0;
  padding: 0;
	
	/* put links in a single row */
  display: flex;	
	
	text-align: justify;
}

nav.teacher-menu li {
  list-style-type: none; 	
	font-size: 0.65em;
	width: 9em;
}

/* First and last links in menu or sub-menu */
/* nav.teacher-menu li:first-child a, */
/* nav.teacher-menu li:last-child a { */
	/* padding-right: 1.6em; */
/* } */

/* Last link in menu or sub-menu */
nav.teacher-menu li:last-child a {
	padding-right: 1.1em;
}

/* menu link */
nav.teacher-menu a {
	/* display: block; */
  text-decoration: none;
	color: black;
	padding: 0 1.1em;
	padding-top: 4px;
	/* border-bottom: 3px solid #edeef2; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

nav.teacher-menu a:hover {
	text-decoration: none;
  /* background-color: #f6f6f6; */
  background-color: #ebeceb;
	border-bottom: 3px solid #ebeceb;
	/* border: 1px solid #c7c6c6; */
}

/* set submenu at specific position */
nav.teacher-menu .sub-menu {
	/* width: 32.4em; */
	width: 13.4em; /* same width as the parent menu */
	/*display: none;*/
}

/* show top border for sub-menu so its white background does not hide the border at the bottom of the parent menu */
nav.teacher-menu .sub-menu li {
	border-top: 1px solid #d0d0d0;
}

/* add space at all side of the menu links */
nav.teacher-menu .sub-menu a {
	margin-top: 1px;	
	padding: 0.5em 0.7em;
}

nav.teacher-menu .sub-menu:hover {
	display: flex;
}

nav.teacher-menu .parent-menu:hover + .sub-menu {
	display: flex;
}

/* make content of assignments submenu appear in center of the teacher menu */
nav.teacher-menu .assignments-sub-menu {
	padding-left: 5em;
	margin-left: -18em;
}

/* make content of reports submenu appear in center of the teacher menu */
nav.teacher-menu .reports-sub-menu {
	padding-left: 2em;
	margin-left: -26em;
}

/* First and last links in menu or sub-menu */
nav.teacher-menu li:first-child a,
nav.teacher-menu li:last-child a {
	padding-right: 1.3em;
}

nav.teacher-menu .line-separator {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #d0d0d0;
	margin: 0 auto;
	padding: 0;	
	width: 100%;
}
	 
/* submenu positioning */
nav.teacher-menu .main-nav nav {
	position: absolute;
	white-space: nowrap;
	/* border: 1px solid #cccccc; */
}

/* button for mobile responsive menu */
.teacher-menu-responsive-button {
  display: none;
}

/* icon for mobile responsive menu */
/*.teacher-menu-responsive-icon {
  display: none;
}*/

.teacher_console_feature_active_link, 
.teacher_console_feature_active_link:hover {
	border-bottom: 3px solid #3b5998 !important;
	font-weight: bold;
}

/*.teacher_sub_menu_visible {
	display: block !important;
}*/

.teacher-menu-separator {
	/* margin-bottom: 3em; */
}

.teacher-console-drupal-message-separator {
	/* margin-top: 4em; */ /* Same height as teacher-menu-separator */
	margin-bottom: -4em;
}

.my-student-list, .class-teacher-list, .class-student-list, .class-assignment-list {
	background: #f9f9f9;
	padding: 2rem;
	border: 1px solid #cccccc;
	border-radius: 5px;
}

.class_console_links_row,
.class-teacher-list,
.class-student-list, 
.class-assignment-list,
.back-to-class-list,
.school_course_links_and_add_teachers_container {
	width: 80%;
	margin: 0.5em auto;
}

.class_console_links_row {
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 1.5em;
}

.class_console_links_row a,
.class_console_links_row a:hover,
.class_console_links_row a:visited,
.class_console_links_row a:focus,
.class_console_links_row a:active {
	text-decoration: none;
}

.add_new_class_container {
	background: #f9f9f9;
	padding: 1em 4em 3em;
	/* border: 1px solid #cccccc; */
	/* border-radius: 5px; */
	width: 40%;
	margin: 0 auto;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 10px 2px 125px 20px rgba(0, 0, 0, .85);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	border: 1px solid #5c5454;
}

.add_new_class_container input,
.add_new_class_container select {
 border-color: #b5b1b1 !important;
}

.add_existing_students_in_class_container {
	background: white;
	/* padding: 3em 4em; */
	padding: 3em 2em;
	border: 1px solid #cccccc;
	border-radius: 5px;
	/* width: 70%; */
	width: 98%;
	margin: 0 auto;	
	margin-bottom: 2em;
}

.add_new_class_container .class_selected_students_remove, .add_existing_students_in_class_container .class_selected_students_remove {
	font-size: 1.2em !important;
	margin-top: -0.7em;
	background: #f9f9f9;
}

/* Add new class: Selected students list */
.add_new_class_container .form-item-class-selected-students, 
.add_existing_students_in_class_container .form-item-class-selected-students {
	width: 94%;
}

.edit_class_container {
/*.tmgradebook-edit-class-form {*/
	width: 70%;
	margin: 0 auto;
}

.edit_class_content_container {
	padding: 1em 3em;	
}

/* Edit class: Selected students list */
.edit_class_container .form-item-class-selected-students {
	width: 94%;
}

.edit_class_container .class_selected_students_remove {
	font-size: 1.2em !important;
	margin-top: -0.7em;
}

.edit_class_container .form-item-assign-incomplete-assignments-to-new-students label.option {
	word-wrap: normal;
	white-space: normal;	
	display: inline-block; 
  vertical-align: top;	
}

/* .edit_class_content_container #cancel-edit-class { */
.edit_class_content_container .submit-button {
	margin-right: 1em;
}

.create_new_game_assignment_container input[type="text"],
.duplicate_game_assignment_container input[type="text"],
.edit_game_assignment_container input[type="text"] {
	/* width: 17em; */
}

.create_new_game_assignment_container .student_list_label, 
.edit_game_assignment_container .student_list_label, 
.create_new_course_assignment_container .student_list_label,
.duplicate_game_assignment_container .student_list_label, 
.duplicate_course_assignment_container .student_list_label {
	margin-left: 1.05em;
}

.create_new_course_assignment_container .student_list_label, 
.create_new_course_assignment_container .course_label, 
.duplicate_course_assignment_container .student_list_label, 
.duplicate_course_assignment_container .course_label {
	margin-top: 1.5em !important;
}

.edit_course_assignment_container .student_list_label {
	margin-top: 1.5em !important;
	margin-left: 15px; /* Align this with other lables on the form */
}

.create_new_game_assignment_container .assignment_selected_students, 
.edit_game_assignment_container .assignment_selected_students,
.create_new_course_assignment_container .assignment_selected_students, 
.assignment_notification_div .assignment_selected_students,
.duplicate_game_assignment_container .assignment_selected_students, 
.duplicate_course_assignment_container .assignment_selected_students {
	float: left;
	/* width: 30rem; */
}

.create_new_game_assignment_container .assignment_selected_students_remove,
.duplicate_game_assignment_container .assignment_selected_students_remove {
	font-size: 1.2em !important;
	margin: 11.5rem 0 0 -1rem;
}

.create_new_course_assignment_container .assignment_selected_students_remove,
.duplicate_course_assignment_container .assignment_selected_students_remove {
	font-size: 1.2em !important;
	margin: 13rem 0 0 -1rem;
}

.assignment_notification_div .assignment_selected_students_remove {
	font-size: 1.2em !important;
	margin-top: 5em;
}

.edit_game_assignment_container .assignment_selected_students_remove {
	font-size: 1.3em !important;
	margin-top: 5.5em;
	margin-left: -0.8em;
}

.create_new_game_assignment_container .assignment_student_list_group,
.duplicate_game_assignment_container .assignment_student_list_group {
	/* margin-left: 5.5em; */
	margin-left: 20px;
}

.edit_game_assignment_container .assignment_student_list_group {
	/* margin-left: 5.6em; */
	margin-left: 20px;
}

/*.create_new_course_assignment_container .assignment_student_list_group {
	margin-left: 2rem;
}*/

/*.student_list_action_1, .student_list_action_2 {
	padding: 3px;
}*/

.student_list_actions_group_2 {
	padding-top: 0;
	padding-bottom: 3.5em;
}

.students_in_class_label, .students_not_in_class_label {
	color: #215488;
}

.activitySearchSelectedButton, 
.activityListSelectedButton, 
.class_selected_students_remove, 
.assignment_selected_students_remove {
	/*background-color: #f9f9f9;*/
	background-color: transparent;
	border: 0;
	color: #215488;
	outline: none;
	font-size: 2em !important;
}

.activitySearchSelectedButton {
	margin-top: 13rem;
	font-size: 1.3em;
}

.activityListSelectedButton .fa-caret-up, .activityListSelectedButton .fa-caret-up-alt {
	margin-top: 0.5em;
	margin-left: -0.3em;
}

.activityListSelectedButton .fa-caret-down {
	margin-left: -0.3em;
}

.activityListSelectedButton .fa-trash, .activityListSelectedButton .fa-trash-alt {
	margin-top: 8em;
	margin-left: -0.6em;
	font-size: 0.7em !important;
}

.create_new_course_assignment_container {
	/* width: 46%; */
	width: 70%;
	margin: 0 auto 1rem;
	background: #f9f9f9;
	/* border: 1px solid blue; */
}

.course_assignment_form {
	/*margin: 0 0 0 4%;*/
	width: 94%;
	margin-left: 7%;
}

#course_assignment_description {
	width: 130%;
}

table.assignment_status {
	border: 0 !important;
	border-right: 1px solid #ddd !important;
}

table.assignment_status th, table.assignment_status td {
	padding: 5px !important;
	line-height: 1 !important;
}

.all_student_list th, .tmgradebook-same-school-teacher-list-form th, .tmgradebook-same-school-student-list-form th,
#classrooms-list-table th.class_name, #classrooms-list-table th.students, 
.student_activities .student_name, .student_activities .assignment_name, 
.student_game_summary .game_name, .student_game_summary .course_name {
	text-align: left;
}

/* .assignment_status .student_name { */
	/* text-align: left; */
	/* min-width: 105px; */
/* } */

.student_activities .duedate, .student_activities .completion_date {
	width: 15%;
}

#classrooms-list-table .class_name {
	width: 20%;
}

#classrooms-list-table .students {
	width: 65%;
}

#classrooms-list-table .class_list_links {
	width: 8%;
}

.create_new_game_assignment_container #activityselect, 
.create_new_game_assignment_container #activitylist, 
.duplicate_game_assignment_container #activityselect, 
.duplicate_game_assignment_container #activitylist, 
.edit_game_assignment_container #activityselect, 
.edit_game_assignment_container #activitylist {
	/* width: 30rem; */
}

#activitylist {
	height: 24.5rem;
}

.tmgradebook-custom-course-assignment-form, .tmgradebook-custom-course-assignment-edit-form {
	width: 80%;
	margin: 0 auto;
}

.create_new_game_assignment_div, .edit_game_assignment_div {
	/* width: 85%; */
	width: fit-content;
	margin: auto;
}

.create_new_game_assignment_container .form-item-assignto label, 
.duplicate_game_assignment_container .form-item-assignto label, 
.edit_game_assignment_container .form-item-assignto label {
	margin-left: 7rem;
}

.create_new_game_assignment_container .form-item-duedate, 
.create_new_game_assignment_container .form-item-activityselect,
.duplicate_game_assignment_container .form-item-duedate, 
.duplicate_game_assignment_container .form-item-activityselect,
.edit_game_assignment_container .form-item-duedate, 
.edit_game_assignment_container .form-item-activityselect {
	margin-top: -0.4rem;
}

/* bootstrap-select library moves text above the center of the row. So moving it down a little. */
/*td p {
	padding-top: 0.7rem;
}*/

/* Default background color of multiselect list button set by jQueryUI MultiSelect plugin is gray. 
 * Changing it to white to make the multiselect list mash with other elements on the page.
 */
button.ui-multiselect {
	background: white !important;
}

/* bootstrap-select library changes font type and size of the page title. So resetting it back here. */
.page-title {
	font: Verdana,sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
}

.edit_course_assignment_container {
	/* width: 70%; */
	width: fit-content;
	margin: 0 auto;
}

.edit_course_assignment_container .panel-body {
	margin: auto 1em;
}

/*.edit_course_assignment_container .duedate,*/
/*.edit_course_assignment_container .assignment_student_list,*/
.edit_course_assignment_container .assignment_selected_students {
	width: 30rem !important;
}

.edit_course_assignment_container .coursedesc {
	width: 100%;
}

.edit_course_assignment_container .assignment_selected_students_remove {
	font-size: 1.3em !important;
	margin-top: 2.7rem;
}

.game_assignment_due_date {
	float: left;
	margin: 1.3rem 0 0 8.2rem;
}

/* Due date in assignment on a class page */
.class-assignment-list .game_assignment_due_date {
	margin: 0 0 0 20px;
}

.tmgradebook-add-students-by-username-form {
	width: 60%;
	margin: auto;
}

.tmgradebook-add-students-by-email-form {
	width: 80%;
	margin: auto;
}

.tmgradebook-add-students-by-email-form .form-textarea, 
.tmgradebook-add-siblings-by-username-form .form-textarea {
	margin-left: 20px;
}

.form-item-mail-restriction-message-checkbox label.option {
	font-weight: normal;
}

.teachersGuide_gameCategory,
.teachersGuide_bandCourse {
	padding:5px;
	padding-bottom: 15px;
	cursor: pointer;
}

.teachersGuide_gameCategory:hover,
.teachersGuide_bandCourse:hover {
	text-decoration: none;
}

.teachersGuide_gameNames {
	padding-left:50px;
	padding-bottom: 50px;
	display:none;
}

.edit_reg_teacher_username {
	margin-left: 1rem;
}

.edit_reg_teacher_email {
	margin-left: 6.2rem;
}

.assignment_notification_div {
	width: 70%;
	margin: 0 auto;
	padding: 1.5rem;
	border-radius: 5px;
}

.assignment_notification_content_div {
	background: #f9f9f9;
	padding: 1.5rem;
	border: 1px solid #dddddd;
}

.explain_teacher_code:hover {
	cursor: pointer;
}

.teacher_faq_content, 
.teachers_guide,
.teachers_guide_to_school_courses {
	width: 95%;
	margin: auto;
}

.copy_assignment_url {
	font-size: 1.1em;
	font-weight: bold;
}


.all_assignments_status__elements {
	width: 75%;
	margin: 0 auto;
}

/* Show all form elements on the same line */
.all_assignments_status__elements .form-item {
	float: left;
	padding: 0 1em;
}

/* Make height of all form elements same */
.all_assignments_status__elements select, .all_assignments_status__submit_button {
	height: 2.4em;
}

/* Show date field right beside the Before/After field */
/*.all_assignments_status__elements .form-type-date {
	margin-left: -4em;
}*/

/* Make select field for status to be as long as its label */
.all_assignments_status__status {
	width: 11em;
}

/* Show submit button in the same line as the other form elements */
.all_assignments_status__submit_button {
	margin-top: 2.1em;
}

.all_assignments_status__elements .loading_image {
	width: 1.5em;
	height: 1.5em;
	margin-left: 0.5em;
	margin-top: 1.5em;
}

.all_assignments_status_table_wrapper {
	width: 100%;
	height: 600px;
}

.all_assignments_status_table {
	font-weight: lighter;
	background-color: #f0f3f5;
}

.all_assignments_status_table tr:nth-child(1n) {
  background: #d2e2ea;
}

.all_assignments_status_table th {
	text-align: center;
	color: #f0f3f5;
	border: 1px solid white;
	width: auto;
	height: auto;
	vertical-align: top;
	padding: 0.3em 0.8em;
	font-size: 0.9em;
}

.all_assignments_status_table thead th {
	background-color: #678b9b;
}

.all_assignments_status_table thead th:first-child {
	padding: 0;
	background-color: #f0f3f5;
	color: black;
}

.all_assignments_status_table tbody th {
	background-color: #f0f3f5;
	text-align: left;
	color: black;
}

.all_assignments_status_table td {
	border: 0.5px solid white !important;
	padding: 0 0.2em;
	font-size: 0.9em;
}

.mouseover_all_assignement_status_cell {
	background-color: #e2f2ff;
}

.clicked_all_assignement_status_cell {
	background-color: #fff4e2;
}

.all_assignments_status_table .tooltiptext {
	/*margin-left: -150px !important;*/
	text-align: left !important;
	padding: 0.5em 1em !important;
	bottom: -43% !important;
	line-height: 1.8 !important;
}

.all_assignments_status_table .student_label {
	vertical-align: middle;
}

.all_assignments_status_table .assignment_not_started {
	color: #8c8c8c;
	font-weight: bold;
	font-size: 0.8em; /* 0.1em more than the regular fonts in the table */
}

.all_assignments_status_table .assignment_in_progress {
	color: black;
	font-weight: bold;
	font-size: 0.8em; /* 0.1em more than the regular fonts in the table */
}

.all_assignments_status_table .assignment_complete {
	color: #1771b0;
	font-weight: bold;
	font-size: 0.8em; /* 0.1em more than the regular fonts in the table */
}

.tmgradebook-teacher-registration-form {
	/* width: 57%; */
	margin: auto;
	width: max-content;
	margin-top: 3em;
	padding-left: 4em;
	padding-right: 4em;
	background-color: #faf9f9;
	border: 1px solid #5c6485;
	border-radius: 5px;
}

/* Remove extra space below password field on the teacher registration page */
.tmgradebook-teacher-registration-form .form-group {
	margin-bottom: 0;
}

/* captcha on teacher registration page */
.tmgradebook-teacher-registration-form .g-recaptcha {
	margin-top: 2em;
}

/*.teacher_registration_form_start, .tmgradebook-teacher-registration-form .captcha-wrapper {
	margin: auto 45px;
}*/

.teacher_registration_form_start {
	width: max-content;
	margin: auto;
}

.teacher_registration_form_start .form-item-school {
	margin-top: 1em;
}

.teacher-registration-header {
	font-size: large;
	text-align: center;
	margin-top: 1.5em;
}

.enter_teacher_code_container {
	width: 90%;
	margin: auto;
}

.enter_teacher_code_left_part {
	width: 60%;
	text-align: justify;
}

.enter_teacher_code_interactive_fields {
	width: 55%;
	margin: 0 auto;
}

.tmgradebook-teacher-registration-form .theta_input_field {
	margin-top: 1.7em;
	background-color: white !important;
	height: 40px;
}

.enter-teacher-code-submit {
	margin-top: 0.5em;
	width: 380px;
}

.enter_teacher_code_input {
	width: 27em !important;
}

/* DIV containing a table listing registered teachers */
.registered_teacher_list_container {
	width: 100%;
}

/* Student list page: field to search students in table */
.tmgradebook-student-list-form .table_search_field,
.tmgradebook-same-school-student-list-form .table_search_field {
	width: 100%;
}

/* Student list page: Every table cell in student list */
.tmgradebook-student-list-form table tr td {
	vertical-align: middle !important;
}

.tmgradebook-student-list-form .message {
	margin-left: 1em;
	margin-top: 0.5em;
}

/* Student account info popup: Each form element on the page */
.tmgradebook-change-student-account-info-form .form-item {
	margin: 0 auto;
	padding: 0 auto;
}

/* Submit button on teacher's student list, other teacher's student list and student account popup window */
.tmgradebook-same-school-student-list-form .delete_students,
.student_account_info_cancel_button,
.tmgradebook-add-non-associated-usernames-form .cancel_button,
.tmgradebook-add-non-associated-emails-form .cancel_button,
.tmgradebook-add-non-associated-siblings-form .cancel_button,
.tmgradebook-change-student-account-info-form .cancel_button,
.tmgradebook-change-student-account-info-mobile-form .cancel_button {
	margin-left: 2em;
}

/* Submit button on the student list page */
.student_list_action_submit {
	margin-top: 0.2em;
}

.student_list_container {
	width: 100% !important;
	display: none;
}

/* Teacher's student list & Student list of other teachers */
.student_list_container, 
.tmgradebook-same-school-student-list-form {
	margin-bottom: 2em !important;
}
	
.tmgradebook-add-non-associated-usernames-form .form-type-checkbox, 
.tmgradebook-add-non-associated-siblings-form .form-type-checkbox {
	margin-right: 2em;
}

.tmgradebook-add-non-associated-emails-form .form-type-checkbox {
	margin-left: 2em;
}
		
/* .tmgradebook-change-student-account-info-form .username,  */
/* .tmgradebook-change-student-account-info-mobile-form .username { */
	/* width: 100% !important; */
/* } */
		
.tmgradebook-change-student-account-info-form .username {
	width: 100% !important;
}

#assignment_status_table_container {
	position: relative;
	top: 0.5em;
	border: 1px solid #ddd;
	clear: both;
}

.assignment_status_student,
.assignment_status_percentage_complete,
.school_course_progress_accuracy,
.school_course_progress_points { /* student name on the assignemnt status page should appear on top of the rectangle boxes showing progress */
	position: relative;
	z-index: 10;
}

.assignment_status_percentage_complete,
.school_course_progress_accuracy {
	width: 150px;
	min-width: 150px;
}

.school_course_progress_points {
	width: 130px;
	min-width: 130px;
}

.assignment_status_student {
	padding-left: 1em !important;
	width: 230px;
	min-width: 230px;
	word-break: break-word;
}

.assignment_status thead { /* table header on the assignment status page should appear on top of student name while scrolling */
	position: relative;
	z-index: 20;
}

.assignment_status thead tr th {
	/* border-right: 1px solid #ddd; */
	border-bottom: 1px solid #ddd !important;
	padding: 0 !important;
}

.assignment_status thead tr th div {
	line-height: 3em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* .assignment_status .student_name, */
/* .assignment_status .student_name div, */
/* .assignment_status .assignment_progress, */
/* .assignment_status .assignment_progress div { */
	/* width: 100px; */
/* } */

.assignment_status .student_name,
.assignment_status .assignment_progress,
.assignment_status .activity_completition_status, 
.assignment_status .percentage_complete, 
.assignment_status .completion_date,
.school_course_progress_accuracy,
.school_course_progress_points  {
	text-align: center;
}

.assignment_status .student_name {
	text-align: center;
	/* min-width: 200px; */
	width: 230px;
	min-width: 230px;
	word-break: break-word;
}

.assignment_status .student_name div a {
	text-decoration: none;
}

.assignment_status .assignment_progress {
	width: 150px;
	min-width: 150px;
}

.assignment_status .assignment_progress div {
	/* width: max-content; */
	padding-left: 15px;
	padding-right: 15px;
}

.assignment_status .assignment_progress div a {
	display: inline-flex;
	text-decoration: none;
}

.assignment_status .assignment_progress div a span {
	margin-top: 0.9em;
	margin-left: 0.5em;
}

.assignment_status .activity_completition_status {
	padding-left: 1em;
}

.activitySearchSelectedButtonText {
	display: none;
}

.assignment_student_list,
.class_student_list {
	border-radius: 3px;
	border: 1px solid #cccccc;
}

.tmgradebook-teacher-registration-form .password-confirm-message {
	color: green;
}

.tmgradebook-teacher-registration-form input.password-field, 
.tmgradebook-teacher-registration-form input.password-confirm {
	width: 25em !important;
}

.tmgradebook-teacher-registration-form input.password-field[type="text"], 
.tmgradebook-teacher-registration-form input.password-confirm[type="text"] {
	border: 1px #cccccc solid !important;
}

.tmgradebook-teacher-registration-form .form-item-firstname,
.tmgradebook-teacher-registration-form .form-item-lastname,
/* .tmgradebook-teacher-registration-form .form-item-school, */
.tmgradebook-teacher-registration-form .form-item-code {
	float: left;
	clear: left;
}

.teacher-registration-fields-gap {
	/*margin-left: 6em;
	float: left;*/
}

.tmgradebook-teacher-registration-form .continue {
	padding: 0.4em 1.4em;
	margin-top: 1.5em;
	font-size: 16px;
}

.tmgradebook-teacher-registration-form .button:hover {
	border: none;
}

.change-student-account-submit-buttons {
	margin-top: -1.5em;
}

.change_student_account_info_container {
	width: fit-content;
	margin: 2em auto auto;
}

.change_student_account_content_container {
	padding: 2em 5em;
	background: #f9f9f9;
	border: 1px solid #cccccc;
	border-radius: 5px;	
}

.change_student_account_info_container .form-item {
	width: fit-content;
	margin: auto;
}

.change_student_account_info_container input,
.tmgradebook-change-student-account-info-mobile-form #edit-name,
.tmgradebook-change-student-account-info-mobile-form #edit-mail {
	width: 30em;
	border: 1px solid #ccc;
}

.add_reg_teacher_input_fields {
	width: 28%;
	margin: auto;
}

.add_sibling_input_fields {
	width: 70%;
	margin: auto;
}

.add_siblings_container {
	width: 80%;
	margin: auto;
}

.teacher_feedback_container {
	width: 55%;
	margin: auto;
}

.teacher_feedback_container .student_academic_level_other, .teacher_feedback_container .teaching_group_other {
	font-size: smaller;
	margin-top: -10px;
	color: #a5a5a5;
}

.teacher_feedback_container .form-textarea {
	width: 100% !important;
}

.student_academic_level_other label, .student_academic_level_other input, .teaching_group_other label, .teaching_group_other input {
	float: left;
	clear: none;
	height: 2em;
}

.student_academic_level_other input, 
.teaching_group_other input {
	width: 15em !important;
}

.tmgradebook-student-list-form .table_search_field {
	width: 20em !important;
}

.tmgradebook-student-list-form .form-item-search-student-field  {
	float: left;
}

.tmgradebook-student-list-form  .blank-line {
	margin-top: 1em;
}

.school_top_students_table .username {
	text-align: left !important;
}

.student_console_assignments th {
	text-align: left !important;
}

.student_list_action_separator1,
.student_list_action_separator2 {
	border: none;
	height: 1px;
	color: ;
	background-color: #d5cdcd;
}

.student_list_action_separator1 {
	margin: -0.2em auto 1.5em;
}

.student_list_action_separator2 {
	margin: 1.6em auto 2em;
}

.fa-search, .fa-search-alt {
	margin-left: 0.5em;
	padding-top: 0.1em;
	font-size: 1.5em;
}

/* .assignment_list_search { */
	/* margin-bottom: 1em !important; */
/* } */

.all_student_list th {
	border-bottom: 1.5px solid #dddddd !important;
}

.all_student_list td,
#course-assignment-activities-table td {
	border-top: 0.5px solid #dddddd !important;
	border-bottom: 0.5px solid #dddddd !important;
	word-break: break-all;
}

.edit_class_container .classname-input {
	width: 93%;
}

.assignment_list_container,
.class_assignment_list_container {
	display: none;
}

table.student_assignment_list_table {
	white-space: nowrap;
}

table.student_assignment_list_table .instructions, 
table.student_assignment_list_table a {
	white-space: normal;
}

table#assignment-table th, table#assignment-table td,
table#course-assignment-table th, table#course-assignment-table td {
	line-height: 1.7 !important;
	padding: 0.8em 0.6em;
}

/* drop down list from the multiselect library */
.ui-multiselect-menu {
	/* Make width of drop down list same as the longest text in the list  */
	width: max-content !important;
}

.ui-multiselect-checkboxes {
	height: 350px !important;
}

/* select option text in the multiselect library */
.ui-multiselect-checkboxes label span {
	/* Add some space between the checkbox and the select option text */
	display: inline !important;
	margin-left: 3px !important;
	
	font-weight: initial !important; /* Change option text from bold to normal */
}

/* drop down list header in multiselect library */
.ui-multiselect-header.ui-widget-header.ui-corner-all.ui-helper-clearfix ul li span.ui-icon {
	/* align icons with text in drop down list header */
	margin: auto !important;
}

/* select option in drop down list in multiselect library */
.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all .ui-helper-reset {
	/* Increase height of select option */
	height: 1.7 !important;
}

/* text like "x of y selected" in down list in multiselect library */
button.ui-multiselect span {
	/* Add some space between the left edge of the drop down list and text */
	margin-left: 3px !important;
}

/* hover on select option in multiselect library */
.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all .ui-multiselect-checkboxes.ui-helper-reset .ui-state-hover {
	border: none !important;
	background: #dee3ec !important;
	cursor: pointer !important;
	line-height: 1.7 !important; /* Make height same as the select option  */
}

.assignment_status .progressbartable {
	/*width: 115%;*/
	/*border:1px solid rgba(128,128,128,0.5);*/
	border-collapse: separate;
	margin: auto;
	background: none;
	border-spacing: 3px;
	/*padding-left: 1em;*/
}

.assignment_status .progressbartable-school-course {
	/*width: 115%;*/
	/*border:1px solid rgba(128,128,128,0.5);*/
	border-collapse: separate;
	margin: auto;
	background: none;
	border-spacing: 4px;
	/*padding-left: 1em;*/
}

.assignment_status .progressbartable tr,
.assignment_status .progressbartable-school-course tr {
	color: none;
}

.assignment_status .progressbartable tr:nth-child(n), 
.assignment_status .progressbartable-school-course tr:nth-child(n) {
	background-color: rgba(0,0,0,0.001);
}

.assignment_status .progressbartable td, 
.assignment_status .progressbartable-school-course td {
	/*border: 1px solid rgba(128,128,128,0.001);*/
	border-top: none !important;
	border-bottom: none !important;
	height: 14px;
	padding: 0 0 !important;
	cursor: pointer;
	line-height: 1.5 !important;
}

.assignment_status .progressbartable-school-course td {
	padding: 0 1px !important;
}

.assignment_status .progressbartable .activity-progress-empty,
.assignment_status .progressbartable-school-course .activity-progress-empty {
	background-color: #dddddd;
}

.assignment_status .progressbartable .activity-in-course-progress-filled,
.assignment_status .progressbartable-school-course .activity-in-course-progress-filled {
	background-color: #497aa5;
}

.activity-in-school-course-progress-filled {
	/* background-color: #497aa5; */
	padding: 0 4px !important;
	transform: scale(1.2);
}

.assignment_status .progressbartable .activity-outside-school-course-progress-filled,
.assignment_status .progressbartable-school-course .activity-outside-school-course-progress-filled {
	/* background-color: #497aa5; */
}

.assignment_status .progressbartable .activity-outside-course-progress-filled,
.assignment_status .progressbartable-school-course .activity-outside-course-progress-filled {
	/* background-color: #afcdf5; */
}

.assignment_status .progressbartable .one-activity-outside-course-progress-filled,
.assignment_status .progressbartable-school-course .one-activity-outside-course-progress-filled {
	/* background-color: #afcdf5; */
}

.assignment_status .progressbartable-school-course .one-activity-outside-course-progress-filled .tooltiptext,
.assignment_status .progressbartable-school-course .activity-outside-course-progress-filled .tooltiptext {
	transform: scale(1.2);	
}

.assignment_status .progressbartable-school-course .activity-outside-school-course-progress-filled .tooltiptext {
	transform: scale(1.2);
}

.assignment_status .progressbartable-school-course .activity-progress-empty .tooltiptext {
	transform: scale(1.2);
}

.activity-in-school-course-not-started {
	/*border: 1px solid #497aa5;
	background-color: white;*/
	background-color: #dddddd;
	padding: 0 4px !important;
	transform: scale(1.2);
}

.one-activity-in-school-course-complete {
	/* background-color: #afcdf5; */
	padding: 0 4px !important;
	transform: scale(1.2);
}

.assignment_status .progressbartable td .tooltiptext,
.assignment_status .progressbartable-school-course td .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 7px 10px;
  position: absolute;
  z-index: 100;
  /*bottom: 15%;*/
  /*left: 50%;*/
  margin-left: -80px;
  font-size: 0.7em;
	margin-top: 3px;
}

.assignment_status .progressbartable-school-course td .tooltiptext {
	width: 320px;
}

.assignment_status .progressbartable td:hover .tooltiptext,
.assignment_status .progressbartable-school-course td:hover .tooltiptext {
  visibility: visible;
}

/* First unit in the course progress for a class or in assignment progress */
.first_course_unit_tooltip_text {
	z-index: 100 !important; /* show tooltip above all content so it is not hidden by columns like student name or progress percentage */
}

.reg_teacher_confirmation_container {
	width: max-content;
	margin: 2.5em auto 1.5em;
	padding: 1em 2em;
	background-color: #fafbff;
	border: 1px solid #e5e8ef;
}

.reg_teacher_confirmation_sub_container {
	width: max-content;
	margin: 2em auto;
}

.readnotes_one_unit_complete {
	background-color: #FFF7CB;
}

.readnotes_whole_unit_complete {
	background-color: #FFDC5F;
}

.writenotes_one_unit_complete {
	background-color: #D5E0FB;
}

.writenotes_whole_unit_complete {
	background-color: #959EC2;
}

.fingerings_one_unit_complete {
	background-color: #D9EBB3;
}

.fingerings_whole_unit_complete {
	background-color: #75BBAB;
}

.readrhythm_one_unit_complete {
	background-color: #E4EEF7;
}

.readrhythm_whole_unit_complete {
	background-color: #7FACD6;
}

.readterms_one_unit_complete {
	background-color: #F9CCC7;
}

.readterms_whole_unit_complete {
	background-color: #D86279;
}

.readkeysignatures_one_unit_complete {
	background-color: #F9DABE;
}

.readkeysignatures_whole_unit_complete {
	background-color: #FFA048;
}

.scaletones_one_unit_complete {
	background-color: #fcd3ac;
}

.scaletones_whole_unit_complete {
	background-color: #fc8b20;
}

.melodicintervals_one_unit_complete {
	background-color: #a9a8df;
}

.melodicintervals_whole_unit_complete {
	background-color: #4743c1;
}

.flashrhythms_one_unit_complete {
	background-color: #b7f1d8;
}

.flashrhythms_whole_unit_complete {
	background-color: #18ef92;
}

.channelscramble_one_unit_complete {
	background-color: #dba2d7;
}

.channelscramble_whole_unit_complete {
	background-color: #d529c7;
}

.pitchcompare_one_unit_complete {
	background-color: #a3cdd0;
}

.pitchcompare_whole_unit_complete {
	background-color: #0ec9d3;
}
.readsolfege_whole_unit_complete {
	background-color: #FFDC5F;
}

.readsolfege_whole_unit_complete {
	background-color: #FFDC5F;
}

.readintervals_one_unit_complete {
	background-color: #D9EBB3;
}

.readintervals_whole_unit_complete {
	background-color: #75BBAB;
}

.readscaledegrees_one_unit_complete {
	background-color: #E4EEF7;
}

.readscaledegrees_whole_unit_complete {
	background-color: #7FACD6;
}

.scaletones_one_unit_complete {
	background-color: #FFF7CB;
}

.scaletones_whole_unit_complete {
	background-color: #FFDC5F;
}

.melodicintervals_one_unit_complete {
	background-color: #D5E0FB;
}

.melodicintervals_whole_unit_complete {
	background-color: #959EC2;
}

.flashrhythms_one_unit_complete {
	background-color: #D9EBB3;
}

.flashrhythms_whole_unit_complete {
	background-color: #75BBAB;
}

.channelscramble_one_unit_complete {
	background-color: #E4EEF7;
}

.channelscramble_whole_unit_complete {
	background-color: #7FACD6;
}

.pitchcompare_one_unit_complete {
	background-color: #F9CCC7;
}

.pitchcompare_whole_unit_complete {
	background-color: #D86279;
}

.readnotesve_one_unit_complete {
	background-color: #FFF7CB;
}

.readnotesve_whole_unit_complete {
	background-color: #FFDC5F;
}

.writenotesve_one_unit_complete {
	background-color: #D5E0FB;
}

.writenotesve_whole_unit_complete {
	background-color: #959EC2;
}

.singnotesve_one_unit_complete {
	background-color: #D9EBB3;
}

.singnotesve_whole_unit_complete {
	background-color: #75BBAB;
}

.singnotesme_one_unit_complete {
	background-color: #e8f2d1;
}

.singnotesme_whole_unit_complete {
	background-color: #d9eab3;
}

.readrhythmve_one_unit_complete {
	background-color: #E4EEF7;
}

.readrhythmve_whole_unit_complete {
	background-color: #7FACD6;
}

.pitchcompare_one_unit_complete {
	background-color: #a3cdd0;
}

.pitchcompareve_whole_unit_complete {
	background-color: #0ec9d3;
}

.readtermsveve_one_unit_complete {
	background-color: #F9CCC7;
}

.readtermsve_whole_unit_complete {
	background-color: #D86279;
}

.readsolfege_one_unit_complete {
	background-color: #FFF7CB;
}

.readsolfege_whole_unit_complete {
	background-color: #FFDC5F;
}

.readintervals_one_unit_complete {
	background-color: #D9EBB3;
}

.readintervals_whole_unit_complete {
	background-color: #75BBAB;
}

.readscaledegrees_one_unit_complete {
	background-color: #E4EEF7;
}

.readscaledegrees_whole_unit_complete {
	background-color: #7FACD6;
}

.tonedrops_one_unit_complete {
	background-color: #FFF7CB;
}

.tonedrops_whole_unit_complete {
	background-color: #FFDC5F;
}

.melodicdrops_one_unit_complete {
	background-color: #D5E0FB;
}

.melodicdrops_whole_unit_complete {
	background-color: #959EC2;
}

.flashrhythms_one_unit_complete {
	background-color: #D9EBB3;
}

.flashrhythms_whole_unit_complete {
	background-color: #75BBAB;
}

.channelscramble_one_unit_complete {
	background-color: #E4EEF7;
}

.channelscramble_whole_unit_complete {
	background-color: #7FACD6;
}

.pitchcompare_one_unit_complete {
	background-color: #F9CCC7;
}

.pitchcompare_whole_unit_complete {
	background-color: #D86279;
}

.readnotesve_one_unit_complete {
	background-color: #FFF7CB;
}

.readnotesve_whole_unit_complete {
	background-color: #FFDC5F;
}

.writenotesve_one_unit_complete {
	background-color: #D5E0FB;
}

.writenotesve_whole_unit_complete {
	background-color: #959EC2;
}

.readrhythmve_one_unit_complete {
	background-color: #E4EEF7;
}

.readrhythmve_whole_unit_complete {
	background-color: #7FACD6;
}

.pitchcompare_one_unit_complete {
	background-color: #a3cdd0;
}

.pitchcompareve_whole_unit_complete {
	background-color: #0ec9d3;
}

.readtermsveve_one_unit_complete {
	background-color: #F9CCC7;
}

.readtermsve_whole_unit_complete {
	background-color: #D86279;
}

.playchords_one_unit_complete {
	background-color: #d8f5f1;
}

.playchords_whole_unit_complete {
	background-color: #b3ebe3;
}

.school_course_links_and_add_teachers_container {
	width: 80%;
	margin: 0 auto 2em;
	/* overflow: auto; */
	padding-top: 1em;	
}

.school_course_links_container {
	width: max-content;
	/* margin: auto auto 5em; */
	margin: auto auto;
}

.school_course_links_container div.form-type-select {
	float: left;
}

.school_course_links_container div.form-type-select label {
	/* font-size: 1.1em; */
	margin-left: -80px;
}

.school_course_links_container div.form-type-select .select-wrapper {
	float: left;
	margin-top: -37px;
}

.select-wrapper select {
	cursor: pointer;
}

.school_course_links_container div.form-type-select .select-wrapper select:hover {
	cursor: pointer;
}

.school_course_links_container div.form-type-select .select-wrapper .select2-container {
	width: 260px;
}

.school_course_links_container div.form-type-select .select-wrapper .select2-container .select2-selection__arrow {
	display: none;
}

.school_course_view_progress {
	font-size: 1em;
	scale: 0.9;
	float: left;
	margin-top: -5px;
	margin-left: 10px;
}

.view_school_course_progress_for_class {
	font-weight: normal;
	font-size: .9em;	
	scale: 0.9;
}

.teachers_guide_to_school_course_container {
	text-align: center;
	margin-top: 1em;
}

.teachers_guide_to_school_course_container .guide_to_school_courses {
	font-weight: bold;
	cursor: pointer;
}


.teachers_guide_to_school_course_container .guide_to_school_courses font {
	color: #215488;
	--darkreader-inline-color:#5f99ff;
}

.teachers_guide_to_school_course_container table {
	border: 0.5px #dddddd solid;
	border-radius: 10px;
	text-align: left;
}

.teachers_guide_to_school_course_container table th {
	background-color: #faf9f9; 
	color: black; 
	text-align: center;
	border: 0.5px #dddddd solid;
	vertical-align: middle;
}

.teachers_guide_to_school_course_container table td.unit_index {
	border: 0.5px #dddddd solid;
	width: 20%;
}

.teachers_guide_to_school_course_container table td.unit_title {
	border: 0.5px #dddddd solid; 
	width:80%;
}

table#edit-class-assignment-select-list {
	width: 94%;
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
}

table#edit-class-assignment-select-list .duedate {
	width: 8em;
}

/* .leaderboard-result-criteria-div { */
	/* position: absolute; */
	/* left: 50%; */
	/* transform: translateX(-50%); */
/* } */

.search-result-criteria {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	gap: 2em;
	margin-top: -1em;
	margin-bottom: -1em;
}

.search-result-criteria .form-group {
	margin-bottom: 15px !important; /* css in drupal core modules changes margin-bottom for the last select list in the form. This fixes it */
}

.class_leaderboard_submit_button {
	margin-top: 12px;
}

.leaderboard-result-criteria-div select {
	margin-top: -5px;
}

.leaderboard-result-criteria-div label {
	float: left;
}

.leaderboard-result-criteria-div div.select-wrapper {
	width: fit-content;
}

.leaderboard_result_message {
	/* position: absolute; */
	/* right: 0; */
	font-size: small;
	text-align: center;
}

.leaderboard_games_container {
	width: 98%;
	margin: 1em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.leaderboard_games_container .no-loeaderboard-activity {
	margin: 2.5em auto;
}

/* Increase height of select box so text like 'y' does not get cut off */
.search-result-criteria .select-wrapper select {
	line-height: 1.5;
}

.leaderboard_game_div {
	margin: 1.5em;
	border-radius: 10px;
	border: 1px solid #dddddd;
	width: fit-content;
	/* padding: 0 1em; */
	float: left;
}

.leaderboard_gamename_container {
	background-color: #faf9f9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.leaderboard_gamename {
	color: #215488;
	font-size: 1.5rem;
	font-weight: bold;
	width: fit-content;
	padding: 0.8em 0;
	margin: auto;
}

.leaderboard_gamename img.game-icon {
	width: 30px;
	height: 25px;
	margin-right: 7px;
}

table.leaderboard-table {
	width: fit-content;
	margin: 0.5em 0.2em 0.3em;
}

table.leaderboard-table th, table.leaderboard-table td {
	padding: 0.2em 0.5em;
}

table.leaderboard-table td.student-name {
	width: 200px;
}

.class_leaderboard {
	float: none;
	width: fit-content;
	margin: 1em auto 1.5em;	
}

.create_new_course_assignment_container .select-wrapper,
.duplicate_course_assignment_container .select-wrapper {
	margin-bottom: 1.5em;
}

.school-course-assignment-activities {
	/* display: none; */
	border: 1px solid #ddd;
	border-radius: 10px;
	clear: both;
	width: 95%;
	cursor: pointer;
	margin: 0.5em auto 1em;
}

.school-course-assignment-activities-header {
	/* background-color: #f9f9f9; */
	padding: 0.5em 1em;
	border-radius: 10px;
}

.school-course-assignment-activities .course-activities,
.school-course-assignment-activities .course-unit {
	font-weight: bold;
	margin-left: 3px;
}

.school-course-assignment-activities .course-unit-box {
	display: none;
	border: 1px solid #ddd;
	border-radius: 10px;
	width: 80%;
	margin: 1.5em auto;
	cursor: pointer;
}

.school-course-assignment-activities .course-unit-header {
	background-color: #f9f9f9;
	padding: 0.7em;
	border-radius: 10px;
}

.school-course-assignment-activities .course-unit-activity-box {
	display: none;
	border-bottom: 1px solid #ddd;
	padding: 0.5em 1em 0.5em 2em;
	margin: auto;
	cursor: default;
	/* width: 90%; */
}

.school-course-assignment-activities input[type=checkbox] {
	position: relative;
	top: -9px;
	cursor: pointer;
}

.school-course-assignment-activities .course-activities-checkbox,
.school-course-assignment-activities .course-unit-checkbox {
	margin-left: -12px !important;
}

.course-unit-box .checkbox label, 
.course-unit-box .radio label, 
.school-course-assignment-activities .course-unit-activity-box .checkbox label, 
.school-course-assignment-activities .course-unit-activity-box .radio label {
	padding-left: 0;
}

.course-unit-or-activity-active {
	opacity: 1;
}

.course-unit-or-activity-inactive {
	opacity: 0.5;
}

.add_assignment_menu_separator {
	border: 1px solid #917e7e;
	margin: 0;
	padding: 1px 0;
}

.add-new-assignment {
	border: 1px solid black;
}

.add-new-assignment a {
	border: 1px solid #e5e8ef;
}

.student_console_class_leaderboard {
	background-color: #faf9f9;
	border: 1px solid #ddd;
	padding: 0.5em 0;
	margin-bottom: 3em;
}

.student_console_class_leaderboard .dashboard_class_leaderboard_row {
	font-size: medium;
}

.class-student-name:hover {
	cursor: pointer;
}

#active-instrument-name {
	color: #215587;
	font-size: large;
}

#active-instrument-icon {
	width: 35px;
	height: 35px;
}

.instrument-leaderboard {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;	
}

.tmea-leaderboard-back-to-class {
	font-size: smaller;
}

.back-to-class-icon img {
	width: 15px;
	height: 15px;
}

.previousInstrumentIcon,
.nextInstrumentIcon {
	width: 45px;
	height: 40px;
}

.previousInstrumentIcon:hover,
.nextInstrumentIcon:hover {
	cursor: pointer;
	transform: scale(1.1);
}

#roation_duration_second .form-type-textfield,
#refresh_page_duration_div .form-type-textfield {
	float: left;
}

#instrument_rotation_duration,
#refresh_page_duration {
	width: 45px;
	margin-top: -3px;
}

#refresh_page_duration_div {
	width: max-content;
	margin: auto;
}

.teacher-registration-email {
	/* background: url(/sites/kichijoji.thetamusic.com/files/images/email.png) no-repeat 4px 0 !important; */
	/* background-size: 40px 40px !important; */
	background: url(/sites/kichijoji.thetamusic.com/files/images/email.png) no-repeat 12px 11px !important;
	text-indent: 44px;
}

.teacher-registration-password {
	/* background: url(/sites/kichijoji.thetamusic.com/files/images/lock.png) no-repeat 4px 0 !important; */
	/* background-size: 40px 40px !important; */
	background: url(/sites/kichijoji.thetamusic.com/files/images/lock.png) no-repeat 15px 8px !important;
	background-size: 19px 22px !important;
	text-indent: 44px;
}

/* .teacher-registration-school { */
	/* background: url(/sites/kichijoji.thetamusic.com/files/images/school_logo.png) no-repeat 8px 0 !important; */
	/* background-size: 35px 35px !important; */
	/* text-indent: 44px; */
/* } */

.teacher-registration-name {
	margin-top: 0 !important;	
}

.teacher-registration-school {
	margin-top: 0 !important;
}

.school_course_progress_title {
	font-weight: bold;
	font-size: 1.3em;
	color: #215587;
	margin-top: 1.5em;
	text-align: center;
}

.school_course_progress_title img {
	width: 30px;
	height: auto;
	margin-right: 7px;
	margin-top: -2px;
}

.course_progress_explanation {
	/* display: flex; */
	/* flex-direction: column; */
	/* margin-top: 0.5em; */
	/* margin-bottom: 0.5em; */
	padding: 0 0.5em;
	border-radius: 5px;
	width: fit-content;
	margin: 0.3em auto;
}

.course_progress_explanation_label {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
}

.course_progress_explanation .unit_explanation {
	padding: 0.3em 0;
	width: 180px;
	float: left;
	font-size: small;
}

.course_progress_explanation .course_unit_box {
	width: 14px;
  height: 22px;
	float: left;
	/* margin-left: 0.5em; */
}

.course_progress_explanation .unit_activity_explanation {
	float: left;
	/* width: 230px; */
	margin-left: 9px;
}

/* PDF icon */
.fa-file-pdf {
	color: red;
	font-size: 1.3em;
}

.export-as-pdf-link-container {
	padding-top: 1.5em;
}

.export-as-pdf-link {
	margin-left: 5px;
	font-size: 1em;
}

.class_list_container {
	/* width: fit-content; */
	/* margin:auto; */
}

.class_archived_display_toggle_button {
	padding: 2px 15px;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #bcbec0;
	border-radius: 5px;
	cursor: pointer;
	width: fit-content;
	clear: both;
	margin: 4em auto 0;
}

.class_list {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2em;	
	clear: both;
	position: relative;
	top: 1em;
}

.class_list .class {
	/* display: flex; */
	flex-direction: column;
	width: 240px;
	border-radius: 10px;
	border: 1px solid #e2e1e1;
	padding-bottom: 0.5em;
	box-shadow: 5px 5px 3px 0 #efefef;
}

.class_list .class,
.class_list .class_card,
.class_list .class_card_vertical_dot_container {
	cursor: pointer;
	/* border-radius: 10px; */
	/* height: 100%; */
}


.class_list .class_card img {
	aspect-ratio: 4 / 3;
}

.class_list .class_name {
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 0.8em;
	margin-top: 0.3em;
}

.class_list .num_students {
	margin-left: 1.2em;
	font-size: 0.8em;
}

.student_view_type_button,
.assignment_view_type_button {
	padding: 1px 10px;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #bcbec0;
	cursor: pointer;
}

.student_card_elements_container {
	/* display: none; */
}

/* html 'details' element displayed within the parent div of student cards */
.student_card_elements_container .panel-body {
	margin-top: 1em;
}

.student_cards_container,
.assignment_cards_container,
.league_cards_container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	flex-wrap: wrap;
	margin: 1em auto 0;
}

.assignment_cards_container {
	border: 1px solid #dddddd;
	clear: both;
	padding: 1em;
	position: relative;
	top: 1em;
}

.class_assignment_cards_elements .assignment_cards_container {
	border: none;
}

.league_cards_container {
	justify-content: center;
	gap: 1em;
}

.student_cards_container .student_card,
.assignment_cards_container .assignment_card,
.league_cards_container .league_card {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 32%;
	margin: 0.5em;
	height: 90px;
	cursor: pointer;
	background: white;
	border: 1px solid #e5e8ef;
	padding: 0.5em;
	box-shadow: 3px 3px 3px 0 #efefef
}

.league_cards_container .league_card {
	flex-direction: column;
	height: 70px;
	position: relative;
	align-items: start;
  padding: 0.5em 0.8em;
}

.student_cards_container .student_image {
	width: 40px;
	height: 40px;
	margin-left: 5px;
}

.student_cards_container .student_info,
.assignment_cards_container .assignment_info {
	flex-grow: 1;
	margin: auto 1em;
	overflow-x: clip;
	overflow-y: auto;
}

.student_cards_container .student_name,
.assignment_cards_container .assignment_name {
	/* font-size: 1.1em; */
	color: #e76400;
}

.student_cards_container .last_visit,
.assignment_cards_container .duedate {
	font-size: 0.8em;
	color: #888383;
	width: max-content;
}

.student_cards_container .student_card_vertical_dot_container,
.student_cards_container .other_teacher_student_card_vertical_dot_container,
.assignment_cards_container .assignment_card_vertical_dot_container,
.class_list .class_card_vertical_dot_container {
	display: flex;
	flex-direction: column;
	align-items: end;
	position: relative;
}

.student_cards_container .student_card_vertical_dot,
.assignment_cards_container .assignment_card_vertical_dot {
	flex-grow: 0;
	margin-right: -5px;
	font-size: 2em;
	padding: 0 10px;
}

.class_card_bottom_row {
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: space-between;	
}

.class_list .class_card_vertical_dot {
	flex-grow: 0;
	margin-right: 5px;
	font-size: 2em;
	position: absolute;
	top: -5px;
	right: -5px;
	padding: 0 10px;
}

.student_cards_container .student_account_action_menu,
.assignment_cards_container .assignment_action_menu,
.class_list .class_action_menu {
	display: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	position: absolute;
	top: 40px;
	right: -1px;
	background: #494747;
	color: white;
	/* padding: 10px; */
	width: max-content;
	border-left: 1px solid #bcb7b7;
	border-right: 1px solid #bcb7b7;
	border-bottom: 1px solid #bcb7b7;
}

.sub_menu_of_class_list,
.add_to_class_menu {
	display: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	position: absolute;
	background: #494747;
	color: white;
	/* padding: 10px; */
	width: max-content;
	border-left: 1px solid #bcb7b7;
	border-right: 1px solid #bcb7b7;
	border-bottom: 1px solid #bcb7b7;
}

.class_list .class_action_menu {
	top: 33px;
	right: 4px;
}

.student_cards_container .student_account_action_menu ul,
.assignment_cards_container .assignment_action_menu ul,
.class_list .class_action_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 1px 0;
	clear: both;
	position: relative;
	top: -7px;
}

.sub_menu_of_class_list ul,
.add_to_class_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 1px 0;
}

.student_cards_container .student_account_action_menu li,
.sub_menu_of_class_list li,
.add_to_class_menu li {
	padding: 3px 10px;
}

.assignment_cards_container .assignment_action_menu li,
.class_list .class_action_menu li {
	padding: 3px 20px;
}

.student_cards_container .student_account_action_menu li:hover,
.assignment_cards_container .assignment_action_menu li:hover,
.class_list .class_action_menu li:hover,
.sub_menu_of_class_list li:hover,
.add_to_class_menu li:hover {
	background: white;
	color: #494747;
	cursor: pointer;
}

.student_cards_container .student_card .up_menu_arrow,
.assignment_cards_container .assignment_card .up_menu_arrow,
.class_list .class .up_menu_arrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #333;
	position: relative;
	float: right;
	top: -14px;
	/* left: 10px; */
}

.student_cards_container .student_card .down_menu_arrow,
.assignment_cards_container .assignment_card .down_menu_arrow,
.class_list .class .down_menu_arrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #333;
	position: relative;
	float: right;
	top: 14px;
	/* left: 10px; */
}

.class_list .class .down_menu_arrow {
	right: -0.5px;
}

.student_cards_container .student_action_result_tooltip {
	display: none;
	width: max-content;
	background-color: black;
	color: #fff;
	border-radius: 5px;
	padding: 7px 10px;
	/* position: relative; */
	/* top: 3px; */
	position: absolute;
	top: 30px;
	font-size: 0.8em;	
}

.student_cards_container .student_checkbox,
.student_cards_container .other_teacher_student_checkbox {
	display: none;
	cursor: pointer;
	transform: scale(1.3);
	margin-right: 10px;
}

.student_action_buttons {
	display: flex;
	flex-direction: row;
	gap: 1em;
	/* margin-top: 1em; */
}

.student_action_buttons div,
.simple_button {
	padding: 1px 10px;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #bcbec0;
}


.student_action_buttons .edit_student_list,
.student_action_buttons .other_teacher_edit_student_list,
.simple_button {
	cursor: pointer;
}

.student_action_buttons .select_all_students,
.student_action_buttons .edit_student_list_done,
.student_action_buttons .delete_my_students,
.student_action_buttons .reset_passwords,
.student_action_buttons .reset_data,
.student_action_buttons .remove_from_school,
.student_action_buttons .invite_student, 
.student_action_buttons .add_to_class_button, 
.student_action_buttons .other_teacher_select_all_students,
.student_action_buttons .other_teacher_edit_student_list_done,
.student_action_buttons .other_teacher_delete_my_students {
	display: none;
	cursor: pointer;
}

/* Label for "Select all" button changes which changes its width. Keep the width always constant. */ 
.student_action_buttons .select_all_students,
.student_action_buttons .other_teacher_select_all_students {
	width: 110px;
	text-align: center;	
}

.league_header1 {
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	color: #215587;
}

.league_header2 {
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
	color: #215587;
}

.league_header3 {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}

.league_description {
	width: fit-content;
	margin: 2em auto;
	line-height: 2em;
}

.league_card .league_name {
	font-weight: bold;
	font-size: 1.1em;
}

.join_league_button {
	padding: 10px 35px;
	font-size: 1.2em;
	border: 1px solid #bcbec0;
	border-radius: 3px;
	cursor: pointer;
	background-color: #efefef;
	font-weight: bold;
	margin: auto 15px;
}

.loading_icon_container {
	/* display: none; */
	width: fit-content;
	background-color: black;
	color: #fff;
	border-radius: 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.8em;
	z-index: 1000;	
	/* padding: 7px 10px; */
}

.student_cards_checkbox_action_message_container {
	/* display: none; */
	width: fit-content;
	background-color: black;
	color: #fff;
	border-radius: 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.8em;
	z-index: 1000;	
	/* padding: 7px 10px; */
}


.loading_icon_container .loading_icon,
.student_cards_checkbox_action_message_container .loading_icon {
	display: none;
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1.5s linear infinite;	
	margin: 7px 10px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(90deg); }
	50% { transform: rotate(180deg); }
	75% { transform: rotate(270deg); }
	100% { transform: rotate(360deg); }
}

.loading_icon_container .loading_message {	
	display: none;
	padding: 0 10px;
	/* margin-top: -7px; */
}

.student_cards_checkbox_action_message_container .action_message {
	display: none;
	margin: 7px 10px;
}

.action_result_message {
	display: none;
	margin: 7px 10px;
}

.same_school_student_list {
	margin-top: 3em;
	padding-bottom: 1em;
}

.other_teacher_section {
	width: 96%;
	border: 1px solid #e9e4e4;
	border-radius: 5px;
	margin: 1em auto;
	padding: 0;	
}

.other_teacher_header {
	font-weight: bold;
	background: #f9f9f9;	
	border-bottom: 1px solid #e9e4e4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 1em;
	margin-bottom: 1em;
}

.other_teacher_student_list {
	margin: 1em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	flex-wrap: wrap;
}

.other_teacher_student_action_buttons {
	width: fit-content;
	margin: auto;
}

.selected_duration:hover,
.selected_course:hover,
.selected_unit_group_index:hover {
	cursor: pointer;
}

.course_unit_header:hover {
	cursor: pointer;
}

/* .selected_course_unit_header { */
	/* background-color: #dcf6f7 !important; */
/* } */


.create_assignment_confirm_dialog {
	display: none;
	background-color: #f5f5f5;
	border-radius: 10px;
	/* text-align: center; */
	width: fit-content;
	margin: auto;
	border: 1px solid #8f8f8f;
	box-shadow: 2px -2px 5px 0 #babece;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}

.create_assignment_confirm_dialog .confirm_header {
	background-color: #4b4b4b;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 8px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 1.1em;
}

.create_assignment_confirm_dialog .confirm_body {
	margin: 1em 2em 1.5em
}

.existing_assignment_student_list {
	width: fit-content;
	overflow-y: auto;
	/* border: 1px solid #cec2c2; */
	padding: 0.5em 2em;
	margin: auto;
}

.edit_existing_assignment_buttons {
	display: flex;
	flex-direction: column;
	gap: 2em;
	align-items: center;
	justify-content: center;
	margin-top: 2em;
}

.edit_existing_assignment_buttons div {
	padding: 4px 25px;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #bcbec0;
	border-radius: 5px;
	box-shadow: 1px -1px 0px 0 #babece;
	cursor: pointer;
	text-align: center;
	background-color: #faf9f9;
}

#students-tab-students-wrapper a,
#students-tab-assignments-wrapper a {
	text-decoration: none;
}

.active_link_in_tab span {
	/* color: #8cb7ca; */
	/* border-bottom: 4px solid #8cb7ca; */
	color: #3b5998;
	border-bottom: 4px solid #3b5998;
	padding-bottom: 5px;
	border-radius: 4px;
	text-decoration: none;
}

.active_link_in_tab:hover,
.active_link_in_tab:visited {
	color: #3b5998;
	text-decoration: none;
}

.inactive_link_in_tab {
	color: #3b5998;
	border: 0;
}

.teacher_list_icon,
.student_list_icon {
	width: auto;
	height: 33px;
	margin-right: 3px;
}

.assignments_icon {
	width: auto;
	height: 33px;
	margin-right: 3px;
}

.progress_icon {
	width: 33px;
	height: 33px;
	margin-right: 3px;
}

.teacher_menu_icon {
	height: 32px;
	width: 32px;
	/* margin-right: 3px; */
	margin-top: 1px;	
}

.copy_class_code_form_container .header-text {
	font-weight: bold;
	font-size: 1.2em;
}

.copy_class_code_input_fields_container {
	margin: 1em auto;
}

.copy_class_code_button {
	margin-left: 1em;
	margin-top: 2px;
}

.class_leaderboard_link,
.leagues_link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.9em;
	position: relative;
	top: -28px;
	/* left: -10em; */
	float: left;
}

.leagues_link {
	margin-left: 2em;
}

.class_leaderboard_link:hover,
.class_leaderboard_link:visited,
.leagues_link:hover,
.leagues_link:visited {
	text-decoration: none;
}

.class_leaderboard_link img,
.leagues_link img {
	width: auto;
	height: 45px;
}

.class_leaderboard_link span,
.leagues_link span {
	position: relative;
	top: -5px;
}

.add_teacher_in_class,
.edit_class {
	display: block;
	float: right;
	text-align: center;
	margin: auto 10px;
	font-size: 1.15em;
	color: #215587;
	cursor: pointer;
}

.add_teacher_in_class span,
.edit_class span {
	display: block;
	font-size: 0.6em;
	line-height: 0.5em;
}

.invite_teacher_to_class_container {
	display: block;
	width: fit-content;
	margin: 10px auto;	
	background-color: #f9f9f9 !important;
}

.tmgradebook-invite-teacher-to-class {
	/* margin-bottom: 3em; */
}

.invite_teacher_to_class_container input, 
.invite_teacher_to_class_container .select-wrapper {
	width: 25em;
	margin: auto;	
}

.invite_teacher_to_class_container input { 
	margin-right: auto !important; /* drupal uses margin-right: 1px on input felements in forms which shows input field right aligned but we want it center aligned */
}

.invite_teacher_to_class_container .separator {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 2em 0;
}

.invite_teacher_to_class_container .separator::before,
.invite_teacher_to_class_container .separator::after {
	content: "";
	flex: 1; /* This makes the lines take up equal space */
	border-top: 1px solid #dacdcd;
	margin: 0 1em; /* Space between the line and the text */
}

.invite_teacher_to_class_container .panel-body {	
	text-align: center;
	width: fit-content;
	margin: 1em auto;
	padding: 1em 3em;
}

.invite_teacher_to_class_container #teacher_to_invite {
	cursor: pointer;
}

.tmgradebook-join-student-in-class-form  {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 60%;
	margin: auto;
	margin-top: 6em;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background-color: #f9f9f9;
	padding: 2em;
}

.tmgradebook-join-student-in-class-form .top_header {
	font-size: 1.6em;
	font-weight: bold;
	margin: 1em auto;
}

.tmgradebook-join-student-in-class-form .classname {
	color: #215587;
}

.tmgradebook-join-student-in-class-form .continueClassCodeInputButton,
.tmgradebook-join-student-in-class-form .signupToJoinClass,
.tmgradebook-join-student-in-class-form .loginToJoinClass,
.tmgradebook-join-student-in-class-form .joinClassButton {
	/* display: block; */
	margin: auto;
	margin-top: 1.5em;
	width: 14em;
	padding: 0.6em 1em;
	font-size: 1.1em;
	font-weight: bold;
}

.tmgradebook-join-student-in-class-form .user_account_submit {
	background-color: #cc9900;
	border-radius: 5px;
}

.tmgradebook-join-student-in-class-form .signupButtonContainer,
.tmgradebook-join-student-in-class-form .loginButtonContainer,
.tmgradebook-join-student-in-class-form .joinClassButtonContainer,
.tmgradebook-join-student-in-class-form .continueButtonContainer {
	width: fit-content;
	margin: auto;
}

.tmgradebook-join-student-in-class-form .classCode {
	width: 7.5em;
	margin: auto;
	font-size: 2em;
	padding: 25px 15px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.tmgradebook-join-student-in-class-form .feedback {
	font-size: 1.2em;
	text-align: center;
}

.student_progress_link_container {
	float: right;
	position: relative;
	top: -30px;
	left: 5px;
}

.student_progress_link_container a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 0.8em;
}

.student_progress_link_container a span {
	margin-top: -3px;
}

.student_progress_link_container a:hover,
.student_progress_link_container a:visited {
	text-decoration: none;
}

.students_tab_students_container {
	clear: both;
}

.student_progress_container #back-to-class-wrapper {
	margin-bottom: 10px;
}

.add_existing_student_cards_container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	flex-wrap: wrap;
	margin: 1em auto 0;
}

.add_existing_student_cards_container .existing_student_card {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0.5em;
	width: 32%;
	height: 66px;
	cursor: pointer;
	background: white;
	border: 1px solid #e5e8ef;
	padding: 0.5em;
	box-shadow: 3px 3px 3px 0 #efefef;
}

.add_existing_student_cards_container .student_image {
	width: 40px;
	height: 40px;
	margin-left: 5px;
}

.add_existing_student_cards_container .student_name {
	color: #7a5a40;
	overflow-wrap: anywhere;
	width: 80%;
	margin-left: 10px;
}

.add_existing_student_cards_container .existing_student_checkbox {
	cursor: pointer;
	transform: scale(1.3);
	margin-right: 10px;
	margin-left: 20px;
}

.google_classroom_list_container {
	width: fit-content;
	margin: auto;
	border-radius: 10px;
	padding: 2em 4em 3em;
	border: 1px solid #5c5454;
	box-sizing: border-box;
	box-shadow: 10px 2px 125px 20px rgba(0, 0, 0, .85);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	background-color: white;
	max-height: 750px;
	overflow-y: auto;
}

.google_classroom_list_container h2 {
	margin-bottom: 1.5em;
	text-align: center;
}

.google-classroom-radio-group {
	margin-bottom: 20px;
}

.google-classroom-radio-group label {
	cursor: pointer;
}

.google-classroom-radio-group .radio-label {
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 10px;
}

.google-classroom-radio-group .student-names {
	margin-left: 25px;
	font-size: 0.9em;
	max-height: 4em;
	overflow: hidden;
}

.google_classroom_list_container .imported-class {
	color: #8e8d90;
}

.google_classroom_list_container .resyncClassButton {
	margin-left: 1em;
	padding-left: 2em;
	padding-right: 2em;
}

.google_classroom_list_container .nothing_to_import {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}

.imported_google_classroom {
	width: auto;
	height: 21px;
	position: relative;	
	top: -3px;
	right: 29px;
}

.create_or_import_class_container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
	margin-bottom: 1em;
}

.create_or_import_class_container .add_new_class {
	padding-left: 4rem;
	padding-right: 4rem;
}

.create_or_import_class_container .authentication-social-signin-social-button {
	width: fit-content;
	text-decoration: none;
}

.create_or_import_class_container span {
	margin-left: 1em;
}

.create_or_import_class_container .fa-plus-square,
.create_or_import_class_container .fa-minus-square {
	font-size: 2em;
}

.create_new_course_assignment_container .assignment_student_list_group,
.duplicate_course_assignment_container .assignment_student_list_group {
	clear: both;
}

.create_new_course_assignment_container .duedate,
.edit_course_assignment_container .duedate,
.duplicate_course_assignment_container .duedate {
	border-color: #ccc !important;
}

.active_class {
	display: flex;
}

.teachers_guide_to_school_courses .school_course_instrument_selection {
	margin-bottom: 2em;
}

.google_class_card_template {
	display: none;
}

.google_classroom_message {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2em;	
	background-color: white;
	border: 1px solid #5c5454;
	border-radius: 10px;
	padding: 3em 4em;
	box-sizing: border-box;
	box-shadow: 10px 2px 125px 20px rgba(0, 0, 0, .85);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

.google_classroom_message span {
	font-size: 1.3em
}

.google_classroom_message button {
	padding-left: 2em;
  padding-right: 2em;
}

.ui-multiselect-checkboxes input {
	/* transform: scale(1.3); */
	/* right: 2px; */
	left: 1px;
}

.google_classroom_access_required_dialog {
	background-color: white;
	border: 1px solid #5c5454;
	border-radius: 10px;
	padding: 3em 4em;
	box-sizing: border-box;
	box-shadow: 10px 2px 125px 20px rgba(0, 0, 0, .85);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

.google_classroom_access_required_dialog h2 {
	margin-top: 0;
	margin-bottom: 20px;
}

.google_classroom_access_required_dialog button {
	width: 125px;
}

.google_classroom_access_required_dialog .access_for_google_classrooms {
	margin-right: 1.5em;
}

.ui-multiselect-checkboxes label span {
	font-size: 1.1em;
	position: relative;
	left: 2px;
}

#course-assignment-table-div {
	margin-bottom: 2em;
}

.class-console-google-icon {
	right: -10px;
}

.form-item-min-accuracy-for-exercise,
.form-item-min-accuracy-for-exercise label,
.form-item-min-accuracy-for-exercise input {
	float: left;
}

.form-item-min-accuracy-for-exercise {
	margin-top: 10px;
}

.highlight-min-accuracy-message {
	animation: blink 2s 6;
}

@keyframes blink {
	0% { 
		background-color: white;
		padding: 1em 1em 2em;
    border-radius: 10px;
	}
	50% { 
		background-color: #efefef;
		padding: 1em 1em 2em;
    border-radius: 10px;
	}
	100% { 
		background-color: #eeeeee;
		padding: 1em 1em 2em;
    border-radius: 10px;
	}
}

.form-item-min-accuracy-for-exercise #min_accuracy_for_exercise {
	width: 4em;
	margin: -3px 10px auto;
}

.min_accuracy_percent_label {
	position: relative;
	top: 10px;
	float: left;
}

.show_points_in_course_progress_report {
	margin-top: 0;
}

.tmgradebook-student-settings-form button {
	margin-top: 1em;
}

.tmgradebook-course-settings-form legend {
	font-size: 15px;
	font-weight: bold;
}

.students_added_to_class_message {
	display: none;
	font-size: 0.9em;
	padding: 1.5em 2em;
}

.students_added_to_class_message .buttons {
	clear: both;
	width: fit-content;
    margin: auto;
    margin-top: 1em;
}

.students_added_to_class_message .simplebutton {
	border: 1px solid black;
    padding: 5px 15px;
    width: 110px;
    display: inline-block;
    text-align: center;
    background: white;
    color: black;
	cursor: pointer;
}

.students_added_to_class_message .students_added_to_class_okbutton {
	margin-left: 15px;
}

.loading_image_center_aligned {
    display: block;
    margin: auto;
    width: fit-content;
}

.age_of_students_section,
.type_of_students_section {
	border: 1px solid #212121;
	border-radius: 5px;
	/* margin-top: 2em; */
	clear: both;
}

.age_of_students_header,
.type_of_students_header {
	background-color: #f5f5f5;
	padding: 0.5em 1em;
	font-weight: bold;
	border-bottom: 1px solid #212121;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.age_of_students_checkboxes div, 
.type_of_students_checkboxes div {
	margin: 0.8em 1em;
}

.age_of_students_checkboxes,
.type_of_students_checkboxes {
	background-color: white;
}

.age_of_students_checkboxes input[type='checkbox'], 
.type_of_students_checkboxes input[type='checkbox'] {
	transform: scale(1.2);
}

.type_of_students_section #edit-other-instrument {
	width: 180px;
}

.type_of_students_section .other-instrument-focus {
	border-color: #843534;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.type_of_students_other {
	display: flex;
	gap: 1em;
}

.type_of_students_other div {
	margin: 0;
}

.confirm_teacher_section {
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	width: fit-content;
	margin: auto;
	padding: 2em;
}

.buttons_center_aligned {
	width: fit-content;
	margin: auto;
}

.admin_teacher_symbol {
	font-weight: bold;
	background-color: #efefef;
	padding: 5px 20px;
	border-radius: 5px;
	/* position: relative; */
	/* top: 5px;	 */
}

.teacher_code {
	cursor: pointer;
}

.student_card_of_other_teacher {
	background: #efefef !important;
}

.students_tab_students_container .teacher_select_list {
	margin: 0 auto 15px;
	width: fit-content;	
}

.students_tab_students_container .teacher_select_list select {
	padding: 5px;
	cursor: pointer;
}

.students_tab_students_container .teacher_select_list option {
	cursor: pointer;
}

@media (max-width: 1750px) {
	.class_console_links_row,
	.class-teacher-list, 
	.class-student-list, 
	.class-assignment-list,
	.back-to-class-list,
	.school_course_links_and_add_teachers_container {
		width: 90%;
	}
}

/* @media (max-width: 1650px) { */
	/* .student_cards_container .student_card { */
		/* width: 48%; */
	/* } */
/* } */

@media (max-width: 1560px) {
	.class_console_links_row {
		/* width: 50%; */
	}
	
	#classroom-students-wrapper, 
	#classroom-assignments-wrapper, 
	.class_console_links .icon-dropdown,
	.edit_class_link {
		/* width: 50%; */
		/* margin-left: 0; */
	}
}


@media (max-width: 1480px) {
	.add_existing_student_cards_container .existing_student_card {
		width: 31%;
	}
}


/* For desktop browser */
@media (max-width: 1465px) {

	/* .tmgradebook-custom-course-assignment-form, .tmgradebook-custom-course-assignment-edit-form { */
		/* width: 85%; */
	/* } */

	.tmgradebook-custom-course-assignment-form, .tmgradebook-custom-course-assignment-edit-form {
		width: 90%;
	}

	/* .tmgradebook-teacher-registration-form { */
		/* width: 65%; */
	/* }	 */

	.all_assignments_status__elements {
		width: 80%;
	}
}


/* For desktop browser */
@media (max-width: 1445px) {

	.add_siblings_container {
		width: 80%;
		margin: auto;
	}	

	.add_sibling_input_fields {
		width: 75%;
	}
	
	.class_console_links {
		/* font-size: small; */
	}
}

	
/* For desktop browser */
@media (max-width: 1390px) {

	.all_assignments_status__elements {
		width: 85%;
	}

	.course_progress_explanation .unit_explanation {
		width: 270px;
	}

	.add_new_class_container {
		width: 45%;
	}
}
	
/* For desktop browser */
@media (max-width: 1375px) {
	
	.enter-teacher-code-img {
		margin-right: 40px;
	}

	.teacher-registration-img {
		margin-right: 120px;
	}

	.add_sibling_input_fields {
		width: 80%;
	}
	
	#classrooms-list-table .class_list_links {
		width: 12%;
	}

	.create_new_game_assignment_div, .edit_game_assignment_div {
		/* width: 95%; */
	}
	
	.class-student-list .student_cards_container .student_card {
		width: 31%;
	}
	
	.class_assignment_cards_elements .assignment_cards_container .assignment_card {
		width: 31%;
	}
}


@media (max-width: 1350px) {
	.teacher_info_viewable_fields, .teacher_info_editable_fields {
		width: 80%;
	}

	/* nav.teacher-menu { */
		/* left: 45%; */
	/* } */

}

	
/* For desktop browser */
@media (max-width: 1310px) {

	.add_siblings_container {
		width: 90%;
		margin: auto;
	}	

	/* .tmgradebook-teacher-registration-form { */
		/* width: 75%; */
	/* }	 */

	.all_assignments_status__elements {
		width: 90%;
	}
	
	/*.teacher-registration-img {
		margin-right: 90px;
	}*/
}


/* For desktop browser */
@media (max-width: 1265px) {

	.all_assignments_status__elements {
		width: 95%;
	}
	
	/* .class_console_links { */
		/* width: 80%; */
	/* } */

	.add_reg_teacher_input_fields {
		width: 32%;
	}

	/* .tmgradebook-custom-course-assignment-form, .tmgradebook-custom-course-assignment-edit-form { */
		/* width: 90%; */
	/* } */

	.class_console_links {
		/* width: 50%; */
	}
}


/* For desktop browser */
@media (max-width: 1230px) {

	.enter_teacher_code_container {
		width: 95%;
	}

	#enter-student-account-info-popup {
		left: 42%;
	}
	
	/*.teacher-registration-img {
		margin-right: 40px;
	}*/

	.class_console_links_row,
	..class-teacher-list, 
	.class-assignment-list,
	.class-student-list, 
	.back-to-class-list,
	.school_course_links_and_add_teachers_container {
		width: 95%;
	}
	
	/* .tmgradebook-custom-course-assignment-form { */
	.tmgradebook-custom-course-assignment-form, .tmgradebook-custom-course-assignment-edit-form {
		width: 95%;
	}
	

	.student_cards_container .student_card {
		width: 31%;
	}

	.add_existing_student_cards_container .existing_student_card {
		width: 48%;
	}
	
	.assignment_cards_container .assignment_card {
		width: 31%;
	}
	
	.class_assignment_cards_elements .assignment_cards_container .assignment_card {
		width: 31%;
	}
	
}

@media (max-width: 1210px) {
	.teacher_info_viewable_fields, .teacher_info_editable_fields {
		width: 90%;
	}

	.add_new_class_container {
		width: 50%;
	}
}

	
/* For desktop browser */
@media (max-width: 1195px) {

	.tmgradebook-custom-course-assignment-form, .tmgradebook-custom-course-assignment-edit-form {
		width: 100%;
	}

	.all_assignments_status__elements {
		width: 100%;
	}
	
	.class_leaderboard_link {
		left: -7em;
	}
}


/* For desktop browser */
@media (max-width: 1175px) {
	
	.teacher-registration-img {
		margin-right: 50px;
	}

	.add_siblings_container {
		width: 100%;
		margin: auto;
	}	
	
	.student-invitation-email, .sibling-invitation-email {
		width: 100%;
	}

	.multiple-teachers-in-class {
		gap: 1em;
	}

	.multiple-teachers-in-class a {
		font-size: 1em;
	}
	
	.duplicate_game_assignment_container {
		width: 90% !important;
	}
	
	/* #classroom-assignments-wrapper { */
		/* width: 45%; */
	/* } */
}



/* For desktop browser */
@media (max-width: 1125px) {

	.enter-teacher-code-img {
		margin-right: 10px;
	}

	#classrooms-list-table .class_list_links {
		width: 12%;
	}

	.add_reg_teacher_input_fields {
		width: 35%;
	}
	
	.student_action_buttons {
		flex-wrap: wrap;
	}

	.class-student-list .student_cards_container .student_card {
		width: 48%;
	}
	
	.class_assignment_cards_elements .assignment_cards_container .assignment_card {
		width: 48%;
	}
}


/* For desktop browser */
@media (max-width: 1100px) {
	
	.teacher-registration-img {
		margin-right: 80px;
	}
	
	.class_list .class {
		width: 270px;
	}

	.student_cards_container .student_card {
		width: 48%;
	}	
	
	.assignment_cards_container .assignment_card {
		width: 48%;
	}
}


@media (max-width: 1085px) {

	/* Assignment fields on a class page */
	.class-assignment-list .create_new_game_assignment_container input.form-text,
	.class-assignment-list .create_new_game_assignment_container select,
	.class-assignment-list .duplicate_game_assignment_container input.form-text,
	.class-assignment-list .duplicate_game_assignment_container select {
		width: 370px;
		clear: both;
	}
	
	/* Assignment fields on a class page */
	.class-assignment-list .create_new_game_assignment_container .assignment_student_list_group,
	.class-assignment-list .duplicate_game_assignment_container .assignment_student_list_group {
		margin-left: 0;
		margin-top: 1em;
	}
	
	/* Assignment fields on a class page */
	.class-assignment-list .create_new_game_assignment_container .assignment_selected_students_remove,
	.class-assignment-list .duplicate_game_assignment_container .assignment_selected_students_remove {
		margin-top: 6.5em;
	}

	/* Assignment fields on a class page */
	.class-assignment-list .create_new_game_assignment_container .assignment-list,
	.class-assignment-list .duplicate_game_assignment_container .assignment-list {
		margin-top: 1em;
	}
	
	.class-assignment-list .create_new_game_assignment_container .activityListSelectedButton .fa-caret-up, 
	.class-assignment-list .create_new_game_assignment_container .activityListSelectedButton .fa-caret-up-alt,
	.class-assignment-list .duplicate_game_assignment_container .activityListSelectedButton .fa-caret-up, 
	.class-assignment-list .duplicate_game_assignment_container .activityListSelectedButton .fa-caret-up-alt {
		margin-top: 1em;
	}
	
	/* Due date in assignment on a class page */
	.class-assignment-list .create_new_game_assignment_container .game_assignment_due_date,
	.class-assignment-list .duplicate_game_assignment_container .game_assignment_due_date {
		margin-left: 0;
		margin-top: 1em;
		clear: both;
	}
	
	.class-assignment-list .create_new_game_assignment_container .coursedesc,
	.class-assignment-list .duplicate_game_assignment_container .coursedesc {
		width: 100%;
	}
}



@media (max-width: 1075px) {
	#enter-student-account-info-popup {
		left: 35%;
	}

	.class_console_links {
		/* width: 55%; */
	}
	
	.class_leaderboard_link {
		left: -4em;
	}	
}	


/* Width at which the Pricing button at the top bar becomes hidden in tmcustom.css */
@media (max-width: 1050px) {
	.add_existing_student_cards_container .existing_student_card {
		width: 47%;
	}
	
	.duplicate_game_assignment_container {
		width: 100% !important;
	}
}

/* For desktop browser */
@media (max-width: 1020px) {

	.create_new_course_assignment_container, 
	.edit_course_assignment_container,
	.duplicate_course_assignment_container {
		width: 70%;
	}

	.add_new_class_container {
		width: 60%;
	}
	
	/* .edit_class_container, .add_existing_students_in_class_container { */
	.edit_class_container {
		width: 90%;
	}

	/* .class_console_links { */
		/* width: 80%; */
	/* } */

	/* #classroom-students-wrapper,  */
	/* #classroom-assignments-wrapper,  */
	/* .class_console_links .icon-dropdown, */
	/* .edit_class_link { */
		/* margin-left: 2em; */
	/* } */
	
	.enter-teacher-code-img {
		margin-right: -20px;
	}

	/* .tmgradebook-teacher-registration-form { */
		/* width: 95%; */
	/* }	 */
	
	/*.teacher-registration-img {
		margin-right: 140px;
	}*/
	
	.enter_teacher_code_container {
		width: 85%;
	}
	
	.all_student_list .admin_button {
		width: auto;
	}
	
	.add_sibling_fields_gap {
		clear: both;
		margin-left: auto;
		margin-top: 1em;
	}
	
	.add_sibling_icon_gap {
		margin-top: 0.4em;
	}

	/* .create_new_game_assignment_div, .edit_game_assignment_div { */
		/* width: 95%; */
	/* } */

	.course_progress_explanation .unit_explanation {
		width: 200px;
	}
	
	.class_list .class {
		width: 240px;
	}

}

	
@media (max-width: 980px) {
	.class_assignment_cards_elements .assignment_cards_container .assignment_card {
		width: 46%;
	}
	
	.class_archived_display_toggle_button {
		float: none;
		margin: auto;
	}
}


/* For desktop browser */
@media (max-width: 970px) {
	/* .class_console_links { */
		/* width: 90%; */
	/* } */

	.teacher_info_viewable_fields, .teacher_info_editable_fields {
		width: 100%;
	}

	#enter-student-account-info-popup {
		left: 33%;
	}
	
	/* #classroom-assignments-wrapper { */
		/* width: 40%; */
	/* }	 */
	
	.class-student-list .student_cards_container .student_card {
		width: 45%;
	}
	
	.class_assignment_cards_elements .assignment_cards_container .assignment_card {
		width: 45%;
	}

	.multiple-teachers-in-class {
		position: relative;
		left: 0;
		transform: translateX(0);
		clear: both;
		gap: 2em;
	}

	.multiple-teachers-in-class a {
		font-size: 1.2em;
	}
	
	.class_leaderboard_link {
		left: -1em;
	}	

}



@media (max-width: 940px) {
	.create_new_game_assignment_container input.form-text,
	.create_new_game_assignment_container select,
	.duplicate_game_assignment_container input.form-text,
	.duplicate_game_assignment_container select,
	.edit_game_assignment_container input.form-text,
	.edit_game_assignment_container select {
		width: 350px;
	}
}


/* For desktop browser */
@media (max-width: 930px) {
	table.all_student_list {
		font-size: small;
	}

	#enter-student-account-info-popup {
		left: 28%;
	}

	.class_console_links {
		/* width: 65%; */
		/* clear: both; */
	}
	
}


/* For desktop browser */
@media (max-width: 920px) {
	.enter_teacher_code_container {
		width: 90%;
	}
	
	/* Teacher info form: Input field and label */
	.teacher_info_editable_fields .form-item {
		width: 100%;
		margin: 0.5em auto auto;
	}
}


/* For desktop browser */
@media (max-width: 895px) {

	/* .tmgradebook-teacher-registration-form { */
		/* width: 100%; */
	/* }	 */
	
	.teacher-registration-img {
		margin-right: 50px;
	}

	table.all_student_list {
		font-size: smaller;
	}
	
	#classrooms-list-table .class_list_links {
		width: 15%;
	}

	.create_new_game_assignment_div, .edit_game_assignment_div {
		width: 100%;
	}

	/* .teacher-menu-responsive-button { */
		/* left: 40%; */
	/* } */
	
	/* nav.teacher-menu { */
		/* left: 40%; */
	/* } */
	
	.class_list .class {
		width: 290px;
	}

	.class_console_links {
		position: relative;
    left: 0;
    transform: translateX(0);
    clear: both;
	}

	.create_new_game_assignment_container input.form-text,
	.create_new_game_assignment_container select,
	.duplicate_game_assignment_container input.form-text,
	.duplicate_game_assignment_container select,
	.edit_game_assignment_container input.form-text,
	.edit_game_assignment_container select {
		width: 330px;
	}
}



@media (max-width: 860px) {
	
	#enter-student-account-info-popup {
		left: 23%;
	}

	.teacher-registration-img {
		display: none;
	}

	.tmgradebook-teacher-registration-form .form-item-school {
		margin-top: 1em;
	}
	
	.teacher-registration-fields-gap {
		float: none;
		margin-left: 0;
	}

	.tmgradebook-teacher-registration-form .form-item-username,
	.tmgradebook-teacher-registration-form #edit-password-pass1,
	.tmgradebook-teacher-registration-form #edit-password-pass2,
	.tmgradebook-teacher-registration-form .form-item-firstname,
	.tmgradebook-teacher-registration-form .form-item-lastname,
	.tmgradebook-teacher-registration-form .form-item-school,
	.tmgradebook-teacher-registration-form .form-item-code,
	.tmgradebook-teacher-registration-form input {
		float: none !important;
		width: 100% !important;
	}
	
	.tmgradebook-teacher-registration-form .g-recaptcha {
		margin-top: 2em;
	}

	table.all_student_list {
		font-size: x-small;
	}
	
	#class-leaderboard {
		clear: both;
    float: none;	
	}
	
	.class_leaderboard_link {
		left: 0;
		top: 0;
	}
	
	.class_console_links_row {
		margin-top: -1em;
	}

	/* .create_new_game_assignment_div, */
	/* .edit_game_assignment_div { */
		/* width: 70%; */
	/* } */
	
	/* .create_new_game_assignment_container .assignment-name,  */
	/* .create_new_game_assignment_container .form-item-game-id, */
	/* .create_new_game_assignment_container .form-item-activityselect, */
	/* .create_new_game_assignment_container .assignment_student_list_group,  */
	/* .create_new_game_assignment_container .assignment-list,  */
	/* .create_new_game_assignment_container .activitySearchSelectedButtonDiv { */
		/* padding: 0 !important; */
		/* margin: auto !important; */
	/* } */
	
	/* .create_new_game_assignment_container .student_list_label, */
	/* .create_new_game_assignment_container .assignment-list { */
		/* margin-top: 1em !important; */
	/* } */

	/* .create_new_game_assignment_container .form-item-description { */
		/* margin-left: -0.1em !important; */
	/* } */
	
	/* .create_new_game_assignment_container .coursedesc { */
		/* width: 100%; */
	/* } */
	
	
	/* .edit_game_assignment_container .assignment-name,  */
	/* .edit_game_assignment_container .form-item-game-id, */
	/* .edit_game_assignment_container .form-item-activityselect, */
	/* .edit_game_assignment_container .assignment_student_list_group,  */
	/* .edit_game_assignment_container .assignment-list,  */
	/* .edit_game_assignment_container .activitySearchSelectedButtonDiv { */
		/* padding: 0 !important; */
		/* margin: auto !important; */
	/* } */
	
	/* .edit_game_assignment_container .student_list_label, */
	/* .edit_game_assignment_container .assignment-list { */
		/* margin-top: 1em !important; */
	/* } */

	/* .edit_game_assignment_container .form-item-description { */
		/* margin-left: -0.1em !important; */
	/* } */
	
	/* .activitySearchSelectedButton { */
		/* margin-top: 18rem; */
	/* } */

	/* .edit_game_assignment_container .coursedesc, */
	/* .edit_course_assignment_container .coursedesc { */
		/* width: 100%; */
	/* } */

	/* .activityListSelectedButton .fa-caret-up, .activityListSelectedButton .fa-caret-up-alt { */
		/* margin-top: 1.2em; */
	/* } */

	/* .activityListSelectedButton .fa-trash, .activityListSelectedButton .fa-trash-alt { */
		/* margin-top: 6.7em; */
	/* } */


	.create_new_game_assignment_container input.form-text,
	.create_new_game_assignment_container select,
	.duplicate_game_assignment_container input.form-text,
	.duplicate_game_assignment_container select,
	.edit_game_assignment_container input.form-text,
	.edit_game_assignment_container select {
		width: 320px;
	}
	
	.create_new_game_assignment_container .coursedesc, .edit_game_assignment_container .coursedesc,
	.duplicate_game_assignment_container .coursedesc, .edit_game_assignment_container .coursedesc {
		width: 100%;
	}
	
	.pricing_button_teacher_menu_css {
		/* margin-left: 45px; */
	}
}

/* For desktop browser */
@media (max-width: 850px) {
	.enter_teacher_code_container {
		width: 95%;
	}


	.student_cards_container .student_card {
		width: 47%;
	}
	
	.assignment_cards_container .assignment_card {
		width: 47%;
	}
}


@media (max-width: 835px) {

	.create_new_game_assignment_container input.form-text,
	.create_new_game_assignment_container select,
	.duplicate_game_assignment_container input.form-text,
	.duplicate_game_assignment_container select,
	.edit_game_assignment_container input.form-text,
	.edit_game_assignment_container select {
		width: 370px;
		clear: both;
	}
	
	.create_new_game_assignment_container .assignment_student_list_group,
	.duplicate_game_assignment_container .assignment_student_list_group,
	.edit_game_assignment_container .assignment_student_list_group {
		margin-left: 0;
		margin-top: 1em;
	}
	
	.create_new_game_assignment_container .assignment_selected_students_remove,
	.duplicate_game_assignment_container .assignment_selected_students_remove,
	.edit_game_assignment_container .assignment_selected_students_remove {
		margin-top: 6.5em;
	}

	.create_new_game_assignment_container .assignemnt-list,
	.duplicate_game_assignment_container .assignemnt-list,
	.edit_game_assignment_container .assignemnt-list {
		margin-top: 1em;
	}
}

	
/* Device width <= 800px */
@media (max-width: 800px) {
	
	table.high_score_tables_cotainer div.table-responsive {
		border: none;
	}

	table.high_score_tables_cotainer .loading_image {
		width: 20px;
		height: 20px;
	}

	.enter-teacher-code-img {
		display: none;
	}
	
	/* .teacher_registration_form_start { */
		/* margin: 0; */
	/* } */

	.enter_teacher_code_container {
		width: 100%;
	}
	
	.enter_teacher_code_left_part {
		width: 100%;
		text-align: justify;
	}

	.enter_teacher_code_interactive_fields {
		width: 100%;
	}

	.enter-teacher-code-submit {
		margin-left: auto;
		margin-top: 1em;
		width: 100%;
		text-align: center;
	}
	
	.enter_teacher_code_input {
		width: 100% !important;
	}

	/* Teacher info form: Container containing only text elements */
	.teacher_info_viewable_fields, .sub_teacher_elements {
		width: 100%;
		margin: 0 auto;
	}

	/* Teacher info form: Only text elements */
	.teacher_info_viewable_field {
		width: 45%;
		float: left;
		margin-left: 5%;
	}
	
	.teacher_info_viewable_field_no_margin {
		width: 45%;
		float: left;		
	}
	
	/* Teacher info form: Input fields and labels container */
	.teacher_info_editable_fields {
		width: 80%;
		margin: 0 auto;
	}
	
	/* Teacher info form: Input field and label */
	.teacher_info_editable_fields .form-item {
		width: 100%;
		margin: 0.5em auto auto;
	}

	/* Teacher info form: Input and label for school */
	.tmgradebook-teacher-info-form .form-item-school {
		margin-bottom: 1em !important;
	}
	
	.tmgradebook-teacher-info-form .form-item-last-name label, 
	.tmgradebook-teacher-info-form .form-item-last-name input {
		margin-left: 0;
	}
	
	.tmgradebook-teacher-info-form .responsive_viewable_field, 
	.tmgradebook-teacher-info-form .responsive_viewable_field_no_margin {
		width: 80%;
		clear: both;
		float: none;
		margin: 0.5em auto 0;
	}

	.tmgradebook-teacher-info-form .total_students_in_school {
		width: 45%;
		float: left;
		margin-left: 5%;
		padding-left: 2.5em;
	}
	
	.sub_teacher_elements .teacher_info_viewable_field, .sub_teacher_elements .responsive_viewable_field_no_margin {
		margin-left: 0;
	}

	.reg-teacher-delete {
		display: block;
		vertical-align: middle;
	}
	
	/* Scale delete icon */
	td p.reg-teacher-edit a i, td p.reg-teacher-delete a i, td p.reg-teacher-edit a svg, td p.reg-teacher-delete a svg {
		transform: scale( 1.4, 1.4 );
	}
	
	td p.reg-teacher-edit a, td p.reg-teacher-delete a {
		width: 95%;
		margin: 0 auto;
		text-align: center;
	}
	
	/* Table showing student list */
	.my-student-list {
		width: 100%;
	}
	
	.my-student-list .last_login_date {
		/*width: 10% !important;*/
	}

	a.admin_button {
		/*width: 10% !important;*/
		text-align: center;
		position: relative;
		z-index: 100;
	}
	
	td a.change-student-account-info {
		/*width: 10% !important;*/
		text-align: center;
	}
	
	.tmgradebook-confirm-reg-teacher-deletion-form .student_list_action_submit_div {
		float: none;
		text-align: center;
	}
	
	.tmgradebook-confirm-reg-teacher-deletion-form .message {
		float: none;
		text-align: center;
		margin-bottom: 0.5em;
	}
	
	.tmgradebook-confirm-reg-teacher-deletion-form .form-select {
		margin-bottom: 0.5em;
	}

	.tmgradebook-add-students-by-username-form, .tmgradebook-add-students-by-email-form {
		width: 100%;
	}

	.textarea-instruction, .form-textarea-wrapper {
		width: 96%;
		margin: 0 auto;
	}
	
	.student-invitation-email, .sibling-invitation-email {
		width: 100%;
		/*position: relative;*/
		padding: 0 1em;
		margin: 0;
	}
	
	.assignment_notification_div {
		width: 96%;
	}

	table#assignment-table th.assignment_name, table#assignment-table .assignment_name {
		width: 40%;
	}

	.create_new_game_assignment_container, .create_new_game_assignment_div,
	.edit_game_assignment_container, .edit_game_assignment_div,
	.create_new_course_assignment_container, .course_assignment_form,
	.duplicate_course_assignment_container,
	.duplicate_game_assignment_container {
		width: 100%;
		margin: auto;
		padding: auto;
	}

	.tmgradebook-custom-course-assignment-form,
	.tmgradebook-custom-course-assignment-edit-form {
		width: 100%;
	}

	/* .create_new_game_assignment_div div div div { */
		/* margin: auto 0 !important; */
		/* padding: auto 0 !important; */
		/* width: 100% !important; */
	/* }	 */
	
	/* .create_new_game_assignment_container .assignment-name,  */
	/* .create_new_game_assignment_container .form-item-game-id, */
	/* .create_new_game_assignment_container .form-item-activityselect { */
		/* margin-left: 1em !important; */
	/* } */

	/* .create_new_game_assignment_container .assignment_student_list_group { */
		/* margin-left: 7.5em !important; */
	/* } */

	/* .create_new_game_assignment_container .assignment-list { */
		/* margin-left: 0.8em !important; */
	/* } */
	
	/* .create_new_game_assignment_container .activitySearchSelectedButtonDiv { */
		/* padding-left: 1em !important; */
	/* } */

	/* .edit_game_assignment_container .assignment_student_list_group { */
		/* margin-left: 5.5em !important; */
	/* } */

	/* .edit_game_assignment_container .assignment_selected_students_remove { */
		/* font-size: 1.3em !important; */
		/* margin-top: 2em !important; */
		/* margin-left: -0.5em; */
		/* padding-top: 3.7em; */
	/* } */

	/* .create_new_game_assignment_container .assignment_selected_students_remove { */
		/* margin-left: 0.5em; */
	/* } */
	
	
	.create_new_course_assignment_container .assignment_student_list_group,
	.edit_course_assignment_container .assignment_student_list_group,
	.duplicate_course_assignment_container .assignment_student_list_group {
		margin: 1em 0 !important;		
	}

	/* .create_new_course_assignment_container .coursedesc { */
		/* width: 100%; */
	/* } */
	
	.edit_course_assignment_container {
		width: 100%;
	}

	.create_new_course_assignment_container .student_list_label,
	.duplicate_course_assignment_container .student_list_label {
		margin-top: 1em;
	}

	.create_new_course_assignment_container .assignment_student_list,
	.duplicate_course_assignment_container .assignment_student_list {
		margin-top: 0.3em;
	}

	.create_new_course_assignment_container .assignment_selected_students_remove,
	.duplicate_course_assignment_container .assignment_selected_students_remove {
		margin: 8.5em 0 0 -0.5em;
	}
	
	.create_new_course_assignment_container .coursedesc,
	.edit_game_assignment_container .coursedesc,
	.duplicate_course_assignment_container .coursedesc {
		margin-left: -0.7em;
	}

	.classroom-delete-menu {
		right: 6%;
	}

	.add_new_class_container,
	.edit_class_container,
	.add_existing_students_in_class_container	{
		width: 100%;
	}

	.class_console_links {
		/* width: 75%; */
		/* margin: 0 auto !important; */
	}
		
	/* #back-to-class-list-wrapper, */
	#classroom-teachers-wrapper,
	#classroom-students-wrapper, 
	#classroom-assignments-wrapper, 
	.class_console_links .icon-dropdown,
	.edit_class_link {
		/* width: 50%; */
		/* margin: 0 !important; */
		/* padding-left: 10%; */
		/* padding-bottom: 1em; */
	}
	
	.class_console_links .icon-dropdown .icon-dropdown-content,
	.class_console_links .icon-dropdown .add-class-students-icon-dropdown-content	{
		position: relative;
	}

	/* Reports -> School Rankings */
	.school_top_students {
		width: 100%;
	}

	/* Reports -> High Scores */
	.school-highscore-frame {
		width: 100%;
	}

	/* Reports -> High Scores */
	.school-highscore-table {
		width: 96%;
		margin: 0 auto;
	}

	table.student_game_summary, 
	div.student_game_summary,
	.progress_summary_category {
		width: 100%;
	}

	.add_reg_teacher_input_fields {
		width: 55%;
	}

	.add_sibling_input_fields {
		width: 100%;
	}

	.teacher_feedback_container {
		width: 90%;
	}

	table.all_student_list {
		font-size: initial;
	}
	
	.student_list_container .theta_responsive_table td {
		width: 100%;
	}

	#enter-student-account-info-popup {
		left: 16%;
	}
	
	/* Student list */
	.all_student_list td {
		height: 3em !important;
	}
	
	table.all_student_list .checkbox.form-no-label,
	table.all_student_list .checkbox.form-no-label label {
		display: contents;
	}

	.teacher-menu-responsive-button {
		/* left: 55%; */
	}
	
	nav.teacher-menu {
		/* left: 55%; */
	}
}


/* Device width <= 768px. e.g. iPad */
/* Specifically for create & edit pages for game/course assignment */ 
@media (max-width: 768px) {

	/* .create_new_game_assignment_container .assignment_student_list_group { */
		/* margin-left: 6em !important; */
	/* } */

	/* .create_new_game_assignment_container .assignment-list { */
		/* margin-left: 0 !important; */
	/* } */

	/* Right arrow button to copy games/levels for assignemnt */
	/* .create_new_game_assignment_container .activitySearchSelectedButtonDiv { */
		/* padding-left: 0.5em !important; */
	/* } */
	
	/* Edit game assignment page: Selected games/levels for assignments */
	.edit_game_assignment_container #activityselect, .edit_game_assignment_container #activitylist {
		/* width: 29.5rem; */
	}

	/* Edit game assignment page: Student list for assignment */
	.edit_game_assignment_container .assignment_student_list_group {
		/* margin-left: 4em !important; */
		/* width: 29rem !important; */
	}

	/* Right arrow button to copy games/levels for assignemnt */
	.edit_game_assignment_container .activitySearchSelectedButtonDiv {
		/* margin-left: -0.5em; */
	}

	/* Edit game assignment page: "Playlist" label and select list for selected game/levels for assignment */
	.edit_game_assignment_container .assignment-list {
		/* margin-left: -1em !important; */
	}

	.edit_game_assignment_container .assignment_selected_students_remove {
		/* margin-left: 1.5em; */
	}
	
	.class-student-list .student_cards_container .student_card {
		width: 100%;
	}
	
	.class_assignment_cards_elements .assignment_cards_container .assignment_card {
		width: 100%;
	}

	.add_existing_student_cards_container .existing_student_card {
		width: 100%;
	}
}


@media (max-width: 740px) {
	#enter-student-account-info-popup {
		left: 11%;
	}

	.student_cards_container .student_card {
		width: 100%;
	}	
	
	.assignment_cards_container .assignment_card {
		width: 100%;
	}
}


@media (max-width : 710px) {

	.school_course_links_and_add_teachers_container {
		overflow: visible;
	}

	.duplicate_course_assignment_container .panel-body {
		padding: 0 4em 2em;
	}
	
	/* .add_teacher_in_class { */
		/* float: none; */
		/* clear: both; */
	/* } */
}

@media (max-width : 660px) {
	.class_console_links {
		/* width: fit-content; */
	}
	
	.class_list .class {
		width: 240px;
	}

	.change_student_account_info_container {
		padding: 2em 3em;
	}
}



@media (max-width: 650px) {
	
	#classroom-teachers-wrapper, 
	#classroom-students-wrapper, 
	#classroom-assignments-wrapper, 
	.class_console_links .icon-dropdown,
	.edit_class_link {
		/* width: 100%; */
		display: block;
		width: max-content;
		clear: both;
		padding-left: 0%;
		padding-bottom: 0.5em;
	}
	
	.school_course_links_container {
		display: flex;
    flex-direction: column;
    margin-bottom: 2em;
	}
	
	.school_course_links_container div.form-type-select label {
		margin-left: 0;
	}
	
	.school_course_links_container div.form-type-select .select-wrapper {
		float: none;
		margin-top: 0;
	}
	
	.school_course_view_progress {
		margin: auto;
	}

	.duplicate_course_assignment_container .panel-body {
		padding: 0 2em 2em;
	}
}



/* Portrait tablets and large phones, 600px and up */
@media (max-width : 600px) {
	
	/* Teacher info form: Input fields and labels container */
	.teacher_info_editable_fields {
		width: 100%;
	}
	
	.tmgradebook-teacher-info-form .responsive_viewable_field, 
	.tmgradebook-teacher-info-form .responsive_viewable_field_no_margin {
		width: 100%;
	}
	
	.teacher_info_viewable_field, 
	.teacher_info_viewable_field_no_margin {
		width: 100%;
		float: none;
		margin: auto;
	}

	.tmgradebook-teacher-info-form .total_students_in_school {
		margin-left: 0;
		padding-left: 0;
	}

	.teachersGuide_gameNames {
		padding-left: 0.1em;
	}
	
	.my-student-list .last_login_date {
		width: auto !important;
	}

	a.admin_button {
		width: auto !important;
	}
	
	td a.change-student-account-info {
		width: auto !important;
	}


	/*.student_list_container table th, .student_list_container table td,
	.tmgradebook-same-school-student-list-form table th, .tmgradebook-same-school-student-list-form table td {
		height: 2.5em !important;
		vertical-align: middle;
	}

	.student_list_container .select-all,
	.student_list_container .form-type-checkbox,
	.tmgradebook-same-school-student-list-form .select-all,
	.tmgradebook-same-school-student-list-form .form-type-checkbox {
		padding: 0 !important;
		border: 1px solid blue;
	}*/
	
	.add_sibling_fields_gap {
		margin-left: 0;
	}
	
	.sibling_common_mail_textfield {
		width: 100%;
	}
	
	.tmgradebook-same-school-student-list-form .delete_students {
		margin-left: 1em;
	}

	.student-assignment-list th[data-label="instructions"], .student-assignment-list .instructions {
		display: none;
	}

	.assignment_links a {
		margin: auto 2em auto 1em;
	}

	.activityListSelectedButton .fa-caret-up, .activityListSelectedButton .fa-caret-up-alt {
		/* margin-top: 1.2em; */
	}

	td .classroom-delete {
		margin-left: 2em;
	}

	.classroom-delete-menu {
		right: 5%;
	}

	.add_new_class_container, .add_existing_students_in_class_container {
		padding: 1em 3em;
	}
	
	.edit_class_content_container {
		padding: 1em 2em;
	}

	.edit_game_assignment_div div div div {
		/* margin: auto 0 !important; */
		/* padding: auto 0 !important; */
		/* width: 100% !important; */
	}

	.edit_game_assignment_container .coursedesc {
		margin-left: 0;
	}

	/* Add new class: Selected students list */
	.add_new_class_container .form-item-class-selected-students,
	.edit_class_container .form-item-class-selected-students,
	.add_existing_students_in_class_container .form-item-class-selected-students,
	table#edit-class-assignment-select-list {
		width: 89%;
	}

	.create_new_game_assignment_container .assignment_selected_students_remove {
		/* margin: 7em auto auto; */
	}

	.edit_game_assignment_container .assignment_selected_students_remove {
		/* margin-left: 0.5em; */
		/* margin-top: 3em !important; */
	}

	.class-assignment-list .create_new_game_assignment_container input.form-text,
	.class-assignment-list .create_new_game_assignment_container select, 
	.class-assignment-list .duplicate_game_assignment_container input.form-text,
	.class-assignment-list .duplicate_game_assignment_container select {
		width: 350px;
	}
	
	/* Reports -> Activity */
	.student_activities th {
		width: 40% !important;
	}
	
	/* Reports -> Activity */
	.student_activities td {
		width: 60% !important;
	}

	.add_reg_teacher_input_fields {
		width: 70%;
	}

	.edit_class_container .classname-input {
		width: 93%;
	}
	
	#classrooms-list-table .class_list_links {
		width: 20%;
	}

	/* .teacher-menu-responsive-button { */
		/* top: 5em; */
		/* position: absolute; */
		/* z-index: 1; */
	/* } */
	
	/* nav.teacher-menu { */
		/* top: 6.8em; */
	/* } */

	.invite_teacher_to_class_container input, 
	.invite_teacher_to_class_container .select-wrapper {
		width: 100%;
	}
	
	#students-tab-students-wrapper a, 
	#students-tab-assignments-wrapper a {
		display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
		font-size: 1em;
	}
	
	.students_tab_links {
		position: relative;
		top: 1em;
	}
	
	.student_progress_link_container {
		top: -40px;
	}
	
	.create_or_import_class_container {
		flex-direction: column;
		gap: 1em;
		position: relative;
		top: 2em;
	}
	
	
	/*** Teacher console menu CSS ***/

	/* teacher menu */
	nav.teacher-menu {
		display: none;
		width: 12em;
		margin-top: 0.55em;
		margin-bottom: 0.5em;
		padding: 0;
		transition: all .01s ease-in-out;
		top: 2.8em;
		left: 50%;
	}

	nav.teacher-menu .main-nav {
		margin: auto;
		border: 1px solid #c7c6c6;
		border-radius: 3px;
	}
	
  /* Show menu links one in a line for responsive menu */
  nav.teacher-menu ul {
    flex-direction: column;
  }
  
  /* deletes margin on top or bottom of the a tag */
  nav.teacher-menu li {
    margin: 0;
		font-size: 0.9em;
		width: auto;
  }
	
	/* add space on all sides of a tag */
  nav.teacher-menu a {
    display: block;
		padding: 0.5em 1em;
		border-bottom: 1px solid #c7c6c6;
		text-shadow: 0;
  }
	
	nav.teacher-menu a:hover {
		font-weight: bold;
	}

	.teacher_console_feature_active_link, 
	.teacher_console_feature_active_link:hover {
		border-bottom: 2px solid #3b5998 !important;
	}

	nav.teacher-menu .sub-menu {
		position: static;
		left: auto;
		padding: 0;
	}

	/* submenu link */
	nav.teacher-menu .sub-menu a {
		width: 14.8em;
		margin: 0;
		padding: 0.5em 0 0.5em 2em;
	}

	nav.teacher-menu .assignments-sub-menu,
	nav.teacher-menu .reports-sub-menu {
		margin: 0;
	}

	/* submenu positioning */
	nav.teacher-menu .main-nav nav {
		position: static;
	}

	/* do not show line separator */ 
	nav.teacher-menu .line-separator {
		display: none;
	}

	.teacher-menu-responsive-button {
    /* makes the button visible */
    display: block;
    
    /* since we are here, we can style it a little bit! */
		text-align: center;
		font-weight: bold;
		padding: 0.3em 1em;
		border: 1px solid #3b5998;
		border-radius: 5px;
		box-shadow: 1px 0px 2px;
    
		width: 12em;
    cursor: pointer;
		position: fixed;
		top: 13px;
		/* left: 50%; */
		left: 62%;
		transform: translateX(-50%);
		z-index: 1100;
		/* margin-left: 65px; */
	}

	/* .teacher-menu-responsive-button:active { */
		/* transform: scale(0.97); */
		/* box-shadow: 2px -2px 2px; */
	/* } */
	
	.teacher-menu-responsive-icon {
    /* makes the icon visible */
    display: block;
    
    /* since we are here, we can style it a little bit! */
		text-align: center;
		margin: 1em auto;
		padding: 0.3em;
		border: 1px solid black;
		border-radius: 5px;
		box-shadow: 4px -4px 4px;
    
    cursor: pointer;
  }

	.teacher-menu-responsive-icon:active {
		transform: scale(0.95);
		box-shadow: 2px -2px 2px;
	}

	/* Change background color to sky blue */
	nav.teacher-menu li {
		background-color: white;
	}

	nav.teacher-menu .sub-menu li {
		border-top: none;
	}
	
	.teacher_menu_icon {
		margin-right: 6px;
	}

	.pricing_button_teacher_menu_css,
	.no_pricing_button_teacher_menu_css {
		margin-left: 65px;
	}
}


@media (max-width : 575px) {
	.class-assignment-list .create_new_game_assignment_container input.form-text,
	.class-assignment-list .create_new_game_assignment_container select,
	.class-assignment-list .duplicate_game_assignment_container input.form-text,
	.class-assignment-list .duplicate_game_assignment_container select {
		width: 320px;
	}

	.duplicate_course_assignment_container .panel-body {
		padding: 0 1em 2em;
	}
}

		
@media (max-width : 560px) {
	.class_list .class {
		width: 200px;
	}

	.change_student_account_info_container {
		width: 98%;
		padding: 2em;
	}
	
	.change_student_account_info_container .form-item, 
	.change_student_account_info_container input,
	.tmgradebook-change-student-account-info-mobile-form #edit-name,
	.tmgradebook-change-student-account-info-mobile-form #edit-mail {
		width: 100%;
	}	
}


@media (max-width : 540px) {

	/* High scores page: Table containing all high socre tables */
	table.high_score_tables_cotainer tr.highscore-row > td {
		display: block;
		background: #f0f3f5;
	}
	
	/* High scores page: Table showing high scores for a game */
	table.high_score_tables_cotainer table.highscore-table {
		width: 100%;
	}

	.student-assignment-list th {
		width: 40% !important;
	}
	
	.student-assignment-list td {
		width: 60% !important;
	}

	.student-assignment-list th[data-label="instructions"], 
	.student-assignment-list .instructions {
		display: inline-block;
	}

	.assignment_status .activity_completition_status, 
	.assignment_status .percentage_complete, 
	.assignment_status .completion_date {
		text-align: left;
	}

	.assignment_status .activity_completition_status {
		padding-left: 0;
	}

	.assignment_list_table th, .assignment_list_table td,
	.student_assignment_list_table th, .student_assignment_list_table td {
		text-align: left !important;
	}

	.assignment_links a {
		margin: auto 1em;
	}

	.create_new_game_assignment_div,
	.edit_game_assignment_div {
		width: 100%;
	}
	
	/* All the invidiual div containing each element on credit/edit assignment page */
	/*.edit_game_assignment_div div div div,*/
	.course_assignment_form div div div,
	.edit_course_assignment_container div div {
		margin: auto 0 !important;
		padding: auto 0 !important;
		width: 100% !important;
	}

	/* course name in header can span in multiple lines so add some spacing between lines */
	.create_new_game_assignment_container .panel-heading,
	.create_new_course_assignment_container .panel-heading,
	.duplicate_game_assignment_container .panel-heading,
	.duplicate_game_assignment_container .panel-heading,
	.edit_game_assignment_div .panel-heading,		
	.edit_course_assignment_container .panel-heading,
	.duplicate_course_assignment_container .panel-heading {
		line-height: 1.5em !important;
	}

	/* select list for selected students */
	.create_new_course_assignment_container .assignment_selected_students,
	.edit_course_assignment_container .assignment_selected_students, 
	.duplicate_course_assignment_container .assignment_selected_students {
		width: 19em !important;
	}
	
	.create_new_game_assignment_container .activity_list,
	.duplicate_game_assignment_container .activity_list,
	.edit_game_assignment_container .activity_list {
		/* width: 18em !important; */
	}

	.create_new_course_assignment_container .assignment_selected_students_remove,
	.duplicate_course_assignment_container .assignment_selected_students_remove {
		margin: 7.5em 0 1em;
	}

	/* Delete icon to remove students from the select list for students */
	.edit_course_assignment_container .assignment_selected_students_remove {
		width: 2em !important;
		margin-top: 1em;
	}
	
	/* parent div containing select list for selected students/classes */
	.assignment_selected_students_parent {
		max-width: 18em !important;
	}

	/* make textfield and select list whole screen wide */
	.create_new_game_assignment_div input[type="text"],
	.edit_game_assignment_div input[type="text"],
	.course_assignment_form input[type="text"],
	.edit_course_assignment_container input[type="text"],
	.create_new_game_assignment_div textarea,
	.edit_game_assignment_div textarea,
	.course_assignment_form textarea,
	.edit_course_assignment_container textarea {
		width: 100% !important;
	}
	
	.course_assignment_form .form-type-textarea,
	.course_assignment_form .checkbox {
		margin-left: 0 !important;
	}
	
	.activitySearchSelectedButtonDiv {
		/* float: left; */
		/* width: 3em !important; */
		/* max-width: 3em !important; */
	}
	
	.create_new_game_assignment_container .activitySearchSelectedButtonDiv,
	.duplicate_game_assignment_container .activitySearchSelectedButtonDiv {
		/* margin-left: 1.9em !important; */
		/* padding-left: 1em !important; */
	}
	
	.create_new_game_assignment_container .coursedesc,
	.duplicate_game_assignment_container .coursedesc,
	.edit_game_assignment_container .coursedesc {
		/* margin-bottom: 2em !important; */
	}

	/* Add new class: Selected students list */
	.add_new_class_container .form-item-class-selected-students,
	.edit_class_container .form-item-class-selected-students,
	.add_existing_students_in_class_container .form-item-class-selected-students,
	table#edit-class-assignment-select-list {
		width: 85%;
	}
		
	/* #back-to-class-list-wrapper, */
	/* #classroom-students-wrapper,  */
	/* #classroom-assignments-wrapper,  */
	/* .class_console_links .icon-dropdown, */
	/* .edit_class_link { */
		/* /* width: 100%; */ */
		/* width: max-content; */
		/* clear: both; */
		/* padding-left: 0%; */
		/* padding-bottom: 0.5em; */
	/* } */

	/* For all delete icons except for the table showing assignment list */
	td .assignment-delete :not(.assignment_list_table *) {
		width: 3em;
		margin: 0 auto;
	}

	/* Reports -> School Rankings */
	.school_top_students_table th {
		width: 45% !important;
	}

	/* Reports -> School Rankings */
	.school_top_students_table td {
		width: 55% !important;
	}

	/* Reports -> Progress */
	.student_training_report_table th {
		width: 45% !important;
	}
	
	/* Reports -> Progress */
	.student_training_report_table td {
		width: 55% !important;
		height: 4em !important;
	}

	.student-game-summary-class-name, .student-game-summary-student-report {
		text-align: center;
	}
	
	.student-game-summary-student-report {
		margin-bottom: 1em !important;
	}
	
	/* Student list */
	.all_student_list td {
		height: 3em !important;
	}
	
	/* Student list: Checkbox for every student */
	/* Bootstrap theme shows checkbox way too down. This will move the checkbox up to proper position */ 
	/* .all_student_list input[name^="student-table"] { */
		/* margin-top: -2.5em !important; */
	/* } */

	.add_reg_teacher_input_fields {
		width: 100%;
	}
	
	.tmgradebook-teacher-registration-form {
		width: auto;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.teacher_registration_form_start {
		width: auto;
	}

	.class_console_links {
		width: fit-content;
		display: block;
		margin: auto;
	}

	.create_new_course_assignment_container .course_label,
	.duplicate_course_assignment_container .course_label {
		margin-bottom: 1em;
	}
	
	.teacher-menu-responsive-button {
		left: 50%;
		top: 4.5em;
	}
	
	.tmgradebook-teacher-info-form {
		margin-top: 2em;
	}

	.teacher-menu-separator {
		margin-bottom: 4em;
	}
}


@media (max-width : 520px) {
	.teacher-menu-responsive-button {
		/* top: 9px; */
	}
	
	nav.teacher-menu {
		top: 2.3em;
	}
}


@media (max-width : 480px) {
	/* .pricing_button_teacher_menu_css, */
	/* .no_pricing_button_teacher_menu_css { */
		/* margin-left: 55px; */
	/* } */
	
	.teacher-menu-responsive-button {
		/* top: 8px; */
	}
}


@media (max-width : 470px) {
	.class_list .class {
		width: 80%;
	}

	.student_cards_container .student_action_result_tooltip {
		width: 90%;
	}
	
	/* .teacher-menu-separator { */
		/* margin-bottom: 6em; */
	/* } */
	
	.students_tab_links {
		justify-content: left;
		/* top: -1em; */
	}
	
	.student_progress_link_container {
		/* top: -70px; */
	}
	
	.students_tab_students_container {
		position: relative;
		/* top: -30px; */
	}

	.create_or_import_class_container {
		/* top: 0; */
	}
	
	.create_or_import_class_container .authentication-social-signin-social-button {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	/* .teacher-menu-responsive-button { */
		/* top: 4.5em; */
	/* } */
}


@media (max-width : 460px) {
	.teacher-menu-responsive-button {
		/* top: 5px; */
	}
}


@media (max-width : 435px) {
	.teacher-menu-responsive-button {
		/* top: 64px; */
		margin-left: initial;
		position: absolute;
		z-index: 1;
	}
	
	.pricing_button_teacher_menu_css,
	.no_pricing_button_teacher_menu_css {
		margin: auto;
		margin-left: initial;
	}
	
	nav.teacher-menu {
		top: 93px;
		position: absolute;
		z-index: 1;
	}

	.teacher-menu-separator {
		/* margin-bottom: 4.5em; */
	}
	
	.create_or_import_class_container {
		top: 1em;
	}
}


/* iPhone 6/7/9, Samsung Galaxy SE, Nexus 4 */
@media (max-width : 390px) {
		
	/* All assignments list */
	.assignment_list_table th {
		width: 40% !important;
	}
	
	/* All assignments list */
	.assignment_list_table td {
		width: 60% !important;
	}

	.all_student_list td,	/* Student list */
	.student_assignment_list_table td, /* Student assignment list page */
	.school_top_students_table td, 	/* Reports -> School Rankings */
	.student_activities td { /* Reports -> Activity */
		height: 4em !important;
	}

	/* select list for selected students */
	.create_new_game_assignment_container .assignment_selected_students,
	.create_new_course_assignment_container .assignment_selected_students,
	.edit_game_assignment_container .assignment_selected_students,
	.edit_course_assignment_container .assignment_selected_students,
	.duplicate_course_assignment_container .assignment_selected_students,
	.duplicate_game_assignment_container .assignment_selected_students {
		width: 19em !important;
	}
	
	.create_new_game_assignment_container .activity_list,
	.create_new_game_assignment_container .assignment-list,
	.edit_game_assignment_container .activity_list,
	.edit_game_assignment_container .assignment-list, 
	.create_new_game_assignment_container .activity_list,
	.duplicate_game_assignment_container .assignment-list {
		width: 16em !important;
		max-width: 16em !important;
	}

	/* Create/Edit game assignment: Do not display right arrow as a button */
	.create_new_game_assignment_container .fa-caret-right, .create_new_game_assignment_container .fa-caret-right-alt,
	.duplicate_game_assignment_container .fa-caret-right, .duplicate_game_assignment_container .fa-caret-right-alt,
	.edit_game_assignment_container .fa-caret-right, .edit_game_assignment_container .fa-caret-right-alt {
		display: none;
	}
	
	/* Create/Edit game assignment: Show button to copy game levels below the select list for levels */
	.create_new_game_assignment_container .activitySearchSelectedButtonDiv,
	.duplicate_game_assignment_container .activitySearchSelectedButtonDiv,
	.edit_game_assignment_container .activitySearchSelectedButtonDiv {
		clear: both;
		float: none;
		width: 15em !important;
		max-width: 15em !important;
		height: 3em;
		padding: 0 !important;
		margin: 0 auto !important;
	}
	
	/* Create/Edit game assignment: Display text as a button */
	.create_new_game_assignment_container .activitySearchSelectedButtonText,
	.duplicate_game_assignment_container .activitySearchSelectedButtonText,
	.edit_game_assignment_container .activitySearchSelectedButtonText {
		display: block;
	}
	
	/* Create/Edit game assignment: Set up the button to copy game levels for assignment */
	.create_new_game_assignment_container .activitySearchSelectedButton,
	.duplicate_game_assignment_container .activitySearchSelectedButton,
	.edit_game_assignment_container .activitySearchSelectedButton {
		font-size: 1em !important;
		font-weight: bold;
		padding: 0.4em 0.8em;
		border-radius: 0.6em;
		margin: 0 auto !important;
		background-color: #215488;
		color: white;
	}
	
	.create_new_game_assignment_container .activityListSelectedButton,
	.duplicate_game_assignment_container .activityListSelectedButton,
	.edit_game_assignment_container .activityListSelectedButton {
		margin-left: 1em !important;
	}
	
	/* parent div containing select list for selected students/classes */
	.assignment_selected_students_parent {
		max-width: 15em !important;
	}

	.edit_game_assignment_container .assignment_selected_students_remove {
		margin-left: -1em;
	}
	
	.edit_course_assignment_container .assignment_selected_students_remove {
		padding-left: 2.4em;
	}

	.assignment_notification_div .assignment_selected_students {
		width: 25rem;
	}

	.teacher-menu-responsive-button {
		/* top: 4em; */
		top: 3.5em;
	}
	
	nav.teacher-menu {
		top: 5.9em;
	}
}


/* Moto G4 */
@media (max-width: 360px) {

	/* select list for selected students */
	.create_new_game_assignment_container .assignment_selected_students,
	.create_new_game_assignment_container .assignment-list,
	.duplicate_game_assignment_container .assignment_selected_students,
	.duplicate_game_assignment_container .assignment-list {
		width: 15em !important;
		max-width: 15em !important;
	}	
	
	.edit_game_assignment_container .assignment_student_list_group,
	.edit_game_assignment_container .assignment_student_list,
	.edit_game_assignment_container .assignment_selected_students,
	.edit_game_assignment_container .assignment-list {
		width: 15em !important;
		max-width: 15em !important;
	}
	
	.edit_game_assignment_container .assignment_selected_students_remove {
		margin-top: 3em;
	}

	.edit_course_assignment_container .assignment_selected_students_remove {
		padding-left: 1.2em;
		padding-top: 0.5em;
	}
	
	.class-student-list .table>tbody>tr>td {
		padding: 8px 0 !important;
	}
	
	.students_tab_links {
		justify-content: center;
	}
	
	.student_progress_link_container {
		float: none;
    /* top: 0; */
		top: 1.5em;
		left: 0;
		margin-bottom: 1em;
	}
	
	.students_tab_students_container {
		top: 20px;
	}
}



/* iPhone 5/SE */
@media (max-width : 320px) {
	
	/* All assignments list */
	.assignment_list_table th {
		width: 45% !important;
	}
	
	/* All assignments list */
	.assignment_list_table td {
		width: 55% !important;
	}

	/* Assignment status page */
	.assignment_status td {
		height: 4em !important;
	}

	/* Reports -> Activity */
	.student_activities td {
		height: 4.7em !important;
	}

	/* select list for selected students */
	.create_new_game_assignment_container .form-item-assignment-selected-students,
	.duplicate_game_assignment_container .form-item-assignment-selected-students {
		width: 14em !important;
		max-width: 14em !important;
	}

	.create_new_game_assignment_container #activityselect,
	.edit_game_assignment_container #activityselect,
	.duplicate_game_assignment_container #activityselect {
		width: 17em !important;
		max-width: 17em !important;
	}
	
	.create_new_game_assignment_container #activitylist,
	.edit_game_assignment_container #activitylist, 
	.duplicate_game_assignment_container #activitylist {
		width: 16em !important;
		max-width: 16em !important;
	}

	/* Delete icon to remove students from the select list for students */
	.create_new_game_assignment_container .activityListSelectedButton,
	.edit_game_assignment_container .activityListSelectedButton,
	.duplicate_game_assignment_container .activityListSelectedButton {
		margin-left: 0 !important;
	}

	/* select list for selected students */
	.create_new_course_assignment_container .assignment_selected_students,
	.edit_course_assignment_container .assignment_selected_students,
	.duplicate_course_assignment_container .assignment_selected_students {
		width: 13em !important;
	}
	
	/* parent div containing select list for selected students/classes */
	.assignment_selected_students_parent {
		max-width: 12em !important;
	}

	.create_new_game_assignment_container .assignment_selected_students_remove,
	.duplicate_game_assignment_container .assignment_selected_students_remove {
		margin-top: 8.5em;
	}
	
	/* Create course assignment: Delete icon to remove students from the select list for students */
	.create_new_course_assignment_container .assignment_selected_students_remove,
	.duplicate_course_assignment_container .assignment_selected_students_remove{
		margin-left: -2em;
	}

	/* Edit course assignment: Delete icon to remove students from the select list for students */
	.edit_course_assignment_container .assignment_selected_students_remove {
		margin-top: 2.5em;
		padding: 0;
	}	

	.assignment_notification_div .assignment_selected_students {
		width: 22rem;
	}

	.school_course_links_container div.form-type-select .select-wrapper .select2-container {
		width: fit-content;
	}
}