html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #58595b;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	background-color: #F4F4F6;
	height: 100%;
}

div {
	padding: 0px;
	margin: 0px;
	border: none;
}

p {
	margin: 0;
}

#ui-datepicker-div {
	display: none;
	font-size: 10px;
}

#load, #prefSaved, #updating {
	display: none;
	position: absolute;
	z-index: 50;
	height: 55px;
	width: 200px;
	border: 2px solid #0057C1;
	background-color: #FFFFFF;
	color: #0057C1;
	font-size: 20pt;
	text-align: center;
	border-radius: 3px;
}

 #videoContainer {
	display: none;
	position: absolute;
	z-index: 999999999;
}

#progressBarContainer {
	display: none;
	position: absolute;
	z-index: 50;
	width: 500px;
	border: 2px solid #0057C1;
	background-color: #FFFFFF;
	box-sizing: border-box;
	font-family: Arial;
	font-size: 15px;
	height: 26.5px;
	line-height: 22.5px;
}

#progressBar {
	background-color: #0057C1;
	box-sizing: border-box;
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 15px;
	height: 22.5px;
	line-height: 22.5px;
	position: absolute;
	text-align: center;
}

.load_background {
	z-index: 49;
	background: #7F7F7F;
	opacity: .5;
	position: absolute;
	top: 0;
	margin: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
}

#editBackground {
	z-index: 9;
	background: #7F7F7F;
	opacity: .5;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
}

#msgBackground {
	z-index: 29;
	background: #7F7F7F;
	opacity: .5;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}

#msg2Background {
	z-index: 39;
	background: #7F7F7F;
	opacity: .5;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}


#modalBackground {
	z-index: 49;
	background: #7F7F7F;
	opacity: .5;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}

#displayLogo {
	text-align: center;
}

#alertAndInfoBar {
}

#infoBar {
	display: none;
	vertical-align: top;
	margin: 5px;
	margin-bottom: 0;
	padding: 6px;
	padding-bottom: 8px;
	background-color: #F0C36D;
	border-color: #F0C36D;
	border-style: solid;
	border-width: 2px;
    border-radius: 5px;
    opacity: 0.95;
}

#alertBar {
	display: none;
	vertical-align: top;
	margin: 5px;
	margin-bottom: 0;
	padding: 6px;
	padding-bottom: 8px;
	background-color: #FFC7CE;
	border-color: #FFC7CE;
	border-style: solid;
	border-width: 2px;
    border-radius: 5px;
    opacity: 0.95;
}

#statusMsg {
	display: none;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #F9EDBE;
	border-color: #F0C36D;
	border-style: solid;
	border-width: 1px;
}

#errorMsg {
	display: none;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #FBE3E4;
	border-color: #AD2D2D;
	border-style: solid;
	border-width: 1px;
}

.colTitle {
	background-color: #DBDFE8;
	color: #0057C1;
	text-align: center;
	padding: 5px;
	margin: 0px 0px 20px 0px;
	font-size: 12pt;
}

.gotoDay:hover, .gotoStudents:hover, .gotoAssignments:hover,
	.gotoAssessments:hover {
	text-decoration: underline;
	cursor: pointer;
}

p.schedTitle {
	background-color: #FFFFFF;
	color: #0057C1;
	text-align: center;
	font-size: 80%;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.lesson, div.gc {
	border-style: solid;
	border-width: 1px;
	margin: 5px;
	height: auto;
	overflow: hidden;
	background-color: #FFFFFF;
}

div.classLesson {
	float: left;
	width: 60%;
	border-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	height: 100%;
	padding: 3px;
	margin: 0px;
}

.lessonHead, .gcHead {
	min-height: 22px;
}

.lessonHeadDoIt, .eventHeadDoIt, .gcHeadDoIt {
	padding: 3px 0px 3px 3px;
}

div#contentBox {
	margin-left: 10px;
	margin-right: 10px;
}

.weekOne, .weekTwo, .weekThree {
	height: auto;
	padding: 0;
	margin: 0;
	float: left;
}

.eC {
	vertical-align: top;
	padding: 0px;
	word-wrap: break-word;
	background-color: transparent;
}

.eC1 {
	vertical-align: top;
	padding: 0px;
	word-wrap: break-word;
	width: 14%;
}

.eC2 {
	vertical-align: top;
	padding: 0px;
	word-wrap: break-word;
}

.monthHead {
	padding: 0;
	margin: 0;
	background-color: #0057C1;
	color: #FFFFFF;
	text-align: center;
	font-size: 9pt;
}

.monthDay {
	background-color: #DBDFE8;
	text-align: right;
	padding-right: 4px;
	font-size: 9pt;
	color: #0057C1;
}

.monthWrapper {
	width: 20%;
	padding: 0;
	margin: 0;
	float: left;
}

.monthCell {
	padding: 0;
	margin: 0;
	border-style: solid;
	border-color: #0057C1;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

div#actionBar {
	padding: 3px 10px 0px 10px;
}

.mCell {
	border-width: 0;
	padding: 0;
}

div.oneColumn, #editAccountBox {
	display: none;
	padding: 0;
	margin: 0;
	border-width: 0px;
	width: auto;
}

#accountProfile {
	width: auto !important;
}

.scrollbar-inner.editAccountBoxContent {
	max-height: 638px !important;
}

.scrollbar-inner .otherClassesContent,
.scrollbar-inner .noTimeClassesContent {
	max-height: 410px !important;
}


div.editColumn {
	border: 5px solid #0057c1;
	background-color: #F4F4F6;
	border-radius: 5px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

div.event {
	border-style: solid;
	border-width: 1px;
	border-color: #0057C1;
	color: black;
	height: auto;
	margin: 5px;
	cursor: pointer;
	overflow: hidden;
}

div.event1 {
	color: black;
	cursor: pointer;
	overflow: hidden;
}

div.eventBottom {
	width: 100%;
	height: 20px;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 15px;
	border-color: #0057C1;
}

input.classTime {
	margin-top: 10px;
}

label.dayLabel {
	margin-left: 10px;
	font-weight: bold;
}

div.colorOptions {
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	width: 14px;
	height: 14px;
	margin-top: 2px;
	margin-left: 2px;
}

div#colorOptionsMore {
	border-style: solid;
	border-width: 1px;
	border-color: white;
	width: 14px;
	height: 14px;
	margin-top: 2px;
	margin-left: 2px;
}

div.colorOptions:hover {
	border-color: black;
}

div#selectFontColor {
	display: none;
	position: absolute;
	top: 200px;
	left: 400px;
	height: 92px;
	width: 147px;
	border-style: solid;
	border-width: 2px;
	border-color: #0057C1;
	background-color: #DBDFE8;
	z-index: 11;
}

div.selectedFontColor {
	height: 20px;
	width: 20px;
	/* background-color:#CC3333; */
	cursor: pointer;
}

div.fontColorOptions {
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	width: 14px;
	height: 14px;
	margin-top: 2px;
	margin-left: 2px;
}

div.fontColorOptions:hover {
	border-color: black;
}

.editBox {
	display: none;
	z-index: 10;
	height: auto;
	width: 700px;
	background-color: #F4F4F6;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 10px;
	box-shadow: 0 0 2px #a9a9a9;
}

.msgBox {
	display: none;
	z-index: 30;
	width: 600px;
	font-size: 16px;
	background-color: #F4F4F6;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	box-shadow: 0 0 2px #a9a9a9;
}

.msgBox .button, .msgBox .greybutton {
	font-size: 16px;
}

#importBoxEvent.msgBox div {
	margin-left: 0px;
}

.notesDisplay {
	margin: 2px 0px;
	height: 300px;
	padding: 3px;
	overflow-y: scroll;
	background-color: #FFFFFF;
}

.dragHead {
	cursor: move;
	text-align: center;
	font-size: 14pt;
	padding: 10px 3px 3px 3px;
	color: white;
	background-color: #0057c1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.closeHead {
	cursor: pointer;
	padding: 10px;
}

.boxHead {
	text-align: center;
	font-size: 18pt;
	padding: 10px 3px 3px 3px;
	color: white;
	background-color: #0057C1;
	margin-bottom: 20px;
}

.msgBox > .boxHead {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

#sampleLayoutsBox p {
	font-size: 15px;
}

#sampleLayoutsBox .boxHead {
	font-size: 17px;
}

#sampleLayoutsBox .dragHead {
	font-size: 20px;
}

/* #lessonActions .boxHead, #manageStatusBox .boxHead, #eventActions .boxHead
	{
	background-color: #0057C2;
} */

#lessonActions, #todoActions {
	border-color: #0057C2;
}

.boxHead2 {
	text-align: center;
	font-size: 12pt;
	padding: 3px;
	color: white;
	background-color: #0057C1;
	margin-bottom: 20px;
}

.boxHead3 {
	background-color: #0057c1;
	color: white;
	position: relative;
	padding: 5px;
}

.boxHead3 span {
	margin-left: 18px;
	white-space: nowrap;
}

.boxHead3 input {
	position: absolute;
	top: 3px;
	left: 0px;
}

.editBoxAction {
	float: right;
	margin-right: 5px;
	cursor: pointer;
	background-color: #0057C1;
	border-radius: 3px;
	color: white;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#tutorBox {
	display: none;
	z-index: 30;
	width: 450px;
	height: 350px;
	line-height: 18px;
	background-color: #F9EDBE;
	border: 3px solid #F0C36D;
	position: absolute;
	top: 100px;
	left: 10px;
}

.innerBox {
	margin: 0px 10px 10px 10px;
	border: 5px solid #0057C1;
	background-color: #DBDFE8;
}

div#lessonTextBox, div#homeworkTextBox, div#notesTextBox, div#tab4TextBox,
	div#tab5TextBox, div#tab6TextBox {
	
}

.periodScheduleTable {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: solid;
	border-width: 5px;
	border-color: #0057C1;
	background-color: #003B81;
}

.standardsBox {
	border-width: 1px 0px 0px 1px;
	border-color: #9e9e9e;
	min-height: 360px;
}

.standardsBox .standardsBody>tr:first-child {
	border-top: 1px solid #DBDFE8;
}

.standardsBox .standardsBody>tr[style]:last-child {
	background-color: #f4f4f6 !important;
}

.standardsBody>tr>td:first-child {
	white-space: nowrap;
}

.tabBox>p:first-child {
	height: 0;
}

.tabBox>div:first-child {
	border-top: 1px solid #9e9e9e;
	padding: 10px 15px;
	font-weight: bold;
	background-color: #e8e8e8;
	font-size: 16px;
	height: 20px;
}

.tabBox {
	margin-top: -1px !important;
    position: relative;
}

div#selectColor {
	display: none;
	position: absolute;
	top: 200px;
	left: 400px;
	height: 111px;
	width: 129px;
	border-style: solid;
	border-width: 2px;
	border-color: #0057C1;
	background-color: #DBDFE8;
	z-index: 11;
}

div#selectedColor, div#collaborateColor, .newClassColor {
	height: 20px;
	width: 20px;
	background-color: #CC3333;
	cursor: pointer;
}

.error {
	margin-left: 5px;
	margin-bottom: 10px;
	color: red;
	font-weight: normal;
	font-size: 10pt;
}

.success {
	margin-left: 5px;
	margin-bottom: 10px;
	color: green;
	font-weight: normal;
	font-size: 10pt;
}

textarea.tinymce {
	height: 300px;
	width: 100%;
}

ul.tabs {
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tabs li {
	background: #bdf url(../images/tabs2.gif);
	float: left;
	margin: 0 4px 0 0;
	padding-left: 10px;
	cursor: pointer;
}

ul.tabs p {
	background: url(../images/tabs2.gif) 100% 0;
	color: #0057C1;
	float: left;
	line-height: 25px;
	padding-right: 10px;
	text-decoration: none;
	cursor: pointer;
	min-width: 50px;
	text-align: center;
}

ul.tabs li.current {
	background-position: 0 -25px;
	cursor: pointer;
}

ul.tabs li.current p {
	background-position: 100% -25px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

ul.tabs3 {
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tabs3 li {
	background: #bdf url(../images/tabs3.gif);
	float: left;
	margin: 0 4px 0 0;
	padding-left: 10px;
	cursor: pointer;
}

ul.tabs3 p {
	background: url(../images/tabs3.gif) 100% 0;
	color: #0057C1;
	float: left;
	line-height: 25px;
	padding-right: 10px;
	text-decoration: none;
	cursor: pointer;
	min-width: 50px;
	text-align: center;
}

ul.tabs3 li.current {
	background-position: 0 -25px;
	cursor: pointer;
}

ul.tabs3 li.current p {
	background-position: 100% -25px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

.tHeader th {
	padding: 5px;
	color: white;
	background-color: #0057C1;
	border: 1px solid #0057C1;
	border-right-color: white;
	font-weight: normal;
}

#assignmentWeightTable td, #assessmentWeightTable td, #standardWeightTable td {
	padding: 3px;
}

.tableHeaderCell {
	padding: 5px;
	float: left;
	border: 1px solid white;
	color:  white;
	background-color: #0057C1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.tableRowCell {
	float: left;
	border: 1px solid #DBDFE8;
	color:  #58595b;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
}

#paymentHeader>th:nth-child(4), #adminPaymentHeader>th:nth-child(5) {
	border-right: 0px;
}

#paymentBody>tr>td:nth-child(4), #adminPaymentBody>tr>td:nth-child(5) {
	border-right: 0px;
}

#paymentHeader>th:nth-child(5), #adminPaymentHeader>th:nth-child(6) {
	border: 1px solid #F4F4F6;
	background-color: #F4F4F6 !important;
}

#paymentBody>tr>td:nth-child(5), #adminPaymentBody>tr>td:nth-child(6) {
	border: 1px solid #F4F4F6;
	background-color: #F4F4F6 !important;
}

.sRow {
	cursor: pointer;
}

.slCell {
	padding: 5px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDFE8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DBDFE8;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDFE8;
	background-color: #FFFFFF;
	background-clip: padding-box;
    min-width: 50px;
}

.srCell {
	padding: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDFE8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DBDFE8;
	background-color: #FFFFFF;
	background-clip: padding-box;
}

.scCell {
	padding: 5px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDFE8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DBDFE8;
	background-color: #FFFFFF;
	background-clip: padding-box;
}

div.lessonAction {
	text-align: left;
	padding-left: 8px;
	padding-top: 8px;
	height: 25px;
	font-size: 14px;
}

p.lessonTabName {
	height: 25px;
	width: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#nameButton, #yearButton, #modeButton {
	cursor: pointer;
	color: #0057C1;
}

#adminButton, #studentButton, #adminYearButton, #gradePeriodButton, #adminSchoolsButton {
	width: 160px;
	display: none;
	float: left;
	margin-right: 10px;
	height: 27px;
	text-align: left;
	cursor: pointer;
	border: 1px solid #0057C1;
	background-color: #FFFFFF;
	color: #0057C1;
	border-radius: 3px;
}

#nameButton:hover, #yearButton:hover, #modeButton:hover, #adminButton:hover,
	#studentButton:hover, #gradePeriodButton:hover {
	background-color: #0057C1;
	color: #FFFFFF;
	border-radius: 3px;
}

.aPicker {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border: 2px solid #0057C1;
	padding: 5px;
	border-radius: 3px;
}

#pickClass, #pickUnit, #pickBank, #pickCopyBank, #pickCopyToBank {
	max-height: 480px;
	overflow-y: auto;
}

.pickList, #lessonActions, #gotoList, #addList, #notesList, #todoActions,
	#viewList, #copyList, #todoList, #manageStatusBox, #applyTemplateList, #connectGoogleClassList {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
 	border: 2px solid #0057C1; 
	cursor: pointer;
	border-radius: 3px;
	z-index: 11;
}

#copyList .checkmark {
	height: 13px;
	width: 13px;
	top: 2.5px;
	left: 3px;
}

#copyList .checkmark::after {
	top : 0;
	left: 3px;
}

#copyList .copyItem, #copyList .checkField, #applyTemplateList .applyTemplateItem, #connectGoogleClassList .connectGoogleClassItem {
	font-size: 14px;
}

#copyList .copyItem:first-child {
	border-bottom: solid 1px rgba(88, 89, 91, 0.5);
}

#applyTemplateList .applyTemplateItem:first-child {
    padding-top: 8px;
}

#applyTemplateList .applyTemplateItem:last-child {
    padding-bottom: 8px;
}

.connectGoogleClassItem {
    line-height: 22px;
    padding: 3px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipses;
}

div.copyCB span {
	display: inline-block;
	width: 99px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

div.applyTemplateCB span {
    padding-left: 6px;
	display: inline-block;
	width: 182px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

div#classList, div#partList, .sampleList, div#statusListContainer {
	background-color: #FFFFFF;
	border: 2px solid #0057C1;
	cursor: pointer;
	border-radius: 3px;
}
.lessonList{
	background-color: #FFFFFF;
	cursor: pointer;
	border-radius: 3px;
}
.boxLessonHead{
	text-align: center;
	font-size: 12pt;
	padding: 3px;
	color: white;
	background-color: #0057c1;
	margin-bottom: 20px;
}
.pickItem {
	padding: 10px;
}

.pickItemSmall {
	padding: 5px;
}

.classItem, .partItem, .copyItem, .priorityItem, .statusItem, .applyTemplateItem, .connectGoogleClassItem {
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	white-space: nowrap;
}

.adminItem, .adminYearItem, .studentItem, .gradePeriodItem, .adminSchoolItem {
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	padding-top: 4px;
	padding-left: 5px;
	white-space: nowrap;
}

.sortList li {
	padding: 2px 0px 2px 0px;
	width: 610px;
}

.pickItemSmall:hover, .classItem:hover, .partItem:hover, .adminItem:hover,
	.studentItem:hover, .sortList li:hover, .adminYearItem:hover,
	.statusItem:hover, .adminSchoolItem:hover {
	background-color: #0057C1;
	color: #FFFFFF;
}

.pickItem:hover, .lessonAction:hover, .lessonAction2:hover, .copyItem:hover,
	.todoAction:hover, .priorityItem:hover, .applyTemplateItem:hover, .connectGoogleClassItem:hover {
	background-color: #DBDFE8;
}

.pickIcon {
	padding: 10px;
}

.toDoCell {
	cursor: pointer;
}

.pickIcon:hover, .toDoCell:hover {
	background-color: #DBDFE8;
}

.inputWrapper {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background-color: #0057c1;
	text-align: center;
	padding: 10px 24px;
	border: 1px solid #0057C1;
	color: #ffffff;
/* 	-moz-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	box-shadow: inset -1px 1px 0px 0px #54a3f7; */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: Arial;
	font-size: 14px;
	padding: 10px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.fileInput {
	cursor: pointer;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 50px;
}

.hidden {
	opacity: 0;
	-moz-opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.attached {
	cursor: pointer;
	color: #0057C1;
	text-decoration: none;
}

.attached:hover {
	text-decoration: underline;
}

.mceStatusbar {
	display: none !important;
}

.tRow:hover, .schoolRow:hover {
	background-color: #DBDFE8;
}

#reportSubject, #reportCategory {
	width: 200px;
}

#reportSubject option, #reportCategory option {
	width: 220px;
}

table.tablesorter thead tr .header {
	text-align: center;
	padding-left: 4px;
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}

#undo:hover {
	color: #0057C1;
}

