@charset "utf-8";

/* CSS Document */
@media(min-width: 1340px){

}
@media(max-width: 1340px){

}
@media(max-width: 1320px){

}
@media(max-width: 1300px){

}
@media(max-width: 1280px){

}
@media(max-width: 1270px){

}
@media(max-width: 1265px){

}
@media(max-width: 1260px){

}
@media(max-width: 1255px){

}
@media(max-width: 1250px){

}
@media(max-width: 1220px){

}
@media(max-width: 1200px){

}
@media(max-width: 1180px){

}
@media(max-width: 1170px){

}
@media(max-width: 1160px){

}
@media(max-width: 1150px){

}
@media(max-width: 1120px){

}
@media(max-width: 1110px){

}
@media(max-width: 1100px){

}
@media(max-width: 1080px){

}
@media (max-width: 1070px){

}
@media (max-width: 1060px){

}
@media (max-width: 1050px){

}
@media (max-width: 1040px){
div.doubleColumnArea div.leftColumn,
div.doubleColumnArea div.rightColumn{
	float:none;
	width:auto;
}
div.doubleColumnArea div.rightColumn div.whiteBox.additionalRightBox{
	display:none;
}
div.recentStudentsArea{
	padding-bottom:0;
}
div.latestNewsArea{
	display:none;
}
div.myChildrensArea,
div.myClassesArea{
	padding-top:25px;
}
}
@media (max-width: 1030px){

}
@media (max-width: 1020px){

}
@media (max-width: 1000px){
div.profileOverviewArea ul.profileOverviewList li{
	width:50%;
}
div.profileOverviewArea ul.profileOverviewList li:first-child{
	padding-left:8px;
}
div.profileOverviewArea ul.profileOverviewList li:last-child{
	padding-right:8px;
}
}
@media(max-width: 990px){

}
@media(max-width: 980px){
div.studentsTableArea div.studentsTableHeader ul li:nth-child(1),
div.studentsTableArea div.studentsTableData ul li:nth-child(1){
	width:40%;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(2),
div.studentsTableArea div.studentsTableData ul li:nth-child(2){
	width:25%;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(3),
div.studentsTableArea div.studentsTableData ul li:nth-child(3){
	width:35%;
	padding-right:0;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(4),
div.studentsTableArea div.studentsTableData ul li:nth-child(4){
	display:none;
}
}
@media(max-width: 960px){
div.headerArea div.headerContainer div.navIcon{
	display:block;
}
div.headerArea div.headerContainer a.editProfileBtn{
	right:49px;
}
div.headerArea div.headerContainer div.headerBlock{
	display:none;
}
}
@media(max-width: 950px){

}
@media(max-width: 940px){
div.teachersTableArea div.teachersTableHeader ul li:nth-child(1),
div.teachersTableArea div.teachersTableData ul li:nth-child(1){
	width:40%;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(2),
div.teachersTableArea div.teachersTableData ul li:nth-child(2){
	width:15%;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(3),
div.teachersTableArea div.teachersTableData ul li:nth-child(3){
	width:25%;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(4),
div.teachersTableArea div.teachersTableData ul li:nth-child(4){
	width:20%;
	padding-right:0;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(5),
div.teachersTableArea div.teachersTableData ul li:nth-child(5){
	display:none;
}
}
@media(max-width: 930px){

}
@media(max-width: 920px){
div.popupContainer div.popupArea{
	width:auto;
	position:absolute;
	top:60px;
	left:25px;
	right:25px;
	margin:0;
}
div.adminTableArea div.adminTableHeader ul li:nth-child(1),
div.adminTableArea div.adminTableData ul li:nth-child(1){
	float:none;
	width:auto;
	padding-right:0;
}
div.adminTableArea div.adminTableHeader ul li:nth-child(2),
div.adminTableArea div.adminTableData ul li:nth-child(2),
div.adminTableArea div.adminTableHeader ul li:nth-child(3),
div.adminTableArea div.adminTableData ul li:nth-child(3){
	display:none;
}
}
@media(max-width: 900px){
div.parentsTableArea div.parentsTableHeader ul li:nth-child(2),
div.parentsTableArea div.parentsTableData ul li:nth-child(2),
div.parentsTableArea div.parentsTableHeader ul li:nth-child(3),
div.parentsTableArea div.parentsTableData ul li:nth-child(3){
	display:none;
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(1),
div.parentsTableArea div.parentsTableData ul li:nth-child(1){
	width:60%;
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(4),
div.parentsTableArea div.parentsTableData ul li:nth-child(4){
	width:40%;
}
}
@media(max-width: 880px){

}
@media(max-width: 870px){

}
@media(max-width: 860px){
div.classesTableArea div.classesTableHeader,
div.classesTableArea div.classesTableData{
	padding-right:25px;
}
div.classesTableArea div.classesTableData{
	padding-bottom:60px;
}
div.classesTableArea div.classesTableData .delBtn{
	top:auto;
	right:auto;
	left:169px;
	bottom:15px;
}
div.classesTableArea div.classesTableData .editBtn{
	top:auto;
	right:auto;
	left:120px;
	bottom:15px;
}
div.classesTableArea div.classesTableData .classBtn{
	top:auto;
	right:auto;
	left:25px;
	bottom:15px;
}
}
@media(max-width: 850px){

}
@media(max-width: 840px){
div.teachersTableArea div.teachersTableHeader ul li:nth-child(1),
div.teachersTableArea div.teachersTableData ul li:nth-child(1){
	width:50%;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(2),
div.teachersTableArea div.teachersTableData ul li:nth-child(2){
	width:20%;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(3),
div.teachersTableArea div.teachersTableData ul li:nth-child(3){
	width:30%;
	padding-right:0;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(4),
div.teachersTableArea div.teachersTableData ul li:nth-child(4){
	display:none;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(1),
div.studentsTableArea div.studentsTableData ul li:nth-child(1){
	width:60%;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(2),
div.studentsTableArea div.studentsTableData ul li:nth-child(2){
	display:none;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(3),
div.studentsTableArea div.studentsTableData ul li:nth-child(3){
	width:40%;
}
div.attendanceTableArea{
	min-width:740px;
}
}
@media(max-width: 820px){
div.filterArea div.searchArea{
	float:none;
	width:auto;
	padding-right:0;
}
div.filterArea div.selectArea{
	width:48%;
	padding-left:0;
	padding-top:15px;
}
div.filterArea div.selectArea:first-child{
	float:left;
}
div.filterArea div.selectArea:last-child{
	float:right;
}
div.filterArea div.selectArea label{
	display:none;
}
div.filterArea div.selectArea select{
	width:100%;
}
div.filterArea div.filterRightArea{
	float:none;
}
div.filterArea div.searchArea.searchAreaRight{
	float:none;
	width:auto;
	padding-left:0;
	padding-top:13px;
}
div.filterArea ul.filterBtns.withSearch{
	float:none;
}
div.filterArea.assFilterArea div.assFilterBlock{
	width:100%;
}
div.filterArea.assFilterArea div.assFilterBlock div.selectArea{
	width:50%;
	float:left !important;
	padding-right:5px;
}
}
@media(max-width: 800px){
div.adminTableArea2 div.adminTableHeader2,
div.adminTableArea2 div.adminTableData2{
	padding-right:25px;	
}
div.adminTableArea2 div.adminTableData2{
	padding-bottom:60px;	
}
div.adminTableArea2 div.adminTableData2 .delBtn{
	top:auto;
	right:auto;
	left:74px;
	bottom:15px;
}
div.adminTableArea2 div.adminTableData2 .editBtn{
	top:auto;
	right:auto;
	left:25px;
	bottom:15px;
}
div.adminTableArea2 div.adminTableData2 .statusBtn{
	top:auto;
	right:auto;
	left:123px;
	bottom:15px;
}
}
@media(max-width: 780px){

}
@media(max-width: 770px){

}
@media(max-width: 760px){

}
@media(max-width: 750px){

}
@media (max-width:740px){
div.loginContainer h2{
	font-size:40px;
	line-height:50px;
}
div.profileListingArea ul.profileListing li{
	width:50%;
}
}
@media (max-width:720px){

}
@media (max-width:710px){

}
@media (max-width:700px){
div.tableBottomArea div.selectArea label{
	display:none;
}
div.studentsTableArea div.studentsTableHeader,
div.studentsTableArea div.studentsTableData{
	padding-right:25px;
}
div.studentsTableArea div.studentsTableData{
	padding-bottom:15px;
}
div.studentsTableArea div.studentsTableHeader ul li,
div.studentsTableArea div.studentsTableData ul li{
	float:none;
	padding:0;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(1),
div.studentsTableArea div.studentsTableData ul li:nth-child(1),
div.studentsTableArea div.studentsTableData ul li:nth-child(3){
	width:auto;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(3){
	display:none;
}
div.studentsTableArea div.studentsTableData ul li:nth-child(3){
	padding-top:15px;
}
div.studentsTableArea div.studentsTableData ul li p{
	float:left;
	width:auto;
	padding:0;
}
div.studentsTableArea div.studentsTableData ul li:nth-child(3) h5{
	display:block;
}
div.teachersTableArea div.teachersTableData .changePasswordBtn{
	position:static;
	top:auto;
	right:auto;
	margin-left:25px;
}
/*div.studentsTableArea div.studentsTableData .delBtn{
	top:auto;
	right:auto;
	left:169px;
	bottom:15px;
}
div.studentsTableArea div.studentsTableData .editBtn{
	top:auto;
	right:auto;
	left:120px;
	bottom:15px;
}
div.studentsTableArea div.studentsTableData .profileBtn{
	top:auto;
	right:auto;
	left:25px;
	bottom:15px;
}*/
div.viewProfileArea div.viewProfilePhotoArea{
	float:none;
}
div.viewProfileArea div.viewProfileContent{
	min-height:0;
	border-left:none;
	margin-left:0;
	padding-left:0;
	padding-top:30px;
}
}
@media (max-width:680px){
div.teachersTableArea div.teachersTableHeader ul li:nth-child(1),
div.teachersTableArea div.teachersTableData ul li:nth-child(1){
	width:60%;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(2),
div.teachersTableArea div.teachersTableData ul li:nth-child(2){
	display:none;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(3),
div.teachersTableArea div.teachersTableData ul li:nth-child(3){
	width:40%;
}
}
@media (max-width:660px){
div.formContainer div.floatFieldsBlock div.leftField,
div.formContainer div.floatFieldsBlock div.rightField{
	float:none;
	width:auto;
}
div.formContainer div.floatFieldsBlock div.leftField{
	padding-bottom:20px;
}
div.formContainer div.floatFieldsBlock.oneThird div.leftField{
	width:100%;
}
div.formContainer div.floatFieldsBlock.oneThird div.rightField{
	width:50%;
}
div.recentStudentsTableArea div.recentStudentsTableHeader ul li:nth-child(1),
div.recentStudentsTableArea div.recentStudentsTableData ul li:nth-child(1){
	width:100%;
	padding-right:0;
}
div.recentStudentsTableArea div.recentStudentsTableHeader ul li:nth-child(2),
div.recentStudentsTableArea div.recentStudentsTableData ul li:nth-child(2){
	display:none;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock,
div.myClassesArea div.myClassesInner div.myClassesBlock{
	width:auto;
	padding:0;
	float:none;
}
div.formContainer div.loginFormBtnsArea div.loginControls{
	float:none;
	padding-top:0;
	padding-bottom:20px;
}
div.formContainer div.loginFormBtnsArea div.loginControls p{
	float:right;
}
div.formContainer div.loginFormBtnsArea ul.formBtns{
	float:none;
}
div.formContainer div.loginFormBtnsArea ul.formBtns li{
	float:none;
	margin:0 auto;
}
div.weekCalendarArea ul.weekCalendarBtns{
	float:none;
	padding-top:5px;
}
div.weekCalendarArea ul.weekCalendarBtns li{
	padding:2px 10px 2px 0;
}
div.weekCalendarArea div.weekCalendarLeftArea{
	float:none;
	padding-right:0;
	margin-top:0;
}
div.reportCardContainer{
	overflow:auto;
}
div.reportCardContainer div.whiteBox{
	width:610px;
}
}
@media (max-width:650px){

}
@media (max-width:640px){

}
@media (max-width:630px){

}
@media (max-width:620px){
div.classesTableArea div.classesTableHeader ul li,
div.classesTableArea div.classesTableData ul li{
	float:none;
	padding:0;
}
div.classesTableArea div.classesTableHeader ul li:nth-child(1),
div.classesTableArea div.classesTableData ul li:nth-child(1),
div.classesTableArea div.classesTableData ul li:nth-child(4){
	width:auto;
}
div.classesTableArea div.classesTableHeader ul li:nth-child(2),
div.classesTableArea div.classesTableHeader ul li:nth-child(3),
div.classesTableArea div.classesTableHeader ul li:nth-child(4){
	display:none;
}
div.classesTableArea div.classesTableData ul li:nth-child(1){
	padding-right:100px;
}
div.classesTableArea div.classesTableData ul li:nth-child(2),
div.classesTableArea div.classesTableData ul li:nth-child(3){
	position:absolute;
	top:20px;
	/*background:#eee;*/
}
div.classesTableArea div.classesTableData ul li:nth-child(2){
	width:30px;
	right:70px;
	border-right:1px solid #ebebf1;
}
div.classesTableArea div.classesTableData ul li:nth-child(3){
	width:50px;
	right:20px;
}
div.classesTableArea div.classesTableData ul li:nth-child(2) p,
div.classesTableArea div.classesTableData ul li:nth-child(3) p{
	font-family:'Roboto-Medium';
	font-size:16px;
	float:none;
}
div.classesTableArea div.classesTableData ul li p{
	float:left;
	width:auto;
}
div.classesTableArea div.classesTableData ul li:nth-child(4){
	padding-top:10px;
}
div.classesTableArea div.classesTableData ul li:nth-child(4) h5{
	display:block;
}
div.parentsTableArea div.parentsTableHeader,
div.parentsTableArea div.parentsTableData{
	padding-right:25px;
}
div.parentsTableArea div.parentsTableHeader ul li,
div.parentsTableArea div.parentsTableData ul li{
	float:none;
	padding:0;
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(1),
div.parentsTableArea div.parentsTableData ul li:nth-child(1),
div.parentsTableArea div.parentsTableData ul li:nth-child(4){
	width:auto;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(1){
	padding-right:105px;
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(4){
	display:none;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(4){
	padding-top:15px;
}
div.parentsTableArea div.parentsTableData ul li p{
	float:left;
	width:auto;
	padding:0;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(4) h5{
	display:block;
}
div.teachersTableArea div.teachersTableHeader,
div.teachersTableArea div.teachersTableData{
	padding-right:25px;
}
div.teachersTableArea div.teachersTableHeader ul li,
div.teachersTableArea div.teachersTableData ul li{
	float:none;
	padding:0;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(1),
div.teachersTableArea div.teachersTableData ul li:nth-child(1),
div.teachersTableArea div.teachersTableData ul li:nth-child(3){
	width:auto;
}
div.teachersTableArea div.teachersTableData ul li:nth-child(1){
	padding-right:105px;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(3){
	display:none;
}
div.teachersTableArea div.teachersTableData ul li:nth-child(3){
	padding-top:15px;
}
div.teachersTableArea div.teachersTableData ul li p{
	float:left;
	width:auto;
	padding:0;
}
div.teachersTableArea div.teachersTableData ul li:nth-child(3) h5{
	display:block;
}
div.teachersTableArea div.teachersTableData,
div.parentsTableArea div.parentsTableData{
	padding-bottom:15px;
}
div.teachersTableArea div.teachersTableData .changePasswordBtn,
div.parentsTableArea div.parentsTableData .changePasswordBtn{
	position:static;
	top:auto;
	right:auto;
	margin-left:25px;
}
}
@media (max-width:600px){
div.pageSubHeading div.sortBy{
	display:none;
}
div.adminTableArea div.adminTableHeader,
div.adminTableArea div.adminTableData{
	padding-right:25px;	
}
div.adminTableArea div.adminTableData{
	padding-bottom:60px;	
}
div.adminTableArea div.adminTableData .delBtn{
	top:auto;
	right:auto;
	left:74px;
	bottom:15px;
}
div.adminTableArea div.adminTableData .editBtn{
	top:auto;
	right:auto;
	left:25px;
	bottom:15px;
}
div.adminTableArea div.adminTableData .statusBtn{
	top:auto;
	right:auto;
	left:123px;
	bottom:15px;
}
div.adminTableArea div.adminTableData .changePasswordBtn{
	width:44px;
	top:auto;
	right:auto;
	left:246px;
	bottom:15px;
}
}
@media (max-width:580px){
div.tableBottomArea p{
	float:none;
}
div.tableBottomArea div.tableBottomRightArea{
	float:none;
	padding-top:5px;
}
div.tableBottomArea ul.paginationArea{
	float:right;
}
}
@media (max-width:570px){

}
@media (max-width:560px){
div.profileOverviewArea ul.profileOverviewList li{
	float:none;
	width:auto;
	padding-left:0 !important;
	padding-right:0 !important;
}
div.viewAllStudentsBtn{
	position:static;
	top:auto;
	right:auto;
	padding:0 20px 25px;
	height:auto;
	overflow:hidden;
}
div.viewAllStudentsBtn .btn{
	float:left;
	width:auto;
}
div.scoreTableArea div.scoreTableTop ul li:nth-child(1),
div.scoreTableArea div.scoreTableHeader ul li:nth-child(1),
div.scoreTableArea div.scoreTableData ul li:nth-child(1){
	width:60%;
}
div.scoreTableArea div.scoreTableData ul li:nth-child(2){
	display:none;
}
div.scoreTableArea div.scoreTableTop ul li:nth-child(2),
div.scoreTableArea div.scoreTableHeader ul li:nth-child(2),
div.scoreTableArea div.scoreTableData ul li:nth-child(3){
	width:40%;
}
div.scoreTableArea div.scoreTableHeader ul li:nth-child(1) span{
	display:block;
}
div.pageHeading.withSingleBtn{
	padding-right:70px;
}
div.pageHeading.withSingleBtn div.singleBtn{
	width:48px;
}
div.pageHeading.withSingleBtn div.singleBtn .btn span{
	display:none;
}
div.pageHeading.withSingleBtn div.singleBtn .btn i{
	margin-right:0;
}
div.filterArea ul.filterBtns{
	float:none;
}
div.filterArea ul.filterBtns li,
div.weekCalendarArea ul.weekCalendarBtns li{
	padding-right:0;
}
div.filterArea ul.filterBtns li:first-child,
div.weekCalendarArea ul.weekCalendarBtns li:first-child{
	float:left;
	width:48%;
}
div.filterArea ul.filterBtns li:last-child,
div.weekCalendarArea ul.weekCalendarBtns li:last-child{
	float:right;
	width:48%;
}
div.filterArea ul.filterBtns li .btn.wireBtn,
div.weekCalendarArea ul.weekCalendarBtns li .btn.wireBtn{
	width:auto;
}
div.filterArea ul.filterBtns li button.btn.wireBtn,
div.weekCalendarArea ul.weekCalendarBtns li button.btn.wireBtn{
	width:100%;
}
div.viewProfileArea div.viewProfileContent div.contactInfo strong,
div.viewProfileArea div.viewProfileContent div.dobInfo strong{
	float:none;
}
div.viewProfileArea div.viewProfileContent div.contactInfo span,
div.viewProfileArea div.viewProfileContent div.dobInfo span{
	margin-left:0;
	border-left:none;
	padding-left:0;
}
div.filterArea div.filterRightArea.downloadBtn{
	display:none;
}
div.adminTableArea2 div.adminTableHeader2 ul li:nth-child(1),
div.adminTableArea2 div.adminTableData2 ul li:nth-child(1),
div.adminTableArea2 div.adminTableData2 ul li:nth-child(2){
	float:none;
	width:auto;
	padding-right:0;
}
div.adminTableArea2 div.adminTableHeader2 ul li:nth-child(2){
	display:none;
}
div.adminTableArea2 div.adminTableData2 ul li:nth-child(2){
	padding-top:20px;
}
}
@media (max-width:550px){

}
@media (max-width:540px){
div.profileListingArea ul.profileListing li{
	float:none;
	width:auto;
	padding-left:0;
	padding-right:0;
}
div.attendanceIndexArea ul li{
	width:50%;
	padding-right:15px;
}
}
@media (max-width:530px){

}
@media (max-width:520px){
div.loginContainer div.loginArea div.loginBlock ul.loginAs li{
	float:none;
	padding:0 0 5px;
}
div.loginContainer div.loginArea div.loginBlock ul.loginAs li .btn.wireBtn{
	width:auto;
}
div.formContainer div.loginFormBtnsArea ul.formBtns li{
	width:auto;
	margin:0;
}
}
@media (max-width:510px){

}
@media (max-width:500px){

}
@media(max-width: 480px){

}
@media(max-width: 470px){

}
@media(max-width: 460px){

}
@media(max-width: 450px){

}
@media(max-width: 440px){

}
@media(max-width: 430px){

}
@media(max-width: 420px){

}
@media(max-width: 400px){

}
@media(max-width: 380px){ 

}
@media(max-width: 360px){

}