@charset "utf-8";
/* CSS Document */

@import "admin-fonts.css";
@import "admin-general.css";
@import "admin-common.css";

/*============= CONTAINERS =============*/
div.contentBlock{
	max-width:1150px;
	margin:0 auto;
	padding-left:25px;
	padding-right:25px;
}
div.mainContainer{
	padding-top:100px;
	padding-bottom:80px;
}
div.smallContainer{
	max-width:780px;
	margin:0 auto;
}
div.smallContainer div.whiteBoxInner{
	padding:50px 40px;
}

/*============= BUTTONS =============*/
.btn{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	border:none;
	border-radius:500px;
	-webkit-border-radius:500px;
	padding:12px 30px;
	outline:none;
	display:block;
	width:100%;				
}
.btn:hover{
	text-decoration:none;
}
.sBtn{
	width:135px;
}
.mBtn{
	width:160px;
}
.lBtn{
	width:180px;
}
.xlBtn{
	width:200px;
}
.xxlBtn{
	width:240px;
}
.themeBtn{
	background:#ffad00;
	color:#fff;
}
.themeBtn:hover{
	background:#e39a00;
}
.pinkBtn{
	background:#ff4880;
	color:#fff;
}
.pinkBtn:hover{
	background:#e12d64;
}
.bluekBtn{
	background:#1258af;
	color:#fff;
}
.bluekBtn:hover{
	background:#3a3d72;
}
.wireBtn{
	padding:10px 28px;
	border-width:2px;
	border-style:solid;
}
.wireBtnGray{
	background:none;
	border-color:#ebebf1;
	color:#8789a4;
}
.wireBtnGray:hover{
	background:#ebebf1;
}
.wireBtnRed{
	background:none;
	border-color:#ff4880;
	color:#ff4880;
}
.wireBtnRed:hover{
	background:#ff4880;
	color:#fff;
}
.wireBtnBlue{
	background:none;
	border-color:#3a3d72;
	color:#3a3d72;
}
.wireBtnBlue:hover{
	background:#3a3d72;
	color:#fff;
}

/*============= FORMS =============*/
div.formContainer div.fieldsBlock{
	padding-bottom:20px;
}
div.formContainer em.errorMsg{	
	display:block;
	font-size:14px;
	line-height:18px;
	color:#dd3568;
	font-style:normal;
	padding-top:5px;
	padding-left:22px;
	padding-right:22px;
	/*clear:both;*/
}
div.formContainer em.noteMsg{
	display:block;
	font-size:14px;
	line-height:18px;
	text-align:right;
	color:#9fa0a1;
	font-style:normal;
	padding-top:5px;
	padding-left:22px;
	padding-right:22px;
	/*clear:both;*/
}
div.formContainer div.fieldsBlock label{
	display:block;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:22px;
	padding-bottom:5px;
	padding-left:22px;
	padding-right:22px;
}
div.formContainer div.floatFieldsBlock{
	height:auto;
	overflow:hidden;
}
div.formContainer div.floatFieldsBlock div.leftField{
	float:left;
}
div.formContainer div.floatFieldsBlock div.rightField{
	float:right;
}
div.formContainer div.floatFieldsBlock div.leftField,
div.formContainer div.floatFieldsBlock div.rightField{
	width:47%;
}
div.formContainer div.floatFieldsBlock.oneThird div.leftField{
	width:67%;
}
div.formContainer div.floatFieldsBlock.oneThird div.rightField{
	width:30%;
}
div.formContainer div.fieldsBlock input[type=text],
div.formContainer div.fieldsBlock input[type=password],
div.formContainer div.fieldsBlock input[type=date],
div.formContainer div.fieldsBlock input[type=email],
div.formContainer div.fieldsBlock input[type=number],
div.formContainer div.fieldsBlock input[type=tel]{	
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Regular';
	font-size:14px;
	line-height:26px;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:50px;
	padding-left:20px;
	padding-right:20px;
}
div.formContainer div.fieldsBlock input[type=text]:focus,
div.formContainer div.fieldsBlock input[type=password]:focus,
div.formContainer div.fieldsBlock input[type=date]:focus,
div.formContainer div.fieldsBlock input[type=email]:focus,
div.formContainer div.fieldsBlock input[type=number]:focus,
div.formContainer div.fieldsBlock input[type=tel]:focus,
div.formContainer div.fieldsBlock textarea:focus,
div.formContainer div.fieldsBlock select:focus{	
	border-color:#3a3d72;
}
div.formContainer div.fieldsBlock select{	
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Regular';
	font-size:14px;
	line-height:26px;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:50px;
	padding-left:16px;
	padding-right:16px;
}
div.formContainer div.fieldsBlock textarea{	
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Regular';
	font-size:14px;
	line-height:26px;
	color:#3a3d72;
	border-radius:20px;
	-webkit-border-radius:20px;
	height:180px;
	padding:12px 20px;
}
div.formContainer div.formBtnsArea{
	padding-top:30px;
}
div.formContainer div.formBtnsArea ul.formBtns{
	text-align:center;
	padding:0;
}
div.formContainer div.formBtnsArea ul.formBtns li{
	display:inline-block;
	padding-right:8px;
	padding-left:8px;
	width:auto;
}
div.formContainer div.formBtnsArea ul.formBtns li .btn{
	font-size:18px;
	line-height:28px;
}
div.formContainer div.loginFormBtnsArea{
	padding-top:20px;
	height:auto;
	overflow:hidden;
}
div.formContainer div.loginFormBtnsArea div.loginControls{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	padding-top:14px;
}
div.formContainer div.loginFormBtnsArea div.loginControls ul.rememberMe{
	float:left;
	width:auto;
}
div.formContainer div.loginFormBtnsArea div.loginControls ul.rememberMe li{
	position:relative;
	padding:0 35px;
}
div.formContainer div.loginFormBtnsArea div.loginControls ul.rememberMe li span{
	display:block;
	word-wrap:break-word;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:24px;
}
div.formContainer div.loginFormBtnsArea div.loginControls ul.rememberMe li input[type=radio],
div.formContainer div.loginFormBtnsArea div.loginControls ul.rememberMe li input[type=checkbox]{
	width:24px;
	height:24px;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	margin-right:0 !important;
	float:none !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline:none !important;
}
div.formContainer div.loginFormBtnsArea div.loginControls p{
	float:left;
	width:auto;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:24px;
	padding:0;
}
div.formContainer div.loginFormBtnsArea ul.formBtns{
	float:right;
	width:auto;
	height:auto;
	overflow:hidden;
}
div.formContainer div.loginFormBtnsArea ul.formBtns li{
	padding:0;
	float:left;
	width:200px;
}
div.formContainer div.loginFormBtnsArea ul.formBtns li .btn{
	font-size:18px;
	line-height:28px;
}
div.formContainer div.subFieldsBlock div.fieldsBlock{
	padding-right:60px;
	position:relative;
}
div.formContainer div.subFieldsBlock div.fieldsBlock .delBtn{
	padding:11px 10px;
	width:50px;
	position:absolute;
	top:0;
	right:0;
}