#powerTip {
	position: absolute;
	display: none;
	z-index: 11;
	width: 200px;
	white-space: normal;
}

.tutor {
	display: none;
	margin: 20px;
	font-family: Myriad Pro, arial;
	font-size: 14px;
	color: #58595b;
}

.tutorTitle {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}

.tutorList li {
	margin-bottom: 7px;
}

.standardLessons {
	cursor: pointer;
	color: black;
}

.standardLessons:hover {
	color: #0057C1;
	text-decoration: underline;
}

.vertbox {
	width: 150px;
	overflow: hidden;
	white-space: nowrap;
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	transform-origin: 15px 0 0;
}

.standardsTeacher:hover {
	background-color: #DBDFE8;
	color: #0057C1;
	text-decoration: underline;
}

.addShadow {
	box-shadow: 4px 4px 4px #666666;
}

.importDropHover {
	background-color: #0057C1;
}

.importDrag:hover {
	background-color: #0057C1;
}

.newButton, .attendanceButton{
	line-height: 20px;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 2px solid #0057C1;
	color: #0057C1;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
}

.pageButton {
	display: inline-block;
    font-weight: normal;
    padding: 8px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 22px;
}

.pageButton.aPickerButton {
	line-height: 20px;
	font-weight: normal;
}

.classPicker, .unitPicker, .pickerAddUnit, #addLessonBank, #addSchoolLessonBank,
	#addAlternateSchedule, #noAlternateSchedule, .editAlternateSchedule,
	.lessonBank, .lessonBankCopy, .lessonBankCopyTo, #googleClasses, 
	.schoolSelect, #addDistrictLessonBank, .districtLessonBank, #addDistrictLessonBank {
	border-radius: 5px;
	cursor: pointer;
	line-height: 35px;
	color: #0057C1;
	background-color: #DBDFE8;
	border: 2px solid #0057C1;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 110px;
}


.editAlternateSchedule {
	text-align: left;
}

.classPicker {
	max-width: 300px;
}

.unitPicker {
	max-width: 600px;
}

.copyTeacherPicker, .copyYearPicker, .copyClassPicker, .toClassPicker,
	.copyTypePicker, .copyToTypePicker {
	border-radius: 5px;
	cursor: pointer;
	line-height: 35px;
	color: #0057C1;
	background-color: #FFFFFF;
	border: 2px solid #0057C1;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.newButton:hover, .classPicker:hover, .unitPicker:hover,
	.copyTeacherPicker:hover, .copyYearPicker:hover, .copyClassPicker:hover,
	.toClassPicker:hover, .copyTypePicker:hover, #addLessonBank:hover, #addSchoolLessonBank:hover,
	.lessonBank:hover, .districtLessonBank:hover, #addDistrictLessonBank:hover {
	background-color: #0057C1;
	color: #FFFFFF;
}
 .newButton:hover .editAlternateScheduleDescription .fa-stack-2x,.newButton:hover .removeAlternateSchedule .fa-stack-2x,
 .newButton:hover .editLessonBank .fa-stack-2x,.newButton:hover .deleteLessonBank .fa-stack-2x, .newButton:hover .editDistrictLessonBank .fa-stack-2x, .newButton:hover .deleteDistrictLessonBank .fa-stack-2x{
 		color:#0057C1;
 }

.pickRow:hover td {
	background-color: #DBDFE8;
}

.pickStrategy:hover td {
	background-color: #DBDFE8;
}

#lListTable_filter.dataTables_filter, #lListTableDeleted_filter.dataTables_filter
	{
	float: right;
}

.dataTables_length {
	float: left;
}

.paginate_button {
	margin-right: 10px;
}

.dataTables_wrapper {
	display: inline-block;
	border-style: solid;
	border-width: auto;
	border-color: #0057C1;
	width: 750px;
	vertical-align: top;
	padding: 5px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #DBDFE8;
}

#lessonDateFilter {
	border-style: solid;
	border-width: auto;
	border-color: #0057C1;
	width: 750px;
	vertical-align: top;
	padding: 5px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #DBDFE8;
}

#customBtn:hover {
	background: #e74b37;
	cursor: pointer;
}

span.label {
	font-weight: bold;
}

span.icon {
	background: url('../images/Google/Red-signin_Short_base_32dp.png');
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	padding: 0 2px 5px 0;
	border-right: #bb3f30 1px solid;
}

span.buttonText {
	display: inline-block;
	vertical-align: middle;
	padding-left: 35px;
	padding-right: 35px;
	font-size: 14px;
	font-weight: bold;
	/* Use the Roboto font that is loaded in the <head> */
	font-family: 'Roboto', arial, sans-serif;
}

.account-container {
	clear: both;
	display: inline-block;
	height: auto;
	vertical-align: top;
}

#googleButtonSection {
	padding-top: 5px;
}

#profile {
	display: inline-block;
	width: 220px;
	word-wrap: break-word;
}

#disconnectGoogle, #disconnectGoogleClassButton {
	padding: 3px 8px;
	line-height: 20px;
}

.flatBtn {
	background-color: #BDC3C7;
	color: #fff;
	font-size: 17px;
	display: block;
	cursor: pointer;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.flatBtn:hover {
	background-color: #ECF0F1;
	color: #2C3E50;
}

.toggleRowColor {
	background-color: #dbdfe8;
}

.myFilesRowPart, .myFilesBoxRowPart {
	cursor: pointer;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #DBDFE8;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stateRow, .subjectRow {
	cursor: pointer;
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #DBDFE8;
}

.selectSubject {
	cursor: pointer;
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #DBDFE8;
}

.allStIDs {
	color: white;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 3px;
	padding-left: 3px;
	margin: 3px 3px 3px 0;
	background-color: grey;
}

.standardsSettingsLabel {
	font-weight: bold;
}

.sSStyle, #sortableSection span, #adminSortableSection span,
	#newSortableSection span {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.sSStyle2 {
	display: inline-block;
	vertical-align: top;
}

.sectionTextBox {
	/* float:left; */
	position: relative;
}

.secInput {
	font-size: 14px;
	padding: 10px 25px 10px 10px;
	border: 1px solid #CCC;
}

.sectionTextBox .sectionLabel {
	position: absolute;
	right: 10px;
	top: 14px;
	color: #999;
}

.listSectionHead div, #eventDisplayHead div {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}

#sortableSection, #adminSortableSection, #newSortableSection, #lessonSectionsGrouping1Sortable, #lessonSectionsGrouping2Sortable {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

#sortableSection:active, #adminSortableSection:active,
	#newSortableSection:active, #lessonSectionsGrouping1Sortable:active, #lessonSectionsGrouping2Sortable:active {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

div.sectionPosition {
	display: none;
}

.colorChooser {
	cursor: default;
}

.formatBoxes {
	display: none;
	border: 2px solid #0057C1;
	background-color: white;
	position: absolute;
	padding: 10px;
	border-radius: 3px;
}

div.sHiddenHead div {
	display: inline-block;
	font-size: small;
	padding-top: 5px;
}

.button {
/* 	-moz-box-shadow: inset -1px 1px 0px 0px #54a3f7; */
/* 	-webkit-box-shadow: inset -1px 1px 0px 0px #54a3f7; */
/* 	box-shadow: inset -1px 1px 0px 0px #54a3f7; */
	background-color: #0057c1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #0057c1;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	padding: 10px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.buttonsmall {
	/*-moz-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	box-shadow: inset -1px 1px 0px 0px #54a3f7;*/
	background-color: #0057c1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/* 	border: 1px solid #0057c1; */
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 10pt;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
	margin-left: 5px;
}

.actionButton {
	-moz-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	box-shadow: inset -1px 1px 0px 0px #54a3f7;
	background-color: #0057c1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #0057c1;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 10pt;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
	margin-right: 10px;
}

.editorButton {
	background-color: #0057c1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #0057c1;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	padding: 3px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}
.radioButton{
	width: 16px;
	height: 16px;
	border: solid #a9a9a9;
	background-color: white;
}

.button:hover, .buttonsmall:hover, .actionButton:hover, .editorButton:hover, .inputWrapper:hover
	{
	background-color: #0068de;
}

.button:active, .buttonsmall:active, .editorButton:active {
	position: relative;
	top: 1px;
}
.displayButtons.buttonsmall:active{
	background-color:blue;
}
.displayButtons.buttonsmall{
	background-color:white;
}
.greybutton {
/* 	-moz-box-shadow: inset -1px 1px 0px 0px #a3a3a3;
	-webkit-box-shadow: inset -1px 1px 0px 0px #a3a3a3;
	box-shadow: inset -1px 1px 0px 0px #a3a3a3; */
	background-color: #696969;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #696969;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	padding: 10px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.greybutton:hover {
	background-color: #787878;
}

.hiddenBoxSec {
	padding: 6px;
}

.dButtons div {
	padding: 6px 10px 7px 10px;
	width: 8px;
	margin-right: -5px;
	border: 1px solid #91765d;
	background: #eee;
	display: inline-block;
	cursor: pointer;
}

.dButtons div:hover {
	border: 1px solid #2e3436;
}

.sectionNums {
	display: inline-block;
	vertical-align: top;
}

.sectionNums div {
	padding: 6px 5px;
}

.commentTo {
	color: #FFFFFF;
	padding: 1px 11px 1px 10px;
	margin-right: 5px;
	background-color: green;
}

.commentFrom {
	color: #FFFFFF;
	padding: 1px 3px 1px 3px;
	margin-right: 5px;
	background-color: #0057C1;
}

.letterGradesColName {
	width: 100%;
	text-align: center;
}


#elementaryClasses:hover
	{
	cursor: pointer;
	text-decoration: underline;
}

#sampleScoreWeights:hover {
	cursor: pointer;
}

.tabFormat {
	width: 200px;
	padding: 10px;
}

.tabSettings {
	display: none;
}

.menuIcon {
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0px 10px 0px 10px;
}

.menuIcon2 {
	width: 70px;
	height: 50px;
	text-align: center;
	margin: 0px 10px 0px 10px;
}

.tStudent, .tTeacherBank {
	background-color: red;
	height: 15px;
	width: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	margin-right: 2px;
}

.sStudent, .tSchoolBank {
	background-color: blue;
	height: 15px;
	width: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	margin-right: 2px;
}

.tDistrictBank {
	background-color: green;
	height: 15px;
	width: 15px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	margin-right: 2px;
}

span.tStudent, span.sStudent, span.tSchoolBank, span.tTeacherBank, span.tDistrictBank {
	padding: 2.5px 5px 2.5px 5px;
	border-radius: 2px;
}

.dragStudentIn, .dragStudentOut, .dragStudentInTeacher,
.dragStudentOutTeacher, .listStudentItem, .listStudentItem2 {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	color: #000000;
	background-color: #DBDFE8;
	border-radius: 2px;
	padding: 5px;
	cursor: move;
}

#actionBox, #actionBoxYear {
	display: none;
	position: absolute;
	background-color: #DBDFE8;
	border: 2px solid #0057C1;
	z-index: 20;
	cursor: pointer;
	width: 90px;
	text-align: left;
}

.lessonAssignment:hover, .lessonAssessment:hover, .leUnit:hover, .googleAssignment:hover, .googleAssessment:hover, .laUnit:hover {
	cursor: pointer;
	text-decoration: underline;
}

.deleteRow {
	background-image: url(../images/close3.png);
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.deleteRow:hover {
	background-image: url(../images/onclose.jpg);
}

.editBoxRow {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.editBoxRow div {
	display: table-cell;
}

.editBoxRow .actions div.editBoxBtnAction {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
	color: #ffffff;
	white-space: nowrap;
	padding: 10px 10px 10px 10px;
	background-color: #0056c1;
	border-radius: 3px;
	border: 1px solid #015fd4;
	box-shadow: inset -1px 1px 0px 0px #54a3f7;
	user-select: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	min-width: 60px;
	margin-right: 10px;
}

.editBoxRow .actions div.editBoxBtnAction:hover {
	background-color: #016bef;
}

.editBoxBtnAction img.down {
	margin-left: 5px;
	margin-bottom: 2px;
}

.editBoxRow .actions div.editBoxBtnClose {
	background: url(../images/close-x-white.png) center no-repeat;
	display: inline-block;
	cursor: pointer;
	width: 23px;
	height: 22px;
	white-space: nowrap;
	vertical-align: middle;
	margin-right: 5px;
	padding-left: 10px;
}

.editBoxRow .actions div.editBoxBtnClose:hover {
	background: url(../images/close-x-blue.png) center no-repeat;
}

div.dragHead div.editBoxRow div.label, div.boxHead div.editBoxRow div.label, div.boxLessonHead div.editBoxRow div.label
	{
	font-size: 18pt;
	text-align: left;
	padding-left: 10px;
	padding-top: 0px;
	vertical-align: middle;
}

div.dragHead div.editBoxRow div.actions, div.boxHead div.editBoxRow div.actions, div.boxLessonHead div.editBoxRow div.actions
	{
	vertical-align: middle;
}

div.editBox div.dragHead div.editBoxRow, div.boxHead div.editBoxRow, div.boxLessonHead div.editBoxRow
{
	margin-top: -5px;
	height: 50px;
}

div.dragHead div.editBoxRow div.actions, div.boxHead div.editBoxRow div.actions, div.boxLessonHead div.editBoxRow div.actions
	{
	text-align: right;
	padding-top: 0px;
}

.editBoxRow.alertContainer {
	height: 55px;
	background-color: #FFC7CE;
	vertical-align: middle;
}

.editBoxRow .alertImage {
	padding: 10px 10px 10px 10px;
	width: 40px;
}

.editBoxRow .alertMessage {
	padding: 10px 10px 10px 0px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	color: #cc0717;
}

.showInfoContainer {
	margin: 10px;
	border: 6px solid #0057c1;
}

.showInfoLabel {
	background-color: #0057c1;
	color: #ffffff;
	vertical-align: middle !important;
	font-size: 13px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 10px;
	font-family: arial;
}

tbody.showInfo .slCell {
	padding: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0057c1;
	border-right-width: 0px;
	border-left-width: 0px;
	color: #3f3f3f;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
}

tbody.showStandards .slCell {
	padding: 10px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #0057c1;
	border-left-width: 0px;
}

tbody.showStandards .srCell {
	padding: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0057c1;
	border-right-width: 0px;
	color: #3f3f3f;
	font-family: arial;
	font-size: 12px;
}

tbody.showInfo>tr:last-child td {
	border-bottom-width: 0px;
}

.showAttachmentsContainer {
	margin: 10px;
}

.showAttachmentsLabel {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 20px;
}

.showAttachment {
	background-image: url(../images/icon-blue-attachment.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	padding: 5px 5px 5px 0px;
}

tbody.showAttachments>tr>td.showAttachment>a {
	margin-left: 20px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #0057c1;
}

tbody.showAttachments>tr>td.showAttachment>a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #0057c1;
}

.studentViewActions {
	padding-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
}

.studentViewActions>div:first-child {
	white-space: nowrap;
	float: left;
}

.studentViewActions>div:last-child {
	float: right;
	text-align: right;
	white-space: nowrap;
}

.studentViewActions .newButton {
	width: 150px;
	display: inline-block;
}

.studentViewActions .newButton>img:first-child {
	margin-right: 5px;
}

.studentViewActions .newButton>span:first-child {
	vertical-align: top;
}

#teacherAssignmentView>div.studentViewActions>div:nth-child(1) .newButton,
	#studentAssignmentView>div.studentViewActions>div:nth-child(1) .newButton
	{
	width: 130px;
	padding: 10px;
	text-align: left;
	line-height: normal;
	font-weight: normal;
	vertical-align: top;
}

.listStudents {
	border: 5px solid #0057C1;
	border-radius: 3px;
	margin: 20px 30px 0px 30px;
}

#studentViewLegend {
	margin-left: 5px;
	display: inline-block;
	line-height: 18px;
	vertical-align: top;
}

.newButton.filterGradeLevel {
	margin-right: 0px;
	width: 131px;
}

.gradeLevelPicker {
	border-radius: 5px;
	cursor: pointer;
	line-height: 28px;
	color: #0057C1;
	background-color: #DBDFE8;
	border: 2px solid #0057C1;
	margin: 5px 10px 5px 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.gradeLevelPicker:hover {
	background-color: #0057C1;
	color: #FFFFFF;
}

.studentViewGradesPeriodPicker, .studentViewGradesTeacherPicker {
	border-radius: 5px;
	cursor: pointer;
	line-height: 28px;
	color: #0057C1;
	background-color: white;
	border: 2px solid #0057C1;
	margin: 5px 10px 5px 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.gradePeriodItem:hover {
	background-color: #0057C1;
	color: #FFFFFF;
}

.bannerMenu {
    z-index: 101;
	position: absolute;
	display: none;
}

.bannerMenu>ul.bannerList {
	z-index: 11;
	margin: 0;
	padding: 5px;
	list-style: none;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px #F0C36D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 10px #F0C36D;
	-webkit-box-shadow: 0 0 10px #F0C36D;
}

.bannerMenu>ul.bannerList li {
	cursor: pointer;
	padding: 5px;
	font-size: 12px;
	border-bottom: solid 1px #F0C36D;
}

.bannerMenu>ul.bannerList li:hover {
	background: #F9EDBE;
}

.bannerMenu>ul.bannerList li:last-child {
	border: none
}

@media only screen and (max-width: 1120px) {
	div.studentViewActions>div {
		margin-bottom: 5px;
	}
	div.studentViewActions>div:last-child {
		float: left;
	}
	#studentView>.listStudents {
		margin-top: 45px;
	}
}

.gradeAverage, .standardGradeAverage {
	text-align: right;
}

.gradeAverage>div, .standardGradeAverage>div {
	height: 12px;
	font-size: 12px;
}

input.studentGrade.tabbedGrade {
	width: auto;
}

.studentGrade, .overrideScore, .overridePeriodScore, .standardGrade {
	border: 1px solid #FFFFFF;
	width: 50px;
	text-align: right;
}

#rightStudentGrades input {
	height: 12px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.scoreContainer {
	height: 16px;
	overflow: hidden;
}

.asgGradeCol .scoreContainer, .asmGradeCol .scoreContainer {
	width: 45px;
}

.studentGrade:hover, .overrideScore:hover, .overridePeriodScore:hover,
	.standardGrade:hover, .individualStudentGrade:hover,
	.individualStudentStandardGrade:hover, .studentGradeNote:hover,
	.studentGrade:focus, .overrideScore:focus, .standardGrade:focus,
	.individualStudentGrade:focus, .individualStudentStandardGrade:focus,
	.studentGradeNote:focus {
	border-width: 1px;
	border-style: inset;
	border-color: initial;
	border-image: initial;
}

.studentGradeOutlineDisabled:hover, .studentGradeOutlineDisabled:focus {
	border-style: none !important;
	border-color: transparent !important;
}

.studentGradeOutlineDisabled {
	cursor: pointer;
}

.individualStudentGrade, .individualStudentStandardGrade {
	border: 1px solid #FFFFFF;
	width: 60px;
	text-align: right;
	font-size: 13px;
	color: #58595b;
}

.studentGradeNote {
	border: 1px solid #FFFFFF;
	width: 100%;
	color: #58595b;
	font-size: 13px;
}

.studentScoreName {
	cursor: pointer;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 16px;
	vertical-align: middle;
}

.studentScoreName:hover {
	text-decoration: underline;
}

#individualStudentGrades td, #individualStudentGrades th {
	padding: 5px;
}

#individualStudentGrades tr.groupHeader th {
	color: white;
	background-color: #0057C1;
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight: bold;
}

