@charset "utf-8";
/* CSS Document 
Lt Blue - #00a6ce
Dk Blue - #004d74
Green - #5cb65e
orange/red - #ff4c00
*/
body {
font-family: 'Open Sans', sans-serif !important;
margin:0px;
color: #000;
font-weight:normal;
line-height: 1.0;
font-size: 16px;

}
.grid-container{ padding: 0px;}
.txtCntr{
	text-align: center;
}
.lnHeight{ line-height: 22px; }
tbody, tfoot, thead{border: none; }
table.dataTable, table.dataTable th, table.dataTable td{box-sizing: border-box;}
caption{
	display: none;/**/
}
	table > tbody > tr > td{
 	border-right: 2px solid #00a6ce;
	text-align: center;
}

table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child {
	border-right: 2px solid #00a6ce;
	border-left: none;
	text-align: center;
}
table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{
		border-right: 2px solid #00a6ce;
		/*border-top: 2px solid #00a6ce;*/
	text-align: center;
	height: 16px;
}
table tfoot td,table tfoot th,table thead td,table thead th {
    padding: .5rem .625rem .625rem !important;   
}

table > thead > tr > th{
	background-color: #fff;
	font-weight: bold !important;
	text-align: center;
	color: #000;
	border-right: 2px solid #00a6ce;
	border-bottom: 2px solid #00a6ce !important;
}
button.dt-button,div.dt-button,a.dt-button {    
    border: none;    
    background-image: none;
   background-color: transparent;
}
select{
	margin: 0px !important;
}
.alignRight{
	text-align: right;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
	color: #00a6ce;
}
.colSmallPad{ padding-left: 11px;}
#addMoreWarnBlock{
	display: none;
	margin-top: 15px;
}
#addMoreWarn{
	padding: 10px;
 line-height: 18px;
}
#addMoreBtn{
	background-color: #5cb65e;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px;	
	height: 42px;
	font-size: 1.25em;
}
.cancelBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
#ddpane{
	display: none;
	position: absolute;
	top: 105px;
	background: #fff;
	height: auto;
	border-left: 1px solid #00a6ce;
	border-bottom: 1px solid #00a6ce;
	padding-top: 8px;
	width: inherit;
}
#ddpane:before{
	content: '';
}
.dropdown-pane{
	width: 192px;
	padding: 3px;
}
.generalBtnBox{
	margin-top: 20px;
}
#generalDoneBtn{
	color: #fff;
	background-color: #00a6ce;
	font-weight: bold;
}
#generalModal, #distQtyModal{
	padding: 0px 0px 10px 0px;
	border: 4px solid rgb(0, 167, 206);
}


#generalModalBlock, #distQtyModalBlock, #assignmentModalBlock,#addStudentsModalBlock{
	padding: 8px;
}
.generalMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 50px;	
}
#modalchildChoice{
	border: 4px solid rgb(0, 167, 206);
    padding: 0px;
    border-radius: 0px;
}
#modalchildChoiceBoxTop{
background-color: #00a6ce;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	height: 42px;
/*	display: flex;
	align-items: center;*/
}
#modalchildChoiceBox{
	margin: 0px 8px;
}
.qmBlock{
	padding-left: 8px !important;
 padding-top: 30px;
}
#ddpane > ul > li > a{
	color: #000;

}
#ddpane > ul > li > a:hover{
	color: #00a6ce;
		background-color: rgba(0,0,0,.1);
}
.progressList{
	list-style-type: none;
	margin-left: 8px;
}
.clProgressTitle{
	color: #00a6ce;
	margin-bottom: 20px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	line-height: 22px;
}
.progressTitle{
	color: #004d74;
	margin-top: 20px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	line-height: 22px;
}
.progressDetailsTitle{
	color: #00a6ce;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	line-height: 22px;
	padding-right: 10px !important;
}
.assignDetailsTitle{
	color: #00a6ce;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	line-height: 22px !important;
}
.myProgressTitle{
	color: #004d74;
	margin-top: 20px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	margin-bottom: 10px;
	line-height: 22px;
}
.drpDwnTitle{
	background-color: #004d74;
	color: #F6B221;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	font-size: 1.4em;
}
.drpDwnRowTop{
	font-size: 1.2em;
	background: rgba(0,166,206,.5);
	color: #fff;
	text-align: center;
	margin: 4px;
	padding: 3px 0px;
	font-size: 1.3em;
}
.drpDwnTowBtm{
	font-size: 1.2em;
	background: rgba(220,96,38,.5);
	color: #fff;
	text-align: center;
	margin: 4px;
	padding: 3px 0px;
	font-size: 1.3em;
}
.dropNav{
	padding: 0px;
	border-left: 2px solid #004d74;
	width: 230px;/* size = css for .gradeBtn  width and margin times 5 */
	border-right: 2px solid #004d74;
	border-bottom: 2px solid #004d74;
	
}
a.mathPage{
	color: #fff;
}
a.elaPage{
	color: #fff;
}
.drpDwnRowTop:hover{
	background: rgb(0,166,206);
	color: #fff;
}
.drpDwnTowBtm:hover{
	background: rgb(220,96,38);
	color: #fff;
}
/**************************************************** Live Activity */
.liveTimeL{
	border-left: 2px solid #00a6ce;
	border-top: 2px solid #00a6ce;
	border-bottom: 2px solid #00a6ce;
 padding: 5px;
}
.liveTimeR{
	border: 2px solid #00a6ce;
 padding: 5px;
}
#liveClassBlock{ margin-top: 15px; margin-bottom: 15px;}
#liveTimeBlock{}
.liveStName{

 color: #fff;
 font-weight: bold;
 padding: 5px;
 font-size: 1.1em;
	display: flex;
	justify-content: space-between;
}
.liveStNameInner{display: inline-flex;}
.stLiveInnerLeft{display: inline-block; width: 79%; vertical-align: top;  padding: 5px;border-right: 2px solid #00a6ce;}
.stNotLiveInnerLeft{display: inline-block; width: 79%; vertical-align: top;  padding: 5px;border-right: 2px solid #a7a9ac;}
.stLiveInnerRight{display: inline-block; width: 21%; vertical-align: top;}
.stLiveBlock{width:285px; border:2px solid #00a6ce; margin-top: 15px; margin-right: 15px;}/* height:200px;*/
.stNotLiveBlock{width:285px; border:2px solid #a7a9ac; margin-top: 15px; margin-right: 15px;}
.totalCntLive{color: #00a6ce; text-align: center; margin-top: 3px; margin-bottom: 3px;}
.totalCntNotLive{color: #a7a9ac; text-align: center; margin-top: 3px; margin-bottom: 3px;}
.stLiveOuter{}
.online{
	display: inline-flex;
 border: 1px solid #fff;
 height: 16px;
 background-color: #a6ec8a;
 width: 16px;
 border-radius: 20px;
 /*align-self: flex-end;
	background: radial-gradient(#a6ec8a, #97b08d);*/
}
.online:hover{
/*	background: radial-gradient(#a6ec8a, #dcffce);*/
background-color: #dcffce;
}
.offline{
	display: inline-flex;
 border: 1px solid #fff;
 height: 16px;
 background-color: #ed3330;
 width: 16px;
 border-radius: 20px;
 align-self: flex-end;
	/*background: radial-gradient(#ed3330, #f9acab);*/
}
.offline:hover{
	/*background: radial-gradient(#ed3330, #f9acab);*/
	background-color: #f9acab;
}
.onlineBlock{
		background-color: #00a6ce;
}
.offlineblock{
		background-color: #a7a9ac;
}
#LiveMsgTxt,#liveMsgFromText{	
	font-weight: bold;
	margin-bottom: 15px;
}
#fromMsgBlock{margin-bottom: 15px;}
#LiveMsgModalTitle{padding-left: 15px;}
#liveMsgSendBtn,#liveMsgPreviewBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
.showMsgLive{margin-right: 7px;}
.fiGroup{display: inline-flex; align-items: center;}
.liveMsgImg{
	width: 19px;
	height: 19px;
	cursor: pointer;
}
#modalLiveBlock{
	padding: 15px;
}
.stLiveRows{margin-bottom: 8px;}
.stLiveRowBtm{margin-top: 8px;}
.chartBlock{
	background-color: #00a6ce;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
 padding-top: 5px;
 padding-bottom: 5px;
}
#lc_main{margin-bottom: 50px;}
#liveMsgBtnBlock{margin-top: 15px;}
#liveMsgPreview{display: none; margin-top: 15px; padding-top: 15px; border-top: 2px solid #00a6ce;}
.multiEmoji{background-color: rgba(0, 166, 206, .3); border-radius: 78px;}
#imgElemBlock{margin-top: 15px;}
#liveMsgErrBlock{display: none; margin-top: 15px; font-weight: bold;}
#previewTextMsg{margin-right: 5px;}
#previewText{margin-top: 10px; color: #00a6ce; font-weight: bold;}
.previewEmj{width: 50px; height: 50px; margin-right: 5px;}
.emjArt{width: 70px; height: 70px; text-align: center}
.multiSelectImg{margin-bottom: 10px;}/* margin-top: 10px;*/
.emjArtBlock{margin: 6px;}
@media screen and (orientation: portrait){
#laBlock{padding: 15px;}
	}
	@media screen and (max-width: 63.9375em){
		#laBlock{padding: 15px;}
	}
/**************************************************** End Live Activity */
/**************************************************** Need class code */
#needCodeModal{
	border: 4px solid rgb(0, 167, 206);
	padding: 0px;
	border-radius: 0px;
}
#needCodeMsgBlock{ padding: 0px 15px 15px;}
#needCodeMsgTop{
	background-color: rgb(0, 167, 206);	
	font-weight: bold;
	height: 50px;
	margin-bottom: 20px;
}
#needCodeMsgTopTxt{
	color: #fff;
	font-size: 1.25em;
	text-align: center;
}
.codeLabel{
	font-size: 16px !important;
	font-weight: bold;
}
#classCodeBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
#codeChange_msg{
	padding: 10px;
}
#classCodeBtnBlock{
	margin-top: 20px;
}
/**************************************************** End Need class code */
#cancelAddStBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px;
	width: 80px;
	height: 42px;
	font-size: 1.25em;
	margin-right: 10px;
}
.childChoiceIcons{
	margin: 10px 0px;
	text-align: center;
}
.childChoiceName{
	margin: 4px 0px 0px;
}
.childChoiceName{
	margin: 4px 0px 0px;
}
#completeMoreBlock{
	margin-bottom: 15px;
 text-align: center;
}
#modalchildChoiceTopText{
	text-align: center;
}
.loginBtnTxt {
	background-color: #00a6ce;
	border-radius: 8px;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	padding: 8px 15px;
	text-align: center;
	width: 100px;
	height: 42px;
	cursor: pointer;
}
/*.fullrow{
	max-width: 1024px;
  width: 1024px;
}
.fullR{
	max-width: 1024px;
  width: 1024px !important;
}*/
.fullN{	
  min-width: 0 !important;
}
#bday_monthBlock{
	margin-left: 10px;
}
#bday_dayBlock{
	margin-left: 8px;
}
.btnBlock{	
	margin-bottom: 10px;
	margin-top: 15px;
	border-top: 2px solid #00a6ce;
	padding-top: 22px;
}
.cell-border{
	border-collapse: collapse !important;
	border: 4px solid #00a6ce !important;
}
.classNameTitleBox{
	background-color: #00a6ce;
	color: #fff;
	margin-top: 25px;
	font-size: 1.25em;	
/*	position: relative;*/
	height: 42px;
	padding-left: 15px;
}
#classTotal{
	margin: 10px 0px;
}
.classTotalInfo{
	margin-top: 9px;
}
#closeAddForm{
	color: #fff;
	padding-right: 8px;
	font-weight: bold;
	cursor: pointer;
}
.cntMid{
	display: flex;
	align-items: center;
}
.close-button{
	color: #fff;
	top:.3rem;
}
.colEnd{
	padding:1px !important;
/*	max-width: 108px;
	width: 108px;*/
}
.colEdit{
	padding:1px !important;
	/*max-width: 75px;
	width: 75px;*/
}
.colRM{
	padding:1px !important;
	/*max-width: 90px;
	width: 90px;*/
}
.current{
	background: #00A6CE !important;
	}
