*{margin: 0; padding: 0;}
a:hover{text-decoration: none;}
body {
    margin: 0 auto; padding: 0;
    color: #252525;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px !important;
    line-height: 18px;
}
/* @media ( max-width :360px) {
	.callbacks_nav {
		top: 173%;
	}
	.container-fluid {
		margin-left: 0;
		margin-right: 0;
		margin-top: 13%;
	}
 */

/* .container-fluid{margin: 0; padding: 0;} */
.container{max-width: 999px;}
  .bg-color{background: #14363e; padding: 5px; }
/*.bg-color{background-image:url('/images/header-bg.png'); padding: 5px; }*/
 
.welcome-guest{ height: 15px; }
ul.welcome-guest  li a{color: #fff;}
.menu-header{background: #e3c426;
    height: 39px; margin-bottom: 5px;}
.menu-header ul li{margin: 0; padding: 0; list-style: none; float: right;}
#custom-search-input{margin-top: 25px;}
/*************************************************/
#theme-style .theme4 {
    background: #FFF;
    color: #000;
    font-weight: bold;
    border: 1px solid #000;
    padding: 0 4px;
    font-size: 10px;
    margin-right: 5px;
}
#theme-style .theme1 {
    background: #000;
    color: #fdeb44;
    font-weight: bold;
    border: 1px solid #fdeb44;
    padding: 0 4px;
    font-size: 10px;
}
#theme-style .theme2 {
    background: #000;
    color: #FF33FF;
    font-weight: bold;
    border: 1px solid #FF33FF;
    padding: 0 4px;
    font-size: 10px;
}
#theme-style .theme3 {
    background: #1529B6;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 0 4px;
    font-size: 10px;
}