#individualStudentGrades tr.dataHeader th {
	color: #434343;
	background-color: #DBDFE8;
	border: 1px solid #DBDFE8;
	border-right-color: white;
	border-bottom-color: white;
	font-weight: lighter;
}

#individualStudentGrades tr.dataHeader th:last-child {
	border-right-width: 0px;
}

#individualStudentGrades tr.dataHeader th:nth-child(2) {
	width: 130px;
}

#individualStudentGrades tr.dataHeader th:nth-child(3) {
	width: 75px;
}

#individualStudentGrades tr.dataHeader th:nth-child(4) {
	width: 100px;
	text-align: center;
}

#individualStudentGrades tr.dataHeader th:nth-child(5) {
	width: 100%
}

#individualStudentGrades tr.data td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDFE8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DBDFE8;
	background-color: #FFFFFF;
}

#individualStudentGrades tr.data td:nth-child(1) {
	cursor: pointer;
	white-space: nowrap;
}

#individualStudentGrades tr.data td:nth-child(1):hover {
	text-decoration: underline;
}

#individualStudentGrades tr.data td:nth-child(2) {
	text-align: center;
}

#individualStudentGrades tr.data td:nth-child(3) {
	text-align: center;
}

#individualStudentGrades tr.data td:nth-child(4) {
	text-align: right;
	white-space: nowrap;
}

#individualStudentGrades tr.data td:last-child {
	border-right-width: 0px;
}

#individualStudentGradesBox div.nav {
	margin-bottom: 20px;
	color: #0057C1;
	font-size: 14px;
}

#individualStudentGradesBox div.percentage {
	margin-bottom: 5px;
}

#individualStudentGradesBox .navButton {
	cursor: pointer;
	background-color: #FFFFFF;
	border: 2px solid #0057C1;
	color: #0057C1;
	text-align: center;
	border-radius: 5px;
	padding: 5px 0px 5px 0px;
	width: 40px;
	margin-left: 4px;
}

#individualStudentGradesBox .navButton:hover {
	background-color: #0057C1;
	color: #FFFFFF;
}

#studentName {
	font-weight: bold;
	color: #58595b;
}

.individualStudentGradesContainer {
	max-height: 50vh;
	overflow-y: auto;
}

.actionsContainer {
	overflow: hidden;
}

.actionsContainer .minusButton, .actionsContainer .plusButton,
	.actionsContainer input, .actionsContainer .copyButton,
	.actionsContainer .priorityButton {
	float: left;
	text-align: center;
}

.minusButton {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.plusButton, .copyButton, .priorityButton {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.actionsContainer .minusButton, .actionsContainer .plusButton {
	text-align: center;
}

.actionsContainer input {
	width: 30px;
	height: 17px;
	border: none;
	padding: 2px 0px 2px 0px;
	background-color: #CFD2D9;
}

.spinnerButton {
	height: 13px;
	width: 12px;
	font-weight: bold;
	padding: 3px;
	border: 1px solid transparent;
	background-color: #0057C2;
	color: #fff;
	vertical-align: middle;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.spinnerDisabled:hover {
	cursor: not-allowed;
}

.lessonAction>div, .pickerAction {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	text-align: center;
}

.lessonAction>div>img, .pickerAction>img {
	max-width: 100%;
	max-height: 100%
}

img {
	border: 0;
}

.lessonAction2>.lessonAction>div {
	margin-right: 7px;
}

.sgsTeacher {
	margin-bottom: 20px;
}

.sgsTeacher>div {
	font-weight: bold;
	margin-left: 15px;
	font-size: 16px;
	color: #58595b;
	margin-bottom: 20px;
}

.sgsTeacher>table {
	border-collapse: collapse;
}

.sgsTeacher>table>thead>tr>th {
	padding: 5px;
	background-color: #0057C1;
	border: 1px solid #0057C1;
	color: white;
	font-weight: normal;
	height: 31px;
}

.sgsTeacher>table>thead>tr>th:not(:first-child) {
	cursor: pointer;
}

.sgsTeacher>table>thead>tr>th:not(:first-child):hover {
	text-decoration: underline;
}

.sgsTeacher>table>thead>tr>th:nth-child(1) {
	background-color: #f4f4f6;
	border: 1px solid #f4f4f6;
}

.sgsTeacher>table>thead>tr>th:nth-child(2)>div:nth-child(1) {
	float: left;
}

.sgsTeacher>table>thead>tr>th:nth-child(2)>div:nth-child(2) {
	float: right;
}

.sgsTeacher>table>thead>tr>th:nth-child(2)>div:nth-child(1):hover {
	text-decoration: underline;
}

.sgsTeacher>table>thead>tr>th:nth-child(2)>div:nth-child(2):hover {
	text-decoration: underline;
}

.sgsTeacher>table>thead>tr>th:nth-child(2) {
	min-width: 300px;
}

.sgsTeacher>table>thead>tr>th:not(:last-child) {
	border-right-color: white;
}

.sgsTeacher>table>thead>tr>th:not(:first-child) {
	text-align: center;
	padding: 5px;
	width: 90px;
}

.sgsTeacher>table>tbody>tr {
	background-color: #FFFFFF;
}

.sgsTeacher>table>tbody>tr.odd {
	background-color: #DBDFE8;
}

.sgsTeacher>table>tbody>tr.odd>td>div:nth-child(1) {
	border-color: #DBDFE8;
}

.sgsTeacher>table>tbody>tr>td:first-child {
	width: 5px;
	padding: 0px;
}

.sgsTeacher>table>tbody>tr>td {
	padding: 5px;
	border: 1px solid #E9ECF1;
	text-align: center;
	cursor: pointer;
}

.sgsTeacher>table>tbody>tr>td:first-child:hover {
	opacity: 0.5;
}

.sgsTeacher>table>tbody>tr>td:hover {
	text-decoration: underline;
}

.sgsTeacher>table>tbody>tr>td:hover>div {
	text-decoration: underline;
}

.sgsTeacher>table>tbody>tr>td:nth-child(2) {
	text-align: left;
}

.sgsTeacher>table>tbody>tr>td>div:nth-child(1) {
	border: 1px solid #FFFFFF;
	display: inline-block;
	width: 42px;
	margin-right: 20px;
	text-align: right;
}

.sgsTeacher>table>tbody>tr>td>div:nth-child(2) {
	display: inline-block;
	width: 10px;
}

.messageBox {
	display: inline-block;
}

.messageButton {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

.messageContent, .messageTitle {
	display: none;
}

.classScoresBox {
	display: none;
	z-index: 31;
	height: auto;
	width: 700px;
	border: 5px solid #F4F4F6;
	background-color: #F4F4F6;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 20px #58595b;
	-webkit-box-shadow: 0 0 20px #58595b;
	box-shadow: 0 0 20px #58595b;
}

#classScores {
	padding: 2px;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -15px;
	text-align: center;
	top: -15px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	z-index: 32;
	cursor: pointer;
}

.close:hover {
	background: #00d9ff;
}

.toggleClasswork {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.studentGradesStandards tr:nth-child(1)>td {
	padding: 5px;
	text-align: left;
	border-style: solid;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
	background-color: #0057C1;
	border-width: 1px;
	border-color: #0057C1;
}

.studentGradesStandards .standardSuject {
	padding: 5px;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	font-size: 11pt;
	font-weight: 600;
	background-color: #DBDFE8;
	border-color: #DBDFE8;
}

.studentGradesStandards .standardCategory {
	padding: 5px;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	font-style: italic;
	background-color: #F4F4F6;
	border-color: #DBDFE8;
}

.studentGradesStandards .standardScore>td {
	padding: 5px;
	border: solid 1px #DBDFE8;
	background-color: #FFFFFF;
	font-size: 10pt;
}

.studentGradesStandards .standardScore>td {
	padding: 5px;
}

.studentGradesStandards .standardScore>td:first-child>div,
	.studentGradesStandards .standardScore>td:last-child>div {
	width: 100px;
	text-align: center;
}

.studentGradesStandards .standardScore>td:nth-child(2) {
	width: 100%;
}

#schoolStudentGradesView {
	width: 100%;
}

#schoolStudentGradesView .colTitle {
	clear: both;
}

#schoolStudentGradesView .sidebar {
	float: left;
	width: 235px;
	margin-left: 20px;
	border: 2px solid #0057C1;
	border-radius: 5px;
	padding: 10px;
	background-color: #DBDFE8;
	margin-bottom: 20px;
}

#schoolStudentGradesView .content {
	width: auto;
	margin-left: 300px;
}

#schoolStudentGradesView .row {
	width: 100%;
	float: left;
	margin-right: 20px;
}

#sideBarStudents ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
	max-height: 63vh;
	overflow-y: auto;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#sideBarStudents>ul>li {
	list-style: none;
	padding: 2px;
	cursor: pointer;
}

#sideBarStudents>ul>li:hover {
	text-decoration: underline;
}

#gradeBookActions {
	padding: 10px;
}

#gradeBookActions>div:first-child>div:first-child {
	padding: 0px 0px 3px 0px;
	font-weight: bold;
}

#gradeBookActions>div:not(:first-child) >div:first-child {
	padding: 10px 0px 3px 0px;
	font-weight: bold;
}

#gradeBookActions>div>div:not(:first-child), div.asgGradesButton, div.asmGradesButton
	{
	float: left;
	padding: 5px;
	background-color: #DCDEE9;
	border-right: 2px solid #F4F4F6;
	color: #2065CB;
	min-width: 30px;
	cursor: pointer;
	text-align: center;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#gradeBookActions>div>div:not(:first-child).selected {
	background-color: #2065CB;
	color: #FFFFFF;
}

#gradeBookActions>div>div:nth-child(2) {
	border-radius: 5px 0px 0px 5px;
}

#gradeBookActions>div>div:last-child {
	border-radius: 0px 5px 5px 0px;
}

.refreshStudentGrades {
	padding: 5px; 
	text-shadow: none !important; 
	background-color: #0057c1;
	width: 145px;
}

.refreshStudentGrades {
	display:none;
}

#sortScoresByDueDate {
	cursor: pointer;
}

#adminPurchase>table>tbody>tr>th {
	text-align: right;
}

#adminPurchase>table {
	border-collapse: separate;
	border-spacing: 5px;
}

#adminPurchase {
	margin-bottom: 10px;
}

#listMyFilesBox_FilesContainer {
	max-height: calc(100vh - 280px);
}

.downloadMyFile:hover {
	color: #97989b;
}

.myFilesName:hover, .filePickerFileName:hover {
	cursor: pointer;
	text-decoration: underline;
}

#myFilesHead>tr>th:nth-child(1), #myFilesBody>tr>td:nth-child(1) {
	width: calc(100% - 270px);
}

#myFilesHead>tr>th:nth-child(2), #myFilesBody>tr>td:nth-child(2) {
	width: 100px;
}

#myFilesHead>tr>th:nth-child(3), #myFilesBody>tr>td:nth-child(3) {
	width: 170px;
}

#sTable.hasSRowSelected tr.tHeader>th:first-child {
	width: 13px;
	padding: 0px;
}

#sBody>tr>td:first-child {
	width: 0px;
	padding: 0px;
}

#sBody.hasSRowSelected>tr>td.sRowPart:first-child>div:first-child {
	width: 16px;
	height: 16px;
}

#sTable tr.tHeader>th:last-child, #mysTable tr.tHeader>th:last-child,
	#mySchoolTable tr.tHeader>th:last-child, #pickStrategyTable tr.tHeader>th:last-child
	{
	border-right: 0;
}

#mysTable tr.tHeader {
	border-top: 1px solid white;
}

#sBody>.sRow:hover>td.sRowPart, #mysBody>.mysRow:hover>td, #mySchoolBody>.mySchoolRow:hover>td,
	.sRow.sRowSelected>td.sRowPart, .mySchoolRow.mySchoolRowSelected>td,
	.mysRow.mySRowSelected>td, .pickStrategy.strategySelected>td {
	background-color: #dbdfe8;
}

/* .sRow>td.sRowPart:first-child, .mysRow>td:first-child, .mySchoolRow>td:first-child, */
/* 	.pickStrategy>td:first-child { */
/* 	padding: 2px; */
/* } */

.pickStrategy.strategySelected>td:first-child>div:first-child 
	{
	background: url('../images/apply.png') no-repeat center;
	background-size: 13px 13px;
}

#mysBody>.mysRow>td:first-child, .mySchoolRow>td:first-child,
#mySchoolBody>mySchoolRow>td:first-child {
	border-bottom: 1px solid #DBDFE8;
}

#sBody>.sRow>td:first-child,
#mysBody>.mysRow>td:first-child, #mysTable .tHeader>th:first-child, 
#mySchoolBody>.mySchoolRow>td:first-child, #mySchoolTable .tHeader>th:first-child,
#myFilesPickerListBody>.myFilesRow>td:first-child, #stateListBody>.stateRow>td:first-child, 
#subjectListBody>.subjectRow>td:first-child, 
#pickStrategyBody>.pickStrategy>td:first-child, #pickStrategyTable .tHeader>th:first-child {
	width: 30px;
	padding-left: 20px; 
	padding-bottom: 30px;
}

#myFilesPickerListBody>tr>td:nth-child(2) {
	width: calc(100% - 50px);
}

#myFilesPickerListBody>tr>td:nth-child(3) {
	width: 30px;
}

.dTable {
	display: table;
	table-layout: fixed;
}

.dHead .dRow {
	display: table-row;
}

.dHead .dRow .dCell {
	display: table-cell;
}

.dBody .dRow {
	display: table-row;
}

.dBody .dRow .dCell {
	display: table-cell;
}

#studentGradesBox .dCell {
	padding: 5px;
}

#studentGradesBox .dHead>.dRow:not(:first-child) >.dCell {
	font-size: 12px;
}

#rightStudentGrades>.dTable .dHead>.dRow:first-child>.dCell,
	#leftStudentGrades>.dTable .dHead>.dRow:first-child>.dCell {
	height: 140px;
}

#rightStudentGrades>.dTable .dHead, #leftStudentGrades>.dTable .dHead {
	height: 206px;
	overflow-y: hidden;
	overflow-x: hidden;
}

#studentGradesBox .dBody .dRow .dCell {
	height: 16px;
}

#rightStudentGrades>.dTable .dHead>.dRow:not(:first-child) >.dCell,
	#leftStudentGrades>.dTable .dHead>.dRow:not(:first-child) >.dCell {
	height: 16px;
}

#studentGradesBox .scroll-wrapper.dBody {
	top: -1px;
}

.toDoDescriptionContainer .scroll-wrapper {
	overflow-y: unset !important;
}

#leftStudentGrades {
	float: left;
}

#leftStudentGrades>.dTable .dBody>.dRow>.dCell, #leftStudentGrades>.dTable .dHead>.dRow>.dCell
	{
	width: 202px;
}

#leftStudentGrades>.dTable  .dBody>.dRow>.dCell, #leftStudentGrades>.dTable .dHead>.dRow:not(:first-child) >.dCell, #rightStudentGrades>.dTable .dBody>.dRow>.dCell,
	#rightStudentGrades>.dTable .dHead>.dRow:not(:first-child) >.dCell {
	background-color: white;
}

#rightStudentGrades>.dTable .dHead>.dRow>.dCell {
	vertical-align: bottom;
}

#leftStudentGrades>.dTable .dHead>.dRow>.dCell, #leftStudentGrades>.dTable .dBody>.dRow>.dCell
	{
	border-right: 1px solid #DBDFE8;
	border-left: 1px solid #DBDFE8;
	border-bottom: 1px solid #DBDFE8;
}

#leftStudentGrades>.dTable .dHead>.dRow:first-child>.dCell {
	border-left: 1px solid #f4f4f6;
	border-right: 1px solid #f4f4f6;
}

#rightStudentGrades {
	overflow-x: auto;
	max-width: 80vw;
}

#rightStudentGrades>.dTable .dBody, #leftStudentGrades>.dTable .dBody {
	overflow-y: scroll;
	max-height: 45vh;
}

@media only screen and (max-height: 809px) {
	#rightStudentGrades>.dTable .dBody, #leftStudentGrades>.dTable .dBody {
		max-height: 40vh !important;
	}
}