/*#container{
	max-width: 1024px;
	margin: 0 auto;
}*/
#descrBtm{
	margin-top: 20px;
}
.editRosterBtn{
	background-color: #00a6ce;

	font-size: 16px;
	border-radius: 8px;
	/*height: 50px !important;
	padding-top: 4px;
	padding-bottom: 4px;*/
	font-weight: bold;
}
.emailOptTextBlock{
	margin-top: 7px;
	line-height: 21px;
}
.emailSubscrText{
	color: #ff4c00;
	font-style: italic;
}
.epBox{
	text-align: right;
}
#errorMsg{
	min-height: 50px;
	padding: 20px;
	white-space: pre-wrap;
}
#errorMsgBtn{	
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	width: 68px;
	font-size: 18px;
	padding: 8px;
}
#errorMsgBtnBox, #deleteMsgBtnBox{
	margin-top: 10px;
	margin-bottom: 10px;
}
#errorMsgTop, #deleteMsgTop, #genericMsgTop, #addClassroomMsgTop,#editClassNameMsgTop,#deleteAssignmentMsgTop,#deleteIndAssignmentMsgTop, #editAcctEmailMsgTop,#editAcctPassMsgTop, #assignmentDetailMsgTop,
#lessonDetailMsgTop,#addMoreModalMsgTop,#addStudentAssignModalTop, #saveNewAssgnTop,#editClassCodeMsgTop,#raStudentAssignModalTop, #saveNewraAssgnTop, #deleteTeacherMsgTop, #deleteAwardMsgTop, #deleteIndAssignMsgTop,
#genericSmallMsgTop,#rapidRosterMsgTop,#LiveMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	height: 42px;
	display: flex;
	justify-content: center;
	/*padding: 8px 15px;*/
}
#changeIconsMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	height: 42px;
}

#edtPhoneMsgTop, #edtLocationMsgTop, #edtSchoolMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
}
#editEmailMsgTop,#cotchrCompleteTitle, .removeCoStudentDstMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	height: 42px;
	display: flex;
	justify-content: center;
	
}
#dupStdntMsgTop,#cotchrDetailsMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	padding: 8px 15px;
}
#outtercotchrMsg,#cotchrDetailsOutter{padding: 15px;}
#assignmentDetailMsgTop{
	justify-content: inherit;
	padding-left: 14px;
}
.assignmentDetailBtnBox{

}
#assignmentDetailBlock{
		padding: 24px;
		line-height: 138%;
	}
#deleteAssignmentMsgTop, #deleteTeacherMsgTop{
	align-items: center;
}
#deleteTeacherQues, #deleteAwardQues, #deleteIndAssignQues,#deleteElaAwardQues{
	margin-top: 15px;
}
#deleteTeacherDeleting, #deleteAwardDeleting, #deleteIndAssignDeleting{
	    line-height: 24px;
}
#deleteAwardDeleting{}
#deleteElaAwardQues{
	border-top: 1px solid #00a6ce;
 padding-top: 15px;
}
#exlBtn{
	background-image: url("../images/print-letter-button.png");
	background-repeat: no-repeat;
	background-size: 47px 47px;
	background-position: left top;	
	height: 47px;
	overflow: hidden;
	width: 47px;
}
.exportTools{
	margin-left: 8px;
	font-size: 16px;
	display: inline-flex;
	width: 237px;
	word-wrap: break-word;
	white-space: initial;
	vertical-align: middle;
	white-space: pre-wrap;
}
.exportToolBlock{
	margin-bottom: 30px;

}
#forgotBtn{
	border-radius: 8px;
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	padding: 10px;
}
#forgotBtnBlock{
	clear: both;
	margin-top: 15px;		
}
.gradeCol{
	width: 80px;
}
.genericBtnBox, #saveNewAssgnErrorBtnBlock, #saveNewraAssgnErrorBtnBlock{
	text-align: center;
  margin-top: 20px;
}
.editAcctEmailBtnBox,  .editAcctPassBtnBox, .addClassroomBtnBox{
	margin-top: 15px;
}
#codeChangeBtnBox, #edtPhoneBtnBox{
  margin-top: 20px;
}
#genericDoneBtn, #addClassroomDoneBtn,#genericSmallDoneBtn,#rapidRosterDoneBtn{
	border-radius: 8px;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	background-color: #00a6ce;
	padding: 8px 15px;
	margin: 0px;
}
#genericMsgBlock, #addClassroomBlock,#editClassNameBlock, #deleteAssignmentBlock, #deleteIndAssignmentBlock,#editAcctNameBlock, #editAcctEmailBlock,#editAcctPassBlock,#addMoreBlock,
#addStudentAssignBox, #saveNewAssgnErrorTxtBlock,#editClassCodeBlock, #saveNewraAssgnErrorTxtBlock, #deleteTeacherBlock, #editDistNameBlock, #editDistSchoolBlock, 
#editDistAddrBlock, #distAddSchlBlock, #deleteAwardBlock, #edtPhoneBlock, #edtLocationBlock, #edtSchoolBlock, #distAdd2nStdntBlock,#cotchrCompleteTextBlock,
#distAcctPhoneBlock,#distAcctPhone, #editDistAcctFax,#editDistSchlNameBlock,#editDistSchlAddrBlock,#editDistPhnBlock, #removeAdminBlock,#distAddSubAdminBlock,
#deleteIndAssignBlock,#genericSmallMsgBlock,#rapidRosterMsgBlock{
	padding: 15px;
}

#genericMsgText, #saveNewAssgnErrorTxtBlock{
	text-align: center;
	line-height: 1.5em;
}

#editClassNameText,#addClassroomText,#genericSmallMsgText,#rapidRosterMsgText{
	line-height: 1.5em;
}
#hline{
	background-color: #00a6ce;
}
input{
	
	margin: 0px !important;
}
.inputLabel{
	padding-left: 12px !important;
}
.inputRow{
	margin-top: 13px;
}
#logoBlock{
	margin-top: 15px;
}
#loginBtn{
	background-color: #5cb65e;
	border-radius: 8px;
	border: 1px solid #5cb65e;
	color: #fff;
	width: 85px;
	height: 50px;
	font-weight: bold;
}
#logoRoster{
	display: inline-block;
  width: 160px;
}
#loginRosterView{
	display: inline-flex;
  width: 100px;
}
#message{
	margin-top: 15px;
}
#more_close{
	color: #000;
}
#assignmentDetailModal{
	border: 4px solid rgb(0, 167, 206);
	padding: 0px !important;
}
#modalError, #genericMessageModal, #addClassroomModal,#editClassNameModal, #deleteAssignmentModal,#deleteIndividAssignmentModal,#confirmNameChangeModal,#confirmEmailChangeModal,#confirmPassChangeModal, 
#modalChangeIcons,#lessonDetailModal, #modalAddIcons,#addMoreModal,#addStudentAssignModal, #saveNewAssgnErrorModal,#raStudentAssignModal, #saveNewraErrorModal, #deleteTeacherModal,
#modalLiveMsg{
	padding: 0px 0px 10px 0px;
	border: 4px solid rgb(0, 167, 206);
}
#rapidRosterModal,#genericMessageModalSmall{
	padding: 0px;
	border: 4px solid rgb(0, 167, 206);
}
#confirmAddressChangeModal,#confirmPhoneChangeModal, #editAcctPasswordModal, #editDistNameModal,
#removeStudentDstModal, #notAllowModal, #cotchrCompleteModal,
#removeCoStudentDstModal,#cotchrMsgModal,#cotchrDetailsModal,#editAcctPassModal{
	padding: 0px 0px 15px 0px;
	border: 4px solid rgb(0, 167, 206);
}
#editAcctSchoolModal,#editAcctAddressModal,#editAcctNameModal,#editAcctPhoneModal,#editDistEmailModal,#editDistSchoolModal,#editDistAddressModal,#editDistPhoneModal,
#editDistFaxModal,#editSchlNameModal,#editSchlAddressModal,#editSchoolPhoneModal,#removeAdminModal,#addSchoolModal,#addSubAdminModal,#addStdntModal,
#editAcctEmailModal,#edtSchoolModal,#editClassCodeModal,#edtPhoneModal,#edtLocationModal,#deleteAwardModal,#deleteAssignsModal,#coStudentModal{
		border: 4px solid rgb(0, 167, 206);
		padding: 0px;
}
#editAcctSchoolBlock,#editAcctAddressBlock{padding: 15px;}
.editAdminAcctMsgTop,#editAcctNameMsgTop,#acctTchrChngName,#acctTchrChngEmail{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	height: 42px;
}
#nameRosterView{
	display: inline-flex;
	width: 414px;
	justify-content: flex-end;
	max-height: inherit;
	margin-right: 9px;
}
#nameRosterViewTxt{
	color: #00a6ce;
	display: flex;
	align-items: center;
	height: 100%;
}
#loginAdminBtn{
	display: flex;
  max-width: 100px;
  align-items: center;
}
.noMargin{
	margin: 0px !important;
}
.next{
	/*background-color: #00a6ce;
	border-radius: 8px !important;
	padding: 8px;
	color: #fff;
	height: 42px;
	margin-left: 5px;
	vertical-align: top;
	font-size: 16px !important;*/
	background-color: #00A6CE;
	border-radius: 8px !important;
	height: 42px !important;
	margin-right: 5px !important;
	padding: 8px 15px !important;
	font-size: 1.375rem !important;
	font-weight: bold;
	color: #fff !important;
}
#lessonDetails_wrapper .dataTables_paginate .next{
	color: #fff !important;
}
.next > a{	
	border-radius: 8px;	
	color: #fff;
	font-weight: bold;
}
.inputBlock{
	margin-top: 15px;
}
.mobNavClose{
	color: #00a6ce;
}
.mobNavLinkBlock{
	line-height: 2.4em;
	list-style-type: none;
	font-size: 18px;
	margin-bottom: 0px;
}
#mobNavTitle{
	border-bottom: 3px solid #00a6ce;
		color: #00a6ce;
		font-size: 1.3em;
		font-weight: bold;
		min-height: 2.7em;
}
#mobNavTitleBlock{
	margin: 0px;
}

#passBlock, #unameBlock{
	display: inline-block;
	width: 560px;
}

.previous{
	background-color: #00A6CE !important;
	border-radius: 8px !important;
	height: 42px !important;
	margin-right: 5px !important;
	padding: 8px 15px !important;
	font-size: 1.375rem !important;
	font-weight: bold;
}
.previous > a{	
	border-radius: 8px;	
	color: #fff;
	font-weight: bold;	
}
.pagination .disabled{
	background-color: #c0c0c0;
	color: #fff;
	padding: 8px;
	height: 41px;
	font-weight: bold;
	width: 6rem;
	text-align: center;
}
.pagination a:hover, .pagination button:hover {
	background: #00A6CE;
}
.pagination .disabled:hover {
	background: #c0c0c0;
}
#publicMobileB{	
	/*width: 30px;
	height: 27px;*/
}

#roster_ellipsis{
	background-color: transparent;
}
.redTxt{
	color: #f00;
}
.reqContainer{
	margin-right: 2px;
}
#rosterView{
	margin-bottom: 10px;
	/*max-width: 1024px;*/
	vertical-align: middle;
	display: inline-flex;
	max-height: 70px;
}
.rosterViewLoggingBtn {
    background-color: #00a6ce;
    border-radius: 8px;
    border-style: none;
    color: #fff;
    height: 42px;
    margin: 0px;
    width: 100px;
    font-size: 1.25em;
    font-weight: bold;
}

