/*menu Css*/
 h1.page-header {
    margin-top: -5px;
}

.sidebar {
	padding-left: 0;
}
.main-container { 
	background: #FFF;
	padding-top: 15px;
	
     margin-top:0px !important;
        padding-left:0px !important;
}

.fullcomplete {
 
 background:#efefef;
}
.fullavvroved {

 background:#06ccc0  !important;
}
.fullreject{

 background:#fa3232  !important;
}
.navbar {
   
    margin-bottom: 6px !important;
   
}
.topmenuself{margin: 0px 10px;}
.topmenuself .nav-pills>li>a{padding: 2px 2px;font-size: 11px;color: #000;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;    box-shadow: 0px 1px 3px 1px #c1c1c1; width: 95px;line-height: 15px;height: 40px;}
.topmenuself .nav-pills>li.active>a{background-color: #5387ef; }
 .topmenuself i.fa {
    width: 14px;
    float: left;
    height: 35px;
    margin-right: 4px;
        margin-top: 3px;}
    .topmenuself .nav-pills>li>a:hover{ } 
      .fullfil{background: #d8d8d8;}  


.footer {
	width: 100%;
}  

:focus {
	outline: none;
}

.side-menu {
	position: relative;
	width: 100%;
	/*height: 100%;*/
   /*     height: 100vh;*/
	background-color: #f8f8f8;
	border-right: 1px solid #e7e7e7;
    overflow-y: auto
}
.side-menu .navbar {
	border: none;
}
.side-menu .navbar-header {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
	background-color: transparent;
    margin-right: -1px;
    border-right: 6px solid #075298;
    background: linear-gradient(to top,#036acc,#90caff);
    background: -webkit-linear-gradient(top,  #036acc 0%,#90caff 100%); 
    color: #fff !important;
    font-weight: 600;
    text-shadow: 0px -1px 3px #0a0a0a;
}
.navbar-nav>.active>a:hover {
    color: #f3f3f3 !important;
}
.navbar-default .navbar-toggle {
    background: #0663b9;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #0272da;}
.side-menu .navbar-nav li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
	padding: 15px;
}
.side-menu .navbar-nav li a .glyphicon {
	padding-right: 10px;
}
.side-menu #dropdown {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
.side-menu #dropdown .caret {
	float: right;
	margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
	float: right;
}
.side-menu #dropdown > a {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
	padding: 0;
	background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
	width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
	padding-left: 15px;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
	border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
	margin-left: -20px;
	padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
	margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
	padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
	background-color: #f3f3f3;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
	min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
	display: block;
}
.side-menu #search {
	position: relative;
	z-index: 1000;
}
.side-menu #search .panel-body {
	padding: 0;
}
.side-menu #search .panel-body .navbar-form {
	padding: 0;
	padding-right: 50px;
	width: 100%;
	margin: 0;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
	width: 100%;
	position: relative;
}
.side-menu #search .panel-body .navbar-form input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	padding: 15px 18px;
}
/* Main body section */
.side-body {
	margin-left: 310px;
}
/* small screen */
@media (max-width: 768px) {
	.side-menu {
		position: relative;
		width: 100%;
		height: 0;
		border-right: 0;
	}

	.side-menu .navbar {
		z-index: 999;
		position: relative;
		height: 0;
		min-height: 0;
		background-color:none !important;
		border-color: none !important;
	}
	.side-menu .brand-name-wrapper .navbar-brand {
		display: inline-block;
	}
	/* Slide in animation */
	@-moz-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-webkit-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-moz-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@-webkit-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	/* Slide side menu*/
	/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
	.side-menu-container > .navbar-nav.slide-in {
		-moz-animation: slidein 300ms forwards;
		-o-animation: slidein 300ms forwards;
		-webkit-animation: slidein 300ms forwards;
		animation: slidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.side-menu-container > .navbar-nav {
		/* Add position:absolute for scrollable menu -> see top comment */
		position: fixed;
		left: -300px;
		width: 300px;
		top: 43px;
		height: 100%;
		border-right: 1px solid #e7e7e7;
		background-color: #f8f8f8;
		overflow: auto;
		-moz-animation: slideout 300ms forwards;
		-o-animation: slideout 300ms forwards;
		-webkit-animation: slideout 300ms forwards;
		animation: slideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	@-moz-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-webkit-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-moz-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@-webkit-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	/* Slide side body*/
	.side-body {
		margin-left: 5px;
		margin-top: 70px;
		position: relative;
		-moz-animation: bodyslideout 300ms forwards;
		-o-animation: bodyslideout 300ms forwards;
		-webkit-animation: bodyslideout 300ms forwards;
		animation: bodyslideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.body-slide-in {
		-moz-animation: bodyslidein 300ms forwards;
		-o-animation: bodyslidein 300ms forwards;
		-webkit-animation: bodyslidein 300ms forwards;
		animation: bodyslidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	/* Hamburger */
    
.navbar-toggle-sidebar {border: 0;float: left;padding: 18px;margin: 0;border-radius: 0;background-color: #f3f3f3;}
	/* Search */
	#search .panel-body .navbar-form {
		border-bottom: 0;
	}
	#search .panel-body .navbar-form .form-group {
		margin: 0;
	}
	.side-menu .navbar-header {
		/* this is probably redundant */
		position: fixed;
		z-index: 3;
		background-color: #f8f8f8;
	}
	/* Dropdown tweek */
	#dropdown .panel-body .navbar-nav {
		margin: 0;
	}
}
 


.navbar-default{    background: -webkit-linear-gradient(top, #c5dbef 0%,#d6e8f7 100%); }
ul.nav.navbar-nav {background: #fff;}
.navbar-default .navbar-brand {color: #fff;font-size: 25px;}
.main-container {padding-top: 0px;    padding-right: 0px;}
.navbar-default .navbar-nav>li>a {color: #1f1e1e;font-size: 14px;padding:7px 6px 7px 13px;}
.profile_pic {width: 27%;float: left;}
.img-circle.profile_img {width: 60px;height: 60px;background: #fff;margin-left: 9%;z-index: 1000;position: inherit;margin-top: 3px;border: 1px solid rgba(52,73,94,0.44);padding: 5px;}
.img-circle {border-radius: 50%;}
.profile_pic img {vertical-align: middle;}
.profile_info {padding: 0px 10px 0px;width: 72%;float: left;}
.profile_info span {font-size:19px;color: #fff;font-weight: 600;text-shadow: 2px 3px 3px #2b2b2b;}
.profile_info h2 {font-size: 15px;color: #121213;margin: 0;font-weight: 600;    padding: 0px 0px;text-shadow: 2px 2px 1px #f1ebeb;}
.profile_info p{margin: 0px;font-weight: 600;color: #000;font-size: 12px;margin-top: 2px;}

.profile-small{background: linear-gradient(to top,#a6cff5,#dee0e3);min-height: 67px;background: -webkit-linear-gradient(top,  #a6cff5 0%,#dee0e3 100%); }
ul.nav.navbar-nav .fa{width:20px}
h1.tophedm{text-align:left;margin: 0px;font-size: 23px;color: #000;letter-spacing: 1px; font-weight:bold;
}
.profinfo {float:right; font-size:12px; font-weight:bold; padding-top:10px; line-height:0px;
}
/* End menu Css*/

/* general */

.form-control {margin-bottom: 7px;height: 26px !important; padding:0px 10px !important; font-size: 13px}
.control-label{font-size: 14px;     color: #000;}
.padd8 {padding-right: 8px !important;padding-left: 8px !important;}
.padd6 {padding-right: 6px !important;padding-left: 6px !important;}
.padd5 {padding-right: 5px !important;padding-left: 5px !important;}
.padd2 {padding-right: 2px !important;padding-left: 2px !important;}
.padd3 {padding-right: 3px !important;padding-left: 3px !important;}

.row-no-margin {margin-left: 0px !important;margin-right: 0px !important;}
.col-nopdd {padding-right: 0px !important;padding-left: 0px !important;}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{text-align: center;vertical-align: middle;}
.table-bordered>thead>tr>th{font-weight: normal  }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 4px;text-align: center }
.paddtb15 {padding: 15px 0px;}
.paddtb10 {padding: 10px 0px;}
.paddtb4 {padding: 4px 0px;}
table th {position: -webkit-sticky;position: sticky; top: 0;z-index: 5;background: #376293}


/* end general */

.tophed h4{font-size: 15px;color: #002752;padding: 3px 0px;margin: 0 auto;text-align: center;background: #eceaea;width: 96%;border-radius: 6px;font-weight: 600}
.col-centered{display: table;margin-left: auto;margin-right: auto;width: 50%;margin-bottom: 4px !important;}
.text-right{text-align: right}
.line{ border-top: 1px solid #e5e3e3; width: 97%;margin:10px auto}

/* menu design*/
.nav-side-menu .brand{font-size: 15px; padding: 5px;}
/*.nav-side-menu li a {font-size: 14px;}*/
nav-side-menu li a {font-size: 14px;
    display: block;          /* added by ramdayal*/
    padding-bottom: 2px;}
.nav-side-menu li{box-shadow: 0px 1px 4px -3px #dedede;padding: 1px 0px 1px 8px; }   
.closebtn{ padding-top: 6px;    float: right; padding-right: 6px;}
.nav-side-menu ul .sub-menu li{box-shadow:0px 0px 4px 1px #555555;}
.nav-side-menu li a span{float: right;padding-right: 10px;padding-top: 8px;}
.nav-side-menu ul .active, .nav-side-menu li .active{    background-color:#044082;}
.nav-side-menu{ top:79px;} 
@media screen and (max-width: 768px) {
.nav-side-menu{ top: 4px;}  
.module-content{position: unset;}}


/* self */
.mainpage{  border: 1px solid #969191;margin: 8px 15px;padding: 8px 5px;border-radius: 8px;}

.textname {font-size: 14px;font-weight: 600;color: #000;background:#dedede;border-radius: 10px}
.textinfo{font-size: 13px;color: #000;}
.paddtb5{padding:5px 0px}
.self-attend h6{font-size:15px;color:#0f0f0f; padding:15px 0px ;margin:0;text-align: center; font-weight: 600;text-shadow: 2px 2px #d4dbff;}
.infor-table .table-responsive{min-height: 200px;}
.infor-table{margin:10px 10px; width: 86%;margin: 0 auto;}
.infor-table table>tbody>tr>td{text-align: center;color: #000;}
.infor-table .table>thead>tr>th{background: #002752;color: #fff;font-size: 13px;font-weight: 500;}
.divNotes{padding: 10px 20px;color:#000}
.print-btn{margin-right: 40px;text-align: center}
.print-btn .btn-round{border-radius: 30px;background: #5387ef;color: #fff;    box-shadow:4px 5px 6px 0px #929090;    padding: 6px 34px;}
.divNotes span{ font-size: 15px;font-weight: 600;}
.t-colr{ background: #376293  !important;color: #fff !important;}
/* end self */





  
    

/*  login page */
body,html{height: 100%;}
.boxlogm{width:80%;margin:0 auto;background: rgba(3, 52, 103, 0.81);border-radius: 4px;min-height:400px; }

/*.boxlogm{width:80%;margin:0 auto;box-shadow: inset 1px 3px 5px #fff;border: 1px solid #999;background: rgba(255,255,255,0.5);border-radius: 10px;height:400px; }*/
.leftbox h1{font-size: 28px; padding: 17px 0px 9px 0px ;color:#fff;text-align: center;border-bottom: 2px solid #2c97ff; margin: 0px 0px; font-style: italic;margin-bottom: 9px;}
.leftbox h6{font-size: 19px; padding: 5px 0px;color:#fff; margin: 0px 0px;}
.leftbox p{font-size: 15px; padding: 5px 0px;color:#fff; margin: 0px 0px;}
.leftbox{padding: 5px 22px;}

.bg-img {background: url("../img/login3.jpg");height: 100%;background-position: center;background-repeat: no-repeat
;background-size: cover;position: relative;padding-top:8%}

.loginbox {width: 70%;padding: 14px 23px; background: rgba(255,255,255,0.7);border-radius: 5px;padding-bottom: 30px;margin: 0 auto ; margin-top: 5%;}
.loginbox h1{font-size: 21px;margin: 7px 0px;text-align: center;border-bottom: 2px solid #0252a5;padding-bottom: 7px; color: #000;font-weight: 600;border-radius: 9px;margin-bottom: 15px;}
.loginbox .btn {background-color: #026ad0;color: white;padding: 4px 10px;border: none;cursor: pointer;opacity: 0.9;margin: 0 auto;border-radius: 30px}
.loginbox .btn:hover { opacity: 1;}
.loginbox .input-container {display: flex;width: 100%;margin-bottom: 15px;}
.loginbox .icon {padding: 10px;background: #026ad0;color: #fff;min-width: 50px;text-align: center;    border-radius: 30px 0px 0px 30px;}
.loginbox .input-field {width: 80%;padding:6px;outline: none;border: 0px;border-radius: 0px 30px 30px 0px;}
.loginbox .input-field:focus {border: 2px solid dodgerblue;}

.linelog{ width:100%; height: 1px;background: #969696;margin:16px auto}

/* end login page */

/* personal Information */
.text-rad {color: red;}
.self_regimain { width: 98%; margin: 12px auto; margin-bottom: 50px; box-shadow: 0px 8px 8px 0px #aaa; padding: 20px 10px; border-bottom: 7px solid #004188;border-top: 7px solid #004188;position: relative;}
.outbox {border: 1px solid #e6e4e4;width: 99%;margin: 8px auto;padding: 5px;border-radius: 10px;box-shadow: 0px 1px 4px 0px #d4d4d4;background: #f7f7f7;}
.outbox h5 {font-size: 18px;font-weight: 600;color: #000;background: #d7eaff;text-shadow: 4px 4px 5px #b3b2b2;border-radius: 5px;padding: 5px 40px;margin: -7px -20px 16px -20px;text-align: center;box-shadow: 2px 2px 5px 0px #bdbdbd;border: 1px solid #76b8ff;}
.infoname {font-size: 13px;font-weight: 600;color: #000;border-radius: 30px;}
.labelinfo {font-size: 13px;color: #000;font-weight: 600;}
.selfrgi{width:80%}
.save-btn {margin-top: 12px;text-align: center;  margin-Bottom: 13px;}
.save-btn .btn-round { border-radius: 30px;background: #5387ef;color: #fff;box-shadow: 4px 5px 6px 0px #929090;padding: 6px 34px;}
.line{width:98%; margin: 10px auto; height: 1px; background: #ccc}
.line1{width:98%; margin: 10px auto; height: 2px; background: #376293}
.linee {width: 99%;margin: 0px auto;height: 1px;background: #e2e1e1}
h4.headself {border-bottom: 1px solid #ccc;position:relative;  width: 95%;margin:20px auto;}
h4.headself span {font-size: 14px;letter-spacing: 1px;color: #fff;background: #376293;border-radius: 15px;padding: 3px 2% 3px 14px;margin: 0px 0px 16px 2px;text-align: center;border: 1px solid #4178b3;position: absolute;left: 12px;top: -12px;}

.newadmin h4{font-size: 15px;font-weight: 600;color: #064888;padding:2px 2px;margin: 4px 10px;border-bottom: 1px solid #90b9f796;text-align: center;}
.newadmin{ border: 1px solid #dedede;margin: 0px auto;padding: 0px 4px;border-radius: 6px;width: 100%;    margin-top: 7px;margin-bottom: 10px;    background: #f9f9f9;}
.newadmin .infoname {font-size: 12px;}
.newadmin .labelinfo {font-size: 12px;}
.newadmin .form-control{height: 23px !important;}
.personaltab .nav-pills>li.active>a {color: #fff;background-color: #376293;font-size: 15px;padding: 6px 17px;font-weight: 600;}
.personaltab .nav-pills>li>a {color: #000;font-size: 14px;padding: 6px 17px;font-weight: 600;background: #e3e2e2;font-style: italic;}
.personaltab ul.nav {display: inline-block;}
.personaltab .tab-content{border: 1px solid #ccc;border-radius: 10px;box-shadow: 0px 0px 4px 0px #e4e4e4;}
h2.photochg {font-size: 18px;text-align: center;color: #000;font-weight: 600;margin: 0;padding: 8px 0px 7px 0px;border-bottom: 2px solid #709bca;margin:0px -2% 16px 7%;border-radius: 2px;}
.addpic {margin: 0 auto;width: 145px;height: 145px;border: 1px solid #000;border: 1px solid #c5c3c3;box-shadow: 7px 8px 3px -2px #bed4ec;background:#efefef;;}
.plusicon {font-size: 75px;margin-top: 30px;color: #004188;}
.premar {margin-top: 20px;}
.presetpic {text-align: center;}
.presetpic input[type=file] {display: inline;margin-left: 17%;text-align: center}
.upload-btn .btn-round { border-radius: 30px; background:#5387ef; color: #fff; padding: 6px 34px;font-weight: 600; margin: 15px 0px;}
h1.headm {font-size: 16px;font-weight: 600;color: #000;padding: 6px 14px;margin: 0px 0px;background: #e7e9eb;
margin-bottom: 9px;border-bottom: 1px solid #4c9ff9;    text-shadow: 0px 3px 5px #c3c2c2;;}
.spepic .form-control {margin-bottom: 0px;height: 22px !important;padding: 0px 10px !important;}
.spepic .infoname {font-size: 12px;}
.spepic .labelinfo{font-size: 12px; }
.imageuplod{margin-top:5px}
h4.headspec span {font-size: 14px;letter-spacing: 1px;color: #fff;background: #376293;border-radius: 15px;padding: 3px 22px;margin: 0px 0px 16px 2px;text-align: center;box-shadow: 2px 2px 5px 0px #bdbdbd;border: 1px solid #e6e6e6;}

.specibox{border: 1px solid #e6e4e4;width: 99%;margin: 10px auto;padding: 5px;border-radius: 10px;box-shadow: 0px 1px 4px 0px #d4d4d4;background:#fbfbfb;}
h4.headspec { margin-top: -20px; margin-left: 23px;margin-bottom: 7px;}
.dout{font-weight: 600; font-size: 22px}
.spcific{width:85%; margin:35px auto; }
.span2 {box-shadow: inset 0 1px 1px rgba(0,0,0,.075);border: 1px solid #ccc;border-radius: 4px;width: 83%;margin-right: 4px;}

.spcific .form-control {margin-bottom:3px;height: 22px !important;padding: 0px 10px !important;}
.spcific .infoname {font-size: 13px;}
.spcific .labelinfo{font-size: 13px; }

.leave .form-control {margin-bottom:3px;height: 22px !important;padding: 0px 10px !important;}
.leave .infoname {font-size: 13px;}
.leave .labelinfo{font-size: 13px; }
.leave ::placeholder{font-size:13px}
.infostud{width:75%; margin:35px auto;}

.pesonaltable .table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {padding: 3px;text-align: left;font-size: 13px;font-weight: 600;color: #1f1f1f;}

.pesonaltable .table { margin-bottom: 0px;}
.pesonaltable .form-control {margin-bottom: 0px;height: 23px !important;padding: 0px 5px !important;font-size: 13px;color: #1f1f1f;}

/* personal Information end */

/* address Page*/
.adressbox{width:100%; margin:10px auto; border:1px solid #ccc; border-radius:10px}
.adressbox h1{font-size: 17px;font-weight: 600;color: #0e0e0e;padding: 6px 14px;margin: 0px 0px;background: #d3e8ff;margin-bottom: 9px;border-bottom: 1px solid #4c9ff9;}
h6.sameadd{font-size: 13px;color: #000;margin: 9px 10px;padding:2px 15px 5px 15px;background: #caf7d2;border-radius: 30px;border: 1px solid #25ca42;font-weight: 600;    text-align: center;}
textarea.form-control {height: auto !important;}
/* address Page end*/

/* Qulification Info */
.qualified{width:100%; margin:0 auto; border:1px solid #ccc; border-radius:10px}
.qualified h1{font-size: 17px;font-weight: 600;color: #0e0e0e;padding: 6px 14px;margin: 0px 0px;background: #d3e8ff;margin-bottom: 9px;border-bottom: 1px solid #4c9ff9;}
.qualitab .nav-pills>li>a{ font-size: 15px;color: #000;background: #e2e2e2;font-weight: 600;    padding: 5px 24px;}

h4.qulified {margin-top: -20px;margin-left: 23px;margin-bottom: 17px;    text-align: center;}
h4.qulified span {font-size: 15px;letter-spacing: 1px;color: #fff;background: #376293;border-radius: 15px;padding: 4px 24px;margin: 0px 0px 16px 2px;text-align: center;box-shadow: 2px 2px 5px 0px #bdbdbd;border: 1px solid #e6e6e6;}

.qulibox { border: 1px solid #e6e4e4;width: 97%;margin: 20px auto;padding: 5px;border-radius: 10px;box-shadow: 0px 1px 4px 0px #d4d4d4;background: #fbfbfb;margin-top: 28px;}
.qulified-table{width:75%; margin:0 auto; background: #fff}
.qualitab ul.nav.nav-pills{border-bottom: 2px solid #e2e2e2;}
.qualitab .nav-pills>li.active>a:after {content: "";position: absolute;bottom: -14px;right: 10px;border-width: 14px 14px 0;border-style: solid;border-color: #0454a9 transparent;display: block;width: 0;z-index: 1;}

.sscdetails h6{font-size: 15px;background: #f8effb;padding: 2px 2px 0px 9px;margin: 9px 10px;border-radius: 6px;font-weight: 600;color: #000;border: 1px solid #e5a6ff;}
.edudetails h6{font-size: 15px;background: #f8effb;padding: 2px 2px 0px 9px;margin: 9px 10px;border-radius: 6px;font-weight: 600;color: #000;border: 1px solid #e5a6ff;}


.badgebox{opacity: 0;}
.badgebox + .badge{text-indent: -999999px;width: 22px;}
.badgebox:focus + .badge{ box-shadow: inset 0px 0px 5px;}
.badgebox:checked + .badge
{text-indent: 0;}

.qualified .badge {display: inline-block;min-width: 21px;padding: 0px 2px;font-size: 16px;font-weight: 700;line-height: 1;color: #376293; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #fff; border-radius: 3px;    border: 2px solid #376293;}
.ssc-table{width:80%; margin:0 auto}
.ssc-table .form-control{margin-bottom: 0px;}
.hsc-table{}

/* Qulification Info End*/


/* new admin*/
.newadmindetails{border: 7px solid #7bb9fd;margin: 0px auto;padding: 0px 10px;border-radius: 11px;width: 98%;box-shadow: 0px 2px 4px 1px #ccc;margin-bottom: 17px;background: #f9f9f9;    margin-top: 1%;    border-style: double;border-width:6px;border-color: #69b6ff;}
.newadmindetails h4 {font-size: 17px;font-weight: 600;color: #000;padding: 8px 2px;margin: 4px 0px;border-bottom: 2px solid #035fc3;text-align: center;}
.newadmindetails .infoname {font-size: 13px;}
.newadmindetails .labelinfo {font-size: 13px;}
.newadmindetails .form-control {height: 23px !important;font-size: 13px}
.nwedimg{text-align: center;    margin-top: -84px;}
.nwedimg img{width: 170px;height:150px;border: 5px solid #f2fbfe;border-radius: 50%;background: #f4fbfe;box-shadow: 0px 1px 4px 2px #ccc;}
.newadndmin {
    width: 99%;
    margin: 10px auto;
    padding: 10px 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 8px 1px #d2d2d2;
}/*background: linear-gradient(to top,#d7f3fb,#ffffff);*/
.fisrtclr{background: -webkit-linear-gradient(top,  #d8461a 0%,#ff9c7d 100%); width: 100%; height: 99px; border-radius: 13px 13px 0px 1px; background:linear-gradient(to top,#d8461a,#ff9c7d);}
 

img.borderimg {width: 100px;height: 19px;margin: 0px 10px;}
/*End new admin*/

.sportbox { border: 1px solid #e6e4e4;width: 75%;margin: 20px auto;padding: 5px;border-radius: 10px;box-shadow: 0px 1px 4px 0px #d4d4d4;background: #fbfbfb;margin-top: 28px;overflow:auto;}
h1.headme{text-shadow:0 0px 1px rgba(0, 0, 0, 0.21);color: #292929;font-size: 22px;margin: 5px 0%;text-align: center; padding:5px 0px;border-radius: 100px 0px 100px 0px;font-weight: 600}

.impfld {width: 10px;height: 10px;border-radius: 50%;float: right; margin-top: 4px}



.comltfil{color:red; float: right; font-size: 15px;text-align: right;}



/* Report page */

  .reportmain {border: 1px solid #ccc; width:93%;margin:0 auto;padding: 10px 8px;box-shadow: 0px 0px 8px 2px #c7c7c7;   border-radius: 10px;}  
    .repoheader{padding: 5px 0px;}
 .repoheader h1 {
    font-size: 21px;
    text-align: center;
    margin: 3px 0px;
    line-height: 26px;
    color: #034777;
    text-shadow: 2px 2px 1px #91d2ff;
     font-weight: 600;}
   .repoheader p {
    font-size: 15px;
    margin: 0;
    text-align: center;
    font-weight: 600;
    color: #000;
    background:#7ecaff;
       padding: 1px 0px;box-shadow: 0px 3px 1px 0px #037bd0;}
.reportmain h5 {
   border-radius: 15px;
    font-size: 15px;
    padding: 4px 16px;
    margin: 5px 3px;
    background: #eef8ff !important;
    font-weight: 600;
    color: #000;
    border: 1px solid #45a2e2  !important; }

  .header1{border-radius: 15px;
    font-size: 15px;
    padding: 4px 16px;
    margin: 5px 3px;
    background: #eef8ff;
    font-weight: 600;
    color: #000;
    border: 1px solid #45a2e2;}    
    .infofisrt {font-size: 13px;font-weight: 600;color: #000;border-radius: 30px;background: #efefef;}
    .infosec {font-size: 13px;color: #000; font-weight: 600;}
    .paddtb3 {padding: 3px 0px;}
    .picreport { width: 119px;height:105px;border: 1px solid #ccc;margin: 0 auto;    box-shadow: 0px 2px 4px 2px #ccc;}
    .signreport { width: 89%;height:53px;border: 1px solid #ccc;margin: 0 auto;    margin-top: 4px;    box-shadow: 0px 2px 4px 2px #ccc;}
    .picreport img{ width:116px;height: 102px}
    .signreport img{width: 150px;height:50px; margin: 0 auto;    display: block;}


.apline {
    font-size: 16px;
    color: #000;
    background: #e8e6e6;
    padding: 5px 20px 5px 17px;
    border-radius: 6px;
    border: 1px solid #ccc;}
.aprrobve{margin-top:30px}
.aprrobve table{border: 1px solid #ccc}
.aprrobve .table>tbody>tr>td{color:#000;font-size: 14px;font-weight: 600}
.red{color:#f10000;font-weight: 600;font-size: 14px;background: #ffecec;padding: 2px 9px;border-radius: 15px;border: 1px solid #ff2e2e;}
.green {color: #000;font-weight: 600;font-size: 14px;background: #b8ffa6;padding: 2px 9px;border-radius: 15px;border: 1px solid #2ab707;}
.centss {border-bottom: 2px solid #238afb;padding: 0px 3px;}
.imgddiv {text-align: center}
.imgddiv img {
    width: 100px;
    border-radius: 50%;
    padding: 7px;
    background: linear-gradient(to right,#cbffff,#eaf5fb);
    border: 1px solid #21abf3;
    box-shadow: 0px 0px -1px 2px #43bcff;
}
.welcomhed h6{    text-align: center;font-size: 27px;padding: 3px 0px;font-style: italic;color: #000;margin: 1px;}
.welcomhed h5 {text-align: center;font-size: 18px;color: #000;background: #fff7d2;border-bottom: 1px solid #ffdd42;margin: 2px 0px;padding: 2px 0px;}
.green1 {color: #0a0a0a;font-weight: 600;font-size: 13px;background: #d2ffc7;padding: 2px 9px;border-radius: 15px;}
.red1 {color: #f10000;font-weight: 600;font-size: 13px;background: #ffecec;padding: 2px 14px;border-radius: 15px;} 
 

@media print {
.reportmain {width: 100%;    padding:0px;}
.col-md-1, .col-md-2, .col-md-3, .col-v-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}

.col-md-6 {width: 50%;}

.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%; }
        
 .col-md-7 {width: 38.33333333%}       
 .col-md-5 {width: 60.66666667%;}
        
        
.pritfull{width:50% !important}   
.repoheader h1 {font-size: 17px; margin: 0px 0px; line-height: 20px;}

.infofisrt {font-size: 12px;}
.infosec  {font-size: 12px; font-weight: normal}
i.fa.fa-tags {display: none;}
.paddtb3 {padding: 1px 0px;}
.repoheader p {font-size: 13px;}

.reportmain .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{    padding: 1px;}
.undertak p{font-size: 11px; margin-bottom:5px}  
.picreport img {width: 100px;height:100px;}
.picreport{width: 100px;height:100px;}
.sdcs .infosec{font-size: 11px !important;}
.sdcs b{font-size: 11px !important;}
 i.fa.fa-book {display: none;} 
   .header1{border-radius: 15px;
    font-size: 15px;
    padding: 4px 16px;
    margin: 5px 3px;
    background: #eef8ff;
    font-weight: 600;
    color: #000;
    border: 1px solid #45a2e2;}     

.reportmain h5{border:1px solid #cecece !important; font-weight: 600;font-size: 15px;background-color: #cecece !important;border-radius: 15px;padding: 3px 16px;margin: 2px 3px;text-align: center; -webkit-print-color-adjust: exact;}     
.table>thead>tr>th {border: 1px solid #fff !important; font-weight:bold;  -webkit-print-color-adjust: exact; background-color: #cecece !important}
.colr-ts { background: #cecece !important;color: #000 !important;font-weight: 600; -webkit-print-color-adjust: exact; }


tr.colr-ts{ background: #cecece !important;color: #000 !important;font-weight: 600; -webkit-print-color-adjust: exact; }
.qulidet .table>tbody>tr>td{font-size: 12px;}
.qulidet .table>thead>tr>th {font-size: 12px;}
.table>tbody>tr>td{font-size: 12px;}
.table>thead>tr>th {font-size: 12px;}
.mit-logo{text-align: center; width:370px; margin:0 auto;} 
 .ejdunam {font-size: 15px;font-weight: 600;color: #000;background: #e6e4e4;border: 1px solid #002a94;padding: 2px 16px;  border-radius: 18px;}


}
/* Report page */

@media screen and (max-width: 1150px) {
 .selfrgi {width: 95%;}  
.newadmin {width: 99%;}
.spcific {width: 98%;}
.ssc-table{width:98%;}
}

@media screen and (max-width: 1120px) {
.boxlogm {width: 92%;}
.loginbox {width: 90%;}  
.infostud {width: 75%;}
.sportbox{width: 98%;}
.reportmain {width: 100%}    
}
@media screen and (max-width: 1060px) {
.personaltab .nav-pills>li.active>a{padding: 6px 7px;font-size: 14px;}
.personaltab .nav-pills>li>a{padding: 6px 7px;font-size: 14px;}
.navbar-text {font-size: 18px;}

}
@media screen and (max-width: 900px) {
.boxlogm {width: 92%;}
.infostud {width: 95%;}
.personaltab .nav-pills>li>a {padding: 5px 7px;font-size: 11px;}
.personaltab .nav-pills>li.active>a {padding: 5px 7px;font-size: 11px;}
}

@media screen and (max-width: 676px) {
.nwedimg img {width:140px;height: 105px;}
.fisrtclr {height: 72px;}
.nwedimg {text-align: center;margin-top: -65px;}
}

@media screen and (max-width: 480px) {
.qulified-table{width:100%}
.boxlogm {width: 92%; padding-bottom: 10%;}
.loginbox {width: 97%;padding: 14px 5px;margin-top: 4%;  }
.bg-img{padding-top: 2%; height: 800px  }    }