@media only screen and (min-height: 810px) {
	#rightStudentGrades>.dTable .dBody, #leftStudentGrades>.dTable .dBody {
		max-height: 45vh !important;
	}
}

@media screen and (min-height: 890px) {
	#rightStudentGrades>.dTable .dBody, #leftStudentGrades>.dTable .dBody {
		max-height: 50vh !important;
	}
}

@media screen and (min-height: 970px) {
	#rightStudentGrades>.dTable .dBody, #leftStudentGrades>.dTable .dBody {
		max-height: 55vh !important;
	}
}

@media screen and (min-height: 1100px) {
	#rightStudentGrades>.dTable .dBody, #leftStudentGrades>.dTable .dBody {
		max-height: 60vh !important;
	}
}

#rightStudentGrades>.dTable .dBody>.dRow>.dCell, 
#rightStudentGrades>.dTable .dHead>.dRow:not(:first-child) >.dCell {
	border-right: 1px solid #DBDFE8;
	border-bottom: 1px solid #DBDFE8;
}

#rightStudentGrades>.dTable .dHead>.dRow:first-child>.dCell {
	border-right: 1px solid white;
	border-bottom: 1px solid #0057C1;
	background-color: #0057C1;
	color: white;
}

#rightStudentGrades>.dTable .dHead>.dRow:first-child>.dCell:last-child {
	border-right: 1px solid #0057C1;
}

#rightStudentGrades>.dTable .dHead>.dRow>.dCell, #rightStudentGrades>.dTable .dBody>.dRow>.dCell
	{
	width: 80px;
}

.vertBoxContainer {
	width: 50%;
	margin: 0 auto;
}

.vertBoxContainer>div {
	width: 80px;
	height: 15px;
}

.vertBoxContainer>div>div {
	width: 140px;
	overflow: hidden;
	white-space: nowrap;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 15px 0 0;
	text-overflow: ellipsis;
	
}

.letterGrade {
	display: inline-block;
	font-size: 12px;
	width: 10px;
}

.overrideScore, .overridePeriodScore {
	width: 40px;
	margin-right: 15px;
	text-align: right;
}

.scoreHeader, .gradePeriodHeader {
	cursor: pointer;
}

.mainHoverDisabled {
	text-decoration: none !important;
}

.mainHoverDisabled .cwTitle:hover, .mainHoverDisabled .cwScoreWeight:hover {
	text-decoration: underline;
}

.indCustomScoreWeight {
	cursor: pointer;
}

.indCustomScoreWeight:hover {
	text-decoration: underline;
	background-color: #DBDFE8 !important;
}

.scoreHeader:hover, .gradePeriodHeader:hover {
	text-decoration: underline;
}

.planbookPopOver {
	position: absolute; 
	top: 100px; 
	left: 300px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0 0 2px #a9a9a9;
	width: 225px;
	z-index: 1;
	display:none;
}

.planbookPopOver h3 {
    padding: 10px 16px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #0057c1;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 20px;
    color: white;
}

.planbookPopOver div.planbookPopOverContent {
   	padding: 11px 16px;
}

.planbookPopOver::before {
    position: absolute;
    left: 100px;
    bottom: -11px;
    z-index: 1;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid rgba(169, 169, 169, 0.2);
    content: '';
    display: inline-block;
}

.planbookPopOver::after {
    position: absolute;
    left: 101px;
    bottom: -9px;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    content: '';
    display: inline-block;
}

#rightStudentGrades>.dTable .dHead>.dRow>.dCell.asgGradeCol,
	#rightStudentGrades>.dTable .dBody>.dRow>.dCell.asgGradeCol,
	#rightStudentGrades>.dTable .dHead>.dRow>.dCell.asmGradeCol,
	#rightStudentGrades>.dTable .dBody>.dRow>.dCell.asmGradeCol {
	width: 55px;
}

#rightStudentGrades .dCell.asgGradeCol>.vertBoxContainer,
	#rightStudentGrades .dCell.asmGradeCol>.vertBoxContainer {
	width: 55px;
	margin: auto;
}

#rightStudentGrades>.dTable .dHead>.dRow:nth-child(2)>.dCell {
	text-align: center;
}

.hWeekLeft {
	height: 100%;
	float: left;
}

.hWeekRight {
	height: 100%;
}

.hWeekRight .dCell>div {
	overflow-y: scroll;
	height: 100%;
}

.hWeekRight .dCell>div>div:first-child {
	padding: 5px;
}

.hWeekRightContainer .event, .hWeekRightContainer .lesson {
	margin: 0px;
}

.hWeekRightContainer {
	overflow-x: auto;
}

.hWeekRightContainer .dCell, .hWeekLeft .dCell {
	vertical-align: top;
}

.hWeekLeft .dCell {
	background-color: white;
}

.lesson, .event, .gc {
	border-radius: 3px;
}

#planBox .scrollbar-inner>.scroll-element, .scrollbar-inner>.scroll-element div,
	#studentGradesBox .scrollbar-inner>.scroll-element, .scrollbar-inner>.scroll-element div
	{
	z-index: 8 !important;
}

.scrollbar-inner {
	overflow-y: auto;
}

#weekLessonBox>.scrollbar-inner {
	height: 100%;
}

.hWeekRightContainer .scrollbar-inner>.scroll-element div {
	top: 1.5px;
}

.hWeekRightContainer .allDayEvents .event {
	margin-bottom: 5px;
}

#allDayEventContainer {
	overflow: hidden;
	height: auto;
	width: 100%
}

.monthCell>.scrollbar-inner {
	height: 150px;
}

#pickCopyType, #pickCopyToType {
	position: absolute;
	top: 43px;
	left: 0px;
	background-color: #DBDFE8;
	z-index: 1;
}

#pickCopyClass {
	background-color: #DBDFE8;
	max-height: 400px;
	overflow-y: auto;
	z-index: 1;
}

#pickCopyTeacher {
	background-color: #DBDFE8;
	max-height: 400px;
	overflow-y: auto;
	z-index: 1;
}

#pickCopyYear {
	background-color: #DBDFE8;
	max-height: 400px;
	overflow-y: auto;
	z-index: 1;
}

#pickToClass {
	background-color: #DBDFE8;
	max-height: 400px;
	overflow-y: auto;
	z-index: 1;
}

#pickClass, #pickBank, #pickCopyBank, #pickCopyToBank {
	z-index: 10;
}

#pickGradingPeriod {
	z-index: 10;
	width: 200px;
}

#copyChangeType, #copyToChangeType {
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

table.copyLessons {
	border-collapse: collapse;
	width: 100%;
}

table.copyLessons td, table.copyLessons th {
	padding: 5px;
	background-color: white;
}

table.copyLessons>tbody>tr>td:first-child {
	width: 6px;
	padding: 0px;
	background-color: transparent;
}

table.copyLessons>thead>tr>th:first-child {
	width: 55px;
}

table.copyLessons>tbody>tr>td:nth-child(2) {
	width: 54px;
}

table.copyLessons>thead>tr>th:nth-child(2), table.copyLessons>tbody>tr>td:nth-child(3)
	{
	width: 100px;
}

table.copyLessons>thead>tr>th:last-child, table.copyLessons>tbody>tr>td:last-child
	{
	width: calc(100% - 161px)
}

table.copyLessons>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyLessons>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyUnits {
	border-collapse: collapse;
	width: 100%;
}

table.copyUnits table {
	border-collapse: collapse;
	width: 100%;
}

table.copyUnits>tbody>tr.unitDetails>td, table.copyUnits>tbody>tr.unitToDetails>td
	{
	background-color: #DBDFE8;
}

table.copyUnits table>tbody>tr>td:first-child, table.copyUnits table>thead>tr>th:first-child
	{
	width: 90px;
	text-align: center;
}

table.copyUnits>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyUnits>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyUnits table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyUnits, table.copyUnits th, table.copyUnits td {
	border: 1px solid #DBDFE8;
}

table.copyUnits>tbody>tr>td:first-child, table.copyUnits>thead>tr>th:first-child
	{
	width: calc(100% - 180px);
}

table.copyUnits>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyUnits>tbody>tr>td:nth-child(n+2), table.copyUnits>thead>tr>th:nth-child(n+2)
	{
	width: 90px;
	text-align: center;
}

table.copyUnits td, table.copyUnits th {
	padding: 5px;
	background-color: white;
}

.showHideUnitDetails {
	cursor: pointer;
}

table.copyAssignments {
	border-collapse: collapse;
	width: 100%;
}

table.copyAssignments>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyAssignments>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyAssignments table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyAssignments, table.copyAssignments th, table.copyAssignments td
	{
	border: 1px solid #DBDFE8;
}

table.copyAssignments>tbody>tr>td:first-child, table.copyAssignments>thead>tr>th:first-child
	{
	width: 20px;
}

table.copyAssignments>tbody>tr>td:nth-child(2), table.copyAssignments>thead>tr>th:nth-child(2)
	{
	width: calc(100% - 200px);
}

table.copyAssignments>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyAssignments>tbody>tr>td:nth-child(n+3), table.copyAssignments>thead>tr>th:nth-child(n+3)
	{
	width: 90px;
	text-align: center;
}

table.copyAssignments td, table.copyAssignments th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

table.copyAssessments {
	border-collapse: collapse;
	width: 100%;
}

table.copyAssessments>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyAssessments>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyAssessments table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyAssessments, table.copyAssessments th, table.copyAssessments td
	{
	border: 1px solid #DBDFE8;
}

table.copyAssessments>tbody>tr>td:first-child, table.copyAssessments>thead>tr>th:first-child
	{
	width: 20px;
}

table.copyAssessments>tbody>tr>td:nth-child(2), table.copyAssessments>thead>tr>th:nth-child(2)
	{
	width: calc(100% - 200px);
}

table.copyAssessments>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyAssessments>tbody>tr>td:nth-child(n+3), table.copyAssessments>thead>tr>th:nth-child(n+3)
	{
	width: 90px;
	text-align: center;
}

table.copyAssessments td, table.copyAssessments th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

table.copyToAssessments {
	border-collapse: collapse;
	width: 100%;
}

table.copyToAssessments>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyToAssessments>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyToAssessments table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyToAssessments, table.copyToAssessments th, table.copyToAssessments td
	{
	border: 1px solid #DBDFE8;
}

table.copyToAssessments>tbody>tr>td:first-child, table.copyToAssessments>thead>tr>th:first-child
	{
	width: calc(100% - 180px);
}

table.copyToAssessments>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyToAssessments>tbody>tr>td:nth-child(n+2), table.copyToAssessments>thead>tr>th:nth-child(n+2)
	{
	width: 90px;
	text-align: center;
}

table.copyToAssessments td, table.copyToAssessments th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

table.copyToAssessments th {
	height: 18px !important;
}

table.copyToAssignments {
	border-collapse: collapse;
	width: 100%;
}

table.copyToAssignments>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyToAssignments>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyToAssignments table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyToAssignments, table.copyToAssignments th, table.copyToAssignments td
	{
	border: 1px solid #DBDFE8;
}

table.copyToAssignments>tbody>tr>td:first-child, table.copyToAssignments>thead>tr>th:first-child
	{
	width: calc(100% - 180px);
}

table.copyToAssignments>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyToAssignments>tbody>tr>td:nth-child(n+2), table.copyToAssignments>thead>tr>th:nth-child(n+2)
	{
	width: 90px;
	text-align: center;
}

table.copyToAssignments td, table.copyToAssignments th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

table.copyToAssignments th {
	height: 18px !important;
}

table.copyStudents {
	border-collapse: collapse;
	width: 100%;
}

table.copyStudents>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyStudents>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyStudents table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyStudents, table.copyStudents th, table.copyStudents td {
	border: 1px solid #DBDFE8;
}

table.copyStudents>tbody>tr>td:first-child, table.copyStudents>thead>tr>th:first-child
{
	width: 20px;
}

table.copyStudents>tbody>tr>td:nth-child(2), table.copyStudents>thead>tr>th:nth-child(2)
{
	width: 90px;
}

table.copyStudents>tbody>tr>td:nth-child(3), table.copyStudents>thead>tr>th:nth-child(3)
{
	width: calc(100% -370px);
}

table.copyStudents>tbody>tr>td:nth-child(4), table.copyStudents>thead>tr>th:nth-child(4)
{
	width: 250px;
}

table.copyStudents>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyStudents td, table.copyStudents th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

#importStudentsFromBody>tr {
	cursor: pointer;
}

tr.copySelected>td {
	background-color: #C3D9FF !important;
}

table.copyToStudents {
	border-collapse: collapse;
	width: 100%;
}

table.copyToStudents>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyToStudents>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyToStudents table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyToStudents, table.copyToStudents th, table.copyToStudents td {
	border: 1px solid #DBDFE8;
}

table.copyToStudents>tbody>tr>td:nth-child(1), table.copyToStudents>thead>tr>th:nth-child(1)
	{
	width: 90px;
}

table.copyToStudents>tbody>tr>td:nth-child(2), table.copyToStudents>thead>tr>th:nth-child(2)
{
	width: calc(100% -350px);
}

table.copyToStudents>tbody>tr>td:nth-child(3), table.copyToStudents>thead>tr>th:nth-child(3)
	{
	width: 250px;
}

table.copyToStudents>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyToStudents td, table.copyToStudents th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

table.copyToStudents th {
	height: 18px !important;
}

table.copyClasses {
	border-collapse: collapse;
	width: 100%;
}

table.copyClasses>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyClasses>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyClasses table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyClasses, table.copyClasses th, table.copyClasses td {
	border: 1px solid #DBDFE8;
}

table.copyClasses>tbody>tr>td:first-child, table.copyClasses>thead>tr>th:first-child
	{
	width: 20px;
}

table.copyClasses>tbody>tr>td:nth-child(2), table.copyClasses>thead>tr>th:nth-child(2)
	{
	width: calc(100% - 200px);
}

table.copyClasses>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyClasses>tbody>tr>td:nth-child(n+3), table.copyClasses>thead>tr>th:nth-child(n+3)
	{
	width: 90px;
	text-align: center;
}

table.copyClasses td, table.copyClasses th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

table.copyToClasses {
	border-collapse: collapse;
	width: 100%;
}

table.copyToClasses>thead>tr>th {
	background-color: #DBDFE8;
	border-top: 1px solid white;
}

table.copyToClasses>thead>tr>th:not(:last-child) {
	border-right: 1px solid white;
}

table.copyToClasses table>tbody>tr>td:last-child {
	width: calc(100% - 100px);
}

table.copyToClasses, table.copyToClasses th, table.copyToClasses td {
	border: 1px solid #DBDFE8;
}

table.copyToClasses>tbody>tr>td:first-child, table.copyToClasses>thead>tr>th:first-child
	{
	width: calc(100% - 180px);
}

table.copyToClasses>tbody>tr:first-child>td {
	border-top-width: 0px;
}

table.copyToClasses>tbody>tr>td:nth-child(n+2), table.copyToClasses>thead>tr>th:nth-child(n+2)
	{
	width: 90px;
	text-align: center;
}

table.copyToClasses td, table.copyToClasses th {
	padding: 5px;
	background-color: white;
	height: 19px;
}

table.copyToClasses th {
	height: 18px !important;
}

table.copyToAssignments {
	border-collapse: collapse;
	width: 100%;
}

#importAssignmentsFromLessonBox, #importAssessmentsFromLessonBox,
	#importAssignmentsToLessonBox, #importAssessmentsToLessonBox,
	#importStudentsFromLessonBox, #importStudentsToLessonBox,
	#importClassesFromLessonBox, #importClassesToLessonBox,
	#importUnitsFromLessonBox, #importUnitsToLessonBox {
	height: calc(100vh - 410px);
	overflow-y: auto;
	margin-right: 5px;
	margin-top: -1px;
}

#importToLessonBox, #importFromLessonBox {
	height: calc(100vh - 435px);
	overflow-y: auto;
	margin-left: 5px;
	margin-right: 5px;
}

#importFromLessonBox {
	margin-left: -6px;
}

#importAssignmentsFromLessonBox>.scrollbar-inner,
	#importAssessmentsFromLessonBox>.scrollbar-inner,
	#importAssignmentsToLessonBox>.scrollbar-inner,
	#importAssessmentsToLessonBox>.scrollbar-inner,
	#importStudentsFromLessonBox>.scrollbar-inner,
	#importStudentsToLessonBox>.scrollbar-inner,
	#importClassesFromLessonBox>.scrollbar-inner, #importClassesToLessonBox>.scrollbar-inner,
	#importUnitsFromLessonBox>.scrollbar-inner, #importUnitsToLessonBox>.scrollbar-inner,
	#importFromLessonBox>.scrollbar-inner, #importToLessonBox>.scrollbar-inner
	{
	height: inherit;
}



tr.unitSelected>td {
	background-color: #C3D9FF;
}

.dragUnit, .importDrag {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.dragUnit:active, .importDrag:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

#listTable td, #listTable th {
	padding: 5px;
}

#listTable>tbody>tr>td:first-child, #listTable>thead>tr>th:first-child,
	#listTable>tbody>tr>td:nth-child(2), #listTable>thead>tr>th:nth-child(2)
	{
	text-align: center;
	vertical-align: top;
	width: 20px;
}

#listTable>tbody>tr>td:nth-child(3), #listTable>thead>tr>th:nth-child(3)
	{
	text-align: center;
	vertical-align: top;
	width: 35px;
}

#listTable>tbody>tr>td:nth-child(4), #listTable>thead>tr>th:nth-child(4)
	{
	text-align: left;
	vertical-align: top;
	width: 150px;
}

#listTable>tbody>tr>td:nth-child(5), #listTable>thead>tr>th:nth-child(5),
	#listTable>tbody>tr>td:nth-child(6), #listTable>thead>tr>th:nth-child(6)
	{
	text-align: center;
	vertical-align: top;
	width: 100px;
}

#listTable>tbody>tr>td:last-child, #listTable>thead>tr>th:last-child {
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.lessonBankActions, .unitPickerActions, .districtLessonBankActions {
	font-size: 16px;
	position: absolute;
	top: -7px;
	right: 3px;
}

.lessonBankActions, .unitPickerActions, .districtLessonBankActions{
	display: none;
}

.statusActions {
	font-size: 16px;
	position: absolute;
	top: 0px;
	right: 0px;
}