#schoolBannerBlock{
	margin-bottom: 15px;
}
#searchrosterView {
    display: inline-block;
    width: 336px;
}
.rowLength{
/*	width: 1024px;*/
}
#saveBtnBlock{
text-align: right;
}
.saveBtn{
	margin-bottom: 0px;
}
.siteTxtBlue{
	color: #00a6ce !important;
}
#siteDescr{
	border: 8px solid #004d74;
	padding: 25px;
	width: 365px;
	height: 400px;
}
.size_of_class{
	font-size: 1.25em;
}
#statsTop{
	border: 3px solid #00a6ce;
	margin-top: 20px;
}
#statsBtm{
	border: 3px solid #00a6ce;
}
#statsTitle{
	background-color: #00a6ce;
	color: #fff;
	height: 35px;
  font-size: 22px;
	align-items: center;
  display: flex;
	padding-left: 10px;
}
#studentRemind{
	margin-top: 15px;
}
#studentBtm{
	margin-top: 15px;
	border-top: 2px solid #00a6ce;
 padding-top: 15px;
}
.tableInfo{
	margin-top: 10px;
	height: 50px;
	/*width: 1024px;*/
}
.myStdnttableInfo{
	margin-top: 10px;
}
#tipBlock, #tip_passBlock{
	margin-left: 6px;
}

.btxt{
	font-weight: bold;
}
.ubtxt{
	font-weight: normal;
}
.txtBlue{
	color: #00a6ce;
}
.textItalic{
	font-style: italic;
}
.txtburnt{
	color: #e94e3c;
}
.txt12{
	font-size: 12px;
}
.txt16{
	font-size: 16px;
}
.txt20{
	font-size: 20px;
}
.txt21{
	font-size: 21px;
}
.txt24{
	font-size: 24px;
}
.txtleft{
	text-align: left !important;
}

/*footer*/

#bottomCopy{
	margin-top: 20px;
	padding-bottom: 8px;
	text-align: center;
}
.pre_socialIcon{
	display: inline-block;
	margin:4px 4px;
}
#socialTitle{
	color: #00a6ce;
	margin-bottom: 5px;
}
#tableView{
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
}
.tableStudent{
	/*max-width: 1022px;
	width: 1022px;*/
}
/*************************************************************** topNav Btns also in iknowit.css*/
#topNav{	
		margin-bottom: 12px; 
    /*max-width: 1024px;	*/
}
.dtNav{
	display: flex !important;
}
#dtThAcct{
/*	width: 224px;*/
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
#dtStAcct{
	/*width: 221px;*/
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
#dtLess{
/*	max-width: 112px;*/
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
#dtBilling{
/*	width: 216px;*/
	align-items: center;
 justify-content: center;
	
}
#dtProgBtn{
	/*width: 227px;*/
	margin-right: 3px;
	align-items: center;
 justify-content: center;
}
.navBG{
	background-color: #00A6CE;
	padding: 5px 0px;
 text-align: center;
}
.navBGela{
	background-color: #dc6026;
	padding: 5px 0px;
    text-align: center;
}
.navTopBtnTab{
	padding: 8px 15px;
}
.navTopTabRenGroup{
	padding-left: 10px;
}
.navText{
	color: #fff;
	font-size: 22px;
}
.navOn{
	color: #F6B221;
   font-weight: bold;
}
.navOff{
	color: #fff;
	font-weight: bold;
}
.navOnBG{
	background-color: #004d74;
}
.grLnk{
	display: flex;
	justify-content: center;
	width: 35px;
	color: #fff;
}
.grLnk:hover{
	background-color: #004d74;
	color: #F6B221 !important;
}
.topBtnE{
	align-items: center;
	display: inline-flex;
	justify-content: center;
	width: 170px;	
}
.topBtnT{
	align-items: center;
	display: inline-flex;
	justify-content: center;
	width: 170px;
	margin-right: 3px;
}
.topBtnS{
	align-items: center;
	display: inline-flex;
	justify-content: center;
	width: 185px;
}



.txt14{
	font-size: 14px;
}
.txt18{
	font-size: 18px;
}
.txt32{
		font-size: 32px;
}
.txt22{
	font-size: 22px;
}
.txt43{
	font-size: 43px;
}
.txt36{
		font-size: 36px;
}
.txt37{
		font-size: 37px;
}
@media screen and (orientation: portrait){
	#topNav{			
    margin-right: 5px;
	}	
}
/*************************************************************** End topNav Btns*/
/************************************************************Tabs*/
.tabs-title > a:focus, .tabs-title > a[aria-selected='true']{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 12px 24px;
}

.tabs-title > a{
	background-color: #c0c0c0;
	color: #fff;
font-size: 1.25em;
	font-weight: bold;
	padding: 12px 24px;
}
.tabs-title > a[aria-selected='false'] {
	background-color: #c0c0c0;
}
div.dataTables_wrapper div.dataTables_filter input{
	margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_filter label{
	margin-right: 10px
}
.tabs{
	margin-bottom: 0px;
	border: none;
}
.tabs-title{
	margin-right:4px;	
}
/************************************************************ end Tabs*/
/************************************************************ add class */

.addst{
	background-color: #5cb65e !important;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	font-size: 1.25em;
	max-height: 42px;
	border-style: none;
	margin: 0px;
	width: 161px;
	padding: 12px 15px;
}
.editst{
	background-color: #5cb65e !important;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	font-size: 1.25em;
	height: 42px;
	border-style: none;
	margin: 0px;
	width: 192px;
	padding: 12px 15px;
}
.canclAddStdnt{
	background-color: #00a6ce;
    border-radius: 8px;
    border: 1px solid #00a6ce;
    color: #fff;
   /* width: 120px;*/
    height: 42px;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0px 5px 0px;
    border-style: none;
				padding: 12px 15px;
}
#classBox{
	margin-top: 15px;
}
#classBoxTitle{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#classSearch, #assignedSearch{
	background-color: #00a6ce;
	margin: 0px;
	height: 42px;/*60px;*/
}
.classSearch{
	background-color: #00a6ce;
	margin: 0px;
	height: 60px;
	color: #fff;
	height: 38px;
}
#classTableBlock{
	margin: 0px;
}
.closeDelMod{
	color: #fff;
	font-weight: bold;
}
.classCodeBlock{
	padding-left: 15px !important;
}
.delBtn{
	background-color: #00a6ce;
	border-radius: 8px;
	font-weight: bold;
}
.delAssignBtn,.delElaAssignBtn{
	width: 98px;
	height: 81px;
	background-color: #e94e3c;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	cursor: pointer;
}
.delAssignInactvBtn{
	width: 98px;
	height: 81px;
	background-color: #c0c0c0;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	cursor: pointer !important;
}
#deleteAssignmentBtnBlock,#deleteIndAssignmentBtnBlock, #deleteTeacherBtnsBlock, #deleteIndAssignBtnsBlock{
	margin-top: 20px;
}
#deleteMsg{
	padding: 0px;
	line-height: 22px;
}
#deleteMsgTop{
	background-color: #00a6ce;
  height: 50px;
}
#individualAsgnBlock{
	margin-top: 40px;
}
#modalDelete{
	padding: 0px;
  border: 2px solid #00a6ce;
  min-height: 166px;
}
#firstTimeClass{
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
#genericMsg, #deleteMsg, #addClassroomMsg{
	padding: 8px;
  text-align: center;
}
#lessonNameDeleting{
	
}
#modalGeneric, #modalDelete,#genericMessageModal, #addClassroomModal,#editClassNameModal, #addMoreModal{
	padding: 0px;
  border: 4px solid #00a6ce;
}
.ncol{
	background-color: #00a6ce;
	color: #00a6ce;
	padding: 0px;
	border-top: 1px solid #00a6ce;
  border-right: 1px solid #00a6ce;
}
#newClassTable{
	
}
#newStudentTableAssign{
	margin-top: 10px;
	margin-bottom: 20px;
}
.rosterHead{
	text-align: center;
	padding: 0px 5px 0px 0px !important;
	height: 3em;
}
#roster_filter input{
	height: 30px;
	font-size: .9em;
	border-radius: 5px !important;
	width: 200px !important;
	margin: 0px;
}
#searchRow, #searchAssignedRow{
	justify-content: flex-end;
  align-items: center;
	display: flex;
}
.searchRow{
	justify-content: flex-end;
  align-items: center;
	display: flex;
}
#studentForm{
	border: 3px solid #00a6ce;
  padding: 0px 8px 8px;
}
#stdFromBtnBlock{
	text-align: right;
}
.topFormRow{
	margin-top: 16px;
}
/************************************************************ end add class */
/************************************************************* My Assignnments */
table.dataTable thead td,
table.dataTable tfoot td,
table.dataTable.no-footer{
	border: none;
}
#addAssignCancelBtn, #raAssignCancelBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px;
	width: 80px;
	height: 42px;
	font-size: 1.25em;
	margin: 0px 10px 0px 0px;
}
#addAssignDescr,#raAssignDescr{
	margin:20px 0px;
	line-height: 20px;
	padding-left: 15px;
}
#addAssignSaveBtn, #raAssignSaveBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.25em;
	font-weight: bold;
	padding: 8px;
	width: 80px;
	margin: 0px;
}
#addAssignBtnBlock, #raAssignBtnBlock{
		margin-top: 20px;
  margin-bottom: 5px;
		padding-left: 15px;
}
.assignmentsLessonName{
	line-height: 20px;
	}
