@charset "utf-8";
/* CSS Document */
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Arvo:700);
@import url(https://fonts.googleapis.com/css?family=Seaweed+Script);
@font-face {
	font-family: 'robot';
	src: url('fonts/robot.eot');
	src: local('☺'), url('fonts/robot.woff') format('woff'), url('fonts/robot.ttf') format('truetype'), url('fonts/robot.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'hindi';
	src: url('fonts/utsaah.eot');
	src: local('☺'), url('fonts/utsaah.woff') format('woff'), url('fonts/utsaah.ttf') format('truetype'), url('fonts/utsaah.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family:'robot';
	line-height:25px; color:#000; background:#EEEEEE;
	margin:0px;
	-webkit-text-stroke: 0.001px transparent;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	
/*webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;      -ms-user-select: none;  user-select: none;*/
}
img{border:none;}
li{list-style-type:none;}
a{text-decoration:none; -moz-transition: all 0.3s ease-out;	-o-transition: all 0.3s ease-out;-khtml-transition: all 0.3s ease-out;	-ms-transition: all 0.3s ease-out;	-webkit-transition: all 0.3s ease-out;}
.fix{clear:both;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; margin:0px; padding:0px; padding:5px;}

/**************headings***************/
.title{color:#053D67; padding:0px; margin:0px; text-align:center;font-size:25px; font-weight:bold; padding-top:15px; padding-bottom:5px; line-height:45px; }
.head1{width:100%;}
.head1 h1 {position: relative;text-align:center; font-size:16px;}
.head1 h1 span {background:#FFC90E;padding:0 15px;position: relative;z-index: 1;}
.head1 h1:before {background:#FFC90E;content: "";display: block;height: 1px;position: absolute;top: 50%;width:100%;}
.head1 h1:before { left: 0;}

.head2{width:100%;}
.head2 h1 {position: relative;text-align:center; font-size:1px;}
.head2 h1 span {background:#EE161F;padding:2px 20px;position: relative;z-index: 1; color:#EE161F;}
.head2 h1:before {background:#000;content: "";display: block;height: 1px;position: absolute;top: 50%;width:100%;}
.head2 h1:before {left: 0;}
/**************headings***************/

.wrapper{width:1100px; margin:0 auto;height:auto; overflow:hidden;}
.footer{clear:both; text-align:center; color:#999; width:100%; margin-top:40px;}
.left{float:left;}
.right{float:right;}
.lberror{font-size:18px; background:#F00; color:#fff; font-weight:bold; display:block; padding-left:10px; line-height:30px; margin-top:20px; margin-bottom:10px;}
.lbsucc{font-size:18px; background:#060; color:#fff; font-weight:bold; display:block; padding-left:10px; line-height:30px; margin-top:20px; margin-bottom:10px;}
.deny{width:704px; height:335px; overflow:hidden; margin:0 auto; background:url(denied.png) center no-repeat; box-shadow: 0 2px 3px rgba(0,0,0,0.1); text-align:center;}
.deny a{text-decoration:none; color:#FF0000;}
@media all and (max-width: 768px){
.left{float:none;}
.right{float:none;}
.wrapper{width:97%; margin:0 auto;height:auto; overflow:hidden;}
}

/*************header*********/
.top{height:35px; background:#053D67; border-bottom:#E63B24 inset 2px; line-height:35px; text-align:right; color:#fff;}
.top i{color:#fff; font-size:16px; margin-right:10px; margin-left:15px;}
.top a{color:#fff; padding:0 10px; font-size:13px; text-transform:uppercase;}
.top a:hover{color:#aaa;}
.top .clock{}
.top .links{display:block;}
.top .links li{float:left; margin-right:10px;}
.top .links li i{margin-left:10px;}

.header{height:auto; overflow:hidden; width:100%; background:#fff; border-bottom:#000 solid 1px; z-index:9999; color:#053D67; box-sizing:border-box;}
.header img{height:110px; width:auto;}

.navbar{width:100%; height:auto; overflow:hidden; background:#fff; padding:5px 0px; text-align:right;}
.navbar a{padding:5px 15px; margin:0 10px; background:#0070C0; border-radius:4px; color:#fff; line-height:35px;}

.sticky {position: fixed;top: 0;width: 100%;}
.sticky + .content {padding-top:100px;}

@media all and (max-width: 768px){
.header{overflow:hidden; width:100%; height:auto; background:#fff; border-bottom:#000 solid 1px; z-index:9999;}
.header img{width:100%; height:auto;}
.top .clock{display:none;}
.top .links{text-align:left;}
}

/*************header*********/

/**************Table**************/
.frmtable {border-collapse: collapse; border-spacing:0; width:100%;}
.frmtable td,
.frmtable th{vertical-align:top; padding-left:5px;}
.frmtable .step{width:100%; text-align:center;}
.frmtable .step i{margin-right:5px; background:#fff; font-size:20px; padding:10px; border-radius:100%;}
/**************Table**************/


/*****************panel*************************/
.panel{height:auto; width:97%; background:#fff; height:auto; margin:0 auto;-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);   -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); min-height:250px; border-bottom:#007AAE solid 4px;}
.panel .pgtitle {background:#007AAE; color:#fff;padding-bottom:10px;border-bottom:1px inset #fff;padding-left:5px;padding-top:8px;  padding-right:5px; font-size:20px;}
.panel .pgtitle i{margin-right:10px; color:#fff;}
.panel .pgtitle a{float:right; padding:0 10px; display:block; background:#fff; color:#000; margin-right:5px;}
.panel .pgtitle a i{margin-right:5px; color:#00B9F5; text-transform:none;}
.panel .pgtitle a:hover{color:#00B9F5;}
.panel .main{width:100%; padding:10px; box-sizing:border-box;}

.input{width: 100%; color: #000;background: none; outline: none; font-size:15px; padding:.4em .3em; border: solid 1px #aaa; box-sizing:border-box; margin-bottom:12px;}
.input:focus{border:#0797C6 solid 1px;}
.input::placeholder{color:#CCC;}

.button{display:block; text-align:center; line-height:32px; color:#fff; font-size:19px; border:none; cursor:pointer; padding:0 10px;}
.btn_grid{display:block; text-align:center; line-height:30px; color:#fff; font-size:16px; border:none; cursor:pointer; padding:0 10px;}
.blue{background:#053D67; border-top:#0797C6 solid 1px; border-bottom:#053D67 solid 1px;}
.blue:hover{background:#035898;}
.hide{display:none;}


.white{background:#fff; color:#0797C6;}
.white:hover{background:#00B9F5;}

.navy_blue{background:#00B9F5;}
.navy_blue:hover{background:#0797C6;}
.red{background:#C70303;}
.red{background:#AB0404;}
.btn_des{background:#ccc; color:#fff; cursor:default;}

.box{width:450px; margin:0 auto; margin-bottom:40px; background-color:rgba(255,255,255,.97);height:auto;margin:0 auto;-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);   -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); margin-top:20px; overflow:hidden; border-bottom:1px inset #BFBFBF;}
.box .innerbox{height:auto; overflow:hidden; width:100%; padding:10px; box-sizing:border-box;}
.box .innerbox h3 {color: #053D67;border-bottom:1px inset #ccc;padding-left:5px;margin-bottom:10px; line-height:40px; font-weight:normal;}
.box .innerbox h3 i{margin-right:10px; color:#053D67;}
.box .innerbox .link{text-decoration:none; display:block; text-align:center; width:100%; background:#007AAE; color:#fff; padding:5px 0px;}
.box .innerbox .link:hover{background:#053D67; color:#fff;}
/*****************panel*************************/

/***********student login*************/
.stdlogin{width:370px; margin:0 auto; margin-bottom:40px; background-color:rgba(255,255,255,.97);height:auto;margin:0 auto;-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);   -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); margin-top:20px; overflow:hidden; border-bottom:1px inset #BFBFBF; border-radius:10px;}
.stdlogin .login{height:auto; overflow:hidden; width:100%; float:left;}
.stdlogin .login h3 {color: #053D67;border-bottom:1px inset #ccc;padding-left:5px;margin-bottom:10px; line-height:40px;}
.stdlogin .login h3 i{margin-right:10px; color:#053D67;}
.stdlogin .main{padding:10px;}
.stdlogin .inputlog{background:none;padding:10px 10px 10px 5px;display: block;width:100%;margin-bottom:10px; box-sizing:border-box; border:#00A2E8 solid 1px;}
.stdlogin .inputlog:focus{outline:none; border-bottom: 1px solid #00A2E8;}
.stdlogin .inputlog::-webkit-input-placeholder {font-size:15px; text-transform:none;}
.stdlogin .btn{width:100%; display:block; text-align:center; line-height:40px; color:#fff; font-size:19px; border:none; cursor:pointer; border-radius:4px;}
.stdlogin .log{float:right; background:#00B9F5;}
.stdlogin .log:hover{background:#0797C6;}
.stdlogin .res{float:right; background:#C70303; margin-left:15px;}
.stdlogin .res:hover{background:#AB0404;}

.stdlogin .frg_pass{width:100%; background:#BFBFBF; text-align:center;}
.stdlogin .frg_pass a{background:#053D67; color:#fff; padding:4px 8px; line-height:35px;}
.stdlogin .frg_pass a:hover{background:#0B5D9A;}
/***********student login*************/


/**************popup form*******************/
.mesoverlay {
	background: rgba(0,0,0,0.8);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483847;
	opacity: 1;
}

.divproc {
	width: 100%;
	height: 250px;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-top: 60%;
}

	.divproc img {
		width: 70%;
		height: auto;
	}
/**************popup form*******************/

/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99;
}

#status {
	width: 100%;
	height: 250;
	overflow: hidden;
	text-align: center;
	position: relative;
	margin-top: 60%;
	background: #fff;
}

	#status img {
		width: 70%;
		height: auto;
	}
/* Preloader */


@media all and (max-width: 768px){
.box{width:98%; margin:0 auto;}
.stdlogin{width:98%; margin:0 auto;}
}


/*******dashboard report***************/
.dashboard{overflow:hidden; height:90px; width:31%; text-align:center;float:left; background:#fff; margin-left:17px; margin-bottom:10px;}
.dashboard .left{float:left; width:80px; padding-top:20px;}
.dashboard .left i{font-size:50px; height:90px; color:#fff;}
.dashboard span{font-size:27px; font-weight:bold; line-height:60px;}
/*******dashboard report***************/