i.deleteLessonBank.fa.fa-trash:hover, i.editLessonBank.fa.fa-pencil:hover,
	i.deleteUnitAction.fa.fa-trash:hover, i.editUnitAction.fa.fa-pencil:hover, i.deleteDistrictLessonBank.fa.fa-trash:hover ,i.editDistrictLessonBank.fa.fa-pencil:hover
	{
	color: #A9A9A9;
	cursor: pointer;
	text-shadow: 1px 1px black;
}

#specialDaySelected {
	cursor: pointer;
}

#specialDaySelection {
	position: absolute;
	display: none;
	width: 200px;
	height: 150px;
	overflow-y: scroll;
	background-color: white;
	z-index: 100;
	border-left: solid;
	border-bottom: solid;
}

#specialDaySelectionList {
	display: none;
	height: 150px;
	overflow-y: scroll;
}

#otherClassesContainer, #noTimeClassesContainer {
	position: absolute;
	width: 250px;
	height: calc(100vh - 253px);
	border-style: solid;
	background-color: white;
	display: inline-block;
	border-width: 1px;
	border-color: #ddd;
	margin: 20px 0px 0px 0px;
	top: 0px;
}

.candidateAlternativeScheduleClass {
	margin: 10px 20px 10px 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 5px;
	border-radius: 3px;
	text-align: left;
	z-index: 8;
	height: 30px;
	line-height: 30px;
	text-align: left;
	cursor: pointer;
}

#adminAlternateScheduleTable {
	table-layout: fixed;
}

#adminAlternateScheduleTable td {
	overflow: auto;
}

.alternateDaySelected {
	color: blue;
}

.loader{
    border : 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius : 80%;
    width : 10px;
    height : 10px;
    animation : spin 2s linear infinite;
}

@keyframes spin{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

#notesPane {
	float: left;
	width: 250px;
	background: #DBDFE8;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 10px;
	height: calc(100vh - 100px);
	overflow: hidden;
}

.notesRow {
	margin: 3px 0px;
	width: calc(100% - 17px);
	display: inline-block;
	cursor: default;
	overflow: hidden;
	border-radius: 5px;
}

.NThead {
	width: 100%;
	overflow-x: hidden;
	position: relative;
}

.noteElementTitle {
	float: left;
	display: inline-block;
	padding: 3px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.noteElementText {
	min-height: 50px;
	max-height: 110px;
	width: 100%;
	padding: 3px;
	word-wrap: break-word;
}

.noteHeadAction, #notesBarActions, #toDoBarActions {
	vertical-align: middle;
	display: inline-block;
	float: right;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 5px;
}

.filterSubHeads {
	text-align: center;
	font-size: 10pt;
}

.noteDeleteAction {
	vertical-align: middle;
	cursor: pointer;
}

.noteEditAction, .notesAction, .toDoAction, .toDoSettings, .deleteTodo {
	/*, .noteDeleteAction*/
	padding: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.deleteToDo {
	padding: 2px 5px;
}

.toDoSettings, .deleteTodo {
	cursor: pointer;
}

.toDoDescription {
	word-wrap: break-word;
	text-align: left;
	min-height: 20px;
	max-height: 50px;
	background-color: white;
	padding: 5px;
	border-radius: 0px 0px 5px 5px;
}

#planBox {
	width: auto;
	height: 100%;
}

.NThead:hover .noteHeadAction {
	display: block;
}

#notesBar, #toDoBar {
	background: #0057c1;
	width: calc(100% - 10px);
	font-size: 16pt;
	margin: 5px 0px;
	position: relative;
	color: white;
}

#filterNotesBar {
	width: calc(100% - 14px);
}

.noteElementInfo, #filterTable {
	width: 100%;
}

#filterTable {
	/*-webkit-box-shadow: 0px 1px 6px -3px black;
	-moz-box-shadow: 0px 1px 6px -3px black;
	box-shadow: 0px 1px 6px -3px black;*/
	margin-bottom: 3px;
	border: collapse;
}

.noteElementInfo tr, #filterTable tr {
	width: 100%;
}

#filterTable tr :nth-child(odd) {
	width: 47.5%;
}

#filterTable tr :nth-child(even) {
	width: 5%;
}

.noteElementInfo td {
	width: 35%;
}

.noteElemenetInfo td:last-Child {
	width: auto;
}

.noteDateSelect, .noteClassSelect, .noteStudentSelect {
	font-size: 10pt;
	width: 100%;
	text-overflow: ellipsis;
	border: 0;
	background-color: inherit;
	height: 20px;
}

.noteElementInfo td:not(:first-child) {
	-webkit-box-shadow: -1px 0px 6px -3px black;
	-moz-box-shadow: -1px 0px 6px -3px black;
	box-shadow: -1px 0px 6px -3px black;
}

#notesBar {
	margin: 9px 0px 5px 0px;
}

.filterOptions, #searchNotes {
	background-color: white;
	vertical-align: middle;
	font-size: 10pt;
	border-width: 0px;
	height: 20px;
}

#toggleNotesPaneButton, #showViewNotesText {
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	vertical-align: top;
}

#todoTable {
	width: calc(100% - 10px);
	display: flex;
	flex-direction: column;
}

.toDoRow {
	margin: 3px 0px;
	color: black;
}

.todoHead td, #todoHead td input {
	padding: 0px 2px;
	text-align: center;
	vertical-align: middle;
}

.todoHead td :first-child {
	border-radius: 5px 0px 0px 0px;
}

.todoHead td :last-child {
	border-radius: 0px 5px 0px 0px;
}

.toDoDatePicker {
	height: 20px;
	width: 75px;
	border: 0;
	background-color: inherit;
}

.priorityItem {
	padding: 3px;
}

.toDoHead {
	border-radius: 5px 5px 0px 0px;
	border-spacing: 1px;
	width: 100%;
}

.toDoHeaderItem {
	width: 100%;
	padding: 0px 2px;
}

.todoPriority {
	cursor: pointer;
}

.toDoDescriptionContainer {
	background-color: white;
	border-radius: 0px 0px 5px 5px;
}

/**************************************************************************************/
/************************************  PERIOD SCHEDULE ********************************/
#periodCalendar {
	font-size: 12pt;
	margin: 5px;
}

#periodScheduleDetailsTable {
	width: 100%;
}

#periodScheduleDetailsTable td {
	padding: 2px 5px;
}

#periodScheduleDetailsTable tr:nth-child(even) {
	width: 40%;
}

#periodScheduleDetailsTable tr:nth-child(odd) {
	width: 10%;
}

.periodScheduleTable {
	background: none;
	margin-bottom: 5px;
}

.periodScheduleTable>table {
	width: 100%;
	line-height: 25px;
}

.periodName, #periodScheduleName, #periodScheduleDescription,
	#periodScheduleType {
	width: 100%;
}

.periodScheduleTable td, #periodDetailsTable td {
	padding: 0px 5px;
	vertical-align: middle;
	text-align: center;
}

.scheduleTabName {
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.periodTableScheduleTitle {
	width: 70px;
	text-align: right;
	font-weight: bold;
}

#periodDetailsTable td:first-child {
	width: 95px;
	font-weight: bold;
}

.periodTime {
	width: 100px;
}

.fc-unthemed td.fc-today {
	background: none;
}

.periodStubs {
	cursor: pointer;
	background-color: #3640ad;
	border: 1px solid #3640ad;
	border-top-width: 0;
	border-bottom-color: white;
}

.periodSlot {
	padding: 5px;
	font-size: 12px;
}

.aPickerButton {
	line-height: 35px;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 2px solid #0057C1;
	color: #0057C1;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
}

.aPickerButton #lessonStatus {
	border: 0;
}

.aPickItem {
	border-radius: 5px;
	cursor: pointer;
	line-height: 35px;
	color: #0057C1;
	background-color: #FFFFFF;
	border: 2px solid #0057C1;
	margin: 10px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 110px;
}

.aPickItem:hover {
	background-color: #0057C1;
	color: #FFFFFF;
}

.aPicker.aPickerContainer {
	background-color: #dbdfe8;
}

#unitChangeBank_Container, #assignmentGoogleClass_Container, #assessmentGoogleClass_Container {
	background-color: white;
}

#unitChangeBank_Container .aPickItem, #assignmentGoogleClass_Container .aPickItem, #assessmentGoogleClass_Container .aPickItem {
	background-color: #dbdfe8;
}

#unitChangeBank_Container .aPickItem:hover, #assignmentGoogleClass_Container .aPickItem:hover, #assessmentGoogleClass_Container .aPickItem:hover {
	background-color: #0057C1;
}

#lessonChangeBank.aPickerSelected, #districtBank.aPickerSelected, #copyChangeLessonBank.aPickerSelected,
	#copyToLessonBank.aPickerSelected, #unitChangeBank.aPickerSelected, #assignmentGoogleClass.aPickerSelected, #assessmentGoogleClass.aPickerSelected {
	background-color: #dbdfe8;
}

#lessonChangeBank.aPickerSelected:hover, #districtBank.aPickerSelected:hover, #copyChangeLessonBank.aPickerSelected:hover,
#copyToLessonBank.aPickerSelected:hover, #unitChangeBank.aPickerSelected:hover, #assignmentGoogleClass.aPickerSelected:hover, #assessmentGoogleClass.aPickerSelected:hover {
	background-color: #0057C1;
}

#lessonChangeBank:hover, #copyChangeLessonBank:hover, #copyToLessonBank:hover,
#unitChangeBank:hover, #assignmentGoogleClass:hover, #assessmentGoogleClass:hover  {
	background-color: #0057C1;
}

.lessonBank, .unitPicker, .districtLessonBank {
	padding-right: 37px;
}

.lessonBank, .districtLessonBank {
	min-width: 90px;
}

#puall {
	position: relative;
	text-align: left;
	font-weight: 100;
	z-index: 1;
}

.lessonNavButton {
	position: absolute;
	top: 190px;
	width: 40px;
	padding: 90px 0px;
	font-size: 40px;
	text-align: center;
	background-color: white;
	vertical-align: middle;
    opacity: 0.3;
	cursor: pointer;
	color: #003B81;
}

.lessonNavButtonMaximizedWindow {
    display: inline-block;
    color: #0057C1;
    cursor: pointer;
}

.lessonNavButtonMaximizedWindow > span > i.fa.fa-circle.fa-stack-2x {
    color: #0057c1;
}

.lessonNavButton:hover {
	opacity: 0.9;
}

.previousLesson {
	left: -40px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.nextLesson {
	right: -40px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

#alternateScheduleSelect {
	overflow: hidden;
}

#standardsReportAdminBody>tr:nth-child(1)>td:not(:last-child) {
	border-right: 1px solid white;
}

#standardsReportAdminBody>tr:nth-child(1)>td {
	vertical-align: bottom;
	background-color: #0057c1;
	color: white;
	border-right: 1px solid #0057c1;
	cursor: default;
}

#standardsReportAdminBody>tr:nth-child(1)>td:hover {
	text-decoration: none;
}

#standardsReportAdminBody>tr:nth-child(1)>td>div>div {
	padding-left: 5px;
	width: 190px;
}

div.status {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 1px;
	color: white;
	background-color: blue;
	padding: 2px 5px 2px 2px;
	border-radius: 3px;
	font-size: 12px;
	text-shadow: 1px 1px rgba(128, 128, 128, 0.3);
}

.statusColor {
	margin-left: 1px;
}

#statusSelectedContainer {
	line-height: 10px;
	margin-top: 10px;
}

.deleteStatusSelected {
	opacity: 0.7;
	cursor: pointer;
}

.deleteStatusSelected:hover {
	opacity: 0.2;
}

div.statusSelected {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 1px;
	color: white;
	background-color: blue;
	padding: 4px;
	border-radius: 5px;
	font-size: 12px;
	text-shadow: 1px 1px rgba(128, 128, 128, 0.3);
}

#lessonStatus {
	top: 5px;
	right: 16px;
	font-size: 18px; /* for cog icon */
	line-height: 18px;
	text-align: left;
	border: 0;
	color: #58595b;
}

#lessonStatus_Label {
	display : none;
}

#lessonStatus_Img>i[style] {
	display: none;
}

#lessonStatus_Container {
	background-color: white;
	padding: 0px;
	border: 2px solid #0057c1;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	border-radius: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

#lessonStatus_Container[style] {
	top: 20px !important;
	left: -145px !important;
}

#lessonStatus_Header {
	cursor: auto;
	padding: 2px 0 2px 8px;
	background-color: #0057c1;
	color: white;
}

#lessonStatus_Container>div.aPickItem {
	margin: auto;
	padding: 1px 2px 1px 6px;
	line-height: 35px;
	border: none;
	border-width: 0px;
	border-radius: 0px;
	font-size: 14px;
	color: #58595b;
	background-color: white;
	min-width: 170px;
	cursor: auto;
}

#lessonStatus_Container>div.aPickItem:first-child {
	border-bottom: solid 1px rgba(88, 89, 91, 0.5);
	cursor: pointer;
}

#lessonStatus_Container>div.aPickItem:nth-child(2) {
	/* Icon of Add */
	cursor: pointer;
	position: relative;
	display: inline;
	z-index: 11;
	top: -32px;
	left: 135px;
	background: none;
	line-height: 0;
	padding: 0;
}

#lessonStatus_Container>div.aPickItem:nth-child(3) {
	position: absolute;
	top: 40px;
}

#lessonStatus_Container>div.aPickItem:nth-child(4) {
	padding-top: 20px;
}

#newStatus {
	display: inherit;
}

#newStatus > .modalButton {
	height: 0;
}

#newStatus > .modalButton > .fa-stack-2x, #newStatus > .modalButton > .fa-stack-1x {
	line-height: 0;
}

#lessonStatus_Container>div.aPickItem:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0;
	line-height: 32px;
}

#lessonStatus_Container>div.aPickItem:last-child:hover {
	background-color: #dbdfe8;
}

#lessonStatus_Container>div.aPickItem.selectedStatus {
	background-color: #dbdfe8;
}

.statusText {
	padding: 0px 25px 0px 0px;
	margin-left: 5px;
}

.editStatus:hover, .deleteStatus:hover, .editColor:hover {
	opacity: 0.5;
}

.lessonStatusActions {
	text-align: center;
	width: 80%;
	display: inline-block;
	margin-right: 30px;
}

.lessonStatusActions>i.fa {
	font-size: 20px;
	padding: 5px;
	cursor: pointer;
}

.scoreHover, .statusHover, .viewClassHover {
	z-index: 31;
	display: none;
	position: absolute;
	padding: 5px;
	background-color: #efefef;
	border-radius: 3px;
	box-shadow: 0 0 3px darkgrey;
}

#printItemsSelect {
	position: relative;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	color: black;
	display: inline-block;
}

#printItemsSelect_Container {
	background-color: white;
	border-radius: 5px;
	position: absolute;
	top: -140px;
	left: 60px;
	display: none;
	border: solid 2px #0057C1;
	z-index: 70;
}

#managePermissionsSelect_Container {
	background-color: white;
	border-radius: 5px;
	position: absolute;
	padding: 15px;
	width: 95%;
	display: none;
	border: solid 2px #0057C1;
	z-index: 70;
}

.printItem {
	padding: 5px;
	position: relative;
}

.printItem:not(:first-child):hover {
	background-color: #dbdfe8;
}

.printItem input {
	position: absolute;
	top: 3px;
	left: 2px;
}

.printItem span {
	margin-left: 18px;
	white-space: nowrap;
}

.printItem.selectedItem {
	background-color: #dbdfe8;
}

.printItem:last-child {
	text-align: center;
}

.printItem:nth-child(1) {
	background-color: #0057c1;
	color: white;
}

.printItem:last-child {
	border-top: 1px solid #e5e5e5;
}

#printClassItemsSelect {
	position: relative;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	color: black;
	display: inline-block;
}

#printClassItemsSelect_Container {
	background-color: white;
	border-radius: 5px;
	position: absolute;
	top: -0px;
	left: 60px;
	display: none;
	border: solid 2px #0057C1;
	z-index: 70;
}

.printClassItem {
	padding: 5px;
	position: relative;
}

.printClassItem:not(:first-child):hover {
	background-color: #dbdfe8;
}

.printClassItem input {
	position: absolute;
	top: 3px;
	left: 2px;
}

.printClassItem span {
	margin-left: 18px;
	white-space: nowrap;
}

.printClassItem.selectedItem {
	background-color: #dbdfe8;
}

.printClassItem:last-child {
	text-align: center;
}

.printClassItem:nth-child(1) {
	background-color: #0057c1;
	color: white;
}

.printClassItem:last-child {
	border-top: 1px solid #e5e5e5;
}

#copyClassItemsSelect {
	position: relative;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	color: black;
	display: inline-block;
}

#copyClassItemsSelect_Label {
	text-decoration: underline;
	color: blue;
}

#copyClassItemsSelect_Container {
	background-color: white;
	border-radius: 5px;
	position: absolute;
	top: 18px;
	left: -5px;
	display: none;
	border: solid 2px #0057C1;
	z-index: 1;
}

.copyClassItem {
	padding: 5px;
	position: relative;
}

.copyClassItem:not(:first-child):hover {
	background-color: #dbdfe8;
}

.copyClassItem input {
	position: absolute;
	top: 3px;
	left: 2px;
}

.copyClassItem span {
	/* margin-left: 18px; */
	white-space: nowrap;
}

.copyClassItem.selectedItem {
	background-color: #dbdfe8;
}

.copyClassItem:last-child {
	text-align: center;
}

.copyClassItem:nth-child(1) {
	background-color: #0057c1;
	color: white;
}

.copyClassItem:last-child {
	border-top: 1px solid #e5e5e5;
}

.copyClassFormLabel {
	display: inline-block;
	font-weight: normal;
	text-align: right;
	margin-right: 5px;
	white-space: nowrap;
}

#copyUnitItemsSelect {
	position: relative;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	color: black;
	display: inline-block;
}

#copyUnitItemsSelect_Label {
	text-decoration: underline;
	color: blue;
}

#copyUnitItemsSelect_Container {
	background-color: white;
	border-radius: 5px;
	position: absolute;
	top: 18px;
	left: -5px;
	display: none;
	border: solid 2px #0057C1;
	z-index: 1;
}

.copyUnitItem {
	padding: 5px;
	position: relative;
}

.copyUnitItem:not(:first-child):hover {
	background-color: #dbdfe8;
}

.copyUnitItem input {
	position: absolute;
	top: 3px;
	left: 2px;
}