#assignDetailsTable{
	border-collapse: collapse;
}
.assignProgDetails{
	background-color: #cfecf5;
   width: 100%;
    height: 100%;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.25rem;
				margin: 0px;
}
.assignDD{
	line-height: 21px;
}
.gradeLevels{
	font-style: italic;
	color: #a364a8;
}
table#assignDetailsTable > tr > td{
	padding: 8px;
 border-top: 1px solid #c0c0c0;
}
#assignTable{
	border-collapse: collapse;
	border: none;
}
#asgnDetailClose{
	background-color: #00a6ce;
	border-radius: 8px;
	border-style: none;
	color: #fff;
	height: 42px;
	margin: 0px;
	width: 100px;
	font-size: 1.25em;
	font-weight: bold;
	padding: 8px;
}
.assignHead{
	border-bottom:4px solid #00a6ce;
	border-right: 2px solid #00a6ce;
	border-top: 2px solid #00a6ce;
	line-height: 20px;
	padding: 5px 10px 6px 10px !important;
	height: 36px;
}
.assignHeadRight{
	max-width	: 108px;
	width: 108px;
}
.assignHeadLeft{
	border-left: none;
	border-right: 1px solid #000;
	border-top: none;
	border-bottom: 1px solid #000;
}
.brdleft, .smCellImg{
	border-left: 1px solid #000;
	padding: 1px !important;
	width: 127px;
}
#createFamBtn{
	color: #fff;
	background-color: #00a6ce;
	font-weight: bold;
	/*max-width: 132px;
	width: 132px;*/
	font-size: 1.15em;
	border-radius: 8px;	
}
#createRstrBtn{
	color: #fff;
	background-color: #00a6ce;
	font-weight: bold;
	/*max-width: 105px;
	width: 105px;*/
	font-size: 1.25em;
	border-radius: 8px;	
}
#createRstBtnBlock{
	display: flex;
	justify-content: flex-end;
}
#detailImg{
	padding: 0px;
	margin-bottom: 25px;
}
.howtoassign{
	border-left: 3px solid #00a6ce;
	border-right: 3px solid #00a6ce;
	font-size: 1.25em;
	padding-left: 15px;
}
.howtoassignBlock{
	padding: 15px 15px 0px 15px;
	line-height: 42px;
}
.howtocheck{
	color: rgba(0,0,0,.3);
}
.howtopad{
	padding-bottom: 15px;
	padding-top: 30px;
}
.howtopadBtm{
	padding-bottom: 5px;
	padding-top: 35px;
}
.howtopadtop{
	padding-top: 15px;
}
.howtotext{
	color: #00a6ce;
	font-style: italic;
	font-size: 1.15em;
}
#howtobottom{
	border-bottom: 3px solid #00a6ce;
	margin-bottom: 30px;
}
#howtotop{
	margin-top: 20px;
	height: 45px;
	font-size: 1.5em;
}
#lessonDetailBlock{	
	padding: 0px;
}
.lessonTwoWays{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	height: 45px;
	align-items: center;
	padding-left: 15px;
}
.lessonDetailRow{
	margin-bottom: 15px;
	border-bottom: 2px solid #00a6ce;
	padding-bottom: 15px;
}
.lessonDetailRcol{
	padding-left: 5px !important;
}
#lessonDetails{
	margin-bottom: 0px !important;
	border-collapse: collapse;
}
#lessonDetails th, #lessonDetails td{
	
}
#lessonDetailMsgTop{
	padding: 8px 8px 8px 14px;
}
.myasgntitleBar {
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
	align-items: center;
	padding-left: 15px;
}
.nameAssignLabel{
	/*margin-left: 8px;
	background-color: #9edced;
	padding: 4px 30px 4px 4px;*/
	display: inline-block;
	font-size: 18px;
}
#ncompSID{
	    min-height: 42px;
    padding-left: 15px;
}
#ncompTXT{
	
}
#ncompTitle{
	background-color: #00a6ce;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	height: 50px;
	display: flex;
	padding: 8px 8px 8px 14px;
	align-items: center;
}
.noassignments{
	margin-top: 10px;
}
#noIndAsgnBlock{
	margin-bottom: 20px;
}
.none{
	background-color: #e94e3c;
	height: 31px;
	align-items: center;
	display: flex;
	/* justify-content: center; */
	color: #fff;
	font-weight: bold;
	padding-left: 5px; 
}
.noneCell{
	padding: 2px;
}
#pagen{
	border-top: 2px solid #00a6ce;
	padding-top: 12px;
}
.redText{
	color: #ff0000;
}
.studentSel{
	margin: 0px;
}
.studentsChosen{	
	margin: 0 7px 5px;
}
.studentListNum{
	display: inline-block;
	padding-left: 5px;
	width: 35px;
}
.studentListNumContainer{
	display: inline-block;
	vertical-align: top;
	width: 80%;
}
.titleSize{
	width: 150px;
    line-height: 1.4em;
    max-height: 103px;
}
#newClassTable{
	margin-top: 0px;
}
#newClassTableAssign{
	margin-top: 10px;
	margin-bottom: 50px;
}
.assignmentDelBtn{
	/*padding: 1px !important;
  width: 126px;
	height: 103px;*/
	background: #cfecf5;
}
.assignDetails{
	background-color: #cfecf5;
	width: 100%;
	height: 100%;
	color: #000;
	font-size: 1rem;
	font-weight: bold;
	cursor: pointer;
	line-height: 1.25rem;
}

table.myassignments td{
	line-height: 1.25rem;
	width: 150px !important;
}
.subjects{
	width: auto;
 	height: auto;
}
.hideSubs{
	width: 20px;
	height: 20px;	
	margin-right: 6px !important;
}
.hideSubsLbl{
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	display: inline-flex;
	align-items: center;
}
/************************************************************* End My Assignnments */
/**************************************************************** Assignment Details */
.detailHeight{
	line-height: 20px;
}
#detailTableBlock{
	margin-bottom: 50px;
}
#detailsTb{
	margin-top: 10px;
}
#addAssignDescrTxt{
	
}
#assignHeadRow{
	background-color: #00a6ce;
	height: 42px;
	color: #fff;
}

#assignHeadRowText{
	padding-left: 15px;
	font-size: 1.375rem;
	font-weight: bold;
}
#detailsNames{
	background-color: #00a6ce;
	color: #fff;
	height: 42px;
	font-size: 1.375rem;
	margin-top: 15px;
}
.detailsPara{
	margin-bottom: 1rem;
	line-height: 1.2rem;
}
#detailPane{
	padding: 30px 20px;
	border-left: 4px solid #00a6ce;
	border-right: 4px solid #00a6ce;
}
#lesDetails{
	padding-left: 20px;
}
.detailBtnCol{
	width: 199px;
	padding: 1px !important;
}
/*yellow: ffc848
grey: b4b6b8
red: e35b32
blue: 58b7d8*/
.detailBtnColGrey, .detailBtnColGreyMob{background-color: #b4b6b8;}
.detailBtnColBlue, .detailBtnColBlueMob{background-color: #58b7d8;}
.detailBtnColYellow, .detailBtnColYellowMob{background-color: #ffc848;}
.detailBtnColred, .detailBtnColredMob{background-color: #e35b32;}

.detailComplete{
	color: #5bb55e;
}
.detailProgress{
	color: #c0c0c0;
}
.detailNA{
	color: #00a6ce;
}
.detailNS{
	color: #ff0000;
}

.tableControls{
	height: 65px;
}
/**************************************************************** End Assignment Details */
/************************************************************ My Account */
.acct{
	border-bottom: 2px solid #00a6ce;
	 align-items: flex-end;
	 margin-top: 19px;
	 margin-left: 15px;
   margin-right: 15px;
}
.acctTopRow{
	border-bottom: 2px solid #00a6ce;
	 align-items: flex-end;
	 margin-left: 15px;
   margin-right: 15px;
}
.acctClass{
	border-bottom: 2px solid #00a6ce;
	padding-top: 5px;
  padding-bottom: 5px;
}
#acctAddClassBlock{
	margin-top: 10px;
}
#acctAddClassBtn{
	background-color: #00a6ce;
	color: #fff;
	padding: 8px 15px;
	border-radius: 8px;
	font-size: 1.375rem;
  font-weight: bold;
	height: 42px;
		cursor: pointer;
}
.acctChg{
	text-align: right;
}
.acctClassProgressBtn{
	background-color: #ff9e15;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	height: 35px;
	padding-left: .65em;
	padding-right: .65em;
	padding-top: .30em;
	padding-bottom: .30em;
	border-radius: 5px;
	cursor: pointer;
}
.acctEditClassBtn{
	background-color: #5bb55e;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	height: 35px;
	padding-left: .65em;
	padding-right: .65em;
	padding-top: .30em;
	padding-bottom: .30em;
	border-radius: 5px;
	margin-left: 8px;
	cursor: pointer;
}
.accthrule{
	border-bottom-width: 2px;
    border-color: #00a6ce;
	margin: 10px 14px;
}
#accountContainer{
	margin-top: 20px;
	margin-bottom: 30px;
	border-right: 4px solid #00a6ce;
	border-bottom: 4px solid #00a6ce;
	border-left: 4px solid #00a6ce;
}

.addClassNameBtn, .editClassNameBtn, .deleteTeacherBtnBlock, #deleteAwardBtnBlock, #deleteIndAssignBtnBlock{
	margin-top: 10px;
}
#addClassNewBtn, #editAcctNameSaveBtn, #editAcctEmailSaveBtn,#editAcctPassSaveBtn,#addChild, #saveCodeBtn, #editAcctSchoolNameSaveBtn, #editDistSchoolSaveBtn, #editDIstAcctNameSaveBtn,
#edtPhoneSubmitBtn, #edtLocationSubmitBtn, #edtSchoolSubmitBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}

#editDIstAcctNameSaveBtn{
	margin-left: 15px;
}
.calMonthSp{
	margin-right: 10px;
}
.calMonthHt{
	line-height: 26px;
}
#calAllYr{
	width: 21px;
  height: 21px;
}
#calAllYrBlock{
	display: flex;
	align-items: center;
}
#calAllYrSp{
	margin-left: 8px;
}
#editDistEmailSaveBtn, #editAcctSchoolNameSaveBtn, #editDistSchoolSaveBtn,#editDistPhSaveBtn, #editDistFaxSaveBtn, #editAcctAdminPhSaveBtn, #editAcctAddressSaveBtn,
#editSchlNameSaveBtn, #editSchlAddressSaveBtn, #editSchlPhSaveBtn, #editAcctAdminPassSaveBtn, #addSchlAddressSaveBtn{
	margin-left: 10px;
}
#editAcctNameSaveBtn{
	margin-top: 15px;
}
#delCancelAdminBtn, #resetClassModalBtn,#delCoStdCancelAdminBtn{ 
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px 0px 0px 15px;	
	padding: 8px 15px;
}
#resetClassModalBtn{ background-color: #ff4c00; }
#delSubAdminBtn, #delStudentDstBtn,#delCoStudentDstBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #e94e3c;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
.districtAccountBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
#cancelCodeBtn, #edtPhoneCancelBtn, #edtLocationCancelBtn,#edtSchoolCancelBtn{
		height: 42px;
	color: #fff;
	border-radius: 8px;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
	background-color: #00a6ce;
}
#addSingleStudentBlock{
	margin-left: 10px;
}
#addStudentTitle, #studentForm{
	display: none;
}

#bdayMsgBlock{
	display: none;
}
.changesAcct{
	margin-top: 20px;
}
.changesAcctReq{ margin-top: 10px;}
#classAcctList{
	margin-top: 20px;
	border-top: 3px solid #00a6ce;
	padding-top: 10px;
}
.classAcctListText{
	color: #00a6ce;
	font-size: 20px;
}
.classAcctListLnkBlock{
	margin-top: 8px;
}
#codeErrorMsg{
	padding: 5px;
 color: #f00;
}
.divider{
	border-top: 3px solid #00a6ce;
	margin-top: 10px;	
}
#addClassBtn,#addSingleStudent,#addChild{
	padding: 12px 15px;
}
#editProfileBtn, #returnBackBtn,#addClassBtn,#addSingleStudent,#addFirstClassBtn, #addChild{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.375rem !important;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
.rrBtn,#rstrUploadBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #00a6ce;
	font-size: 1.375rem !important;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 8px 15px;
}
@media screen and (orientation: portrait){
#addClassBtn, #addSingleStudent,#addRapidStdnt{ height: 58px;}	
}
.edtBtnRow{
	margin-top: 10px;
}
.edtBtnBox{
	margin-left: 20px;
}
.emailInput{
	margin-top: 8px;
}
#emailChange_msg{
	padding: 10px;
}
#emailMsgBox,#passMsgBox,#editAcctPassMsgBox,#codeMsgBox,#codeChangeMsgBox{
	margin-top: 20px;
}
#codeChangeMsgBox{
	padding: 15px;
}

#yourAccountBlock, #rosterBlock, #acctStatsBlock, #acctProfileBlock, #calSetttingBlock,#emailSetttingBlock,#settingBlockTextBox,#myAccountBoxTitle{
	background-color: #00a6ce;
	font-size: 1.375rem;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 42px;
 align-items: center;
}
#myAccountBoxTitle{
	margin-top: 0px;
}
#hintTopRow{
	margin-top: 20px;
}
.hrule{
	border-bottom-width: 2px;
  border-color: #00a6ce;
}
.input_hidden {
    position: absolute;
    left: -9999px;
}
.instrText{
	color: #00a6ce;
	margin-top: 10px;
}
.keypad{
	padding-bottom: 5px;
}
.maxInnerRow{
	max-width: 100%;
	padding-left: 15px;
}

#myAccountBox{
	margin: 0px;
	/*border: 4px solid #00a6ce;*/
}
.ptype_text{
	margin-left: 5px;
	font-size: 16px;
}
.rowClass{
	margin-left: 15px;
 	margin-right: 15px;
}
.rowClassLesSetting{
	margin-left: 15px;
 	margin-right: 15px;
	margin-bottom: 18px;
}
#recOn, #recOff,#recOnS, #recOffS,#recOnE, #recOffE,#recOnR, #recOffR,#recOnL, #recOffL{	
	border: medium none;
	border-radius: 5px;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
}
#saveCodeBtn{
	
}
.setting{
	margin-bottom: 20px;
	margin-left: 15px;
	/*width: 1020px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	max-width: 1024px;*/
}
#settingBlock{
	/*border: 4px solid #00a6ce;*/
}

