/*---------------------- SOME DEFAULTS ------------------------ */
.inner-get-profile h2, .inner-get-batch h2{
	text-align: center; border-bottom: 2px solid #eee;
	font-size: 22px; margin-bottom: 20px;
	margin-top: 25px; letter-spacing: 2px;
}

/* ------------------ BATCH REPORT -------------------- */

.batch-report{
	width: 80%; margin-left: 10% !important;
}

.batch-report h2{
	margin-top: 0px !important; text-transform: uppercase;
}

.batch-report .table td{ width: 50% !important; }
.batch-report .table td:nth-child(2n+1), .batch-report .table th:nth-child(1){
	text-align: left; padding-left: 30px;
}


/** ----------- GET PROFILE -------------------- */
.get-profile-container, .get-batch-container{
	width: 100%; height: auto; overflow: hidden; 
	margin: 0; padding: 0; 
}
.get-profile-container div, .get-batch-container div{
	overflow: hidden; margin: 0; padding: 0; 
}

.inner-get-profile, .inner-get-batch{
	width: 96%; margin-left: 2% !important;
}

.inner-get-batch {
	width: 98%; margin-left: 1% !important;
}

.get-profile-form, .get-batch-form{
	width: 100%; margin-top: 10px !important;	
}
.get-profile-form input, .get-batch-form input{
	width: 50%; float: left; margin-right: 1% !important;
}

.get-batch-form input{
	width: 15% !important;
}

.get-batch-form select{
	width: 20% !important; margin-right: 1% !important;
	float: left;
}

.get-profile-form #get-academic-btn{ margin-right: 1% !important; }

#inner-get-profile #student-id{
		text-align: center;
		font-size: 18px;
		text-transform: uppercase;
		margin-top: 10px;
} 
.get-profile-form input{
	margin-left: 10%;
}

.checkbox, .branch-radio-button{
	width:20px !important; height: 20px !important;
	border-radius: none !important;
	text-align: center;
	margin-left: 45%;
	background: red;
	display: inline-block;
}

.get-profile-form button{
	width: 28%;
}

.get-batch-form button{
	width: 21%;
}

/* ---------------------- STU AC DATA ------------------------ */
.stu-profile{
	width: 100%; height: auto;  margin-bottom: 1% !important;
	overflow: hidden;
}
.stu-profile div{
	overflow: hidden; box-sizing: border-box;
}
.stu-profile .profile-photo{
	width: 22%; height: 200px;
	float: left;
}
.stu-profile .profile-photo img{
	width: 200px; height: 200px;
}
.stu-profile .stu-details-left{
	float: right; width: 78%;
	padding: 10px !important;
}

.stu-details-left .in-profile-details{
	width: 49% !important; float: left;
}
.stu-details-left .in-profile-details:nth-child(2n+1){
	margin-right: 2% !important;
}
.stu-details-left .in-profile-details .left{ float: left; }
.stu-details-left .in-profile-details .right{ float: right; }

.stu-academic-data{
	width: 100%; height: auto; box-sizing: border-box;
	margin: 0; padding: 0;
	margin-top: 3% !important;
	margin-bottom: 4% !important;
}

.stu-ac-data-block{
	width: 100%; margin-bottom: 5% !important;
}
.stu-ac-data{
	width: 100%; float: left;
	margin-bottom: 1% !important;
}

.stu-ac-data:nth-child(2n+1){
	margin-right: 4% !important;
}

.stu-ac-data h2{
	font-size: 16px; text-transform: uppercase;
	text-align: center;
}



/* --------------- student profile css part of (GET PROFILE)------------------- */
.profile-container{
	width: 100%; height: auto;  margin-bottom: 5% !important;
}
.profile-container div{
	overflow: hidden; margin: 0; padding: 0;
	float: left;
}

.inner-profile-container{
	width: 95%; margin-left: 2.5% !important;
}

.profile-container .notice{
	float: right; width: 78%; padding: 40px 5px;
}

.profile-container .notice h2{
	font-size: 18px;
}

.profile-container .notice a{
	color: #051A32; margin-top: 10px !important;
	display: inline-block; font-size: 16px; 
	font-weight: bold; letter-spacing: 1px;
	text-underline-position: under;
	text-decoration: underline;
}

.profile-container .top-profile{
	width: 100%; height: auto; margin: 0;  padding: 0;
	 padding: 10px 10px !important;
}

.profile-container .top-profile .profile-photo{
	width: 22%; height: 200px;
}
.profile-container .top-profile .profile-photo img{
	width: 200px; height: 200px;
}

.profile-container .profile-details{
	float: right; width: 100%; padding: 10px 5px;


}
.profile-container .profile-details .in-profile-details, .stu-details-left .in-profile-details{
	width: 100%; border-radius: 10px; font-weight: bold; letter-spacing: 1px;
	font-size: 13px;
}
.profile-container .profile-details .profile-left, .profile-container .profile-details .profile-right{
	width: 49.5%; 
}
.profile-container .profile-details .profile-left{
	margin-right: 1%; 
}

.profile-container .profile-details .in-profile-details div, .stu-details-left .in-profile-details div{
	padding: 13px; text-transform: uppercase; margin-bottom: 15px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

}
.profile-container .profile-details .left, .stu-details-left .in-profile-details .left{
	width: 40%; background: #eee; padding-left: 10px; 
}

.profile-container .profile-details .right, .stu-details-left .in-profile-details .right{
	width: 60%; background: #FAFAFA; padding-left: 10px;
}

/** ---------------------------- END OG GET PROFILE ---------------------- */