.copyUnitItem span {
	margin-left: 18px;
	white-space: nowrap;
}

.copyUnitItem.selectedItem {
	background-color: #dbdfe8;
}

.copyUnitItem:last-child {
	text-align: center;
}

.copyUnitItem:nth-child(1) {
	background-color: #0057c1;
	color: white;
}

.copyUnitItem:last-child {
	border-top: 1px solid #e5e5e5;
}

.copyUnitFormLabel {
	display: inline-block;
	font-weight: normal;
	text-align: right;
	margin-right: 5px;
	white-space: nowrap;
}

#reportItemsSelect {
	position: relative;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	color: black;
	display: inline-block;
}

#reportItemsSelect_Container {
	background-color: white;
	border-radius: 5px;
	position: absolute;
	top: -50px;
	left: 55px;
	display: none;
	display: block;
	line-height: 12px;
	border: solid 2px #0057C1;
}

.reportItem {
	padding: 6px;
	position: relative;
	white-space: nowrap;
}

#reportItemsSelect_Container>.reportItem:first-child {
	background-color: #0057c1;
	color: white;
}

.reportItem:hover {
	background-color: #dbdfe8;
}

.reportItem span {
	margin-left: 18px;
	white-space: nowrap;
}

.reportItem input {
	position: absolute;
	top: 2px;
	left: 2px;
}

.reportItem.selectedItem {
	background-color: #dbdfe8;
}

.reportItem, .printItem {
	line-height: 15px;
}

#reportItemsSelect_Container>.reportItem:last-child {
	text-align: center;
}

#reportItemsSelect_Container>.reportItem:last-child {
	border-top: 1px solid #e5e5e5;
}

.printFormLabel {
	display: inline-block;
	font-weight: normal;
	text-align: right;
	margin-right: 10px;
	width: 100%;
}

#printGradesBox {
	width: 550px;
}

#printGradesBox .editBoxRow>.label {
	white-space: nowrap;
}

#printGradesForm>table>tbody>tr>td:nth-child(1)>table>tbody>tr>td:nth-child(2)
	{
	padding-left: 10px;
}

#printToDoItemsSelect {
	position: relative;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	color: black;
	display: inline-block;
}

#printToDoItemsSelect_Container {
	background-color: white;
	border-radius: 5px;
	position: absolute;
	top: -140px;
	left: 60px;
	display: none;
	border: solid 2px #0057C1;
	z-index: 70;
}

.printToDoItem {
	padding: 5px;
	position: relative;
	width: 76%;
}

.printToDoItem:not(:first-child):hover {
	background-color: #dbdfe8;
}

.printToDoItem input {
	position: absolute;
	top: 3px;
	left: 2px;
}

.printToDoItem span {
	margin-left: 18px;
	white-space: nowrap;
}

.printToDoItem.selectedItem {
	background-color: #dbdfe8;
}

.printToDoItem:last-child {
	text-align: center;
}

.printToDoItem:nth-child(1) {
	background-color: #0057c1;
	color: white;
}

.printToDoItem:last-child {
	border-top: 1px solid #e5e5e5;
}

#donePrintToDoItems {
	padding: 5px;
	position: relative;
	width: 92%;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

#donePrintToDoItems:hover {
	background-color: #dbdfe8;
}

.NThead {
	overflow-y: hidden;
}

.scrollbar-inner>.scroll-element.scroll-y {
	width: 12px !important;
}

.scrollbar-inner>.scroll-element.scroll-x {
	height: 12px !important;
}

.scrollbar-inner>.scroll-element .scroll-element_track, .scrollbar-inner>.scroll-element .scroll-bar
	{
	opacity: 0.4 !important;
}

.scrollbar-inner>.scroll-element .scroll-bar {
	background-color: #3e3e3e !important;
}

.scrollbar-inner>.scroll-element .scroll-element_track {
	background-color: #a9a9a9 !important;
}

.deleteLessonDates {
	max-height: 75px;
	overflow-y: auto;
}

#editDisplayBox .scrollbar-inner, #editSchoolBox .scrollbar-inner {
	line-height: 25px;
	text-align: left;
	height: calc(100vh - 100px);
	overflow-y: auto;
}

#editDisplayBox .editDisplayBoxContent > .container, #editSchoolBox .editSchoolBoxContent > .container {
	margin-top: 15px;
	margin-bottom: 15px;
}

.standardToolTip {
	border-collapse: collapse;
}

.standardToolTip td, .standardToolTip th {
	padding: 3px;
}

.standardToolTip td {
	text-align: left;
}

.standardToolTip th {
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}

.studentGiftLink>thead>tr>td {
	color: white;
	background-color: #0057c1;
}

.studentGiftLink td {
	padding: 5px;
	line-height: 15px;
}

.emailGiftLink {
	cursor: pointer;
	float: right;
	background-color: #dd4b39;
	padding: 2px;
	border: 1px solid #dd4b39;
	border-radius: 3px;
}

.emailGiftLink:hover {
	background-color: #dc6152;
}

.mce-branding-powered-by {
	display: none !important;
}

.expandLessonEditorHandle, .expandUnitEditorHandle,
	.expandAssignmentEditorHandle, .expandAssessmentEditorHandle,
	.expandEventEditorHandle
.expandTemplateEditorHandle 
.expandStudentEditorHandle{
	cursor: pointer;
}

.expandLessonEditorHandle:hover, .expandUnitEditorHandle:hover,
	.expandAssignmentEditorHandle:hover, .expandAssessmentEditorHandle:hover,
	.expandEventEditorHandle:hover {
	color: #016aef;
}

.expandablePager {
	margin-right: 10px;
}

.expandablePager .previousLesson, .expandablePager .nextLesson {
	-moz-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset -1px 1px 0px 0px #54a3f7;
	box-shadow: inset -1px 1px 0px 0px #54a3f7;
	background-color: #0057c1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #0057c1;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 10pt;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	margin-left: 0px;
}

.expandablePager .nextLesson {
	margin-left: 3px;
}

.dRow.oddScoreRow .dCell, .dRow.oddScoreRow input {
	background-color: #e9ebf4 !important;
}

.dRow.oddScoreRow input {
	border-color: #e9ebf4 !important;
}

.dRow.oddScoreRow .gradeAverage>div:first-child {
	border-color: #e9ebf4 !important;
}

.dRow.oddScoreRow.focusRow .dCell, .dRow.oddScoreRow.focusRow input {
	background-color: #d4dcff !important;
}

.dRow.oddScoreRow.focusRow input {
	border-color: #d4dcff !important;
}

.dRow.oddScoreRow.focusRow .gradeAverage>div:first-child {
	border-color: #d4dcff !important;
}

.dRow.evenScoreRow.focusRow .dCell, .dRow.evenScoreRow.focusRow input {
	background-color: #d4dcff !important;
}

.dRow.evenScoreRow.focusRow input {
	border-color: #d4dcff !important;
}

.dRow.evenScoreRow.focusRow .gradeAverage>div:first-child {
	border-color: #d4dcff !important;
}

#editEventBox, #editLessonBox, #editAssessmentBox, #editAssignmentBox, #editClassBox, #editTemplateBox, #scoreWeightingBox, #editAccountBox,
#purchaseBox, #editCommentBox, #editShareBox, #editStudentBox, #showAssessmentBox, #showAssignmentBox, #adminLayoutBox,
#printGradesBox, #editDisplayBox, #addStandardsBox, #stateStandardsSettingsBox, #subjectStandardsSettingsBox,
#myStandardsBox, #pickStrategiesBox, #printOptions, #printOverallGradesBox, #editTeacherBox, #importCSVFileBox,
.editBox {
	font-size: 16px;
}


#editStudentNotesBox > .descriptionField > .mce-tinymce.mce-container.mce-panel,
#editSubPlansBox > .descriptionField > .mce-tinymce.mce-container.mce-panel,
#strategyTextBox > .mce-tinymce.mce-container.mce-panel,
#myListTextBox > .mce-tinymce.mce-container.mce-panel,
#commentTextBox > .mce-tinymce.mce-container.mce-panel {
	border-width: 1px 0px !important;
}

#editEventBox>.dragHead>.editBoxRow,
#editLessonBox>.dragHead>.editBoxRow,
#scoreWeightingBox>.dragHead>.editBoxRow
	{
	white-space: nowrap;
}

.editBox .editBoxRow>.actions {
	width: 110px;
}

#editEventBox .dragHead>.editBoxRow>.actions, 
#editAssessmentBox .dragHead>.editBoxRow>.actions,
#editAssignmentBox .dragHead>.editBoxRow>.actions,
#scoreWeightingBox .dragHead>.editBoxRow>.actions,
#studentNotesBox .dragHead>.editBoxRow>.actions,
#subPlansBox .dragHead>.editBoxRow>.actions,
#editClassBox .dragHead>.editBoxRow>.actions,
#editStrategyBox .dragHead>.editBoxRow>.actions {
	white-space: nowrap;
	width: 100px;
}

#editLessonBox .dragHead>.editBoxRow>.actions {
	width: 150px;
}

#unitNum {
	width : calc(100% - 22px);
	border-width: 0px;
	border-radius: 4px;
	border: 1px solid #a9a9a9;
	padding: 10px;
	font-size: 16px;
	background-color: white;
}

#eventHead, #assignmentTitle, #assessmentTitle, #lessonTitle, #unitTitle, #strategyTitle,
#studentNotesTitle, #subPlansTitle, #specialDayHead { 
	width: calc(100% - 70px);
	padding: 4px;
	border-radius: 4px;
	border-width: 0px;
	font-size: 24px;
	color: white;
	background-color: #0057c1;
}



#eventHead:focus, #assignmentTitle:focus, #assessmentTitle:focus, #lessonTitle:focus, #templateHead:focus, #unitTitle:focus, #strategyTitle:focus,
#studentNotesTitle:focus, #subPlansTitle:focus,#specialDayHead:focus  {
	outline-width: 2px;
	outline-color: white;
}

#eventHead::placeholder, #assignmentTitle::placeholder, #assessmentTitle::placeholder, #unitTitle::placeholder, #lessonTitle::placeholder,
#strategyTitle::placeholder, #studentNotesTitle::placeholder, #subPlansTitle::placeholder, #specialDayHead::placeholder{
    color: lightgrey;
    font-style: italic;
}

#eventHead:-ms-input-placeholder, #assignmentTitle:-ms-input-placeholder, #assessmentTitle:-ms-input-placeholder, #unitTitle:-ms-input-placeholder,
#lessonTitle:-ms-input-placeholder, #strategyTitle:-ms-input-placeholder, #studentNotesTitle:-ms-input-placeholder, #subPlansTitle:-ms-input-placeholder, #specialDayHead:-ms-input-placeholder {
    color: lightgrey;
    font-style: italic;
}

#eventHead::-ms-input-placeholder, #assignmentTitle::-ms-input-placeholder, #assessmentTitle::-ms-input-placeholder, #unitTitle::-ms-input-placeholder,
#lessonTitle::-ms-input-placeholder, #strategyTitle::-ms-input-placeholder, #studentNotesTitle::-ms-input-placeholder, #subPlansTitle::-ms-input-placeholder, #specialDayHead:-ms-input-placeholder { 
    color: lightgrey;
    font-style: italic;
}

#extraDayTableBody input[name=extraDays],  #noEventTableBody input[name=noEventDays] {
	padding: 8px 8px 8px 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 16px;
    cursor: pointer;
    margin-right: 2px;
    width: 85px;
}

#extraDayTableBody > div, #noEventTableBody > div {
    display: inline-block;
    white-space: nowrap;
    margin: 10px;
}

.statusActions >.modalSectionButton {
	font-szie: 10px;
}

.removeAttachment.modalSectionButton .fa-stack-2x,
.removeStan.modalSectionButton .fa-stack-2x,
.statusActions >.modalSectionButton >.fa-stack-2x,
.removeSchoolWork.modalSectionButton .fa-stack-2x {
	color: white;
}

.selectedStatus .statusActions >.modalSectionButton >.fa-stack-2x {
	color: #dbdfe8;
}

.selectedStatus .statusActions >.modalSectionButton:hover >.fa-stack-2x {
	color: #58595b;
}

.modalFormatButton {
	color: #F4F4F6;
}

#extraDayTableBody input[name=extraDays], #noEventTableBody input[name=noEventDays]
	{
	padding: 8px 8px 8px 8px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 16px;
	cursor: pointer;
	margin-right: 2px;
	width: 90px;
}

#extraDayTableBody>div, #noEventTableBody>div, #noClassTableBody>div, #extraLessonsBody>div {
	display: inline-block;
	white-space: nowrap;
	margin: 10px;
}

.removeAttachment.modalSectionButton .fa-stack-2x,
.removeStan.modalSectionButton .fa-stack-2x,
.removeStrategy.modalSectionButton .fa-stack-2x,
.removeMyStan.modalSectionButton .fa-stack-2x,
.removeSchoolStan.modalSectionButton .fa-stack-2x,
.removeLessonUnitStan.modalSectionButton .fa-stack-2x,
.removeAssessmentChoice.modalSectionButton .fa-stack-2x,
.aosh .modalSectionButton .fa-stack-2x,
.removeSchoolWork.modalSectionButton .fa-stack-2x
{
	color: white;
}


#attachEventBody > tr:nth-child(1), #attachBody > tr:nth-child(1), #unitStandardsBody > tr:nth-child(1), #unitStandardsBody2 > tr:nth-child(1), #unitAssessmentsBody2 > tr:nth-child(1), #unitAssignmentsBody2 > tr:nth-child(1), #asmStandardsBody > tr:nth-child(1), #attachAstBody > tr:nth-child(1), #asgStandardsBody>tr:nth-child(1), #attachAsgBody>tr:nth-child(1), #unitAssessmentsBody>tr:nth-child(1),#unitAssignmentsBody>tr:nth-child(1) {
	border-top: 1px solid #E8E8E8;
}

.modalSectionHeaderButton.clearAllStandards .fa-stack-1x, .modalSectionHeaderButton.clearAllUnitStandards .fa-stack-1x,  .modalSectionHeaderButton.clearAllAssessmentOptions .fa-stack-1x, .modalSectionHeaderButton.clearAllClassesAndDates .fa-stack-1x, .modalSectionHeaderButton.clearAllStrategies .fa-stack-1x{
	font-size: 20px;
}

span.lessonTab[data-order="1"], span.importTab[data-order="1"] {
	margin-left: 4px;
}


#className {
	width : calc(100% - 70px);
	padding: 4px;
    border-radius: 4px;
    border-width: 0px;
    font-size: 24px;
    color: white;
    background-color: #0057c1;
	
}

#className:focus {
	outline-width: 2px;
	outline-color: white;
}

#className::placeholder {
    color: lightgrey;
    font-style: italic;
}

#className:-ms-input-placeholder {
    color: lightgrey;
    font-style: italic;
}

#className::-ms-input-placeholder { 
    color: lightgrey;
    font-style: italic;
}

#permissionsTitle {
	width : calc(100% - 70px);
	padding: 4px;
    border-radius: 4px;
    border-width: 0px;
    font-size: 24px;
    color: white;
    background-color: #0057c1;
	
}

#permissionsTitle:focus {
	outline-width: 2px;
	outline-color: white;
}

#permissionsTitle::placeholder {
    color: lightgrey;
    font-style: italic;
}

#permissionsTitle:-ms-input-placeholder {
    color: lightgrey;
    font-style: italic;
}

#permissionsTitle::-ms-input-placeholder { 
    color: lightgrey;
    font-style: italic;
}


#customFonts {
	margin-top: 10px;
}

#customFonts th, #customFonts td {
	padding: 5px;
	line-height: 16px;
}

#customFonts th {
	text-align: center;
	background-color: #0057c1;
	color: white;
	font-weight: normal;
}

#customFonts th:last-child, #customFonts td:last-child {
	background-color: transparent;
}

#customFonts td:last-child {
	font-size: 16px;
	cursor: pointer;
}

#customFonts td {
	background-color: white;
}

#customFonts td:first-child {
	border: 1px solid #f4f4f6;
}

#customFonts tbody>tr:not(:first-child) >td:not(:last-child) {
	border-top: 1px solid #f4f4f6;
}

#customFonts td:nth-child(2)>div {
	max-width: 600px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#adminYearLabel {
	white-space: nowrap;
	text-overflow: ellipsis;
}

#googleClassTable td:not(:first-child) {
	padding: 5px;
}

#googleClassTable tr > td:nth-child(2) > div {
	width: 200px;
}

#googleClassTable tr:nth-child(1) > td:nth-child(2) {
	background-color: #0057c1;
	border-right: 1px solid #0057c1;
	color: white;
	height: 20px;
	text-align: center;
}

#googleClassTable tr:not(:first-child) > td:not(:first-child) {
	background-color: white;
	border-right: 1px solid #DBDFE8;
	border-bottom: 1px solid #DBDFE8;
}

#googleClassTable tr:not(:last-child) td:first-child {
	width: 7px;
	border-top-width: 0 !important;
	border-bottom-color: white !important;
}

#lbUnitClass {
	margin-left:5px; 
	color:#0057C1; 
	overflow:hidden;
	padding:10px;
	padding-left:0px;
	font-weight: bold;
	font-size: 20px;
}

.selectedHasDefault{
	color:gray; 
}
#overlay .yearInfo{
	display:none;
}
#overlay .yearInfo.active{
	display:inline-block;
}
#editYearBox{
	left: 370px;
	top: 119.5px;
}
.gradCap {
        float: left;
        margin-right: 6px;
        margin-top: -20px;
        position: relative;
        z-index: 2;
    }
 
.circleAddNoSchool {
	cursor: pointer;
	float: right;
	margin-left: 10px;
	font-size: 20px;
}

.circleAddNoSchool .fa-stack-2x, .removeTerm .fa-stack-2x {
	color:#F4F4F6;
}

.circleAddNoSchool .fa-stack-1x, .removeTerm .fa-stack-1x {
	color: #58595b;
	font-size: 24px;
}

.circleAddNoSchool:hover .fa-stack-2x, .removeTerm:hover .fa-stack-2x{
	color: #58595b;
}

.circleAddNoSchool:hover .fa-stack-1x, .removeTerm:hover .fa-stack-2x{
	color:#F4F4F6;
}
#termsTableBody td, #namesTable td, #noSchoolBody td{
    padding: 3px;
}

.toDoBarButton, .notesBarButton {
	cursor: pointer;
	font-size:10px;
}