#teachBlock{
	margin-top: 15px;
	margin-bottom: 10px;
}
.acctTrow{
	margin-top: 10px;
}
.acctBrow{
	margin-bottom: 10px;
}

.ui-state-default{
	background: #c0c0c0 none repeat scroll 0 0 ;
}
.ui-state-active{
	background: #3ab249 none repeat scroll 0 0;
}
.ui-button-text-only  .ui-button-text{
	padding-left: .65em ;
	padding-right: .65em;
	    padding-top: .30em;
    padding-bottom: .30em;
}
.userpad,.selectUserPad{
	margin-left:8px;
}
.schlLoginTchrBtn{
	background-color: #00a6ce;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    padding: 8px 15px;
    height: 36px;
    margin-bottom: 0px;
		margin-left: 5px;
		font-size: 16px;
}
#edtPhoneOK, #edtLocationOK, #edtSchoolOK{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;
	margin: 0px;
}
#tchrProvBlock{ display: none;}
.reqEdit{
	padding-right: 4px !important;
}
#edtLocalTchrError{ display: none;}
p.ptype_box{
	line-height: 1;
	display: flex;
	align-items: center;
}
.acctFieldSpc{padding-right: 4px;}
.reqBlock{margin-top: 10px;}
@media screen and (orientation: portrait){
	.mobField{ margin-bottom: 8px; text-align: left;}
}
/************************************************************ end My Account */
/************************************************************ My Students */
.coRow{padding-right: 8px;}
#coStudentChangeClassBtn{
/*	height: 42px;*/
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	padding: 10px;
}
#coStudentChangeClassBlock{margin-top: 7px;}
#acctResetBlock{
	margin-top: 25px;
	margin-bottom: 25px;
	border: 3px solid #f14f24;
	padding: 8px !important;
	/*display: none;*/ /*10-4-18*/
}
#accResetBtn{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 42px;
	border-radius: 8px;
	margin: 0px 15px 0px 0px;
  padding: 8px 15px;
}
#accResetCanclBtn{
	background-color: #fff;
	color: #00a6ce;
	font-size: 1.25em;
	font-weight: bold;
	height: 42px;
	border-radius: 8px;
	border: 2px solid #00a6ce;
	padding: 8px 15px;
}
#accResetBtnBlock{
	margin-top: 15px;
}
.allowance{

	color: #f14f24;
}
.allowance:hover{
	color: #f14f24;
	text-decoration: underline;
}
.allowanceBlock{
	margin-top: 30px;
	border-top: 2px solid #00a6ce;
	padding-top: 15px;
	font-style: italic;
 color: #f14f24;	
}
.mystdntallowanceBlock{
	margin-top: 20px;
	border-top: 2px solid #00a6ce;
	padding-top: 15px;
	font-style: italic;
 color: #f14f24;	
}
.alterClassname{
	 color: #00a6ce;
	font-size: 13px;
	font-style: italic;
}
.blBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	padding: 8px 15px;
	cursor: pointer;
	font-size: 1.375rem;
}
#errorAdd,#successAdd{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px;
	width: 80px;
	height: 42px;
	font-size: 1.25em;
	margin: 0px 10px 0px 0px;
}
#cancelClassNameBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;
	height: 42px;
	font-size: 1.375rem;
	margin: 0px 10px 0px 0px;
}
#closeEdtStBtn{
	text-align: right;
}
#delStudentConfirmBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px;
	width: 80px;
	height: 42px;
	font-size: 1.25em;
	margin: 0px 0px 0px 10px;
}
#changeClassTxt{
	display: inline-block;
}
#changeClassN{
	
}
#classChangeBlock{
	margin-top: 5px;
	text-align: center;
}
#closeAddFormBlock{
	text-align: right;
}
#closeAddFormTxt{
	color: #fff;
	font-size: 1em;
	padding-right: 8px;
}
#createClassBlock{
	margin-bottom: 20px;
}
.dataTables_filter  input{
	height: 27px;
	border-radius: 6px !important;
}
#delClassNameBtn{
	background-color: #f15b29;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	padding: 8px 15px;
	height: 42px;
  font-size: 1.25em;
	margin: 0px
}
#deleteAssignmentMsgTxt,#deleteIndAssignmentMsgTxt, #deleteTeacherMsgTxt, #deleteAwardMsgTxt, #deleteIndAssignMsgTxt{
	padding-right: 22px;
}
 
#editClassNameBtn{
	background-color: #5cb65e;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px;
	width: 123px;
	height: 42px;
  font-size: 1.25em;
	margin: 0px;
}
#deleteLessonBtn{
		background-color: #5cb65e;
		color: #fff;
		font-weight: bold;
		border-radius: 8px;
		padding: 8px 15px;
		width: 123px;
		height: 42px;
		font-size: 1.375rem;
	}
#deleteTeacherBtn, #deleteAwardBtn, #deleteIndAssignBtn,#deleteElaAwardBtn{
		background-color: #f15b29;
		color: #fff;
		font-weight: bold;
		border-radius: 8px;
		padding: 8px 15px;		
		height: 42px;
		font-size: 1.375rem;
		margin: 0px 10px 0px 0px;
	}
#deleteIndLessonBtn, #deleteThisStudent,#delCoStudent{	
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.375rem;
	font-weight: bold;
	padding: 8px 15px;
	margin: 0px;
	/*width: 80px;
	margin: 0px 10px 0px 0px;*/
	}
#delAssignBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;
	font-size: 1.375rem;
	height: 42px;
	margin-bottom: 0px;
}
.distNoteMore{
	line-height: 22px;
}
#distQtyBtnOK{
	background-color: #00a6ce;
	height: 42px;
	font-size: 1.25em;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;
	color: #fff;
}
#noClassAddBtn{
	margin-top: 20px;
  margin-bottom: 14px;
}
/*.glCol{
	width: 65px;
}*/
#resetBtnImgBlock{
	text-align: center;
}
#resetActTextBlock{
	line-height: 21px;
    font-size: 18px;
}
#rmBrder{
	margin: 10px 0px;
	border-top: 3px solid #00a6ce;
}
#rmClassRmBtnBlock, #rmIndAssignBtnBlock{
	margin-top: 15px;
}
#rmClassRoomTxtBlock, #rmIndividAsgnTxtBlock,#removeCoStudentTopRow{
	line-height: 24px;
}
.saveChangesBlock{
	margin-left: 10px;
}
.stPage{
margin-bottom: 50px;	
}
.studentQtyBlock{
	margin-top: 8px;
	text-align: center;
	color: #00a6ce;
	font-size: 13px;
	font-style: italic;
}
.teacherClassValueTxt{
	
}
.tabs-content{
	border: none !important;
}
.txtBlock{
	line-height: 24px;
}
#usedClassNameMsgBox, #usednewClassNameMsgBox, #editAcctNameMsgBox,#editAcctEmailMsgBox, #editAcctAddressMsgBox, #editDistAddressMsgBox, #editDistFaxMsgBox, #editDistEmlMsgBox,
#editSchlNameMsgBox, #addSchlAddressMsgBox, #newAcctAdminMsgBox, #editAcctSchoolNameMsgBox, #editDistSchoolMsgBox{
	margin-top: 10px;
}
#usednewClassNameMsgTxt,#editAcctNameMsgTxt,#editAcctEmailMsgTxt,#editAcctPassMsgTxt, #editAcctAddressMsgTxt, #editDistAddressMsgTxt, #editAcctSchoolNameMsgTxt{
	padding: 23px;
   line-height: 20px;
}
#userMsgBox{
	display: none;
}
#moreStBtn{
	background-color: #fff !important;
	color: #00a6ce;
	border: 2px solid #00a6ce;
	border-radius: 8px;
	font-size: 1.375rem;
  height: 42px;
  padding: 8px 15px;
	margin: 0px 10px;
	font-weight: bold;
}
#modal_warnClassChange{
	padding: 0px 0px 10px 0px;
	border: 4px solid rgb(0, 167, 206);
}
#warnMoveCanclBtn{
	background-color: #fff;
    color: #00a6ce;
    font-weight: bold;
    border-radius: 8px;
    padding: 8px 15px;
    height: 42px;
    font-size: 1.25em;    
    border: 2px solid #00a6ce;
		margin-bottom: 0px;
}
#warnMoveOKBtn{
	background-color: #00a6ce;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    padding: 8px 15px;   
    height: 42px;
    font-size: 1.25em;
		margin-right: 10px;
		margin-bottom: 0px;
}
#warnClassChangeBlock,#distCoStudentModalInfo{
	padding: 15px 15px 0px 15px;
	line-height: 22px;
}
#coStudentModalBlock{
	padding: 15px;
	line-height: 22px;
}
#warnClassChangeBtnBlock{
	text-align: center;
    margin-top: 20px;
}
#warnClassChange{
		background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 42px;	
	padding-left: 15px;
}
#emailParentModal{
	padding: 0px 0px 10px 0px;
	border: 4px solid #00a6ce;
}
#emailParentModalBlock{
	padding: 8px;
}
#emailParentModalTop{
	 background-color: #00a6ce;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    height: 50px;
}
#showEmails{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	height: 42px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#emptyEmail{
	background-color: rgba(0,0,0,.3);
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	height: 42px;
	display: flex;
    align-items: center;
    justify-content: center;
}
#parEmailCheckBlock{
	margin-top: 15px;
  margin-bottom: 20px;
}
.pemailBox{
	display: inline-block;
	padding-left: 4px;
}
.pemailOutterBox{
	margin-bottom: 8px;
}
#emailParentTxt{
	font-size: 1em;
	line-height: 22px;
	padding-left: 15px;
}
.emlPar{
	margin-right: 4px !important;
}
#checkAllParBlock{
	display: inline-block;
	margin-right: 23px;
}
#checkNoneParBlock{
	display: inline-block;
}
#showEmailsLwr{
	border-left: 3px solid #00a6ce;
	border-right: 3px solid #00a6ce;
	border-bottom: 3px solid #00a6ce;
}
#emptyEmailLwr{
	border-left: 3px solid rgba(0,0,0,.3);
	border-right: 3px solid rgba(0,0,0,.3);
	border-bottom: 3px solid rgba(0,0,0,.3);
}
#emailParentTxtBlock{
	margin-top: 20px;
	margin-bottom: 15px;
}
#noParEmails{
	padding-top: .9375em;
}
#emailParentBtn{
	background-color: #5cb65e !important;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	font-size: 1.25em;
	max-height: 42px;
	border-style: none;
	margin: 0px;
	padding: 8px 15px;
}
#emailParentBtnBlock{
	margin-top: 20px;
	margin-bottom: 15px;
}
ul#noEmailList li{
	margin-bottom: 6px;
}
#emailParentDoneBtn{
	background-color: #00a6ce !important;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	font-size: 1.25em;
	max-height: 42px;
	border-style: none;
	margin: 20px 0px;
	padding: 8px 15px;
}
#emailParentDoneTitle{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.2em;
	height: 42px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