/* #theme-style a {text-indent:-99999px;}
#theme-style .theme1 {background:#000;color:#fdeb44;font-weight:bold;border:1px solid #fdeb44;padding:0 4px;font-size:10px;}
#theme-style .theme1:hover {background:#fdeb44;color:#000;font-weight:bold;border:1px solid #000;padding:0 4px;	font-size:10px;}
#theme-style .theme2 {background:#000;color:#FF33FF;font-weight:bold;border:1px solid #FF33FF;	padding:0 4px;	font-size:10px;}
#theme-style .theme2:hover {background:#FF33FF;color:#000;font-weight:bold;border:1px solid #000;padding:0 4px;	font-size:10px;}
#theme-style .theme3 {background:#1529B6;color:#fff;font-weight:bold;border:1px solid #fff;padding:0 4px;font-size:10px;}
#theme-style .theme3:hover {background:#fff;color:#0000ff;font-weight:bold;	border:1px solid #1529B6;padding:0 4px;font-size:10px;}
#theme-style .theme4{background:#FFF;color:#000;font-weight:bold;border:1px solid #000;padding:0 4px;font-size:10px;margin-right:5px;}
#theme-style .theme4:hover {background:#000;color:#FFF;font-weight:bold;border:1px solid #FFF;padding:0 4px;font-size:10px;} */
ul.list-inline {margin: 0; padding: 0; color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}
ul.list-inline li{margin: 0; padding: 0; color: #fff;}
ul.list-inline li a{margin: 0; padding: 5px ; color: #fff; text-decoration: none;}
/***********************************************/
.jobportal-link ul{text-align: center;}
.jobportal-link ul li{margin: 0; padding: 0; list-style: none;  display: inline;  }
.jobportal-link ul li a{margin: 0; padding:10px 10px; text-align: center; color: #333;}
.nic-logo{float: right;}
/* added by sarba */
#footer_wrapper {
    clear: both;
    width: 100%;
    background: #74d41d    url(images/apps_footer.png) repeat-x;
color: #fff;
}
.txt-lable{padding-top: 5px;margin-bottom: 0;text-align: right; font-size: 12px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}
.txt-inputbox{ font-size: 14px;height: 25px; width: 100%; color: #333; color: #555;  background-image: none; border: 1px solid #ccc; }
.panel-common{margin-bottom: 15px; margin-top: 15px; height: 35px; width: auto; text-align: center; background-color: #74d41d;}
.panel-common a{color: #fff;}
.panel-common a:hover{color: #eee; text-decoration: none;}
.panel-common:hover{background: #e74c3c;}
.text-style{font-style: italic; font-weight: 400;}



/* carousel */

.media-carousel 
{
    margin-bottom: 0;
    padding: 0 40px 5px 40px;
    margin-top: 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 21px;
    padding: 5px;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 21px;
    padding: 5px;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
    background: #333333;
}
.media-carousel img
{
	width: 81px;
height: 65px;
}
/* End carousel */

/*registation-page-css*/
.form-group {
    margin-bottom: 10px;
}
.page-header {
    padding-bottom: 0px;
    margin: 18px 0 0 ;
    border-bottom: 1px solid #eee;
   
}.add-height-50px{
	height: 50px;
	
}
.page-header-red {
   
    border-bottom: solid 1px #cd0a0a;
}
.page-header-green {
   
    border-bottom: solid 1px #029d84;
}
.page-header-blue {
   
    border-bottom: solid 1px #1529B6;
}


.input-group-addon {
    padding: 3px 12px;
    }

.form-horizontal .radio-inline {
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

.list-of-pia,.list-of-departments,.userlogin{height: 334px;}


.add-height-50px{
	height: 50px;
}
thead:first-child > tr:first-child > th {
    border-top: 0;
    font-size: 11px;
   
}
.navbar-inverse {
    background-color: #337ab7;
    border-color: #337ab7;
    color:#fff;
    
}


.top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus {
    color: #fff;
    background-color: #333;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #FFF;
    background-color: #333;
}

.side-nav{
	 background-color: #337ab7;
    border-color: #337ab7;
    
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li {
    float: left;
    border-bottom: solid 1.2px #eee;
}
.side-nav li a:hover, .side-nav li a:focus {
    outline: medium none;
    background-color: #333 !important;
}
.side-nav > li > ul > li > a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #000;
    background-color:#f0f0f5;
}
#page-wrapper{
	padding-top: 84px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	
	font-size:11px;
	font-style:"Arial";
	}
	.table th{
	font-size:10px;
	color: #ffffff;
	background-color: #337ab7;
	}
	table.x tr:NTH-CHILD(odd){background-color: #ebf4fc;}
label{
	
	font-weight:400;
	font-size:12px;
}
.table > tbody > tr > td{
	padding: 2px;
	line-height:2;
}
 .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .table>thead>tr.success>th
  {
  }

.table>tbody>tr.success>th
  {
    background-color: #4493D6; color:#fff;
}
.admi-form{border: 1px solid #eee; padding-bottom:15px}
.admin-head .page-header{border: 0px;padding:0 0 15px 0; color:#ff9900; font-size:24px; margin:3px 0 }
.add-height{margin:2px 0px 3px;}
.res-sub{padding-top:10px }
.btn-costum{
    color: #fff;
    background-color: #ff9900;
    border-color: #e68a00;
}
.btn-costum:hover {
    color: #fff;
    background-color:#cc7a00;
    border-color: #b36b00;
}
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
     color:#070750
}


.pers-i{margin-left: 30px; color:#3366ff; border-bottom:1px solid #eee; font-weight: bold; margin-bottom: 10px}
.pers-info{margin-left: 30px; color:#3366ff;  font-weight: bold; margin-bottom: 10px}
.pers-j{margin-left: 30px; color:#3366ff; border-bottom:1px solid #eee; margin-bottom: 10px}
.sig-depart{margin-left:15px; padding-top: 50px;}
.panel-default > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #e6ac00;
    font-size:11px;
}
.panel-title{font-size:12px; !important}
.course-off{color:#000;}
.course-off:hover{color:#ff0000;cursor: pointer}
.train-reg{padding-bottom:15px;}
.train-reg-f label{font-weight: 600}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
    padding: 8.8;
}
.mis-logo-dept{
	background-color: #faffbd;
    border: solid 1px #8a6d3b;
    border-radius: 4px;
}
.list{border-color: #8a6d3b;}

.naveen-logo{margin-left: 274px;}


.captcha-image {
    width: 125px;
    height: 35px;
}

/* added by RAKESH */
.button {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.infobutton {
	background-color: #4DC9FF;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
.dangerbutton {
	background-color: #b30000;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
.primarybutton {
	background-color: #204d74;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
.button1 {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
}

.button2:hover {
	box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
}

 /* Next & Previous Button */
.previous {
    background-color: #f1f1f1;
    color: black;
}

.next {
    background-color: #4CAF50;
    color: white;
}



/* DASHBOARD */
body {background:white;}

.box h3{
  text-align:center;
    position:relative;
   top:-18px;
    color: white;
}
.box2 h3{
  text-align:center;
    position:relative;
   top:-18px;
    color: white;
}
.box3 h3{
  text-align:center;
    position:relative;
     top:-18px; 
    color: white;
}
.box4 h3{
  text-align:center;
    position:relative;
    top:-18px;
    color: white;
}

.box5 h3{
  text-align:center;
    position:relative;
    top:-18px;
    color: white;
}

.box6 h3{
  text-align:center;
    position:relative;
    top:-18px;
    color: white;
}
.box7 h3{
  text-align:center;
    position:relative;
    top:-18px;
    color: white;
}
.box8 h3{
  text-align:center;
    position:relative;
    top:-18px;
    color: white;
}
.box9 h3{
  text-align:center;
    position:relative;
    top:-18px;
    color: white;
}
.box {
border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#f86924;
    height:130px;
    
}

.box2 {
	border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#bd2f2f;
    height:130px;
  
}
/* width: 100%;
height: 146px; */
.box3 {
	
	border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#1e8bc3;
    height:130px;
	
}
.box4 {
	border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#00a376;
    height:130px;
	
}

.box5 {
	border-radius: 26px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#e4643a;
    height:130px;
	border:3px solid grey;
}
.box6 {
	border-radius: 26px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#a0150e;
    height:130px;
	border:3px solid grey;
}
.box7 {
	border-radius: 26px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#2389ba;
    height:130px;
	border:3px solid grey;
}
.box8 {
	border-radius: 26px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    background:#2a6f19;
    height:130px;
    border:3px solid grey;
}

.box9 {
	border-radius: 26px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 85%;
    background:#23ba5f;
    height:130px;
	border:3px solid grey;
}


/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*PAGE TITLE UNDERLINE START HERE*/


/*PAGE TITLE UNDERLINE end HERE*/
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.caption {
	width: 100%;
	left: 0%;
}
}
@media(max-width:768px){
.callbacks_nav {
	  	top: 47%;
}
}
@media(max-width:640px){
.callbacks_tabs a:after {
	height: 10px;
	width: 10px;
}
.caption p {
  font-size: 1em;
  margin: 0.5em 0 0;
  line-height: 1.5em;
}
}
@media(max-width:480px){
.callbacks_nav {
	top: 60%;
}
.caption p{
	margin:0.5em 0;
}
.callbacks_tabs a:after {
	height:8px;
	width: 8px;
}
ul.callbacks_tabs.callbacks1_tabs {
	bottom: -30px;
	left: 4px;
}
}
@media(max-width:360px){
.callbacks_nav {
  top: 173%;	
}

.container-fluid {
		margin-left: 0;
		margin-right: 0;
		margin-top: 5%;
	}
.callbacks_nav.next {
  right: 69%;
}
.caption p{
	margin:0.2em 0;
}
.callbacks_tabs a:after {
	height:8px;
	width: 8px;
}
ul.callbacks_tabs.callbacks1_tabs {
	bottom: -36px;
	left: 0px;
}
.callbacks_nav {
	margin-top: -90px;
}
}