.toDoBarButton .fa-stack-2x, .notesBarButton .fa-stack-2x {
	color: #0057c1;
}

.quickActionClassButton .fa-stack-2x {
    color: transparent;
}

.toDoBarButton .fa-stack-1x, .notesBarButton .fa-stack-1x{
	color: #F4F4F6;
	font-size:20px;
}

.toDoBarButton:hover .fa-stack-2x, .notesBarButton:hover .fa-stack-2x, .quickActionClassButton:hover .fa-stack-2x {
	color: #F4F4F6;
}

.toDoBarButton:hover .fa-stack-1x, .notesBarButton:hover .fa-stack-1x, .quickActionClassButton:hover .fa-stack-1x, .quickActionClassButtonLight:hover .fa-stack-1x, .quickActionClassButtonDark:hover .fa-stack-1x {
	color: #0057c1;
}

.quickActionClassButton {
	cursor: pointer;
	font-size:12px;
}

.quickActionClassButtonLight .fa-stack-1x {
    color: #FFFFFF;
}

.quickActionClassButtonDark .fa-stack-1x {
    color: #58595B;
}

#viewList .button {
    text-align: center;
    min-width: 60px;
    font-size: 16px;
}

.listsContainer [class^="col-sm"] {
    padding: 8px;
}

#actionBarOptions [class^="col"] {
    padding-top: 0px;
    padding-bottom: 0px;
}
.modalSectionButtonView {
	cursor: pointer;
	font-size: 16px;
}

.modalSectionButtonView .fa-stack-1x{
	color: white;
	font-size: 16px;
}

.modalSectionButtonView:hover .fa-stack-1x {
	color: #0057C1;
}

#unitChangeBank_Img, #copyChangeLessonBank_Img, #copyToLessonBank_Img, #assignmentGoogleClass_Img, #assessmentGoogleClass_Img {
	display: none;
}

#assessmentGoogleClass_Container, #assignmentGoogleClass_Container, #assessmentGoogleClass_Container {
	background-color : white;
}

#assessmentGoogleClass_Container .aPickItem, #assignmentGoogleClass_Container .aPickItem, #assessmentGoogleClass_Container .aPickItem  {
	background-color: #dcdfe9;
}

#assessmentGoogleClass_Container .aPickItem:hover, #assignmentGoogleClass_Container .aPickItem:hover, #assessmentGoogleClass_Container .aPickItem:hover {
	color: white;
	background-color: #0057c1;
} 

.sp-replacer {
	border: 1px solid grey;
	background: lightgrey;
}

.sp-preview {
	margin: 0px;
}

.sp-dd {
	display: none;
}

#filterGradeLevel, #filterGradeLevel2 {
	float:right;
}
.positionClass,#addNewLesson{
	display : inline-block;
}

#myStrategiesLink {
	cursor: pointer;
}

@media(max-width: 1010px){
	#filterGradeLevel{
	float:left;
	}
}

.classLabel{
	vertical-align: bottom;
    min-width: 100px;
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media(max-width: 550px){
	.positionClass,#addNewLesson{
	display : block;
	text-align:center;
	}
	#filterGradeLevel, #filterGradeLevel2{
		width:91%;
	}
	.classLabel{
	max-width:none;
	}
}

.removeAlternateSchedule, .editLessonBank, .deleteLessonBank, .editDistrictLessonBank, .deleteDistrictLessonBank{
	cursor: pointer;
	font-size: 16px;
}
.editAlternateScheduleDescription .fa-stack-2x,.removeAlternateSchedule .fa-stack-2x,.editLessonBank .fa-stack-2x, .deleteLessonBank .fa-stack-2x, .editDistrictLessonBank .fa-stack-2x, .deleteDistrictLessonBank .fa-stack-2x{
	color:#DBDFE8;
}
.newButton:hover .editAlternateScheduleDescription:hover .fa-stack-2x, .newButton:hover .removeAlternateSchedule:hover .fa-stack-2x,.newButton:hover .editLessonBank:hover .fa-stack-2x,.newButton:hover .deleteLessonBank:hover .fa-stack-2x,
.newButton:hover .editGradingPeriod .fa-stack-1x, .newButton .editGradingPeriod .fa-stack-2x, .newButton:hover .editGradingPeriod:hover .fa-stack-2x,
.newButton:hover .editCopyTeacher .fa-stack-1x, .newButton .editCopyTeacher .fa-stack-2x, .newButton:hover .editCopyTeacher:hover .fa-stack-2x,.newButton:hover .editDistrictLessonBank:hover .fa-stack-2x,.newButton:hover .deleteDistrictLessonBank:hover .fa-stack-2x{
	color:white;
}
.newButton:hover .editAlternateScheduleDescription:hover .fa-stack-1x, .newButton:hover .removeAlternateSchedule:hover .fa-stack-1x,.newButton:hover .editLessonBank:hover .fa-stack-1x,.newButton:hover .deleteLessonBank:hover .fa-stack-1x,
.newButton .editGradingPeriod .fa-stack-1x, .newButton:hover .editGradingPeriod .fa-stack-2x, .newButton:hover .editGradingPeriod:hover .fa-stack-1x,
.newButton .editCopyTeacher .fa-stack-1x, .newButton:hover .editCopyTeacher .fa-stack-2x, .newButton:hover .editCopyTeacher:hover .fa-stack-1x,.newButton:hover .editDistrictLessonBank:hover .fa-stack-1x,.newButton:hover .deleteDistrictLessonBank:hover .fa-stack-1x{
	color:#0057C1;
}

.editGradingPeriod .fa-stack-1x {
	font-size: 16px;
	width: 32px;
	line-height: 32px;
}

.editGradingPeriod .fa-stack-2x {
	font-size: 32px;
}

.attendanceButton.active {
	background-color : #0057C1;
	color: white;
}
#lsaBox {
	height: 40px;
	border-top: 1px solid #9e9e9e;
    padding: 10px 15px;
    font-weight: bold;
    background-color: #e8e8e8;
    font-size: 16px;
}

#manageLessonsList .scCell {
	text-align: left;
	padding: 10px;

}

#manageLessonsList .srCell {
	padding: 10px;
}

#lessonResultsBox .scrollbar-inner {
    max-height: calc(100vh - 390px);
}

#lessonResultsBox .checkmark {
	margin-top: -14px;
    margin-left: -2px;
}

#lessonResultsBox .checkField {
	padding-left: 0px;
	margin-right: 0px;
}

#allManageLessons {
	text-align: left;
}

#manageLessonsTable .tHeader th {
	padding: 10px;
}

.divClassCell {
	white-space: nowrap; 
    width: 100px; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.divTitleCell {
	white-space: nowrap; 
    width: 200px; 
    overflow: hidden;
    text-overflow: ellipsis;
}

div.templateClassName {
    width: 171px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#filterFilePickerFiles {
	font-size: 16px;
	border-radius: 0px;
	border: 0px;
	border-bottom: 1px solid #dcdfe8;
	padding: 15px;
	width: calc(100% - 30px);
}

#filterFilePickerFiles:focus {
	outline: none;
}

#selectGoogleClassroom {
	width: calc(100% - 10px);
}

#templateChangeDay, #templateChangeSection {
    height: 20px;
    line-height: 18px;
    font-weight: normal;
    padding: 8px; margin: 5px 5px 5px 15px;
    overflow: visible;
    position: relative;
}

#templateChangeDay_Label, #templateChangeSection_Label {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}

#templateTitle {
	width : calc(100% - 70px); 
	padding: 4px;
    border-radius: 4px;
    border-width: 0px;
    font-size: 24px;
    color: white;
    background-color: #0057c1;
	
}

#templateTitle:focus {
	outline-width: 2px;
	outline-color: white;
}

#templateTitle::placeholder {
    color: lightgrey;
    font-style: italic;
}

#templateTitle:-ms-input-placeholder {
    color: lightgrey;
    font-style: italic;
}

#templateTitle::-ms-input-placeholder { 
    color: lightgrey;
    font-style: italic;
}

#assessmentOptions {
	border-collapse: collapse; 
	margin: 10px;
	width: calc(100% - 20px);
}

#assessmentOptions td {
	padding: 5px;
	background-color: white;
	border: 1px solid #DBDFE8;
}

#assessmentOptions td:first-child {
	width: 30px;
}

#assessmentOptions td:nth-child(2) {
	width: calc(100% - 60px);
}

#assessmentOptions td:last-child {
	width: 30px;
}

#adminPayDropInBox div[class*="braintree"], #payDropInBox div[class*="braintree"] {
    font-family: Arial;
    color: #57595b;
}

#adminPayDropInBox div[data-braintree-id="toggle"], #payDropInBox div[data-braintree-id="toggle"] {
	background: transparent;
	padding: 0px 18px 10px 18px;
}

#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: "Font Awesome 5 Pro";
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}        
#toast-container > .toast-warning:before {
    content: "\f12a";
}
#toast-container > .toast-error:before {
    content: "\f00d";
}
#toast-container > .toast-info:before {
    content: "\f129";
}
#toast-container > .toast-success:before {
    content: "\f00c";
}

#pickSchoolWorkTable {
	border-collapse: collapse;
}

#pickSchoolWorkTable td {
	padding: 10px;
	background-color: white;
	border: 1px solid #DBDFE8;
}

#pickSchoolWorkTable td .checkmark {
	top: -14px;
	left: 12px;
}

#pickSchoolWorkTable th {
	padding: 10px;
	color: white;
	background-color: #0057c1;
	border: 1px solid #0057c1;
	font-weight: normal;
}

#pickSchoolWorkTable th .checkmark {
	top: -14px;
	left: 9px;
}

#pickSchoolWorkTable th:not(:last-child) {
	border-right: 1px solid white;
}

#pickSchoolWorkTable th:first-child, #pickSchoolWorkTable td:first-child {
	width: 40px;
}

#pickSchoolWorkTable th:nth-child(2), #pickSchoolWorkTable th:nth-child(2) {
	width: calc(100% - 40px);
}

#pickSchoolWorkTBody tr, #pickSchoolWorkTable thead tr {
	cursor: pointer;
}

#pickSchoolWorkTBody tr:hover td, #pickSchoolWorkTable tr.pickSchoolWorkSelected td {
	background-color: #DBDFE8;
}

.lessonSchoolWorksContainer table {
	border-collapse: collapse;
	margin: 10px;
} 

.lessonSchoolWorksContainer td:first-child {
	width: 100%;
}

.lessonSchoolWorksContainer td {
	border: 1px solid #DBDFE8;
	background-color: white;
	padding: 5px;
}

#clearLessonAssignments i.fas.fa-trash-alt.fa-stack-1x, #clearLessonAssessments i.fas.fa-trash-alt.fa-stack-1x {
    font-size: 20px;
}

#listTemplateBox.scrollbar-inner {
    max-height: calc(100vh - 346px);
}

.scoreHeader .googleIcon {
	color: #0057c1;
	font-size : 5pt;
}

#individualStudentGradesBox .googleIcon, #assessmentView .googleIcon, #assignmentView .googleIcon, .studentScoreName .googleIcon {
	font-size : 5pt;
}

.googleIcon.menuActionIcon {
	font-size : 8px;	
}

#googleSignInBtn {
	margin: 20px auto;
    margin-bottom: 0px;
    width: 80px;
    cursor: pointer;
}

.googleButton {
	background-image: url(/images/g-normal.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    height: 40px;
    background-color: #4285F4;
    border: 1px solid #4285F4;
    line-height: 40px;
    color: white;
    padding-left: 40px;
    border-radius: 2px;
    font-family: Roboto,arial,sans-serif;
    font-weight: normal;
    font-size: 16px;
}

.teacherPageButton {
	display: inline-block; 
	font-weight: normal; 
	padding: 8px; 
	margin-right: 20px; 
	margin-left: 3px; 
	font-size: 16px;
}

.teacherPageInline {
	display: inline-block; 
	margin-top: 15px;
	vertical-align: bottom; 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	max-width: 270px; 
	overflow: hidden
}

#teacherEmails_tagsinput.tagsinput[style] {
	border: 1px solid #a9a9a9 !important;
	border-radius: 4px !important;
	min-height: 160px !important;
    max-height: calc(100vh - 500px) !important;
    overflow-y: auto;
}

#studentEmails_tagsinput.tagsinput[style] {
	border: 1px solid #a9a9a9 !important;
	border-radius: 4px !important;
    max-height: calc(100vh - 500px) !important;
    overflow-y: auto;
}

#teacherPermissionEmails_tagsinput.tagsinput[style] {
	border: 1px solid #a9a9a9 !important;
	border-radius: 4px !important;
    max-height: calc(100vh - 500px) !important;
    overflow-y: auto;
}

#teacherEmails_tagsinput.tagsinput .tag {
	height: 30px;
}

#dropEmailFile > div, #dropStudentEmailFile > div {
	margin-bottom: 5px;
}

#dropEmailFile.dragOver > div, #dropStudentEmailFile.dragOver > div {
	border: 2px dashed #0057c1; 
}

#teacherEmails_tag {
	font-size: 16px; 
}

#teacherEmails_tag::placeholder, #studentEmails_tag::placeholder {
	color: gray;
}

#teacherEmails_tag::-ms-input-placeholder, #studentEmails_tag::-ms-input-placeholder { 
    color: gray;
}

#importTeacherEmailsBox, #importStudentEmailsBox {
	z-index: 30;
	width: 500px;
}

#studentClassMultiSelect {
	margin-top : 10px;
}

.manageSchoolTable {
	margin-top: 15px;
	margin-bottom: 15px;
}

.manageSchoolTable td:nth-child(2) {
	width: 100%;
}

.manageSchoolTable .fas.fa-star {
	color: #FFA500;
}

.manageSchoolMakePrimary {
	cursor: pointer;
}

#tsaTemplateClassesAndDatesBody.container.scrollbar-inner {
    max-height: 186px;
    padding-left: 30px;
    padding-right: 30px;
}

div#generateSchoolJoinCodeBox .button:not(:last-child) {
    margin-right: 5px;
}

div.sp-replacer, div.sp-light {
	border: none;
}

.tagsInputUserType {
	background-color: #5cb85c;
	width: 18px;
	height: 18px;
	display: inline-block;
	text-align: center;
	color: white;
	font-family: arial;
	font-weight: bold;
	margin-right: 5px;
	cursor: pointer;
	font-size: 10pt;
}

#teacherTable table.tablesorter th:first-child, 
#teacherTable table.tablesorter td:first-child {
	display: none;
} 

tr.teacherRow:hover td {
	background-color: #DBDFE8;
}

tr.permissionsRow:hover td {
	background-color: #DBDFE8 !important;
}

#filterTeacherContainer {
	float: right;
}

@media only screen and (max-width: 700px) {
	#teacherView .teacherPageButton {
		margin-left: 0px;
		width: calc(100% - 20px);
		margin-bottom: 10px;
	}
	
	#filterTeacherContainer {
		float: none;
		width: 100%;
	}
	
	#filterTeachers[style] {
		width: calc(100% - 22px) !important;
	}
}

label.standardsSelectFieldWrapper {
	width: calc(100% - 45px);
}

#standardsSettingsStateButton, #standardsSettingsSubjectButton {
	cursor: pointer;
}

#standardsSettingsStateButton .fa-inverse, #standardsSettingsSubjectButton .fa-inverse {
	color: #f4f4f6;
}

.fa-stack-show-title {
	margin-bottom: 5px;
}

.seatMap {
	margin: 20px;
}

.seatMap.editor .seatCol {
	cursor: pointer;
}

.seatRow {
    text-align: center;
    white-space: nowrap;
}

.seatRow:first-child .seatCol  {
	margin-top: 3px;
}

.seatDataText {
	color: transparent;
}

.seatDataText.visible {
	color: white;
}

.seatCol.dataHover .seatDataContainer {
	position: absolute;
    padding: 0px;
    top: 65px;
    left: 0px;
    border: 1px solid darkgrey;
    z-index: 2;
}

.seatCol.dataHover > .seatDataContainer > .dragSeatStudent {
    margin-bottom: 0px;
    color: #58595b;
    padding: 0px 8px;
}

.seatCol.dataHover > .seatDataContainer > .dragSeatStudent > img, .seatCol.dataHover > .seatDataContainer > .dragSeatStudent > span[data-an] {
    display:none;
}

.seatCol.dataHover > .seatDataContainer > .dragSeatStudent > img.w3-circle {
    display:none;
}

.seatCol.dataHover > .seatDataContainer > .dragSeatStudent > span.w3-large[style] {
    margin-left: 0px !important;
}

.seatCol {
	display: inline-block;
   	line-height: 80px; 
    margin: 10px;
    border-radius: 5px;
    background-color: #556270;
    color: white;
    width: 80px;
    font-size: 18px;
    user-select: none;
    position: relative;
    text-align: center;
}

.seatCol.disabled {
	background-color: #e4e4e4;
	color: #58595b;
}

.seatMapLegends {
	display: inline-block; 
	margin: 5px 0px;
	padding-left: 0px;
	list-style: none; 
	padding-left: 0px;
}

#seatMap, #seatAssignmentMap {
	max-height: calc(100vh - 200px);
}

.seatMapContainer div.scroll-wrapper.seatMap.scrollbar-inner > div.scroll-element.scroll-x.scroll-scrollx_visible.scroll-scrolly_visible {
	bottom: 0px;
}

.seatMapContainer div.scroll-wrapper.seatMap.scrollbar-inner > div.scroll-element.scroll-y.scroll-scrollx_visible.scroll-scrolly_visible {
	right: 0px;
}

.seatMapContainer div.scroll-wrapper.seatMap.scrollbar-inner {
	margin: 0px 20px;
}

#seatLayoutContainer {
	padding: 30px 30px 0px 30px;
}

#seatLayoutContainer th:first-child, #seatLayoutContainer td:first-child {
	width: calc(100% - 335px);
}

#seatLayoutContainer td:nth-child(2), #seatLayoutContainer td:nth-child(3) {
	width: 150px;
}

#seatLayoutContainer td:last-child {
	padding-left: 3px;
	width: 35px;
}

#seatLayoutContainer .action .fa-inverse, #seatAssignmentContainer .action .fa-inverse  {
	color: #f4f4f6;
}

#seatAssignmentContainer {
	padding: 30px 30px 0px 30px;
}