#emailParentDone{
	padding: 0px;
	border: 3px solid #00a6ce;
}
#parEmlMiss{
	margin-top: 15px;
}
#emailParentDoneText{
	margin-top: 20px;
}
#coStudentInfoBlock{
	padding: 0px 15px 15px 15px;
	margin-top: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	line-height: 22px;
}
#coStudentCloseClassBtn,#cotchrDetailsCloseBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	font-size: 1.25em;	
	padding: 10px;
	margin: 0px;
}
#cotchrDetailsBtn{
	background-color: #5cb65e;
	color: #fff;
	border-radius: 8px;
	font-size: 1.25em;
	padding: 8px 15px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-right: 8px;
	height: 42px;
}
#cotchrDetailsBtnBlock{
	padding: 0px 10px;
}
#cotchrDetailsMsg{line-height: 22px;}
#addNewStdnt, #distTchrNewStdntBtn{background-color: #00a6ce; width: 100%; padding: 0px; margin: 0px;}
@media screen  and (orientation: portrait){
	#emailParentBlockLeft{
		margin-bottom: 20px;
	}
}
/************************************************************ End My Students */
/************************************************************ Progress */
#classChoiceBlock{
	margin-top: 25px;
}
.codeText{
	font-style: italic;
}
.dateCol{
	width: 140px;
}
.moreCol{
	width: 131px;
	padding: 1px;
	max-width: 131px;
	height: 51px;
}
.viewProgCol{
	width: 115px;
	padding: 1px;
	max-width: 115px;
	height: 32px;
}
/************************************************************ End Progress */
/************************************************************ Student Lessons Details */
.assignedType{
	color: #e94e3c;
	font-style: italic;
}
.clMoreInfo{background-color: #bcbec0;}
.doneMoreInfo{background-color: #a6ec8a;}
.progressTxt{
	font-size: 1.375rem;
}
#searchTitleRow{
	color: #fff;
	font-size: 1.375rem;
	padding-left: 15px;
}
#studentDetailTable{
	
}
#stLessonsCompleteBlock{
	width: 80px !important;
}
#stLessonsScoreBlock{
	width: 50px !important;
}
.stLessonsCompleteCell{
	width: 80px !important;
}
.stInfoMoreCol{
	width: 127px !important;
	padding: 1px;
	max-width: 127px;
	height: 54px;
}
.stLessonDate{
	width: 130px !important;
}
.stLessonMoreInfoTitle{
	color: #fff;
	font-style: italic;
	font-size: 1.375rem;
	margin-left: 4px;
}
#studentInfoBlock{
	margin-top: 15px;
	border-top: 3px solid #00a6ce;
	border-right: 3px solid #00a6ce;
	border-left: 3px solid #00a6ce;
	padding: 10px;
}
.studentInfoTxt{
	margin-bottom: 20px;
}
#studentInfoTop{
	margin-top: 25px;
	height: 42px;
	padding-left: 15px;
}
#studentInfoTopTxt{
/*	padding-left: 15px;*/
}
/************************************************************ End Student Lessons Details */
/************************************************************ More Progress */
#detailsBlock{
	border: 3px solid #00a6ce;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 15px;
}
#detailScoreBlock, #detailQuestBlock, #detailInfoBlock{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.375rem;
	max-width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	height: 42px;
}
.detailSpace{
	padding-left: 10px;
}
#detailTextBlock{
	background-color: #004d74;
	font-size: 1.25em;
	padding: 8px 15px 8px 15px;
	min-height: 42px;
}
#detailText{
	color: #F6B221;
}
#detailLesson{
	color: #fff;
	font-style: italic;
}
.detailRow{
	margin-bottom: 15px;
}
.dtl{
	padding-left: 5px !important;
}
.htmlBtn{
	background-color: #add688;
	padding: 8px;
	border-radius: 0px;
	width: 65px;
	cursor: pointer;
	color: #000;
}
.htmlBtnDisabl{
	background-color: #c0c0c0;
	color: #939598;
	padding: 8px;
	border-radius: 0px;
	width: 65px;
	cursor:not-allowed;
}
#lessDetailBanner{
	margin-top: 30px;
}
#quesBtnBlock{
	padding-left: 10px;
}
.pdfBtn{
	background-color: #fece47;
	padding: 8px;
	margin-left: 10px;
	border-radius: 0px;
	width: 65px;
	cursor: pointer;
}
/************************************************************ end More Progress */
/************************************************************ class assignments  */
.clMoreInfo{
	width: 129px;
	padding: 1px !important;
	max-width: 129px;
	height: 32px;
}
/************************************************************  End class assignments  */
/************************************************************ Family Progress */
.familyProgressTab{
	margin-top: 25px;
	margin-bottom: 50px;
}
/************************************************************ End Family Progress */
/********************************************************* Signup Teacher*/
#acctAdminBlock, #acctSchoolBlock, #acctMembershipBlock{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.45em;
	padding-left: 10px;
	height: 50px;
	min-width: 100%;
	}
	.inputLabelNotReq{
		padding-left: 21.5px !important;
	}
	#joinBtn{
		background-color: #5cb65e;
		color: #fff;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 1.25em;
		
	}
	#joinBtnBox{
		text-align: right;
	}
	#signupContainer{
		border: 4px solid #00a6ce;
		margin-bottom: 70px;
	}
	#suBanner{
		margin-top: 13px;
	}
	#suFreeTxt{
			color: #e94e3c;
			font-style: italic;
			font-size: 1.1em;
	}
	#suInstrBlock{
		margin-top: 25px;
		margin-bottom: 25px;
		line-height: 30px;
		font-size: 1.25em;
	}
	.suInput{
		min-height: 50px;
	}
	#suPassMsgBox{
		display: none;
		margin-top: 20px;
	}
	.suRow{
		margin-top: 13px;
		font-size: 1.1em;
		min-width: 100%;
	}
	.suRowPad{
		padding-left: 10px !important;
	}
	.suInputRow{
		padding-left: 20px !important;
	}
	#suTopRow{
		margin-top;
	}
	/**/
	#sufirstNameMsg,#sulastNameMsg,#suPositionMsg,#suEmailMsg,#suschoolNameMsg,#sucountryMsg,#suprovincesMsg,#sustateMsg,#userMsgBox,#suPassMsgBox,#sunumStudentsMsg{
		display: none;
		margin-top: 20px;
	}
	.isReq{
			color: #e94e3c;
			font-style: italic;
	}
	.isReqBlock{
		margin-bottom: 20px;
	}
/********************************************************* End Signup Teacher*/
/********************************************************* thank Parent*/
#tyPThanks{
	color: #00a6ce;
	font-weight: bold;
	font-size: 1.35em;
	margin-top: 25px;
	margin-bottom: 25px;
	line-height: 1.5em;
}
#tyPStarted{
	color: #00a6ce;
	font-weight: bold;
	font-size: 1.15em;
	font-style: italic;
}
#tyPAcct, #tyPSchool, #tyPmembership{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.4em;
	min-height: 45px;
	font-weight: bold;
	padding-left: 15px;
}
#tyPContent{
	margin-top: 20px;
}
#tyPContentBlock{
	border: 3px solid #00a6ce;
}
.tyPDetailsText{
	font-size: 18px;
	padding-top: 15px;
 padding-bottom: 15px;
}
#tyBtnBlock{
	margin-top: 25px;
}
#tyHomeBtn{
	background-color: #00a6ce;
	height:  42px;
	color: #fff;
	font-size: 1.25em;
	display: inline-flex;
 align-items: center;
}
#tyEditBtn{
	background-color: #5cb65e;
	height:  42px;
	color: #fff;
	font-size: 1.25em;
	display: inline-flex;
 align-items: center;
}
#tyMobileReviewTxt{
	color: #00a6ce;
	font-weight: bold;
	font-size: 1.35em;
	
}
/********************************************************* end thank Parent*/
/********************************************************* my-children*/
/*#childrenContainer{
	max-width: 1024px;
	margin: 0 auto 25px;
}*/
#chldFrmBtnBlcok{
	text-align: right;
}
#childrenTableBlock{
	margin-top: 20px;
	margin-bottom: 30px
}
#ico_msg{
	height: 30px;
	display: flex;
	align-items: center;
}
#mychildrenBanner{
	
}
#newIcons{
	padding: 10px;
}
#newIconTxt{
	border-bottom: 2px solid #00a6ce;
	margin: 0px 15px;
	height: 54px;
}
#newIconCloseBtn{
	background-color: #00a6ce;
	height: 42px;
	font-size: 1.25em;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;
}
#newIconCloseBtnBlock{
	margin: 10px 15px 0px;
	border-top: 2px solid #00a6ce;
	padding-top: 15px;
}
#parentCname{
	align-items: center;   
	display: inline-flex;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	padding-left: 15px;
}
#resetFamBlock{
	border-top: 2px solid #00a6ce;
	padding-top: 20px;
   margin-bottom: 50px;
	 font-style: italic;
}
a.restFamLnk{
	font-style: italic;
}
#saveChldBtnBlock{
	/*max-width	: 161px;
	display: inline-block;*/
}
#sfirstMsgBox, #sgradeMsgBox{
	display: none;
}
#smIco{
	margin-left: 15px;
}
#icoMsgBox{
	display: none;
}
#stdProfileIcon{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	height: 42px;
	padding: 8px 15px;
	font-weight: bold;
	border-radius: 8px;
}
/********************************************************* End my-children*/
/********************************************************* my-account Parent*/
.expOwn{padding-right: 8px;}
.acctChngBtn{
	background-color: #00a6ce;
}
#loginParentBtn, #changeIconBtn{
	display: flex;
	max-width: 100px;
	align-items: center;
}
#changeIconBtn{
	margin-right: 3px;
}
#changeIconsContainer{
	margin: 15px 0px;
}
#famIconText{
	padding-left: 15px;
	margin: 15px 0px;
	line-height: 22px;
}
.fName{
	color: #00a6ce !important;
}
a.fnicon:focus, a.fnicon:hover{
	color: #00a6ce !important;
}
a.fniconSel:focus, a.fniconSel:hover{
	color: #fff !important;
}
a.fNameSel{	
	color: #fff;
	background-color: #00a6ce;
	display: block;
}
.fNameSelBlock{
	background-color: #00a6ce;	
	font-weight: bold;	
}
.fNameBlock{
	padding: 5px;
	text-align: center;
	margin-bottom: 4px;
}
#iconBoxes{
	margin-left: 5px;
	padding: 0px 15px;
}
.imgSel{
	background-color: #9edced;
	border: 3px solid rgb(0, 167, 202);
	border-radius: 8px;
}
.singleIcon{
	margin-bottom: 10px;

	text-align: center;
	display: inline-flex;
}
.iconRow{
	display: flex;
  justify-content: space-between;
}
#loginParentView{
	display: inline-flex;
 width: 203px;
}
#nameCol{
	border-right: 3px solid #00a6ce;
}
#profileIcon{
	margin-right: 5px;
}
.famList{
	list-style-type: none;
}
ul.famList{margin: 0px;};
ul.famList>li{ line-height: 29px;}
.iconIn{
	text-align: center;
}
/********************************************************* end my-account Parent*/
/********************************************************* assign-progress admin*/
.assignGrLvl{
	font-style: italic;
}
.assignProgBtn{
	padding: 1px !important;
	max-width: 178px;
	width: 178px;
}
.avgScr{
	padding: 2px 6px !important;
}
.assignProgCell{
	padding: 1px !important;
}
.assignProgInfo{
	background-color: #cfecf5;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.25rem;
				min-height: 60px;
}
.brdleftAssign{
	border-left: 1px solid #000;
	padding: 3px !important;
	/*width: 127px;*/
}
.titleSizeAssignProg {
    width: 283px;
    line-height: 1.4em;
}
/********************************************************* End assign-progress admin*/
/****************************************************************  District stats*/
#addTeacherForm{
	border: 3px solid #00a6ce;
 padding: 0px 8px 8px;
}
#addTchrBtn{
	background-color: #00a6ce;
	border-radius: 8px;
	padding: 8px 15px;
	font-weight: bold;
	font-size: 1.25em;
	height: 42px;
	color: #fff;
}
.colsFirst{
	text-align: left !important;
	padding-left: 15px;
}
#distDashBrdr{
	border-bottom: 3px solid #00416a;
}
#distDashBtnBlock{
	margin-top: 20px;
	margin-bottom: 50px;
}
#distDashRenew{
	margin-bottom: 50px;
}
#distDashHelpBtn{
	background-color: #00a6ce;
    color: #fff;
    font-size: 18px;
    padding:  10px 15px;
    min-height: 100px;
    font-weight: bold;
    line-height: 23px;
    margin: 0px;
    border-radius: 10px;
}
#distDashRenewInfo{
	border: 4px solid #00a6ce;
    color: #00a6ce;
    min-height: 100px;
    border-radius: 10px;  
    line-height: 23px;
}
#distDashRenewInfoTitle{
	font-size: 28px;
    margin-bottom: 5px;
    margin-top: 10px;
}
#distDashRenewInfoText{
	font-style: italic;
    font-size: 18px;
}
.distDashCntr{
	text-align: center;
}
#dstTblInfo{
	margin-top: 10px;
 height: 50px;
}
#dstTblRow{
		background-color: #00a6ce;
		height: 42px;
		padding-left: 15px;
}
#dstTblTxt{
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
}
.dtProgressBtn{
	background-color: #00416a;
	width: 158px;
	padding: 1px !important;	
	border-right: none;
}
#dstSearch{
	margin-top: 35px;
    margin-bottom: 15px;
    border-top: 3px solid #00416a;
    padding-top: 15px;
	
}
#dstSearch input{
	width: 300px;
}
#dtTableBlock{
	margin-top: 25px;
	margin-bottom: 50px;
}
#activeStatsBtn{
	background-color: #00a6ce !important;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	border-radius: 0px;
	margin: 0px;
 padding: 8px 15px;
		width: 100%;
		height: 42px;
		margin-left: 10px;
}
#stLgn{
	color: #fff;
 font-size: 4em;
 background-color: #00416a;
	padding: 8px;
	text-align: center;
}
#stLgnZ{
	color: #fff;
 font-size: 3em;
 background-color: #00416a;
	padding: 8px;
	text-align: center;
}
#stLgnX{
		color: #fff;
 font-size: 2em;
 background-color: #00416a;
	padding: 8px;
	text-align: center;
}
#stAvg{
	color: #00a6ce;
    font-size: 4em;
    background-color: #fff;
    padding: 8px;
    text-align: center;
    font-weight: bold;
}
#inactvStatsBtn{
	background-color: #bbbdc0 !important;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;
	border-radius: 0px;
	margin: 0px;
 padding: 8px 15px;
		width: 100%;
		height: 42px;
		margin-left: 10px;
}
#thrBtnBox,#stdBtnBox{
display: flex;
justify-content: center;
}
#stdBtnBox{
	text-align: right;
}
#dstTitle{
	color: #fff;
	background-color: #00416a;
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 15px;
	height: 42px;
	font-weight: bold;
	font-size: 1.375rem;
}
#lessComplt, #timeSpent, #quesAnswr{	
	display: inline-flex;
}

