body {
    background-color: #483d8b;
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialised !important;
}
h1,
h2,
h3,
h4{
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	text-transform:uppercase;
	font-weight: 700;
}
.banner{
	height:90px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	
	background-position:center center;
	background-size:cover;
	background-color:#483d8b;
	color: #ffffff;

}



.banner img{
	height: 90px;
	margin-left: 140px;
	float: overflow;
}
.banner h1{
	font-family: "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight: 700;
	margin-left: 50px;
}

.menu{
	height:42px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: lightblue;
	background-position:center center;
	background-size:cover;
	color: red;
	margin-top: 0px;

}
.menu p{
	text-align: center;
	color: black;
}





.dropmebtn {
    background-color: lightblue;
    color: #291959;
    padding: 9px;
    font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
    border: none;
    cursor: pointer;
}

.dropmebtndev {
    background-color: #9999e6;
    color: #291959;
    padding: 9px;
    font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
    border: none;
    cursor: pointer;
	
	position: absolute;
    right: 90px;
	top: 0px;
}

.dropmedown {
    display: inline-block;
	margin-right: auto;
	margin-left: auto;
}

.dropmedown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropmedown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropmedown-content a:hover {background-color: lightblue}

.dropmedown:hover .dropmedown-content {
    display: block;
}

.dropmedown:hover .dropmebtn {
	color: white;
    background-color: red;
}

.dropmedown:hover .dropmebtndev {
	color: white;
    background-color: #5b5bd7;
}






.dropmedown2 {
	color: black;
    text-decoration: none;
    display: block;
}
.dropmedown2-content {
    display: none;
	margin-left:70px;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropmedown2-content a:hover {
	background-color: lightblue;
	}

.dropmedown2:hover .dropmedown2-content {
    display: block;
}





.menutail{
	height:7px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-position:center center;
	background-size:cover;
	color: #ffffff;
	animation: pulse 20s infinite;
	-webkit-animation: pulse 20s infinite;
}

.footer{
	height:50px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-position:center center;
	background-size:cover;
	color: #ffffff;
	animation: pulse 20s infinite;
	-webkit-animation: pulse 20s infinite;
}
.footer p{
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-weight: 100;
	font-size:20px;
	color: white;
	/*margin-left: 550px;*/
	margin-top:13px;
}


.content{
	min-height: 480px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	background-position:center center;
	background-size:cover;
	color: #000000;
	/*border-style: solid;*/
}
.content h1{
	font-size: 2em;
	text-align: center;
}
.content h2,h3{
	text-align: center;
}
.content p{
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size: 1.5em;
	text-align: center;
	font-weight: 700;
}
.content img{
	display: block;
	margin: auto;
}

.vertical{
	height: 600px;
	width: 1200px;
	overflow: scroll;
}


.tablehead{
	background: light blue;
	overflow-y:auto;
}



table {
    border-collapse: collapse; /* make simple 1px lines borders if border defined */
}
tr {
    width: 100%;
}

.outer-container {
    background-color: #ccc;
    overflow: visible;
	width: 100%;
	height:500px;

}
.inner-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.table-header {
    float:left;
    width: 100%;
    overflow:hidden;
}
.table-body {
    float:left;
    height: 100%;
    width: inherit;
    overflow-y: scroll;
	padding-right: 16px;
}
.header-cell {
    background-color: black;
	color: white;
    text-align: center;
    height: 40px;
}
.body-cell {
    text-align: center;
	padding: 10px 10px 10px 10px;
}
.col1, .col3, .col5 {
    min-width: 150px;
}
.col2, .col4{
    min-width: 150px;
}
.col6{
    min-width: 80px;
}
.danger{
	background-color: #ef9b89;
}
.success{
	background-color: #cbef89;
}
.info{
	background-color: #89c5ef;
}
.failure{
	background-color: #e089ef;
}
.tip{
	background-color: #89efe1;
}
.extradutycol{
	text-align: center;
}
.viewfacultycol{
	text-align: center;
	width:100px;
}
.viewfacultycolname{
	text-align: center;
	min-width:150px;
}
.home_style {
    background-image: url("../image/bg1.jpg");
	background-repeat:no-repeat;
    background-size:cover;
	-webkit-filter: grayscale(20%); /* Safari 6.0 - 9.0 */
    filter: grayscale(20%);
	min-height: 600px;
	width:100%;
}
.opacity1{
	opacity: 0.7;
}
.opacity1:hover{
	opacity: 0.97;
}
.badge{
	font-size: 15px;
}
.vc{
	border-radius: 25px;
	background-color: white;
	 filter: alpha(opacity=60);
	  /* IE */
	  -moz-opacity: 0.6;
	  /* Mozilla */
	  opacity: 0.6;
}
.blockopacity{
	background-color: white;
	opacity: 0.4;
}
.coordinator{
	position: absolute;
    left: 60px;
	top: 15px;
}
.coordinator img{
	border-radius: 50%
}
.coordinator1{
	position: absolute;
    left: 200px;
	top: 40px;
}
.coordinator1 p1{
	text-transform: uppercase;
    font-size: 16px;
	font-weight: bold;
}
.coordinator1 p2{
	font-size: 20px;
}
.coordinator1 p{
	text-transform: capitalize;
}