#seatAssignmentContainer th:nth-child(4), #seatAssignmentContainer th:nth-child(5),
#seatAssignmentContainer td:nth-child(4), #seatAssignmentContainer td:nth-child(5) {
	width: 90px;
}

#seatAssignmentContainer td:last-child {
	padding-left: 3px;
	width: 35px;
}

#seatAssignmentMap > .seatRow > .seatCol.disabled {
	background-color: transparent;
	color: transparent;
}

#seatAssignmentStudents {
	list-style: none;
	padding:0px;
	margin-top: 2px;
}

#seatAssignmentStudents li {
	border: 1px solid darkgrey;
}

.dragSeatStudent {
	padding: 10px;
	background-color: white;
	white-space: nowrap;
	z-index: 1;
	cursor: move; 
    cursor: grab;
    line-height: 35px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.dragSeatStudent:active, .seatCol.allowDropping:active {
    cursor: grabbing;
}

.dragSeatStudent > img:first-child, .dragSeatStudent > span:first-child {
	position:absolute; 
	width:35px; 
	height: 35px; 
	display: inline-block;
}

.seatCol.boxShadow {
	box-shadow: 5px 4px 6px 0px #959ca5;
}

#studentPictureFile {
	opacity: 0; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 120px; 
	height: 100%;
	cursor: pointer;
}

#studentPictureContainer {
	border: 1px solid rgb(112,138,144,0.3); 
	height: 58px;
	width: 66px;
	margin: 0 auto;
}

#studentPictureContainer > img {
	width: inherit;
    height: inherit;
}

#studentPictureContainer > div {
	padding: 8px; 
	text-align:center;
	font-size:28pt;
}

#selectSeatLayout {
	width: calc(100% - 20px);
	position: relative;
	height: 20px;
}

#selectSeatLayout_Label {
	white-space: nowrap;
    display: block;
    overflow: hidden;
    height: 20px;
}

#seatingChartView {
    min-height: calc(100% - 93px);
}

#seatingChartView > div.seatCommon.seatLayoutChange.seatAssignmentChange.pageViewContainer > div.seatCommon.seatAssignmentChange.seatMapContainer > div:nth-child(2) > div.col-md-10 > div > div.scroll-element.scroll-y.scroll-scrolly_visible > div {
	left: 1px;
}

#seatingChartView > .colTitle {
	margin-bottom: 0px;
}

.seatingChartActions, .attendanceActions {
	padding: 25px 30px 0px 30px; 
	background-color: #f4f4f6;
}

.editorView {
	background-color: #f4f4f6;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.seatAssignmentStudentListActions {
	text-align: center;
}

.seatAssignmentStudentListActions > span {
	white-space: nowrap;
	padding-right: 5px;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.seatAssignmentStudentListActions .fa-stack {
	font-size: 16px;
	cursor: pointer;
}

.seatAssignmentStudentListActions .fa-stack > .fa-stack-2x.fa-inverse {
	color: #f4f4f6;
}

.seatAssignmentStudentListActions .fa-stack:hover > .fa-stack-2x.fa-inverse, .seatAssignmentStudentListActions > span:hover > .fa-stack > .fa-stack-2x.fa-inverse {
	color: #58595b;
}

.seatAssignmentStudentListActions .fa-stack:hover > .fa-stack-1x, .seatAssignmentStudentListActions > span:hover > .fa-stack > .fa-stack-1x {
	color: white;
}

@media (min-width: 992px) {
	#seatingChartView.seatingChartError .pageViewContainer {
		height: calc(100vh - 331px);
	}
}

#MathJax_Message[style] {
	display:none !important;
}

.seatAssignmentStudentsContainer {
	max-height: calc(100vh - 200px);
}

.editorView .seatingChartActions {
	display:none;
}

#selectListViewMode {
	font-weight: normal;
	padding: 8px;
	margin: 5px 5px 5px 15px;
	line-height: 20px;
}

#selectListViewMode_Img {
	display: none;
}

#selectListViewMode_Container {
	background-color: white;
}

#selectListViewMode_Container > .aPickItem {
	background-color: #dbdfe8;
	font-size: 10pt;
	text-align: left;
}

#selectListViewMode_Container > .aPickItem:hover {
	background-color: #0057c1;
}

.schedule.disabled .checkmark {
	 background-color: #F4F4F6;
	 border-color: transparent !important;
}

.schedule.disabled .checkField input:checked ~ .checkmark {
	 background-color: #F4F4F6;
}

.schedule.disabled .rangeField{
	 background-color: #F4F4F6;
	 border-color: transparent !important;
}

.schedule.disabled .rangeField input[type=text] {
	 background-color: #F4F4F6;
}

#calendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-widget-header, #cycleAgendaCalendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-widget-header, #cycleAgendaCalendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-resource-cell {
    font-size: 14px;
    height: 31px;
    vertical-align: middle;
    background-color: #0057c1;
    color: white;
    font-weight: normal;
}

#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-slats > table > tbody > tr > td.fc-widget-content, #cycleAgendaCalendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-slats > table > tbody > tr > td.fc-widget-content {
    background-color: white;
}

#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-slats > table > tbody > tr > td.fc-axis.fc-time, #cycleAgendaCalendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-slats > table > tbody > tr > td.fc-axis.fc-time, #cycleAgendaCalendar > div.fc-view-container > div > table > tbody > tr > td > div.fc-day-grid.fc-unselectable > div > div.fc-bg > table > tbody > tr > td.fc-axis.fc-widget-content {
    background-color: rgba(88, 89, 91, 0.5);
    color: white;
}

#cycleAgendaCalendar > div.fc-view-container > div > table > tbody > tr > td > div.fc-day-grid.fc-unselectable > div > div.fc-bg > table > tbody > tr > td.fc-axis.fc-widget-content {
    font-size: 12px;
    text-align: center;
}

#calendar > div.fc-toolbar.fc-header-toolbar, #cycleAgendaCalendar > div.fc-toolbar.fc-header-toolbar {
    display: none;
}

.fcDeleteEventBtn {
    color: black;
    opacity: 0.85;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    z-index: 9999;
    padding: 0px;
    margin-top: -1px;
}
.msgBox.utilDialog .boxHead {
	padding-bottom: 8px;
}

#adminSubscriptionRenewal .grid, #adminSubscriptionRenewal .grid div,
#adminAddAccounts .grid, #adminAddAccounts .grid div {
	margin-left: 0px;
}

#printHeaderPictureFile {
	opacity: 0; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 100%; 
	height: 100%;
	cursor: pointer;
}

#printHeaderPictureContainer {
	height: 58px;
}

#printHeaderPictureContainer > img {
	width: inherit;
    height: inherit;
}

#printHeaderPictureContainer > div {
	padding: 8px; 
	text-align:center;
	font-size:28pt;
}
.asrTable {
	border-collapse: collapse;
	width: calc(100% - 25px);
	margin: 5px auto 20px;
	border: 1px solid #DBDFE8;
}

.asrTable td {
	background-color: white;
	padding: 5px;
}

.asrTable td:nth-child(1) {
	text-align: left;
	width: 75%;
}

.asrTable td:nth-child(2) {
	text-align: right;
	width: 5%;
}

.asrTable td:last-child {
	text-align: right;
	width: 20%;
}

.asrTable tr:last-child td {
	border-top: 1px solid #DBDFE8;
}

.deletePrintHeaderPicture {
	top: 0px; 
	right: -5px; 
	cursor: pointer; 
	z-index:33; 
	font-size: 8pt; 
	width: 15px;
}

.fc-allDay {
    line-height:21px !important;
}

.fc-extra {
    font-style: italic;
}

input.quickAddClassNameLight::placeholder {
    color: #F4F4F6;
    opacity: 0.65;
}

input.quickAddClassNameDark::placeholder {
    color: #58595B;
    opacity: 0.65;
}

input.quickAddClassNameLight {
    color: #FFFFFF;
    font-size:16px;
    width:auto;
    border:0;
    outline:0;
    background:transparent;
    border-bottom:1px solid white;
}

input.quickAddClassNameDark {
    color: #58595B;
    font-size:16px;
    width:auto;
    border:0;
    outline:0;
    background:transparent;
    border-bottom:1px solid #58595B;
}

.quickAddClassColorReplacer {
    position: absolute;
    top: 12px;
    left: 147px;
    padding: 0px !important;
    opacity: 0;
}

#classSchedulerCalendar > div.fc-view-container > div > table > thead > tr > td, #classSchedulerCalendar > div.fc-view-container > div > table > thead > tr > td > div {
    border: none;
}

#classSchedulerCalendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-axis.fc-widget-header,
    #classSchedulerCalendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th {
    border-color: transparent;
}

#classSchedulerCalendar > div.fc-view-container > div > table > tbody > tr > td > div.fc-scroller.fc-time-grid-container > div > div.fc-slats > table > tbody > tr > td.fc-widget-content {
    height: 16px !important;
}

tr.generateClassJoinCodeRow, #allClassJoinCodeRow {
	cursor: pointer;
}

tr.generateClassJoinCodeRow:hover td {
	background-color: #DBDFE8 !important;
}

#classSchedulerCalendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-resource-cell {
    padding-bottom: 3px;
}

#classSchedulerCalendar > div.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0px;
}

#classSchedulerCalendar > div.fc-view-container > div > table > tbody {
	background-color: white;
}

.sharingOptionsFieldLabel {
	padding: 10px;
	text-align: right;
	vertical-align: middle;
}

#managePermissionsSelect .grid.managePerm div[id^="managePermission"]{
	text-align: right;
}

#external-draggable-classes-container.scrollbar-inner {
    max-height: calc(100vh - 312px);
}

.sectionData[style]:empty {
    padding: 0px !important;
}

#editUnitBox  {
	padding-bottom: 30px;
}

.plansPlaceholder {
    background: url(../images/plans-placeholder.jpg);
    height: 50px;
    background-color: #fff;
    margin: 0px 1px 0px 1px;
    background-repeat: no-repeat;
}
.classListSpacer div {
	display : inline-block;
	color: #0057c1;
	white-space: nowrap;
}

.classListSpacer div:first-child {
	width: calc(50% - 51px);
    background-color: #dbdfe7;
    line-height: 1px;
}

.classListSpacer div:last-child {
	width: calc(50% - 51px);
    background-color: #dbdfe7;
    line-height: 1px;
}

.classListBankSpacer div {
	display : inline-block;
	color: #0057c1;
	white-space: nowrap;
}

.classListBankSpacer div:first-child {
	width: calc(50% - 69px);
    background-color: #dbdfe7;
    line-height: 1px;
}

.classListBankSpacer div:last-child {
	width: calc(50% - 69px);
    background-color: #dbdfe7;
    line-height: 1px;
}

.grecaptcha-badge {
	display: none !important;
}

#revisionHistoryTable tbody tr td:not([colspan]):first-child {
	width: 150px;
	text-align: middle;
}

#revisionHistoryTable tbody tr td:nth-child(2) {
	width: calc(100% - 270px);
}

#revisionHistoryTable tbody tr td:last-child {
	width: 120px;
	text-align: right;
}

#revisionHistoryBox {
	width: 800px;
}

.showRawData.modalSectionButton {
	font-size: 12px;
}


.showRawData.modalSectionButton .fa-stack-2x {
	color: transparent;
}

.showRawData.modalSectionButton .fas.fa-file-alt {
	font-size: 14px;
}

#copyLessonUnit {
	width: 243px; 
	margin-bottom: 2px;
}

#showFromLessons{
	display: inline-block;	
}

#unitLessonRange {
	font-size: 10pt;
    margin-left: 5px;
    margin-top: -10px;
    display: none;
}

#insertAfterExistingDate {
	font-size: 16px;
}

.allUnitsHeader, .allLinkedUnitsHeader {
	width: 100%;
	display: inline-table;
}

.allUnitsHeader > div, .allLinkedUnitsHeader > div {
	display: table-cell;
}

.allUnitsHeader > div:first-child, .allLinkedUnitsHeader > div:first-child {
	white-space: nowrap;
}

.allUnitsHeader > div:nth-child(2), .allLinkedUnitsHeader > div:nth-child(2) {
	width: 100%;
}

.unitDescShow {
	display: none;
}

.leUnit:hover .unitDescShow {
	display: inline-block;
} 

.button.copyElements {
	padding: 10px;
}

div#schoolListMultiSelect [class*="pbMultiselectItemInlineHTML"][style] {
    display: block !important;
    float: right !important;
    text-align: right !important;
}

.selectSharedLessonStatus [class*="pbMultiselectItemInlineHTML"][style] {
    display: block !important;
    float: right !important;
    text-align: right !important;
}

.selectSharedLessonStatus [class*="pbMultiselectItemInlineHTML"][style] {
    width: 45px !important;
}

.selectSharedLessonStatus [id^="pbMultiselectItemDone"][style] {
	width: 390px !important;
}

.selectSharedLessonStatus .pbMultiselectItems[style] {
	width: 400px !important;
}

.selectSharedLessonStatus .pbMultiselectItemText[style] {
	width: 352px !important;
}

.selectSharedLessonStatus [class*="pbMultiselectItemInlineHTML"][style] {
	width: 45px !important;
}

.selectSharedLessonStatus pb-text {
    max-width: 305px;
    display: inline-block;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.sectionData {
	width: calc(100% - 6px);
}

.plansSectionTags.plansSectionTagsShow:not(:empty)~.sectionData,
.plansSectionTags[style*='inline-block']~.sectionData {
    width: calc(100% - 31px);
}

.allTitles, .allLinkedLessonTitles {
	width: 100%;
}

/* override Full Calendar's event styling */
#classSchedulerBox a.fc-event .fc-bg { 
	background: transparent;
	opacity: 1;
}

.hideRow {
	display: none;
}

.standardsFilterContainer {
	padding: 15px 10px 5px 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DBDFE8;
}

.standardsFilter {
	margin: 0px 10px;
	position: relative;
}

.standardsFilter input.textField {
    padding-left: 30px;
    width: calc(100% - 40px);
}

.standardsFilter i {
	position: absolute;
    bottom: 13px;
    left: 10px;
}

.standardsFilterHeader {
	margin: 0px 10px 5px 10px;
}

.standardsFilterContainer .button {
    padding: 8px 10px;
}

.standardsFilterRightButtons {
	text-align: right;
} 

#stateStandardsSettingsBox .frameworkNotHere, 
#subjectStandardsSettingsBox .archivedStandardSubjectText {
	padding-top: 15px;
	padding-bottom: 15px;
}

pb-text {
	display: inline;
}

#schoolListEdit .pbMultiselectItems[style] {
	width: 400px !important;
}

#schoolListEdit .pbMultiselectItemText[style] {
	width: 352px !important;
}

#schoolListEdit [class*="pbMultiselectItemInlineHTML"][style] {
	width: 45px !important;
}

#schoolListEdit [id^="pbMultiselectItemDone"][style] {
	width: 390px !important;
}

#schoolListEdit pb-text {
    max-width: 305px;
    display: inline-block;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.sectionData .allStrategies {
	margin-bottom: 5px;
}

.sectionData .allStrategies > div:first-child {
    background-color: grey;
    color: white;
    padding: 1px 3px;
    display: inline;
}

.sectionData .allStrategies > div[style]:first-child {
	float: none !important;
}

.sectionData .allStrategies > div:nth-child(2) {
   	display: inline;
}

#subscriptionPlanPromo {
	color: red;
    font-size: 12px;
}

.origAmount {
	text-decoration: line-through;
    color: grey;
    font-weight: 200;
}

.discountApplied {
	color: red;
}

.chooseAccount .account {
	padding: 15px 0px; 
	border-bottom: 1px solid #bfbfbf;
	white-space: nowrap;
	display: table-row;
	cursor: pointer;
}

.chooseAccount .account > * {
	padding: 15px 0px; 
	border-bottom: 1px solid #bfbfbf;
	white-space: nowrap;
	display: table-cell;
}

.chooseAccount .accountEmail {
	padding-left: 15px;
	padding-right: 20px;
	width: 100%;
}

.chooseAccount .account i:first-child {
	color: #0057c1;
}

.chooseAccount .loginAnother {
	margin-bottom: 20px; 
	margin-left: 5px; 
	font-size: 16px; 
	color: #0056c1;
	cursor: pointer;
}

.chooseAccount > p:first-child {
	text-align: center; 
	font-size: 16pt; 
	color: white; 
	background-color: #0057C1; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
	padding: 20px; 
	font-weight: 500;
}

#accounts {
	margin: 20px 0px;
    border-top: 1px solid #bfbfbf;
}

#cancelChooseAccount {
	width: 150px;
}

.subscriptionPromo {
	padding-bottom: 20px;
}

.v-btn {
	background-color: #0057c1 !important;
    border-color: #0057c1 !important;
    color: #FFFFFF !important;
    caret-color: #FFFFFF !important;
    cursor: pointer;
    text-transform: capitalize !important;
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    font-weight: 500;
    letter-spacing: 0.0892857143em;
    justify-content: center;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: 0.0892857143em;
    transition-duration: 0.28s;
    transition-property: box-shadow, transform, opacity, -webkit-box-shadow, -webkit-transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 22px;
}

.v-btn.v-size--default {
	height: 36px;
    min-width: 64px;
    padding: 0 16px;
    font-size: 0.875rem;
}

.v-btn.v-size--large {
	height: 44px;
    min-width: 78px;
    padding: 0 19.5555555556px;
    font-size: 0.875rem;
}

.v-btn.v-size--x-large {
	height: 52px;
    min-width: 92px;
    padding: 0 23.1111111111px;
    font-size: 1rem;
}

.v-btn.v-size--small {
	min-width: 0 !important;
    padding: 0 7px !important;
    font-size: 0.75rem;
}

.v-btn.v-size--x-small {
	height: 20px;
    min-width: 36px;
    padding: 0 8.8888888889px;
    font-size: 0.625rem;
}

.v-btn.primary {
	background-color: #0057c1 !important;
    border-color: #0057c1 !important;
}

.v-btn.secondary {
	background-color: #333333 !important;
    border-color: #333333 !important;
}

.v-btn.error {
	background-color: #d81632 !important;
    border-color: #d81632 !important;
}

.v-btn.warning {
	background-color: #f29a25 !important;
    border-color: #f29a25 !important;
}

.v-btn.info {
	background-color: #757575 !important;
    border-color: #757575 !important;
}

.v-btn.success {
	background-color: #3e985c !important;
    border-color: #3e985c !important;
}