#tsBox{
	margin-bottom: 8px;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #00416a;
}
.tsHourTallyBlock, .tsMinTallyBlock{
	display: block;
	background-color: #00416a;
	color: #fff;
	font-size: 4em;
}
.tsHourTallyBlock{
	margin-right: 3%;
}
.tsHour, .tsMin{
	background-color: #00a6ce;
    font-size: 14px;
    text-align: center;
    padding: 3px 3px;
    font-weight: bold;
}
#tsTally{
	display: block;
}
#tsTallyInner{
	display: flex;
	justify-content: center;
	align-items: center;
}
#tsBoxOuter{
	display: block;
	width: 96%;
	padding: 15px 12px 12px 12px;
	border: 2.5px solid #00416a;
   /* border-radius: 4px;*/
}
.aqBlocks{
	border: 1px solid #00a6ce;
    color: #fff;
    font-size: 4.5em;
    margin-right: 4px;
    padding-left: 2px;
    padding-right: 2px;
}
#qaBox{
	color: #fff;
    text-align: center;
    margin-bottom: 8px;
    font-weight: bold;
}
#qaTally{
	background-color: #00416a;
	display: block;
	margin-top: 15px;
}
#qaTotalAssignments{
	display: inline-flex;
}
#qaBoxOuter{
	display: block;
    width: 98%;
    padding: 17px 12px 12px 12px;
    background-color: #00416a;
   /* border-radius: 4px;*/
}
#qaTallyInner{
	display: flex;
	justify-content: center;
	align-items: center;
}
#lcOuter{
	display: block;
	width: 100%;
	padding: 15px 12px 12px 12px;
	background-color: #00416a;
	/*border-radius: 4px;*/
}
#lcBox{
	color: #fff;
	text-align: center;
	margin-bottom: 8px;
	font-weight: bold;
}
#lcTally{
	background-color: #fff;
 display: block;
	margin-top: 14px;
}
#lcInner{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #00a6ce;
	font-size: 4em;
	padding: 8px;
 font-weight: bold;
}
.dstBtnBox{
	margin-top: 20px;
}
#studentStatsWrap, #teacherStatsWrap{
	margin-bottom: 50px;
}
@media screen and (orientation: portrait){
#qaBoxOuter{
	width: 100%;
	/*margin-top:15px;
	margin-bottom: 15px;*/
}	
#tsBoxOuter{
	width: 100%;

}

}
/**************************************************************** end District stats*/
/**************************************************************** District Lessons */
.dtLessonText{
	margin-left: 15px;
}
#dtLessonTopTxt,#dtLessonBottomTxt{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	height: 42px;
	font-size: 1.375rem;
	margin-top: 20px;
}
.dtlessonImg{
	text-align: center;
}
#dtLessonImgBlockA{
	margin-top: 20px;
}
.dtLessonImgBlockB{
	margin-top: 20px;
	margin-bottom: 12px;
}
.dtRowBrdr{
	border-right: 4px solid #00a6ce;
	border-left: 4px solid #00a6ce;
	border-bottom: 4px solid #00a6ce;
	
}
#dtRows{
	margin-bottom: 100px;
}
#dtRowText{
margin-top: 20px;
    padding-left: 15px;
}
/**************************************************************** End  District Lessons */
/**************************************************************** District teacher Acct */
.prgsth{border-right: none; }
#dstSaveBtnBlock, #dsteditingBtnBlock, #dstEditSaveBtnBlock, #dstEditeditingBtnBlock{
	text-align: right;
	}
	#dstedit{
		background-color: #5cb65e !important;
		color: #fff;
		font-weight: bold;
		border-radius: 8px;
		font-size: 1.25em;
		max-height: 42px;
		border-style: none;
		margin: 0px;
		padding: 12px 15px;
	}
#canceldeleteTeacher, #canceldeleteAssign{
	background-color: #00a6ce;
	height: 42px;
	color: #fff;
	border-radius: 8px;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
#cancelEladeleteAward, #canceldeleteAward{
	background-color: #00a6ce;
	height: 42px;
	color: #fff;
	border-radius: 8px;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
	#tedtPassTxt{
		padding-left: 11px;
		
	}