/*============= HEADER =============*/
div.headerArea{
	background:url(../images/top-menu-bg.png) 0 0 repeat-x;
}
div.headerArea div.headerContainer{
	position:relative;
	height:100px;
}
div.headerArea div.headerContainer a.logo{
	position:absolute;
	top:0;
	left:0;
	z-index:20000;
	display:block;
	width:153px;
	height:141px;
}
div.headerArea div.headerContainer div.navIcon{
	width:24px;
	height:21px;
	cursor:pointer;
	display:none;
	/*background:#000;*/
	position:absolute;
	right:60px;
	top:22px;
}
div.headerArea div.headerContainer div.navIcon span{
	display:block;
	margin-bottom:6px;
	height:auto;
	overflow:hidden;
}
div.headerArea div.headerContainer div.navIcon span:last-child{
	margin-bottom:0;
}
div.headerArea div.headerContainer div.navIcon span em{
	display:block;
	background:#fff;
	height:3px;
	width:12px;
}
div.headerArea div.headerContainer div.navIcon span+span em{
	width:24px;
}
div.headerArea div.headerContainer div.navIcon span+span+span em{
	width:12px;
	float:right;
}
div.headerArea div.headerContainer a.editProfileBtn{
	position:absolute;
	top:9px;
	right:130px;
	z-index:2000;
	display:block;
	padding:12px 15px;
	font-family:'FredokaOne-Regular';
	font-size:16px;
	line-height:24px;
	/*background:#000;*/
	color:#fff;
	text-decoration:none;
}
div.headerArea div.headerContainer a.editProfileBtn:hover{
	background:url(../images/main-nav-hover-bg.png) 50% 2px no-repeat;
}
div.headerArea div.headerContainer a.signupBtn{
	display:block;
	padding-top:8px;
	padding-bottom:10px;
	width:105px;
	border-radius:100px;
	-webkit-border-radius:100px;
	font-family:'FredokaOne-Regular';
	font-size:16px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	border:2px solid #fff;
	position:absolute;
	right:0;
	top:10px;
}
div.headerArea div.headerContainer a.signupBtn:hover{
	background:#fff;
	color:#3a6fb4;
}
div.headerArea div.headerContainer div.loginInfoArea{
	width:40px;
	height:65px;
	position:absolute;
	right:0;
	top:13px;
	/*background:#000;*/
}
div.headerArea div.headerContainer div.loginInfoArea div.dp{
	width:40px;
	height:40px;
	border-radius:500px;
	-webkit-border-radius:500px;
	overflow:hidden;
}
div.headerArea div.headerContainer div.loginInfoArea div.dp span{
	display:block;
	width:40px;
	height:40px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.headerArea div.headerContainer div.loginInfoArea div.loginInfoBlock{
	position:absolute;
	right:-10px;
	top:60px;
	width:200px;
	border-radius:20px;
	-webkit-border-radius:20px;
	background:#fff;
	padding:20px 20px 10px;
	border:5px solid #355a8b;
	z-index:10000;
	display:none;
}
div.headerArea div.headerContainer div.loginInfoArea:hover div.loginInfoBlock{
	display:block;
}
div.headerArea div.headerContainer div.loginInfoArea div.loginInfoBlock p{
	font-family:'FredokaOne-Regular';
	padding:0 0 5px;
	font-size:16px;
	line-height:20px;
	text-align:right;
}
div.headerArea div.headerContainer div.loginInfoArea div.loginInfoBlock p span{
	display:block;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:18px;
	word-wrap:break-word;
	color:#8789a4;
	padding-top:3px;
	padding-bottom:10px;
}
div.headerArea div.headerContainer div.loginInfoArea div.loginInfoBlock .btn{
	margin-top:15px;
}
div.headerArea div.headerContainer div.headerBlock{
	position:relative;
	z-index:10000;
}
div.headerArea div.headerContainer div.headerBlock a.menuClose{
	width:28px;
	height:28px;
	font-size:0;
	line-height:0;
	margin-bottom:15px;
	background:url(../images/menu-close-icon.png) 0 0 no-repeat;
	display:none;
}
div.headerArea div.headerContainer div.headerBlock div.navArea,
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock{
	position:relative;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu{
	font-family:'FredokaOne-Regular';
	padding:1px 0 0 185px;
	position:absolute;
	left:0;
	top:10px;
	font-size:16px;
	line-height:24px;
	height:70px;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li{
	position:relative;
	margin-right:40px;
	float:left;
	width:auto;
	padding-bottom:20px;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li a{
	display:block;
	padding:10px 0;
	color:#fff;
	text-decoration:none;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li a:hover{
	background:url(../images/main-nav-hover-bg.png) 50% 0 no-repeat;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li.onlineSchool em{
	display:block;
	padding:3px 5px 4px;
	width:auto;
	border-radius:100px;
	-webkit-border-radius:100px;
	font-family:'FredokaOne-Regular';
	font-size:11px;
	line-height:16px;
	text-align:center;
	font-style:normal;
	color:#ffad00;
	border:2px solid #ffad00;
	position:absolute;
	left:100px;
	top:8px;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li ul.sub-menu{
	font-family:'FredokaOne-Regular';
	position:absolute;
	left:-26px;
	top:60px;
	width:250px;
	border-radius:20px;
	-webkit-border-radius:20px;
	background:#fff;
	padding:20px 20px 10px;
	border:5px solid #355a8b;
	display:none;
	z-index:10000;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li ul.sub-menu li{
	position:relative;
	margin:0;
	float:none;
	padding-bottom:10px;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li ul.sub-menu li a{
	display:inline;
	padding:0;
	color:#3a3d72;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li ul.sub-menu li a:hover,
div.headerArea div.headerContainer div.loginInfoArea div.loginInfoBlock p a:hover{
	color:#ff4880;
	background:none;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock ul.mainMenu li:hover ul.sub-menu{
	display:block;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock a.logBtn{
	display:block;
	padding-top:8px;
	padding-bottom:10px;
	width:105px;
	border-radius:100px;
	-webkit-border-radius:100px;
	font-family:'FredokaOne-Regular';
	font-size:16px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	border:2px solid #fff;
	position:absolute;
	right:0;
	top:10px;
}
div.headerArea div.headerContainer div.headerBlock div.navArea div.navBlock a.logBtn:hover{
	background:#fff;
	color:#3a6fb4;
}

/*============= PROFILE OVERVIEW :: ADMIN HOME =============*/
div.profileOverviewArea{
	padding-bottom:35px;
}
div.profileOverviewArea ul.profileOverviewList{
	height:auto;
	overflow:hidden;
	padding:0;
}
div.profileOverviewArea ul.profileOverviewList li{
	float:left;
	width:25%;
	padding:0 8px;
}
div.profileOverviewArea ul.profileOverviewList li:first-child{
	padding-left:0;
}
div.profileOverviewArea ul.profileOverviewList li:last-child{
	padding-right:0;
}
div.profileOverviewArea ul.profileOverviewList li div.profileOverviewBlock{
	padding:25px 30px;
}
div.profileOverviewArea ul.profileOverviewList li div.profileOverviewBlock.classes{
	background:url(../images/icon-classes.png) calc(100% - 30px) 22px no-repeat #fff;
}
div.profileOverviewArea ul.profileOverviewList li div.profileOverviewBlock.teachers{
	background:url(../images/icon-teachers.png) calc(100% - 30px) 20px no-repeat #fff;
}
div.profileOverviewArea ul.profileOverviewList li div.profileOverviewBlock.students{
	background:url(../images/icon-students.png) calc(100% - 30px) 20px no-repeat #fff;
}
div.profileOverviewArea ul.profileOverviewList li div.profileOverviewBlock.parents{
	background:url(../images/icon-parents.png) calc(100% - 30px) 20px no-repeat #fff;
}
div.profileOverviewArea ul.profileOverviewList li div.profileOverviewBlock strong{
	display:block;
	font-family:'Roboto-Bold';
	font-size:30px;
	line-height:40px;
	padding:0;
}

/*============= RECENT STUDENTS AREA :: ADMIN HOME =============*/
div.recentStudentsArea{
	padding-bottom:25px;
}

/*============= RECENT STUDENTS TABLE :: ADMIN HOME =============*/
div.recentStudentsTableArea{
	padding-bottom:25px;
}
div.recentStudentsTableArea div.recentStudentsTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:120px;
	position:relative;
}
div.recentStudentsTableArea div.recentStudentsTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.recentStudentsTableArea div.recentStudentsTableHeader ul li,
div.recentStudentsTableArea div.recentStudentsTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.recentStudentsTableArea div.recentStudentsTableHeader ul li:nth-child(1),
div.recentStudentsTableArea div.recentStudentsTableData ul li:nth-child(1){
	width:50%;
	/*background:#060;*/
}
div.recentStudentsTableArea div.recentStudentsTableHeader ul li:nth-child(2),
div.recentStudentsTableArea div.recentStudentsTableData ul li:nth-child(2){
	width:50%;
	padding-right:0;
	/*background:#063;*/
}
div.recentStudentsTableArea div.recentStudentsTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:120px;
	position:relative;
}
div.recentStudentsTableArea div.recentStudentsTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li{
	height:auto;
	overflow:hidden;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li div.dp{
	width:40px;
	height:40px;
	border-radius:500px;
	-webkit-border-radius:500px;
	float:left;
	overflow:hidden;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li div.dp span{
	display:block;
	width:40px;
	height:40px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li h4,
div.recentStudentsTableArea div.recentStudentsTableData ul li p{
	word-wrap:break-word;
	padding:10px 0 0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li h4{
	margin-left:51px;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li h4 a:hover{
	color:#ff4880;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.recentStudentsTableArea div.recentStudentsTableData ul li p a:hover{
	color:#8789a4;
}
div.recentStudentsTableArea div.recentStudentsTableData .editBtn{
	padding:8px 10px;
	width:80px;
	position:absolute;
	top:13px;
	right:25px;
}

/*============= LATEST NEWS AREA :: ADMIN HOME =============*/
div.latestNewsArea{
	padding-bottom:25px;
}
div.latestNewsArea div.latestNewsInner{
	height:auto;
	overflow:hidden;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock{
	width:48%;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock:first-child{
	float:left;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock:last-child{
	float:right;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock div.whiteBoxInner{
	padding:15px;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock div.whiteBoxInner div.latestNewsPic{
	padding-bottom:10px;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock div.whiteBoxInner div.latestNewsContent{
	padding:10px;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock div.whiteBoxInner div.latestNewsContent h3{
	font-size:22px;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock div.whiteBoxInner div.latestNewsContent p{
	padding:0 0 20px;
	font-size:14px;
	line-height:22px;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock div.whiteBoxInner div.latestNewsContent p span{
	font-family:'Roboto-Bold';
	display:block;
}
div.latestNewsArea div.latestNewsInner div.latestNewsBlock div.whiteBoxInner div.latestNewsContent strong{
	display:block;
	font-family:'Roboto-Bold';
	text-transform:uppercase;
	font-size:14px;
	line-height:20px;
	color:#8789a4;
}

/*============= SCORE TABLE :: STUDENT HOME =============*/
div.scoreTableArea{
	padding-bottom:25px;
}
div.scoreTableArea div.scoreTableTop{
	padding-right:60px;
	border-bottom:1px solid #ebebf1;
}
div.scoreTableArea div.scoreTableTop ul{
	padding:25px 0 25px 20px;
	height:auto;
	overflow:hidden;
}
div.scoreTableArea div.scoreTableTop ul li{
	float:left;
	padding:10px 10px 0 0;
}
div.scoreTableArea div.scoreTableTop ul li:nth-child(1){
	width:80%;
	font-family:'FredokaOne-Regular';
	font-size:16px;
	line-height:24px;
	color:#8789a4;
	/*background:#060;*/
}
div.scoreTableArea div.scoreTableTop ul li:nth-child(2){
	width:20%;
	padding-right:0;
	font-family:'Roboto-Medium';
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#ff4880;
	/*background:#063;*/
}
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(1){
	width:40%;
	padding-right:10px;
}
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(2),
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(3),
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(4),
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(5){
	width:15%;
	padding-right:10px;
	font-family:'Roboto-Medium';
	font-size:15px;
	line-height:24px;
	text-align:center;
	color:#ff4880;
	position:relative;
	padding-top:20px;
}
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(5){
	padding-right:0;
}
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(2) strong,
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(3) strong,
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(4) strong,
div.scoreTableArea div.scoreTableTop.reportTableTop ul li:nth-child(5) strong{
	display:block;
	width:24px;
	font-family:'FredokaOne-Regular';
	font-size:18px;
	line-height:28px;
	text-align:center;
	color:#3a3d72;
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-12px;
	/*background:#eee;*/
}
div.scoreTableArea div.scoreTableHeader{
	/*border-top:1px solid #ebebf1;*/
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	position:relative;
	padding-right:60px;
}
div.scoreTableArea div.scoreTableHeader a.scoreNavIcon{
	width:18px;
	background:#fff;
	position:absolute;
	top:22px;
	right:25px;
}
div.scoreTableArea div.scoreTableHeader a.scoreNavIcon em{
	display:block;
	height:2px;
	margin-bottom:3px;
	background:#3a3d72;
}
div.scoreTableArea div.scoreTableHeader a.scoreNavIcon em:last-child{
	margin-bottom:0;
}
div.scoreTableArea div.scoreTableHeader ul{
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.scoreTableArea div.scoreTableHeader ul li,
div.scoreTableArea div.scoreTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.scoreTableArea div.scoreTableHeader ul li:nth-child(1){
	width:80%;
	font-family:'FredokaOne-Regular';
	font-size:18px;
	line-height:26px;
	color:#3a3d72;
	/*background:#060;*/
}
div.scoreTableArea div.scoreTableHeader ul li:nth-child(1) span{
	font-family:'Roboto-Medium';
	font-size:14px;
	color:#8686a1;
}
div.scoreTableArea div.scoreTableHeader ul li:nth-child(2){
	width:20%;
	font-family:'Roboto-Medium';
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#3a3d72;
	padding-right:0;
	/*background:#03C;*/
}
div.scoreTableArea div.scoreTableHeader.reportTableHeader ul li:nth-child(1){
	width:40%;
	padding-right:10px;
}
div.scoreTableArea div.scoreTableHeader.reportTableHeader ul li:nth-child(2),
div.scoreTableArea div.scoreTableHeader.reportTableHeader ul li:nth-child(3),
div.scoreTableArea div.scoreTableHeader.reportTableHeader ul li:nth-child(4),
div.scoreTableArea div.scoreTableHeader.reportTableHeader ul li:nth-child(5){
	width:15%;
	padding-right:10px;
	font-family:'Roboto-Medium';
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#3a3d72;
}
div.scoreTableArea div.scoreTableHeader.reportTableHeader ul li:nth-child(5){
	padding-right:0;

}
div.scoreTableArea div.scoreTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:60px;
	position:relative;
}
div.scoreTableArea div.scoreTableData a.medicalComment{
	display:block;
	width:25px;
	/*background:#eee;*/
	text-align:center;
	font-size:18px;
	line-height:24px;
	color:#8789a4;
	text-decoration:none;
	position:absolute;
	top:25px;
	right:30px;
}
div.scoreTableArea div.scoreTableData a.medicalComment:hover,
div.scoreTableArea div.scoreTableData a.delData:hover{
	color:#ff4880;
}
div.scoreTableArea div.scoreTableData a.delData{
	display:block;
	width:25px;
	/*background:#eee;*/
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#8789a4;
	text-decoration:none;
	position:absolute;
	top:25px;
	right:3px;
}
div.scoreTableArea div.scoreTableData ul{
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.scoreTableArea div.scoreTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.scoreTableArea div.scoreTableData ul li:nth-child(1){
	width:30%;
	font-family:'Roboto-Regular';
	font-size:18px;
	/*line-height:44px;*/
	line-height:25px;
	color:#3a3d72;
	/*background:#060;*/
}
div.scoreTableArea div.scoreTableData ul li:nth-child(2){
	width:50%;
	font-family:'Roboto-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	/*background:#060;*/
}
div.scoreTableArea div.scoreTableData ul li:nth-child(3){
	width:20%;
	font-family:'Roboto-Medium';
	font-size:18px;
	line-height:20px;
	text-align:center;
	color:#3a3d72;
	padding-right:0;
	/*background:#03C;*/
}
div.scoreTableArea div.scoreTableData ul li:nth-child(3) span{
	display:block;
	padding:10px;
	border:2px solid #ebebf1;
	border-radius:500px;
	-webkit-border-radius:500px;
}
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(1){
	width:40%;
	padding-right:10px;
}
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(2),
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(3),
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(4),
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(5){
	width:15%;
	padding-right:10px;
	font-family:'Roboto-Medium';
	font-size:18px;
	line-height:20px;
	text-align:center;
	color:#3a3d72;
}
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(2) span,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(3) span,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(4) span,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(5) span{
	display:block;
	padding:10px;
	border:2px solid #ebebf1;
	border-radius:500px;
	-webkit-border-radius:500px;
}
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(2) input[type=text],
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(3) input[type=text],
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(4) input[type=text],
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(5) input[type=text]{
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
	text-align:center;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:44px;
	padding-left:10px;
	padding-right:10px;
}
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(2) select,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(3) select,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(4) select,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(5) select{
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
	text-align:center;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:44px;
	padding-left:10px;
	padding-right:10px;
}
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(2) input[type=text]:focus,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(3) input[type=text]:focus,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(4) input[type=text]:focus,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(5) input[type=text]:focus,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(2) select:focus,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(3) select:focus,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(4) select:focus,
div.scoreTableArea div.scoreTableData.reportTableData ul li:nth-child(5) select:focus{
	border-color:#ff4880;
}
div.scoreTableArea div.scoreTableData.reportTableData a.delData{
	right:21px;
}
div.scoreTableArea div.scoreTableDataBlock div.scoreTableData:last-child{
	border-bottom:none;
}
div.scoreTableArea div.scoreTableDataBlock{
	border-bottom:1px solid #ebebf1;
	/*display:none;*/
}
div.scoreTableArea div.addLink{
	padding:20px 20px 20px 0;
}
div.scoreTableArea div.addComment{
	padding:20px 0 20px 20px;
	height:auto;
	overflow:hidden;
}
div.scoreTableArea div.addLink + div.addComment{
	border-top:1px solid #ebebf1;
}
div.scoreTableArea div.addComment div.commentListBlock{
	float:left;
	width:35%;
	padding-right:10px;
}
div.scoreTableArea div.addComment div.commentListBlock p{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:44px;
	font-style:italic;
	color:#8789a4;
	padding:0;
}
div.scoreTableArea div.addComment div.commentListArea{
	float:right;
	width:63.1%;
}
div.scoreTableArea div.addComment div.commentListArea div.commentListBtn{
	padding-right:60px;
	/*padding-bottom:20px;*/
}
div.scoreTableArea div.addComment div.commentListArea div.commentListBtn ul{
	height:auto;
	overflow:hidden;
	font-size:18px;
	line-height:20px;
}
div.scoreTableArea div.addComment div.commentListArea div.commentListBtn ul li{
	float:left;
	width:25%;
	padding-right:10px;
}
div.scoreTableArea div.addComment div.commentListArea div.commentListBtn ul li a{
	display:block;
	padding:10px;
	border:2px solid #ebebf1;
	border-radius:500px;
	-webkit-border-radius:500px;
	font-size:18px;
	line-height:20px;
	text-align:center;
	color:#8789a4;
}
div.scoreTableArea div.addComment div.commentListArea div.commentListBtn ul li a:hover{
	border-color:#ff4880;
	color:#ff4880;
}
div.scoreTableArea div.addComment div.commentListArea div.commentList{
	margin-top:-8px;
}
div.scoreTableArea div.addComment div.commentListArea div.commentList ul{
	font-size:14px;
	line-height:22px;
	padding:0;
}
div.scoreTableArea div.addComment div.commentListArea div.commentList ul li{
	border-top:1px solid #ebebf1;
	position:relative;
	padding:20px 60px 20px 30px;
}
div.scoreTableArea div.addComment div.commentListArea div.commentList ul li:first-child{
	border-top:none;
}
div.scoreTableArea div.addComment div.commentListArea div.commentList ul li p{
	padding:0;
}
div.scoreTableArea div.addComment div.commentListArea div.commentList ul li strong{
	display:block;
	position:absolute;
	top:20px;
	left:0;
}
div.scoreTableArea div.addComment div.commentListArea div.commentList ul li a.delData{
	display:block;
	width:25px;
	/*background:#eee;*/
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#8789a4;
	text-decoration:none;
	position:absolute;
	top:19px;
	right:21px;
}
div.reportCardContainer{
	padding:0;
}

/*============= DOUBLE COLUMN AREA =============*/
div.doubleColumnArea{
	height:auto;
	overflow:hidden;
}
div.doubleColumnArea div.leftColumn{
	float:left;
	width:62%;
}
div.doubleColumnArea div.rightColumn{
	float:right;
	width:35%;
}
div.doubleColumnArea div.rightColumn div.whiteBox div.whiteBoxInner{
	padding:25px 20px;
}
div.doubleColumnArea div.rightColumn div.whiteBox div.whiteBoxInner div.botBtn{
	padding-top:25px;
	height:auto;
	overflow:hidden;
}
div.doubleColumnArea div.rightColumn div.whiteBox div.whiteBoxInner div.botBtn .btn{
	float:left;
	width:auto;
}

/*============= DOUBLE COLUMN AREA :: RIGHT COLUMN =============*/
div.teachersListArea,
div.teachersListArea ul{
	padding:0;
}
div.teachersListArea ul li{
	border-bottom:1px solid #ebebf1;
	padding:15px 0 15px 0;
	height:auto;
	overflow:hidden;
	position:relative;
}
div.teachersListArea ul li div.dp{
	width:40px;
	height:40px;
	border-radius:500px;
	-webkit-border-radius:500px;
	float:left;
	overflow:hidden;
}
div.teachersListArea ul li div.dp span{
	display:block;
	width:40px;
	height:40px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.teachersListArea ul li div.teachersListInfo{
	margin-left:51px;
}
div.teachersListArea ul li h4{
	word-wrap:break-word;
	padding:2px 0 0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.teachersListArea ul li h4 a:hover,
div.classesListArea ul li h4 a:hover{
	color:#ff4880;
}
div.teachersListArea ul li p{
	/*position:absolute;
	top:26px;
	right:0;*/
	/*background:#eee;
	width:auto;*/
	font-size:14px;
	line-height:20px;
	padding:0;
}
div.teachersListArea ul li p a:hover{
	color:#8789a4;
}
div.classesListArea,
div.classesListArea ul{
	padding:0;
}
div.classesListArea ul li{
	border-bottom:1px solid #ebebf1;
	padding:15px 0;
	height:auto;
	overflow:hidden;
	position:relative;
}
div.classesListArea ul li div.icon{
	width:auto;
	float:left;
	overflow:hidden;
	padding-top:3px;
}
div.classesListArea ul li div.classesListInfo{
	margin-left:60px;
}
div.classesListArea ul li h4{
	word-wrap:break-word;
	padding:0 0 5px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.classesListArea ul li p{
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:20px;
	padding:0;
	color:#8789a4;
}
div.profileDetailsArea{
	padding:0;
}
div.profileDetailsArea div.icon{
	margin-bottom:15px;
}
div.profileDetailsArea div.dp{
	width:110px;
	height:110px;
	border-radius:500px;
	-webkit-border-radius:500px;
	overflow:hidden;
	margin-bottom:15px;
}
div.profileDetailsArea div.dp span{
	display:block;
	width:110px;
	height:110px;
	font-family:'Roboto-Medium';
	font-size:36px;
	line-height:110px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.profileDetailsArea h3{
	padding-bottom:3px;
}
div.profileDetailsArea div.tag{
	height:auto;
	overflow:hidden;
}
div.profileDetailsArea div.tag span{
	width:auto;
	float:left;
	height:25px;
	background:url(../images/icon-2.png) 100% 0 no-repeat #ff4880;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:25px;
	color:#fff;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:25px;
}
div.profileDetailsArea p{
	padding:0;
	font-size:14px;
	line-height:22px;
}
div.profileDetailsArea p span{
	font-family:'Roboto-Bold';
	display:block;
}
div.profileContactList{
	padding-top:20px;
}
div.profileContactList ul{
	padding:0;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:18px;
	color:#415c71;
}
div.profileContactList ul li{
	border-bottom:1px solid #ebebf1;
	padding-bottom:10px;
	padding-top:10px;
	height:auto;
	overflow:hidden;
}
div.profileContactList ul li strong{
	display:block;
	float:left;
	width:auto;
	font-weight:normal;
	text-transform:uppercase;
}
div.profileContactList ul li span{
	display:block;
	margin-left:80px;
	text-align:right;
}
div.profileContactList ul li a{
	color:#415c71;
}
div.sideList1,
div.sideList2{
	padding:0;
}
div.sideList1 ul{
	padding:0;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:18px;
}
div.sideList1 ul li{
	border-bottom:1px solid #ebebf1;
	padding-bottom:10px;
	padding-top:10px;
}
div.sideList1 ul li a{
	color:#ff4880;
	text-decoration:none;
}
div.sideList1 ul li a:hover{
	color:#3a3d72;
}
div.sideList2 ul{
	padding:0;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:18px;
	color:#415c71;
}
div.sideList2 ul li{
	border-bottom:1px solid #ebebf1;
	padding:10px 30px 10px 0;
	height:auto;
	overflow:hidden;
	position:relative;
}
div.sideList2 ul li strong{
	display:block;
	float:left;
	width:auto;
	font-weight:normal;
	text-transform:uppercase;
}
div.sideList2 ul li span{
	display:block;
	margin-left:80px;
	text-align:right;
}
div.sideList2 ul li a{
	color:#ff4880;
	text-decoration:none;
}
div.sideList2 ul li a:hover{
	color:#3a3d72;
}
div.sideList2 ul li a.edit{
	display:block;
	width:20px;
	/*background:#eee;*/
	position:absolute;
	top:9px;
	right:0;
	text-align:right;
}

/*============= FILTER AREA =============*/
div.filterArea{
	height:auto;
	overflow:hidden;
	position:relative;
	padding:15px 20px;
	min-height:82px;
}
div.filterArea ul.filterBtns{
	height:auto;
	overflow:hidden;
	padding:0;
	float:left;
	width:auto;
}
div.filterArea ul.filterBtns li{
	float:left;
	width:auto;
	padding:2px 10px 2px 0;
}
/*div.filterArea ul.filterBtns li:last-child{
	padding-right:0;
}*/
div.filterArea ul.filterBtns li .btn.wireBtn{
	width:140px;
	padding-left:10px;
	padding-right:10px;
	background:none;
	border-color:#ebebf1;
	color:#8789a4;
}
div.filterArea ul.filterBtns li .btn.wireBtn:hover{
	background:#ebebf1;
}
div.filterArea ul.filterBtns li.active .btn.wireBtn{
	background:#ffad00;
	border-color:#ffad00 !important;
	color:#fff;
}
div.filterArea div.searchArea{
	float:left;
	width:270px;
	padding-right:10px;
}
div.filterArea div.searchArea input[type=text]{	
	outline:none;
	background:url(../images/icon-3.png) 20px 50% no-repeat #fff;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'FredokaOne-Regular';
	font-size:13px;
	line-height:26px;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:50px;
	padding-left:50px;
	padding-right:20px;
}
div.filterArea div.searchArea input[type=text]:focus,
div.filterArea div.selectArea select:focus,
div.tableBottomArea div.selectArea select:focus{	
	border-color:#3a3d72;
}
div.filterArea div.searchArea input[type=text]::placeholder{
	color:#aeafc0;
	opacity:1;
}
div.filterArea div.searchArea input[type=text]:-ms-input-placeholder,
div.filterArea div.searchArea input[type=text]::-ms-input-placeholder{
	color:#aeafc0;
}
div.filterArea div.searchArea.searchAreaRight{
	float:right;
	padding-left:10px;
	padding-right:0;
}
div.filterArea div.selectArea{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	padding-left:20px;
}
div.filterArea div.selectArea label{
	display:block;
	float:left;
	padding-right:10px;
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:50px;
	color:#8789a4;
}
div.filterArea div.selectArea select{	
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:140px;
	margin:0;
	font-family:'FredokaOne-Regular';
	font-size:13px;
	line-height:26px;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:50px;
	padding-left:16px;
	padding-right:16px;
}
div.filterArea div.filterRightArea{
	float:right;
	width:auto;
	height:auto;
	overflow:hidden;
}
div.filterArea div.filterRightArea.downloadBtn{
	padding-top:2px;
}
div.filterArea div.filterRightArea.downloadBtn .btn.wireBtn{
	width:130px;
	padding-left:10px;
	padding-right:10px;
}

/*============= ADMIN TABLE =============*/
div.adminTableArea{
	padding-bottom:25px;
}
div.adminTableArea div.adminTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:270px;
	position:relative;
}
div.adminTableArea div.adminTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.adminTableArea div.adminTableHeader ul li,
div.adminTableArea div.adminTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.adminTableArea div.adminTableHeader ul li:nth-child(1),
div.adminTableArea div.adminTableData ul li:nth-child(1){
	width:40%;
	/*background:#060;*/
}
div.adminTableArea div.adminTableHeader ul li:nth-child(2),
div.adminTableArea div.adminTableData ul li:nth-child(2){
	width:30%;
	/*background:#063;*/
}
div.adminTableArea div.adminTableHeader ul li:nth-child(3),
div.adminTableArea div.adminTableData ul li:nth-child(3){
	width:30%;
	padding-right:0;
	/*background:#03C;*/
}
div.adminTableArea div.adminTableHeader ul li a{
	text-decoration:none;
}
div.adminTableArea div.adminTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:270px;
	position:relative;
	min-height:119px;
}
div.adminTableArea div.adminTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:20px 0 20px 25px;
	height:auto;
	overflow:hidden;
}
div.adminTableArea div.adminTableData ul li{
	height:auto;
	overflow:hidden;
}
div.adminTableArea div.adminTableData ul li h4,
div.adminTableArea div.adminTableData ul li p{
	word-wrap:break-word;
	padding:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.adminTableArea div.adminTableData ul li h4 a:hover{
	color:#ff4880;
}
div.adminTableArea div.adminTableData ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.adminTableArea div.adminTableData ul li:nth-child(2) p a{
	text-decoration:none;
}
div.adminTableArea div.adminTableData ul li:nth-child(3) p,
div.adminTableArea div.adminTableData ul li:nth-child(2) p a:hover{
	color:#1358b0;
}
div.adminTableArea div.adminTableData ul li:nth-child(3) p a{
	color:#1358b0;
	text-decoration:none;
}
div.adminTableArea div.adminTableData ul li:nth-child(3) p a:hover{
	text-decoration:underline;
}
div.adminTableArea div.adminTableData .delBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:8px;
	right:25px;
}
div.adminTableArea div.adminTableData .editBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:8px;
	right:74px;
}
div.adminTableArea div.adminTableData .statusBtn{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	border:2px solid #ebebf1;
	color:#8789a4;
	border-radius:500px;
	-webkit-border-radius:500px;
	outline:none;
	display:block;
	padding:8px 10px;
	width:120px;
	position:absolute;
	top:8px;
	right:123px;
}
div.adminTableArea div.adminTableData .statusBtn.enable{
	border-color:#00a99d;
	color:#00a99d;
}
div.adminTableArea div.adminTableData .changePasswordBtn{
	padding:8px 10px;
	width:93px;
	position:absolute;
	top:61px;
	right:25px;
}

/*============= ADMIN TABLE 2 =============*/
div.adminTableArea2{
	padding-bottom:25px;
}
div.adminTableArea2 div.adminTableHeader2{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:270px;
	position:relative;
}
div.adminTableArea2 div.adminTableHeader2 ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.adminTableArea2 div.adminTableHeader2 ul li,
div.adminTableArea2 div.adminTableData2 ul li{
	float:left;
	padding:0 10px 0 0;
}
div.adminTableArea2 div.adminTableHeader2 ul li:nth-child(1),
div.adminTableArea2 div.adminTableData2 ul li:nth-child(1){
	width:70%;
	/*background:#060;*/
}
div.adminTableArea2 div.adminTableHeader2 ul li:nth-child(2),
div.adminTableArea2 div.adminTableData2 ul li:nth-child(2){
	width:30%;
	padding-right:0;
	/*background:#063;*/
}
div.adminTableArea2 div.adminTableHeader2 ul li a{
	text-decoration:none;
}
div.adminTableArea2 div.adminTableData2{
	border-bottom:1px solid #ebebf1;
	padding-right:270px;
	position:relative;
}
div.adminTableArea2 div.adminTableData2 ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:20px 0 20px 25px;
	height:auto;
	overflow:hidden;
}
div.adminTableArea2 div.adminTableData2 ul li{
	height:auto;
	overflow:hidden;
}
div.adminTableArea2 div.adminTableData2 ul li h4,
div.adminTableArea2 div.adminTableData2 ul li p{
	word-wrap:break-word;
	padding:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.adminTableArea2 div.adminTableData2 ul li h4 a:hover{
	color:#ff4880;
}
div.adminTableArea2 div.adminTableData2 ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.adminTableArea2 div.adminTableData2 ul li:nth-child(2) p a{
	text-decoration:none;
}
div.adminTableArea2 div.adminTableData2 ul li:nth-child(3) p,
div.adminTableArea2 div.adminTableData2 ul li:nth-child(2) p a:hover{
	color:#1358b0;
}
div.adminTableArea2 div.adminTableData2 ul li:nth-child(3) p a{
	color:#1358b0;
	text-decoration:none;
}
div.adminTableArea2 div.adminTableData2 ul li:nth-child(3) p a:hover{
	text-decoration:underline;
}
div.adminTableArea2 div.adminTableData2 .delBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:8px;
	right:25px;
}
div.adminTableArea2 div.adminTableData2 .editBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:8px;
	right:74px;
}
div.adminTableArea2 div.adminTableData2 .statusBtn{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	border:2px solid #ebebf1;
	color:#8789a4;
	border-radius:500px;
	-webkit-border-radius:500px;
	outline:none;
	display:block;
	padding:8px 10px;
	width:120px;
	position:absolute;
	top:8px;
	right:123px;
}
div.adminTableArea2 div.adminTableData2 .statusBtn.enable{
	border-color:#00a99d;
	color:#00a99d;
}

/*============= CLASSES TABLE =============*/
div.classesTableArea{
	padding-bottom:25px;
}
div.classesTableArea div.classesTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:240px;
	position:relative;
}
div.classesTableArea div.classesTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.classesTableArea div.classesTableHeader ul li,
div.classesTableArea div.classesTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.classesTableArea div.classesTableHeader ul li:nth-child(1),
div.classesTableArea div.classesTableData ul li:nth-child(1){
	width:30%;
	/*background:#060;*/
}
div.classesTableArea div.classesTableHeader ul li:nth-child(2),
div.classesTableArea div.classesTableData ul li:nth-child(2){
	width:20%;
	text-align:center;
	/*background:#063;*/
}
div.classesTableArea div.classesTableHeader ul li:nth-child(3),
div.classesTableArea div.classesTableData ul li:nth-child(3){
	width:20%;
	text-align:center;
	/*background:#03C;*/
}
div.classesTableArea div.classesTableHeader ul li:nth-child(4),
div.classesTableArea div.classesTableData ul li:nth-child(4){
	width:30%;
	padding-right:0;
	/*background:#03C;*/
}
div.classesTableArea div.classesTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:240px;
	position:relative;
}
div.classesTableArea div.classesTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:20px 0 20px 25px;
	height:auto;
	overflow:hidden;
}
div.classesTableArea div.classesTableData ul li{
	height:auto;
	overflow:hidden;
}
div.classesTableArea div.classesTableData ul li h4,
div.classesTableArea div.classesTableData ul li p{
	word-wrap:break-word;
	padding:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.classesTableArea div.classesTableData ul li h4 a:hover{
	color:#ff4880;
}
div.classesTableArea div.classesTableData ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.classesTableArea div.classesTableData ul li p a:hover{
	color:#8789a4;
}
div.classesTableArea div.classesTableData ul li h5{
	float:left;
	width:auto;
	word-wrap:break-word;
	padding:0 20px 0 0;
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
}
div.classesTableArea div.classesTableData ul li:nth-child(4) h5{
	display:none;
}
div.classesTableArea div.classesTableData .delBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:8px;
	right:25px;
}
div.classesTableArea div.classesTableData .editBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:8px;
	right:74px;
}
div.classesTableArea div.classesTableData .classBtn{
	padding:8px 10px;
	width:90px;
	position:absolute;
	top:8px;
	right:123px;
}

/*============= PARENTS TABLE =============*/
div.parentsTableArea{
	padding-bottom:25px;
}
div.parentsTableArea div.parentsTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:140px;
	position:relative;
}
div.parentsTableArea div.parentsTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.parentsTableArea div.parentsTableHeader ul li,
div.parentsTableArea div.parentsTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(1),
div.parentsTableArea div.parentsTableData ul li:nth-child(1){
	width:30%;
	/*background:#060;*/
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(2),
div.parentsTableArea div.parentsTableData ul li:nth-child(2){
	width:20%;
	/*background:#063;*/
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(3),
div.parentsTableArea div.parentsTableData ul li:nth-child(3){
	width:20%;
	/*background:#03C;*/
}
div.parentsTableArea div.parentsTableHeader ul li:nth-child(4),
div.parentsTableArea div.parentsTableData ul li:nth-child(4){
	width:30%;
	padding-right:0;
	/*background:#03C;*/
}
div.parentsTableArea div.parentsTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:140px;
	position:relative;
	min-height:119px;
}
div.parentsTableArea div.parentsTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.parentsTableArea div.parentsTableData ul li{
	height:auto;
	overflow:hidden;
}
div.parentsTableArea div.parentsTableData ul li div.dp{
	width:40px;
	height:40px;
	border-radius:500px;
	-webkit-border-radius:500px;
	float:left;
	overflow:hidden;
}
div.parentsTableArea div.parentsTableData ul li div.dp span{
	display:block;
	width:40px;
	height:40px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.parentsTableArea div.parentsTableData ul li h4,
div.parentsTableArea div.parentsTableData ul li p{
	word-wrap:break-word;
	padding:10px 0 0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.parentsTableArea div.parentsTableData ul li h4{
	margin-left:51px;
}
div.parentsTableArea div.parentsTableData ul li h4 a:hover{
	color:#ff4880;
}
div.parentsTableArea div.parentsTableData ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.parentsTableArea div.parentsTableData ul li p a:hover{
	color:#8789a4;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(2) p a{
	text-decoration:none;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(3) p,
div.parentsTableArea div.parentsTableData ul li:nth-child(2) p a:hover{
	color:#1358b0;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(3) p a{
	text-decoration:none;
	color:#1358b0;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(3) p a:hover{
	text-decoration:underline;
}
div.parentsTableArea div.parentsTableData ul li h5{
	float:left;
	width:auto;
	word-wrap:break-word;
	padding:0 20px 0 0;
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
}
div.parentsTableArea div.parentsTableData ul li:nth-child(4) h5{
	display:none;
}
div.parentsTableArea div.parentsTableData .delBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:13px;
	right:25px;
}
div.parentsTableArea div.parentsTableData .editBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:13px;
	right:74px;
}
div.parentsTableArea div.parentsTableData .changePasswordBtn{
	padding:8px 10px;
	width:93px;
	position:absolute;
	top:61px;
	right:25px;
}

/*============= STUDENTS TABLE =============*/
div.studentsTableArea{
	padding-bottom:25px;
}
div.studentsTableArea div.studentsTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:140px;
	position:relative;
}
div.studentsTableArea div.studentsTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.studentsTableArea div.studentsTableHeader ul li,
div.studentsTableArea div.studentsTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(1),
div.studentsTableArea div.studentsTableData ul li:nth-child(1){
	width:30%;
	/*background:#060;*/
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(2),
div.studentsTableArea div.studentsTableData ul li:nth-child(2){
	width:20%;
	/*background:#063;*/
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(3),
div.studentsTableArea div.studentsTableData ul li:nth-child(3){
	width:25%;
	/*background:#03C;*/
}
div.studentsTableArea div.studentsTableHeader ul li:nth-child(4),
div.studentsTableArea div.studentsTableData ul li:nth-child(4){
	width:25%;
	padding-right:0;
	/*background:#03C;*/
}
div.studentsTableArea div.studentsTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:140px;
	position:relative;
	min-height:119px;
}
div.studentsTableArea div.studentsTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.studentsTableArea div.studentsTableData ul li{
	height:auto;
	overflow:hidden;
}
div.studentsTableArea div.studentsTableData ul li div.dp{
	width:40px;
	height:40px;
	border-radius:500px;
	-webkit-border-radius:500px;
	float:left;
	overflow:hidden;
}
div.studentsTableArea div.studentsTableData ul li div.dp span{
	display:block;
	width:40px;
	height:40px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.studentsTableArea div.studentsTableData ul li h4,
div.studentsTableArea div.studentsTableData ul li p{
	word-wrap:break-word;
	padding:10px 0 0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.studentsTableArea div.studentsTableData ul li h4{
	margin-left:51px;
}
div.studentsTableArea div.studentsTableData ul li h4 a:hover{
	color:#ff4880;
}
div.studentsTableArea div.studentsTableData ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.studentsTableArea div.studentsTableData ul li p a:hover{
	text-decoration:none;
	color:#8789a4;
}
div.studentsTableArea div.studentsTableData ul li h5{
	float:left;
	width:auto;
	word-wrap:break-word;
	padding:0 20px 0 0;
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
}
div.studentsTableArea div.studentsTableData ul li:nth-child(3) h5{
	display:none;
}
div.studentsTableArea div.studentsTableData .delBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:13px;
	right:25px;
}
div.studentsTableArea div.studentsTableData .editBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:13px;
	right:74px;
}
/*div.studentsTableArea div.studentsTableData .profileBtn{
	padding:8px 10px;
	width:90px;
	position:absolute;
	top:13px;
	right:123px;
}*/
div.studentsTableArea div.studentsTableData .changePasswordBtn{
	padding:8px 10px;
	width:93px;
	position:absolute;
	top:61px;
	right:25px;
}

/*============= TEACHERS TABLE =============*/
div.teachersTableArea{
	padding-bottom:25px;
}
div.teachersTableArea div.teachersTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:140px;
	position:relative;
}
div.teachersTableArea div.teachersTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.teachersTableArea div.teachersTableHeader ul li,
div.teachersTableArea div.teachersTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(1),
div.teachersTableArea div.teachersTableData ul li:nth-child(1){
	width:30%;
	/*background:#060;*/
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(2),
div.teachersTableArea div.teachersTableData ul li:nth-child(2){
	width:15%;
	/*background:#063;*/
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(3),
div.teachersTableArea div.teachersTableData ul li:nth-child(3){
	width:20%;
	/*background:#03C;*/
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(4),
div.teachersTableArea div.teachersTableData ul li:nth-child(4){
	width:20%;
	/*background:#03C;*/
}
div.teachersTableArea div.teachersTableHeader ul li:nth-child(5),
div.teachersTableArea div.teachersTableData ul li:nth-child(5){
	width:15%;
	padding-right:0;
	/*background:#03C;*/
}
div.teachersTableArea div.teachersTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:140px;
	position:relative;
	min-height:119px;
}
div.teachersTableArea div.teachersTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.teachersTableArea div.teachersTableData ul li{
	height:auto;
	overflow:hidden;
}
div.teachersTableArea div.teachersTableData ul li div.dp{
	width:40px;
	height:40px;
	border-radius:500px;
	-webkit-border-radius:500px;
	float:left;
	overflow:hidden;
}
div.teachersTableArea div.teachersTableData ul li div.dp span{
	display:block;
	width:40px;
	height:40px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.teachersTableArea div.teachersTableData ul li h4,
div.teachersTableArea div.teachersTableData ul li p{
	word-wrap:break-word;
	padding:10px 0 0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.teachersTableArea div.teachersTableData ul li h4{
	margin-left:51px;
}
div.teachersTableArea div.teachersTableData ul li h4 a:hover{
	color:#ff4880;
}
div.teachersTableArea div.teachersTableData ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.teachersTableArea div.teachersTableData ul li p a:hover,
div.teachersTableArea div.teachersTableData ul li:nth-child(5) p{
	color:#8789a4;
}
div.teachersTableArea div.teachersTableData ul li:nth-child(4) p a{
	text-decoration:none;
}
div.teachersTableArea div.teachersTableData ul li:nth-child(4) p a:hover{
	color:#1358b0;
}
div.teachersTableArea div.teachersTableData ul li h5{
	float:left;
	width:auto;
	word-wrap:break-word;
	padding:0 20px 0 0;
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
}
div.teachersTableArea div.teachersTableData ul li:nth-child(3) h5{
	display:none;
}
div.teachersTableArea div.teachersTableData .delBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:13px;
	right:25px;
}
div.teachersTableArea div.teachersTableData .editBtn{
	padding:8px 10px;
	width:44px;
	position:absolute;
	top:13px;
	right:74px;
}
div.teachersTableArea div.teachersTableData .changePasswordBtn{
	padding:8px 10px;
	width:93px;
	position:absolute;
	top:61px;
	right:25px;
}

/*============= TABLE BOTTOM AREA =============*/
div.tableBottomArea{
	padding:0 20px 25px;
	height:auto;
	overflow:hidden;
}
div.tableBottomArea p{
	font-size:16px;
	line-height:40px;
	float:left;
	width:auto;
	padding:0;
}
div.tableBottomArea div.selectArea{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	padding:0;
}
div.tableBottomArea div.selectArea label{
	display:block;
	float:left;
	padding-right:10px;
	font-size:16px;
	line-height:40px;
	color:#8789a4;
}
div.tableBottomArea div.selectArea select{	
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:80px;
	margin:0;
	font-family:'Roboto-Regular';
	font-size:13px;
	line-height:26px;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:40px;
	padding-left:16px;
	padding-right:16px;
}
div.tableBottomArea ul.paginationArea{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	padding:0 0 0 10px;
}
div.tableBottomArea ul.paginationArea li{
	float:left;
	width:auto;
	padding-left:10px;
}
div.tableBottomArea ul.paginationArea li .btn{
	padding-top:6px !important;
	padding-bottom:6px !important;
}
div.tableBottomArea div.tableBottomRightArea{
	float:right;
	width:auto;
	height:auto;
	overflow:hidden;
}

/*============= MY CHILDRENS AREA =============*/
div.myChildrensArea{
	padding-bottom:25px;
}
div.myChildrensArea div.myChildrensInner{
	height:auto;
	overflow:hidden;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock{
	width:50%;
	padding:0 10px 5px;
	float:left;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock div.whiteBoxInner{
	padding:15px;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock div.myChildrensInfo{
	height:auto;
	overflow:hidden;
	/*background:#eee;*/
	min-height:80px;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock div.myChildrensInfo div.dp{
	width:56px;
	height:56px;
	border-radius:500px;
	-webkit-border-radius:500px;
	float:left;
	overflow:hidden;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock div.myChildrensInfo div.dp span{
	display:block;
	width:56px;
	height:56px;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:56px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock div.myChildrensInfo h3{
	font-size:20px;
	line-height:30px;
	padding-top:13px;
	padding-bottom:0;
	margin-left:71px;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock ul.myChildrensData{
	height:auto;
	overflow:hidden;
	font-family:'Roboto-Medium';
	padding:0;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock ul.myChildrensData li{
	float:left;
	width:50%;
	padding-right:15px;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock ul.myChildrensData li strong{
	display:block;
	padding-bottom:3px;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:normal;
	color:#415c71;
}
div.myChildrensArea div.myChildrensInner div.myChildrensBlock ul.myChildrensData li span{
	display:block;
	font-size:14px;
	line-height:20px;
}

/*============= MY CLASSES AREA =============*/
div.myClassesArea{
	padding-bottom:25px;
}
div.myClassesArea div.myClassesInner{
	height:auto;
	overflow:hidden;
}
div.myClassesArea div.myClassesInner div.myClassesBlock{
	width:50%;
	padding:0 10px 5px;
	float:left;
}
div.myClassesArea div.myClassesInner div.myClassesBlock div.whiteBoxInner{
	padding:15px;
}
div.myClassesArea div.myClassesInner div.myClassesBlock div.myClassesInfo{
	height:auto;
	overflow:hidden;
	/*background:#eee;*/
	min-height:75px;
	padding-top:10px;
}
div.myClassesArea div.myClassesInner div.myClassesBlock div.myClassesInfo div.icon{
	width:56px;
	float:left;
}
div.myClassesArea div.myClassesInner div.myClassesBlock div.myClassesInfo h3{
	font-size:20px;
	line-height:30px;
	padding-top:0;
	padding-bottom:0;
	margin-left:65px;
	word-wrap:break-word;
}
div.myClassesArea div.myClassesInner div.myClassesBlock ul.myClassesData{
	height:auto;
	overflow:hidden;
	font-family:'Roboto-Medium';
	padding:0;
}
div.myClassesArea div.myClassesInner div.myClassesBlock ul.myClassesData li{
	float:left;
	width:50%;
	padding-right:15px;
}
div.myClassesArea div.myClassesInner div.myClassesBlock ul.myClassesData li strong{
	display:block;
	padding-bottom:3px;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:normal;
	color:#415c71;
}
div.myClassesArea div.myClassesInner div.myClassesBlock ul.myClassesData li span{
	display:block;
	font-size:14px;
	line-height:20px;
}

/*============= PROFILE LISTING AREA =============*/
div.profileListingArea{
	padding:0;
}
div.profileListingArea ul.profileListing{
	height:auto;
	overflow:hidden;
	padding:0;
}
div.profileListingArea ul.profileListing li{
	float:left;
	width:33.33%;
	padding-left:7px;
	padding-right:7px;
}
div.profileListingArea ul.profileListing li div.whiteBox div.whiteBoxInner{
	padding:25px 30px;
}
div.profileListingArea ul.profileListing li div.dp{
	width:110px;
	height:110px;
	border-radius:500px;
	-webkit-border-radius:500px;
	overflow:hidden;
	margin:0 auto 15px;
}
div.profileListingArea ul.profileListing li div.dp span{
	display:block;
	width:110px;
	height:110px;
	font-family:'Roboto-Medium';
	font-size:36px;
	line-height:110px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
}
div.profileListingArea ul.profileListing li h4{
	font-family:'Roboto-Medium';
	font-size:18px;
	line-height:28px;
	text-align:center;
	padding:0;
	margin-bottom:15px;
	word-wrap:break-word;
	height:60px;
	overflow:hidden;
	/*background:#eee;*/
}
div.profileListingArea ul.profileListing li h4 a:hover{
	color:#ff4880;
}

/*============= EDIT PROFILE =============*/
div.editProfileFormArea{
	padding:0;
}
div.profilePhotoArea{
	padding-bottom:30px;
}
div.profilePhotoArea #logoUploadField{
	display:none;
}
div.profilePhotoArea div.profilePhotoBlock{
	width:155px;
	height:155px;
	margin:0 auto;
	padding:10px;
	border:1px solid #ebebf1;
	background:#fff;
	overflow:hidden;
	border-radius:500px;
	-webkit-border-radius:500px;
}
div.profilePhotoArea div.profilePhotoBlock div.profilePhotoBox{
	width:100%;
	height:100%;
	border-radius:500px;
	-webkit-border-radius:500px;
	overflow:hidden;
	position:relative;
}
div.profilePhotoArea div.profilePhotoBlock div.profilePhotoBox a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../images/icon-1.png) 50% 50% no-repeat rgba(255, 72, 128, 0.3);
}
div.profilePhotoArea div.profilePhotoBlock div.profilePhotoBox span{
	display:block;
	width:100%;
	height:100%;
	font-family:'Roboto-Medium';
	font-size:46px;
	line-height:60px;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
	padding-top:calc(50% - 30px);
}

/*============= VIEW PROFILE =============*/
div.viewProfileArea{
	height:auto;
	overflow:hidden;
}
div.viewProfileArea div.viewProfilePhotoArea{
	float:left;
	width:auto;
}
div.viewProfileArea div.viewProfilePhotoArea div.viewProfilePhotoBlock{
	width:125px;
	height:125px;
	padding:10px;
	border:1px solid #ebebf1;
	background:#fff;
	overflow:hidden;
	border-radius:500px;
	-webkit-border-radius:500px;
}
div.viewProfileArea div.viewProfilePhotoArea div.viewProfilePhotoBlock div.viewProfilePhotoBox{
	width:100%;
	height:100%;
	border-radius:500px;
	-webkit-border-radius:500px;
	overflow:hidden;
	position:relative;
}
div.viewProfileArea div.viewProfilePhotoArea div.viewProfilePhotoBlock div.viewProfilePhotoBox span{
	display:block;
	width:100%;
	height:100%;
	font-family:'Roboto-Medium';
	font-size:36px;
	line-height:58px;
	text-align:center;
	color:#fff;
	background:#00a99d;
	overflow:hidden;
	padding-top:calc(50% - 30px);
}
div.viewProfileArea div.viewProfileContent{
	min-height:125px;
	border-left:1px solid #ebebf1;
	margin-left:150px;
	padding-left:25px;
	padding-top:10px;
}
div.viewProfileArea div.viewProfileContent h4{
	font-family:'FredokaOne-Regular';
	font-size:20px;
	line-height:30px;
	padding:0 0 15px;
}
div.viewProfileArea div.viewProfileContent p{
	font-size:16px;
	line-height:22px;
	padding:0 0 15px;
}
div.viewProfileArea div.viewProfileContent ul.viewProfileContentList1{
	font-size:16px;
	line-height:22px;
	padding:0 0 10px;
}
div.viewProfileArea div.viewProfileContent ul.viewProfileContentList1 li{
	background:url(../images/bull1.png) 0 8px no-repeat;
	padding:0 0 5px 15px;
}
div.viewProfileArea div.viewProfileContent div.contactInfo,
div.viewProfileArea div.viewProfileContent div.dobInfo{
	height:auto;
	overflow:hidden;
	padding:0 0 15px;
}
div.viewProfileArea div.viewProfileContent div.contactInfo strong,
div.viewProfileArea div.viewProfileContent div.dobInfo strong{
	display:block;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:26px;
	font-weight:normal;
	float:left;
	width:auto;
}
div.viewProfileArea div.viewProfileContent div.contactInfo strong a:hover{
	color:#ff4880;
}
div.viewProfileArea div.viewProfileContent div.contactInfo span,
div.viewProfileArea div.viewProfileContent div.dobInfo span{
	display:block;
	margin-left:140px;
	border-left:1px solid #ebebf1;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:26px;
	color:#1358b0;
	padding-left:15px;
	word-wrap:break-word;
}
div.viewProfileArea div.viewProfileContent div.contactInfo span a{
	text-decoration:none;
	color:#1358b0;
}
div.viewProfileArea div.viewProfileContent div.contactInfo span a:hover{
	text-decoration:underline;
}
div.viewProfileArea div.viewProfileContent select{
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:44px;
	padding-left:10px;
	padding-right:10px;
}
div.viewProfileArea div.viewProfileContent textarea{
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	border-radius:20px;
	-webkit-border-radius:20px;
	height:180px;
	padding:12px 20px;
}
div.viewProfileArea div.viewProfileContent textarea:focus,
div.viewProfileArea div.viewProfileContent select:focus{
	border-color:#ff4880;
}
div.viewProfileArea div.viewProfileContent ul.formBtns{
	text-align:left !important;
}
div.viewProfileArea.viewProfileFull div.viewProfileContent{
	border:none;
	margin-left:0;
	padding-left:0;
}

/*============= ATTENDANCE INDEX AREA =============*/
div.attendanceIndexArea{
	padding:6px 25px 20px;
}
div.attendanceIndexArea ul{
	height:auto;
	overflow:hidden;
	padding:0;
	font-family:'Roboto-Medium';
	font-size:14px;
	line-height:20px;
	color:#8789a4;
}
div.attendanceIndexArea ul li{
	float:left;
	width:auto;
	position:relative;
	padding:5px 25px 5px 20px;
}
div.attendanceIndexArea ul li:last-child{
	padding-right:0;
}
div.attendanceIndexArea ul li span.indexIcon{
	display:block;
	width:15px;
	height:15px;
	position:absolute;
	top:8px;
	left:0;
}

/*============= WEEK CALENDAR AREA =============*/
div.weekCalendarArea{
	height:auto;
	overflow:hidden;
	position:relative;
	padding:15px 20px;
}
div.weekCalendarArea ul.weekCalendarBtns{
	height:auto;
	overflow:hidden;
	padding:0;
	float:right;
	width:auto;
}
div.weekCalendarArea ul.weekCalendarBtns li{
	float:left;
	width:auto;
	padding:2px 0 2px 10px;
}
/*div.weekCalendarArea ul.weekCalendarBtns li:last-child{
	padding-right:0;
}*/
div.weekCalendarArea ul.weekCalendarBtns li .btn{
	width:140px;
	padding-left:10px;
	padding-right:10px;
}
div.weekCalendarArea div.weekCalendarLeftArea{
	float:left;
	width:auto;
	position:relative;
	padding:5px 10px 5px 30px;
	margin-top:8px;
}
div.weekCalendarArea div.weekCalendarLeftArea p{
	font-family:'FredokaOne-Regular';
	font-size:16px;
	line-height:26px;
	color:#8789a4;
}
div.weekCalendarArea div.weekCalendarLeftArea i{
	display:block;
	font-size:16px;
	line-height:26px;
	color:#8789a4;
	position:absolute;
	top:4px;
	left:0;
}

/*============= ATTENDANCE TABLE =============*/
div.attendanceTableContainer{
	overflow:auto;
}
div.attendanceTableArea{
	padding-bottom:25px;
}
div.attendanceTableArea div.attendanceTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	padding-right:25px;
	position:relative;
}
div.attendanceTableArea div.attendanceTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.attendanceTableArea div.attendanceTableHeader ul li,
div.attendanceTableArea div.attendanceTableData ul li{
	float:left;
	padding:0 10px 0 0;
}
div.attendanceTableArea div.attendanceTableHeader ul li:nth-child(1),
div.attendanceTableArea div.attendanceTableData ul li:nth-child(1){
	width:25%;
	/*background:#060;*/
}
div.attendanceTableArea div.attendanceTableHeader ul li:nth-child(2),
div.attendanceTableArea div.attendanceTableData ul li:nth-child(2){
	width:15%;
	text-align:center;
	/*background:#063;*/
}
div.attendanceTableArea div.attendanceTableHeader ul li:nth-child(3),
div.attendanceTableArea div.attendanceTableData ul li:nth-child(3){
	width:15%;
	text-align:center;
	/*background:#063;*/
}
div.attendanceTableArea div.attendanceTableHeader ul li:nth-child(4),
div.attendanceTableArea div.attendanceTableData ul li:nth-child(4){
	width:15%;
	text-align:center;
	/*background:#063;*/
}
div.attendanceTableArea div.attendanceTableHeader ul li:nth-child(5),
div.attendanceTableArea div.attendanceTableData ul li:nth-child(5){
	width:15%;
	text-align:center;
	/*background:#063;*/
}
div.attendanceTableArea div.attendanceTableHeader ul li:nth-child(6),
div.attendanceTableArea div.attendanceTableData ul li:nth-child(6){
	width:15%;
	text-align:center;
	padding-right:0;
	/*background:#03C;*/
}
div.attendanceTableArea div.attendanceTableData{
	border-bottom:1px solid #ebebf1;
	padding-right:25px;
	position:relative;
}
div.attendanceTableArea div.attendanceTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 0 15px 25px;
	height:auto;
	overflow:hidden;
}
div.attendanceTableArea div.attendanceTableData ul li{
	height:auto;
	overflow:hidden;
}
div.attendanceTableArea div.attendanceTableData ul li p{
	word-wrap:break-word;
	padding:10px 0 0;
	font-family:'Roboto-Regular';
	font-size:14px;
	line-height:20px;
}
div.attendanceTableArea div.attendanceTableHeader ul li.today,
div.attendanceTableArea div.attendanceTableData ul li p a:hover{
	color:#ff4880;
}
div.attendanceTableArea div.attendanceTableData ul li:nth-child(2) span,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(3) span,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(4) span,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(5) span,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(6) span{
	display:block;
	font-size:13px;
	line-height:15px;
}
div.attendanceTableArea div.attendanceTableData ul li:nth-child(2) a,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(3) a,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(4) a,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(5) a,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(6) a{
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
div.attendanceTableArea div.attendanceTableData ul li:nth-child(2) a img,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(3) a img,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(4) a img,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(5) a img,
div.attendanceTableArea div.attendanceTableData ul li:nth-child(6) a img{
	display:block;
	width:auto;
	margin:0 auto;
}

/*============= POPUP =============*/
div.popupContainer{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.75);
	z-index:100000000000000000;
	padding:0;
}
div.popupContainer div.popupArea{
	width:780px;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-390px;
	padding:50px 40px;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
}
div.popupContainer div.popupArea div.popupBlock{
	/*max-height:600px;*/
	max-height:440px;
	overflow:auto;
}
div.popupContainer div.popupArea strong.popupClose{
	display:block;
	width:30px;
	height:30px;
	border-radius:500px;
	-webkit-border-radius:500px;
	background:url(../images/cross1.png) 50% 50% no-repeat #fff;
	text-align:center;
	overflow:hidden;
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}
div.popupContainer div.popupArea div.popupBlock div.pageHeading{
	border-bottom:1px solid #ebebf1;
}
div.popupContainer div.popupArea div.popupBlock div.pageHeading h2{
	font-size:24px;
	line-height:34px;
}

/*============= FOOTER =============*/
div.footerArea{
	padding-top:30px;
	padding-bottom:30px;
	border-top:2px solid #ebe2de;
}
div.footerArea p{
	font-size:14px;
	line-height:18px;
	color:#8789a4;
	text-align:center;
	padding:0;
}

/*============= LOGIN PAGE =============*/
body.loginPage{
	background-image:url(../images/login-bg.jpg);
	background-color:#1358b0;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}
body.loginPage div.headerArea{
	background:none;
}
body.loginPage div.footerArea{
	border-top:none;
}
body.loginPage div.footerArea p{
	color:#fff;
}
div.loginContainer{
	max-width:780px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
}
div.loginContainer h2{
	font-family:'FredokaOne-Regular';
	font-size:60px;
	line-height:70px;
	color:#fff;
	padding:0 0 40px;
	text-align:center;
	max-width:700px;
	margin:0 auto;
}
div.loginContainer div.loginArea{
	border:5px solid rgba(0, 0, 0, 0.2);
	border-radius:20px;
	-webkit-border-radius:20px;
	overflow:hidden;
}
div.loginContainer div.loginArea div.loginBlock{
	background:#fff;
	padding:35px 35px 40px;
	position:relative;
}
div.loginContainer div.loginArea div.loginBlock ul.loginAs{
	height:auto;
	overflow:hidden;
	padding:5px 0;
}
div.loginContainer div.loginArea div.loginBlock ul.loginAs li{
	float:left;
	width:auto;
	padding:3px 10px 3px 0;
}
div.loginContainer div.loginArea div.loginBlock ul.loginAs li:last-child{
	padding-right:0;
}
div.loginContainer div.loginArea div.loginBlock ul.loginAs li .btn.wireBtn{
	width:140px;
	padding-left:10px;
	padding-right:10px;
	background:none;
	border-color:#ebebf1;
	color:#3a3d72;
}
div.loginContainer div.loginArea div.loginBlock ul.loginAs li .btn.wireBtn:hover{
	background:#ebebf1;
}
div.loginContainer div.loginArea div.loginBlock ul.loginAs li.active .btn.wireBtn{
	background:#ffad00;
	border-color:#ffad00 !important;
	color:#fff;
}

/*============= ALERTS =============*/
div.alert{
	padding-bottom:20px;
	/*display:none;*/
}
div.alert div.alertBlock{
	border-width:1px;
	border-style:solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	padding:9px 40px 8px 12px;
}
div.alert div.alertBlock p{
	font-family:'Roboto-Regular';
	font-size:13px !important;
	line-height:17px !important;
	padding:0 !important;
}
div.alert div.alertBlock p strong{	
	font-weight:600;
}
div.alert div.alertBlock p a{	
	text-decoration:none;
}
div.alert div.alertBlock p a:hover{	
	text-decoration:underline;
}
div.alert div.alertBlock a.alertClose{	
	display:block;
	width:17px;
	height:17px;	
	position:absolute;
	right:12px;
	top:9px;
	font-family:'Roboto-Regular';
	font-size:14px;
	line-height:17px;
	font-weight:600;
	text-align:center;
	text-decoration:none;
	/*background:#000;*/
}
div.alert-success div.alertBlock{
	background:#d4edda;
	border-color:#c3e6cb;
}
div.alert-success div.alertBlock p{
	color:#155757;
}
div.alert-success div.alertBlock a.alertClose{	
	color:#74a27f;
}
div.alert-error div.alertBlock{
	background:#f8d7da;
	border-color:#f5c6cb;
}
div.alert-error div.alertBlock p{
	color:#721c24;
}
div.alert-error div.alertBlock a.alertClose{	
	color:#b5797f;
}
div.alert-note div.alertBlock{
	background:#fff3cd;
	border-color:#ffeeba;
}
div.alert-note div.alertBlock p{
	color:#856404;
}
div.alert-note div.alertBlock a.alertClose{
	color:#c3ac6a;
}

/*============= ASSESSMENT FILTER AREA =============*/
div.filterArea.assFilterArea div.assFilterBlock{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
}
div.filterArea.assFilterArea div.assFilterBlock div.selectArea{
	padding:5px 15px 5px 5px;
}

/*============= ASSESSMENT TABLE AREA =============*/
div.assTable{
	overflow:auto;
}
div.assTableArea{
	padding-bottom:25px;
}
div.assTableArea div.assTableHeader{
	border-top:1px solid #ebebf1;
	border-bottom:1px solid #ebebf1;
	background:#fcf9f7;
	position:relative;
}
div.assTableArea div.assTableHeader ul{
	font-family:'FredokaOne-Regular';
	font-size:14px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:15px 25px;
	height:auto;
	overflow:hidden;
}
div.assTableArea div.assTableHeader ul li,
div.assTableArea div.assTableData ul li{
	float:left;
	padding:0 10px 0 0;
	width:140px;
	text-align:center;
	/*background:#063;*/
}
div.assTableArea div.assTableHeader ul li:first-child,
div.assTableArea div.assTableData ul li:first-child{
	width:210px;
	text-align:left;
	/*background:#0C0;*/
}
div.assTableArea div.assTableHeader ul li em{
	display:block;
	font-family:'Roboto-Regular';
	font-size:12px;
	line-height:16px;
	font-style:normal;
}
div.assTableArea div.assTableData{
	border-bottom:1px solid #ebebf1;
	position:relative;
}
div.assTableArea div.assTableData ul{
	font-family:'Roboto-Regular';
	font-size:16px;
	line-height:20px;
	color:#3a3d72;
	word-wrap:break-word;
	padding:20px 25px;
	height:auto;
	overflow:hidden;
}
div.assTableArea div.assTableData ul li{
	height:auto;
	overflow:hidden;
}
div.assTableArea div.assTableData ul li h4,
div.assTableArea div.assTableData ul li p{
	word-wrap:break-word;
	padding:12px 0 0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
}
div.assTableArea div.assTableData ul li h4 a:hover{
	color:#ff4880;
}
div.assTableArea div.assTableData ul li p{
	font-family:'Roboto-Regular';
	font-size:14px;
}
div.assTableArea div.assTableData ul li p a:hover{
	color:#8789a4;
}
div.assTableArea div.assTableData ul li input[type=text]{
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
	text-align:center;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:44px;
	padding-left:10px;
	padding-right:10px;
}
div.assTableArea div.assTableData ul li select{
	outline:none;
	background:none;
	border:none;
	border:2px solid #ebebf1;
	box-shadow:none;
	width:100%;
	margin:0;
	font-family:'Roboto-Medium';
	font-size:16px;
	line-height:20px;
	text-align:center;
	color:#3a3d72;
	border-radius:500px;
	-webkit-border-radius:500px;
	height:44px;
	padding-left:10px;
	padding-right:10px;
}
div.assTableArea div.assTableData ul li input[type=text]:focus,
div.assTableArea div.assTableData ul li select:focus{
	border-color:#ff4880;
}