#editTeacherForm{
	border: 3px solid #00a6ce;
 padding: 0px 8px 8px;
}
.cancledtStdnt{
	background-color: #00a6ce;
	border-radius: 8px;
	border: 1px solid #00a6ce;
	color: #fff;
	/* width: 120px; */
	height: 42px;
	font-weight: bold;
	font-size: 1.25em;
	margin: 0px 5px 0px;
	border-style: none;
	padding: 12px 15px;
}
#tchrAcc{
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 15px;
}
.admnone{
	background-color: rgba(0,0,0,.25);
	cursor: not-allowed;
}
/**************************************************************** End District teacher Acct */
/****************************************************************  District Account-Billing */
.distPad{padding: 0px 15px; }
.acctDist{
	border-bottom: 2px solid #00a6ce;
	 align-items: flex-end;
	 margin-top: 19px;	
}
.acctDistTopRow{
	border-bottom: 2px solid #00a6ce;
	align-items: flex-end;	 
}
#addSubBtnBlock{
	margin-top: 15px;
}
#addSubAdminTopRow{
	line-height: 22px;
	margin-bottom: 15px;
}
#delStudentDstTopRow,#removeCoStudentTopRow{
	margin-top: 20px;
	margin-bottom: 20px;
}
#delSubAdminTopRow{
	line-height: 22px;
	margin-bottom: 20px;
}
#delStudentDstTopRow{
	line-height: 1.5em;
}
#addSubAdminBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: #5cb65e;
	font-size: 1.375rem;
	font-weight: bold;
	margin: 0px;
	padding: 8px 15px;
}
.dstTxtRight{
	text-align: right;
}
#dstAcctTop{
	background-color: #004d74;
	color: #fff;
	margin-top: 20px;
	height: 42px;
	font-size: 1.375rem;
	font-weight: bold;
	padding-left: 15px;
}
#dstAcctLower{
	border: 3px solid #004d74;
 padding: 15px 15px 5px 15px;
}
#dstAcctInnerLeft{
	border-bottom: 2px solid #004d74;
	margin-right: 42px;
	padding-bottom: 10px;
}
#dstAcctInnerRight{
	padding: 15px;
 border: 3px solid #004d74;
}
#dstIncrBtnAllowance{
	background-color: #00a6ce;
	height: 38px;
	font-size: 18px;;
	font-weight: bold;
	border-radius: 0px;
	padding: 8px 15px;
	margin: 0px;
}
#dstAcctInnerLeftBottom{
	margin-top: 15px;
}
#dstAcctBottom{
	border-top: 2px solid #004d74;
	padding-top: 15px;
}
.dstAcctBottomPara{
	margin-bottom: 5px;
}
.dstAcctBottomPara2{
	margin-bottom: 8px;
}
.distPara{
	margin-bottom: 10px;
}
.distParaBtm{
	margin-bottom: 15px;
}
.edtAcctAdminBtnBox{
	margin-top: 20px;
}
#acctInfoTitle{
	background-color: #00a6ce;
	color: #fff;
	margin-top: 20px;
	height: 42px;
	font-size: 1.375rem;
	font-weight: bold;
	padding-left: 15px;
}
#dstAcctSchoolsTitle, #dstAcctInfoTitle,#acctaddtnlAdminInfoTitle, #calDistSetttingBlock, #dstSchlLoginTitle,#editAddressMsgTop{
	background-color: #00a6ce;
	color: #fff;
	height: 42px;
	font-size: 1.375rem;
	font-weight: bold;
	padding-left: 15px;
}
#dstAcctInfoTitleFirst{
	margin-top: 20px;
}
#dstAdminAcctInfoBlock,#dstAcctInfoBlock, #dstAcctSchoolsBlock, #acctaddtnlAdminInfoBlock,  #dstSchlLoginBlock{
	border: 3px solid #00a6ce;
	padding: 15px;
}
#dstAcctEmailBlock{
	margin-bottom: 50px;
	border: 3px solid #00a6ce;
	padding: 15px 15px 30px 15px;
}
#dstAddSchools, #addSubAdmin{
	background-color: #00a6ce;
	height: 42px;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 15px;
	margin: 0px;
	border-radius: 0px;
}
#addSubAdminGrey{
	background-color: #c0c0c0;
	height: 42px;
	font-size: 1.25em;
	font-weight: bold;
	padding: 8px 15px;
	margin: 0px;
	border-radius: 0px;
}
#dstAddSchoolsBlock{
		border-left: 3px solid #00a6ce;
		border-right: 3px solid #00a6ce;
		border-bottom: 3px solid #00a6ce;
		padding: 5px 15px 30px 15px;
}
.dstschoolBlock{
	border-left: 3px solid #00a6ce;
	border-right: 3px solid #00a6ce;
	border-top: 3px solid #00a6ce;
	padding: 0px 15px 15px 15px;
}
.distQuesPara{
	height: 20px;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#dstTip{
	margin-left: 6px;
}
.dsttipsContentBlock{
	max-width: 400px;
}
.dsttipsContentSp{
	margin-top: 15px;
}
#editAcctEmlMsgBox,.edtAdminCallout{
	margin-top: 10px;
 min-height: 45px;
}
.addAdtilAdminRow{
	margin-bottom: 10px;
}
#notAllowMdlTxt{
	line-height: 23px;
}
.cntry{
	padding-left: 24px !important;
}
#schoolDistCalBlock{
	
}
.rowCalChoice{
	margin-top: 18px;
}
.schlLoginRow{
	margin-top: 19px;
	padding-bottom: 5px;
	border-bottom: 2px solid #00a6ce;
}
.schlLoginBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;
	height: 36px;
	margin-bottom: 0px;
}
.schlCopyBtn{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;
	height: 36px;
	margin-bottom: 0px;
	font-size: 1.1rem;
}
/**************************************************************** End  District Account-Billing */
/**************************************************************** District Student Accounts */
#codePlace{
	padding-right: 10px;
}
#dstCoStdntBlock,#coTchrSlctTchrBlock, #dstCoTchrBlock, #coTchrClassBlock{
	margin-top: 15px;
}
#coTchrClassBlock{display: none;}
#tchrCoStdntBlock, #coTchrSlctClassBlock{margin-top: 15px;}
#dstCoStdntText,#coTchrSlctBlock,#distCoTchrList,#coClassSelectBlock,#dstCoTchrBlockTxt, #coTchrClassBlockTxt{
	margin-top: 7px;
}
ol.coStdntList > li::marker{font-weight: bold;}
#waitStdntCoTchrBtn{
	height: 42px;
	color: #fff;
	border-radius: 8px;
	background-color: rgba(0,0,0,.3);;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	display: none;
	cursor:not-allowed
}
#addStdntCoTchrBtn, #waitStdntCoTchrBtn,#cotchrCompleteBtn,#addStdntCoTchrNextBtn,#tchrClassNextBtn{margin-top: 20px;}
#addStdntCoTchrBtn{display: none;}
#dstStdFilterRow{
	margin-top: 20px;
	margin-bottom: 20px;
}
#dstStdTchrListTxt{
	text-align: right;
	padding-right: 5px;
}
#dtsStudentTop{
	background-color: #00a6ce;
		height: 42px;
		color: #fff;
		font-weight: bold;
		padding-left: 15px;
		font-size: 1.25em;
}
#dstAddStdBtn, #dstDownload{
		background-color: #00a6ce;
		color: #fff;
		font-weight: bold;
		font-size: 1.25em;
		height: 38px;
		padding: 8px 15px;
		border-radius: 4px;
		cursor: pointer;
}
#dstDownload{
	margin-right: 5px;
}
#tchrAddBtnBlock{
	text-align: right;
}
#dstExcel{
	text-align: right;
}
#addStudentForm, #editDstStudentForm{
	border: 3px solid #00a6ce;
}
#DstStudentBtm{
	margin-top: 15px;
	border-top: 2px solid #00a6ce;
 padding-top: 15px;
	margin-bottom: 9px;
}
#acctAdminSchoolBtnRow,#editAcctAddressBtnBox,#acctAdminBtnRow,#acctAdminEmailBtnRow,#distSchoolBtnRow,#dstAddrBtnBlock,
#edtSchlBtnBlock,#addSchlBtnBlock{
	margin-top: 15px;
}
#closeDistStAddForm{
	text-align: right;
	padding-right: 20px;
	font-size: 2em;
	font-weight: bold;
	cursor: pointer;
}
#dstStAcctInfoTop{
	border: 3px solid #00416b;
    margin-top: 20px;
    padding: 15px;
    line-height: 26px;
}
.csvLnk{ 
font-style: italic;
}
#rmStudentName{
	color: #00a6ce;
  font-weight: bold;
}
/**************************************************************** End District Student Accounts */
@media screen and (orientation:landscape){
	#hline{
		display: none;
	}
	#mobTopRNav{
		margin-left: 6px;
	}
}
@media print{
	table > tbody > tr > td{
 	/*border: 1px solid #c0c0c0;*/
}
.cell-border, table > thead > tr > th, table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child, .no-footer{
	border-collapse: collapse !important;
	border: 1px solid #000 !important;
}
caption{
	display: block;
}
#pre_footer{
	display: none;
}
/*#pre_footerInner{
	max-width: 1024px;
}*/
#roster_filter > label{
	display: none;
}
table tbody tr:nth-child(odd){
	background-color: #f1f1f1;
}
#topNav{ display: none;}
.loginBtnTxt{ display: none;}
#tyClassBlock{ display: none;}
#tyBtnBlock{ display: none;}

	table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	text-align: center;
	height: 16px;
}
}
/*tooltip*/
.tm{
	margin-top: 10px;
}
.tipBlock{
	padding-left: 8px !important;
	display: flex;
	align-items: center;
}
.tipsContentBlock{
	max-width: 300px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-box {
	background: #fff;
	border: 3px solid #00a6ce;
	border-radius: 6px;
	box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-content {
	color: #000;
	padding: 8px;
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #00a6ce;
    border-bottom-color: rgba(0,166,206,.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #00a6ce;
    border-left-color: rgba(0,166,206,.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #00a6ce;
    border-right-color: rgba(0,166,206,.9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #00a6ce;
    border-top-color: rgba(0,166,206,.9)
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #00a6ce;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #00a6ce;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #00a6ce;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #00a6ce;
    left: 0;
    top: -3px
}
/******************************************************************* table Btns ***/
.raMinfo{
	background-color: #bedda8;
}
.btnstProgView{
	background: #90d3cd;
}
.caMinfoBtn{
	background: #bedda8;
}
.caMinfoBtnGrey{
	background: #bbbdc0;
}
.stProgBtn{
	background: #ffd635;
}
.stEditBtn{
	background: #bedda8;
}
.stDelBtn{
	background: #f15b29;
}
.stGreyDelBtn,.stGrayEditBtn{
	background-color: rgba(0,0,0,.25);
}
.noedit{cursor:not-allowed;}
/******************************************************************* end table Btns ***/
/********************************************************** student-awards.html */
.awardSearch, .individAwrds{
	background-color: #00a6ce;
	margin: 0px;
	height: 42px;
}
.awrdNameLine{
	display: inline-flex;
	width: 45%;
}
.awardCntLine{
	display: inline-flex;	
	color: #00a6ce;
}
.awardCntLineRed{
	display: inline-flex;	
	color: #f15b29;
}
.accordAwardBlock{
	border-left: 3px solid #00a6ce;
	border-right: 3px solid #00a6ce;
	border-bottom: 3px solid #00a6ce;
}
.individAwrdTbl{
	margin: 0px;
	border: none;
	border-radius: 0px;
}
.individBlockLower{
	
}
#rmAwards{/*family account only*/
	background-color: #004d74;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px 15px;	
	height: 42px;
	font-size: 1.375rem;
	margin-bottom: 0px;
}
@media screen and (orientation: portrait) {
	.awardSearch{
		height: auto;
	}
}
.awardAlignR{
	text-align: right;
}
.awardMoreBtn{
	background-color: #fff;
	color: #00a6ce;
	border: 3px solid #00a6ce;
	border-radius: 8px;
	padding: 8px 15px;
	font-weight: bold;
	font-size: 1.05em;
	margin-bottom: 15px;
}
.awardRow{
	margin-bottom: 10px;
	border-bottom: 1.5px solid #00a6ce;
  padding-bottom: 10px;
}
.awardListBlock{
	width: 506px;
  display: inline-block;
	margin-top: 20px;
}
.awardListBlockRight{
	width: 506px;
  display: inline-block;
	margin-left: 12px;
	margin-top: 20px;
}
#awardToTxt{
	font-size: 1.5em;
	margin-top:20px;
}
#awardToName{
	font-size: 46px;
	font-weight: bold;
  color: #00a6ce;
}
.studentAwardListName{
	background-color: #00a6ce;
	color: #fff;
	height: 32px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	font-weight: bold;
}
.studentAwardListAwards{
	border: 4px solid #00a6ce;
	padding-top: 15px !important;
	min-height: 231px;
	padding-left: 15px !important;
    padding-right: 15px !important;
}
.viewAwardStudent{
	background-color: #ff9e15;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0px;
	border-radius: 0px;
	padding: .5em 1em;
}
.viewAwardStudent:focus, .viewAwardStudent:hover{
	background-color: #a26206;
	color: #fff;
}
.printAwardStudent{
	background-color: #00a6ce;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0px;
	border-radius: 0px;
	padding: .5em 1em;

}
.awrdView{
	background-color: #00b6a9;
}
.awrdPrn{
	background-color: #f89c24;
}
.awardViewCol, .awardPrnCol{
	padding: 1px !important;
	max-width: 75px;
	width: 75px;
}
/*************************************** teacher/family modal */
#teacherDashModal, #assignmentDashModal, #addStudentsModal {
    padding: 0px;
    border: 4px solid #004d74;
}

#dashBoardModalTop, #dashAssignmentModalTop {
    background-color: #004d74;
    color: #fff;
    font-size: 1.375rem;
    font-weight: bold;
    height: 42px;
}
.progressModalLnkBtn, .addingStdntMdlBtn {
    background-color: #00a6ce;
    color: #fff;
    font-weight: bold;
    height: 37px;
    font-size: 20px;
    border-radius: 0px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.progressModalLinks, .addingStdntMdlLnk {
    margin-top: 9px;
}
/*************************************** all Award Modal */
#allAwardModal{
	padding: 0px 0px 10px 0px;
	border-left: 4px solid rgb(0, 167, 206);
	border-right: 4px solid rgb(0, 167, 206);
	border-bottom: 4px solid rgb(0, 167, 206);
}
#allAwardsCloseBtn{
	height: 42px;
	color: #fff;
	background-color: #00a6ce;
	padding: 8px 15px;
	font-size: 1.25em;
	border-radius: 8px;
	font-weight: bold;
	margin: 0px;
}
#allAwardsCloseBtnBlock{
	padding: 8px;
}
.allAwardMsgTop{
	background-color: #00a6ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 42px;	
	padding-left: 15px;
}
#allAwardModalBlock{
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 8px;
}
#allAwardCloseBtn{
	height: 42px;
    color: #fff;
    border-radius: 8px;
    background-color: #00a6ce;
    font-size: 1.15em;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 8px 15px;
		/*width: 285px;*/
}
.allAwardsViewBtn{
	margin-left: 12px;
}
.awardMoreBtn:focus, .awardMoreBtn:hover{
	color: #fff;
	background-color: #00a6ce;
}
#allAwardPrintableBtn{
	height: 42px;
	border: 2px solid #00a6ce;
	color: #00a6ce;
	border-radius: 8px;
	background-color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 8px 15px;
	width: 285px;
}
@media screen and (max-width: 60em) and (orientation: landscape){
	#allAwardPrintableBtn{
		margin-top: 10px;
		margin-left: 0px;
	}
}
@media screen and (max-width: 39.9375em) and (orientation: portrait){
#allAwardPrintableBtn{
		margin-top: 10px;
	}
}
/*********************************************************** Search  also in iknowit.css*/
#searchBox{
	display: inline-flex;
  width: 90%;
}
#iki_search{
	margin: 0px;
	border: none;
  box-shadow: none;
}
#searchBtnBox{
	display: inline-flex;
	/* justify-content: right; */
	width: 10%;
}
#searchTopBlock, #searchResultTopBlock{
	border: 1px solid rgba(0,0,0,.5);
	padding: 1px;
}
/***************************************************************** Progress Dash Board */
#pDashLeftMenu{
	padding-right: 15px;
  margin-bottom: 50px;
}
#pDashRight{
	padding-left: 15px;
	  border-left: 3px solid #00416a;
}
#pDashBlock{
	margin-top: 25px;
	margin-bottom: 100px;
}
.pDashLeftMenuBtn{
	margin-top: 10px;
}
.pDashTotalQ{
	color: #00416a;
	font-weight: bold;
	font-size: 1.25em;
}
.pDashTotalCol{
	border: 3px solid #00416a;
  padding: 8px !important;
	line-height: 22px;
}
.pDashTotalColRt{
	border-right: 3px solid #00416a;
	border-top: 3px solid #00416a;
	border-bottom: 3px solid #00416a;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8em;
}
.pDashLft{
	margin-right: 10px;
}
a:any-link:focus{
	border: none;
}
.pDashTtime{
	margin-left: 5px !important;
}
#lesCompl{
	padding-left: 15px !important;
}