/*---Body Class----*/
.ibody
{
margin-top:15px;
margin-left:25px;
padding:0px;
}
/*-------*/
/*-------*/
.maintable
{
	width:99.4%;
}
/*-------*/

/*---Top Header----*/
.topheader
{
background: linear-gradient(90deg, #2569b9 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
color:white;
padding:5px;
/*position:fixed;*/
top:0px;
/*width:97.5%;*/
width:100%;
z-index:2;
}
/*-------*/

/*---logotd----*/
.logotd
{
width:110px;
}
/*-------*/

/*---logoimage----*/
.logoimage
{
width:110px;
}
/*-------*/

/*---logoheader----*/
.logoheader
{
padding:0px;
background-color: none;
display: inline-block;
text-align:left;
}
/*-------*/

/*---logotitle----*/
.logotitle
{
font-size:38px;
padding-left:25px;	
}
/*-------*/

/*---logosubtitle----*/
.logosubtitle
{
	font-size:30px;
	padding-left:25px;
}
/*-------*/

/*---flexdiv----*/
.flexdiv
{
	display:flex;
	align-items:stretch;
	width:100%;	
}
/*-------*/

/*---leftmenudiv----*/
.leftmenudiv
{
background-color:#ffd9b3;
overflow-y:auto; 
overflow-x:hidden;
width:20%; 
display:inline-block;
min-height:550px;
/*max-height:100vh;*/
/*
flex-grow: 0;
max-height: -webkit-fill-available;
height:700px;
position:fixed;
top:0px; 
left:25px;*/
/*padding-bottom:550px;*/
/*display:inline; */
}
/*-------*/

/*---leftmenu ----*/
.leftmenu 
{
	/*width:100%;
	background-color:#ffd9b3;
	*/	
	padding:20px; 
}
/*-------*/

/*---lmenubackbutton----*/
.lmenubackbutton, .lmenubackbutton.active
{
	background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%);
	margin: 10px;
	padding: 10px 10px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	font-size:22px;
	font-weight:600;
	display: block;
	text-decoration:none;
	width:93%;
}
	  
.lmenubackbutton:hover 
{
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}
/*-------*/

/*---lmenubutton----*/
/*.lmenubutton
{
	font-size:30px;
	padding:5px;
	border-radius:10px;
	margin:10px 0px 10px;
	border:0px;
	background-color:lightgray;
	background: linear-gradient(90deg, #FFC300 0%, #FFC300 35%, #EC9F5B  100%);
	color:white;
	display:block;	
	text-decoration:none;
	width:100%;
}*/
.lmenubutton
{
	background-image: linear-gradient(to right, #1A2980 0%, #26D0CE  51%, #1A2980  100%);
            margin: 10px;
            padding:10px 10px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
			font-size:22px;
			font-weight:600;
            display: block;
			text-decoration:none;
			width:93%;
}
.lmenubutton.active
{
	
            margin: 10px;
            padding:10px 10px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
			font-size:22px;
			font-weight:600;
            display: block;
			text-decoration:none;
			width:93%;
			 background-color:  #1A2980; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
}
.lmenubutton:hover 
	{
		background-position: right center; /* change the direction of the change here */
		color: #fff;
		text-decoration: none;
	  }
.lmenubutton a 
{	
	text-decoration:none;
	width:100%;
}
/*-------*/

/*---contentdiv----*/
.contentdiv
{
	display:inline-block;
	width:79.5%;
	vertical-align:top;	
	/*
	margin-left:20%; 
	 margin-left:414px; */	
}
/*-------*/

/*---pageheadingtd----*/
.pageheadingtd
{
color:white;
font-size:25px;
}
/*-------*/

/*---pageheading----*/
.pageheading
{

background-color:#FFA500;
/*background-color:#aa6f1c;	*/
line-height:50px;
vertical-align:middle;
padding:5px;
font-weight:bold;
/* width:1430px; */
width:100%;
float:left;
display:inline;
}
/*-------*/

/*---contentinnerdiv----*/
.contentinnerdiv
{
	padding:15px;
	
}
.blueheading
{
	font-weight:bold;
	font-size:24px;
	color:blue;
}
.maroonheading
{
font-weight:bold;
font-size:22px;
color:#C00;
}
/*-------*/

/*---bottomanchor----*/
/*.bottomanchor
{
text-decoration:none;
font-size:28px;
font-weight:bold;
text-align:right;
color:black;
}*/
/*-------*/

/*---bottomimage----*/
.bottomimage
{
height:15px;
width:20px;
}
/*-------*/

/*---nextpagebutton----*/
.nextpagebutton 
{
  background-color: #0078d0;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.nextpagebutton:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
}

.nextpagebutton:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .nextpagebutton {
    padding: 16px 48px;
  }
}
/*-------*/

.contenttd
{
	height:920px;	
}





/*---Common----*/
ul li{
	
	margin-bottom:5px;
	padding:5px;
}
ol li{
	
	margin-bottom:5px;
	padding:5px;
}
.paragraph
{
text-align:justify;
padding:5px;
margin:5px;
font-size:20px;
}
.fontsize
{
	font-size:20px;
}
/*-------*/

/*---Media Queries----*/
@media screen and (max-width: 800px) 
{
 	.lmenubutton
  	{
		font-size:18px;
		padding:2px;
	}
	.leftmenu 
	{
		padding:2px; 
	} 
}
@media screen and (max-width: 1024px) 
{
 	.lmenubutton
  	{
		font-size:18px;
		padding:4px;
	}
	.leftmenu 
	{
		padding:4px; 
	} 
}
/*---Media Queries----*/

/*---start of home page css---*/
.homebody
{
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
color:white;
background-color:#A1ED99;
margin-top:15px;
margin-left:25px;

}
.homebuttons
{
	
	padding:7px;
	border-radius:10px;
	margin:2px;
	border:1px;
	background-color:lightgray;
	background: linear-gradient(90deg, #FFC300 0%, #FFC300 35%, #EC9F5B  100%);	
	display:block;
	text-decoration:none;
	color:darkblue;
	
}
.homebuttonsh
{
	
	padding:11px;
	border-radius:10px;
	margin:5px;
	border:1px;
	background-color:lightgray;
	background: linear-gradient(90deg, #EC9F5B 0%, #EC9F5B 35%, #EC9F5B  100%);	
	display:block;
	text-decoration:none;
	color:darkblue;
	
}
.homebuttons a
{
  text-decoration:none;
}
#container
{
	text-align:left;
	padding-left:5px;	
}
.hcontainer .hthumbex .hthumbnail 
{
  overflow: hidden;
   
  width:100%; 
  height: 250px;
  position: relative;
  opacity: 0.88;
  backface-visibility: hidden;
  transition: all 0.4s ease-out;
}
.hcontainer .hthumbex .hthumbnail img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}
.hcontainer .hthumbex .hthumbnail span {
  position: absolute;
  z-index: 2;
  top: calc(150px - 20px);
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 50px;
  margin: 0 45px;
  text-align: center;
  font-size: 24px;
  color: white;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.2px;
  transition: all 0.3s ease-out;
}
.hcontainer .hthumbex .hthumbnail:hover {
 /* backface-visibility: hidden;
  transform: scale(1.15, 1.15);
  opacity: 1; */
}
.hcontainer .hthumbex .hthumbnail:hover span {
  opacity: 0;
}
.homeleft
{
height:700px;
 width:1400px;
}
.homelefttable
{
border-color:red;
/*margin-top:109px;*/
}
.homelefttable img
{
height:450px;
width:100%;
}
.homelefttable table
{
height:250px;
border-color:red;
width:100%;
}
.homelefttable table .image
{
margin-top:0px;
}

.homeright
{
width:490px;
/*margin-top:115px;*/
 margin-right:25px;
}
.homeright .homerightbuttoni
{
width:100%;
}
.homeright img
{
height:80px;
width:130px;
}
.homerightbuttoni div
{
 font-weight:bold;
 font-size:35px;
}
.homerightbuttonih div
{
 font-weight:bold;
 font-size:30px;
}
.homerightbuttoni td:nth-child(odd)
{
width:30%;
}
.homerightbuttoni td:nth-child(even)
{
width:70%;
}
/* end of home page css*/


/*---start of institution page css---*/
.icontainer .ithumbex .ithumbnail {
  overflow: hidden;   
   width:250px; 
  height: 150px;
  position: relative;
  opacity: 0.88;
  backface-visibility: hidden;
  transition: all 0.4s ease-out;
}
.icontainer .ithumbex .ithumbnail img {
  position:absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 250px;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}
.icontainer .ithumbex .ithumbnail span {
  position: absolute;
  z-index: 2;
  top: calc(150px - 20px);
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 50px;
  margin: 0 45px;
  text-align: center;
  font-size: 24px;
  color: white;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.2px;
  transition: all 0.3s ease-out;
}
.icontainer .ithumbex .ithumbnail:hover {
  backface-visibility: hidden;
  transform: scale(1.15, 1.15);
  opacity: 1;
}
.backbutton{
	font-size:40px;
	padding:20px;
	border-radius:10px;
	margin:15px 0px 15px;
	border:5px;
	background-color:lightgray;
	background: linear-gradient(90deg, #FFC300 0%, #FFC300 35%, #EC9F5B  100%);
	color:red;	
	text-decoration:none;	
}
.districtthumbs
{
padding-left:50px;
}
.districtthumbs table
{
margin-top:115px;
}

.districtthumbs .dummy
{
box-shadow:0px 0px 0px ;
}
.districtthumbs .dummy table
{
margin-top:80px;
}

.districtthumbs table td
{
box-shadow:8px 8px 10px white;
}
.districtthumbs table td a
{
text-decoration:none;	
}
.districtthumbs table td a table
{
height:145px;
width:200px;
margin:0px;
padding:0px;
background-color:#35832a;
}
.districtthumbs table td a table td
{
margin:0px;
padding:0px;
}
.districtthumbs .districttop{
background: rgb(2,0,36);
background: linear-gradient(90deg, #E32E47 0%, #E32E47 35%, #E32E47 100%);
font-size:18px;
color:White;

font-weight:bold;
text-align:center;
padding:2px;

}
.districtthumbs .imagetd
{
padding:0px !important;
background-color:white;
 margin:0px !important;
}
.districtthumbs .imagetd image
{
width:250px;
height:150px;
}
.districtthumbs .districtbottom
{
font-size:18px;
margin:0px !important;
padding:0px !important;
background: rgb(2,0,36);
background: linear-gradient(90deg, #E32E47 0%, #E32E47 35%, #E32E47 100%);
}
.districtthumbs .districtbottom div
{
color:White;	
font-weight:bold;
text-align:center;
 padding:0px !important; 
 margin:0px !important;
  line-height:35px;
}
.righttd
{
width:1000px;
height:250px;
}
.righttd table
{
margin-top:115px;
width:100%;	

}
.righttd table table
{
margin-top:0px;
	
}
.righttd table td .image
{
width:100%;
height:230px;
}
.righttddiv
{
width:480px;
margin-left:150px;

}
.righttd td
{

 height:60px;
  color:black;
  
  
  padding-left:15px;
}


.fullforms td:nth-child(odd)
{
	text-align:left;
	 width:20%;
 height:60px;
  color:black;
  font-size:20px;
  font-weight:bold;
  padding-left:25px;
}
.fullforms td:nth-child(even)
{
	text-align:left;
	 width:80%;
 height:60px;
  color:black;
  font-size:20px;
  font-weight:bold;
  padding-left:25px;
}
.righttd .fullform1
{
 background-color:#d6d927;

}
.righttd .fullform2
{
background-color:#ffd9b3;
}
.righttd .fullform3
{
background-color:#9c9d63;
}
.righttd .fullform4
{
background-color:#ffbf80;
}
.righttd .fullform5
{
background-color:#89aac2;
}
.righttd .fullform6
{
background-color:#99ff99;
}
.righttd .fullform7
{
background-color:#ff9999;
}

.righttd .fullform1 td div
{
margin-left:25px;
font-weight:bold;
font-size:25px;
}
.ins_homebody
{
/*background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
color:white;
background-color:#A1ED99;*/
margin-left:5px;
}
.ins_shortcodes
{
width:500px;
height:300px;
}
.ins_homefullform
{
width:100%;
   color:black;
  font-size:20px;
  font-weight:bold;

	}
.ins_fullformheading
{
      background-color:#900;
	  text-align:center;
	  height:50px;	
	  color:white;
}
.ins_homefullform1
{
	/*background-color:#ffd9b3;*/
	background-color:#F5DEB3;
	text-align:center;
	font-weight:bold;
	height:50px;	
}
.ins_homefullform2
{
	background-color:#FFF;	
	text-align:center;
	font-weight:bold;
	height:50px;
	
}

.ins_homefullform3
{
	background-color:#f5aa78;	
	text-align:center;
	font-weight:bold;
	height:50px;
	
}
.ins_homefullform4
{
	background-color:lightblue;
	height:50px;	
	text-align:center;
	font-weight:bold;
}

.ins_button
{	
	font-size:40px;
	padding:20px;
	border-radius:10px;
	
	background: linear-gradient(90deg, #FFC300 0%, #FFC300 35%, #EC9F5B  100%);
	color:red;	
	text-decoration:none;	
	}

.example1
{
border: 5px solid;
box-shadow: 2px 2px 2px 2px lightgray;
border-radius: 5px;
width:100%;
}
.example2
{
border: 5px solid;
box-shadow: 2px 2px 2px 2px lightgray;
border-radius: 5px;
width:100%;
}
.example3
{
border: 5px solid;
box-shadow: 2px 2px 2px 2px lightgray;
border-radius: 5px;
width:100%;
}
.example4
{
border: 5px solid;
box-shadow: 2px 2px 2px 2px lightgray;
border-radius: 5px;
width:100%;
}
/*---end of institution page css---*/

/*---Start of About University---*/
.aboutuniversity_board .pp_img
{
	height:70px;
	width:70px;
}
.aboutuniversity ol li
{
  
	margin-bottom:15px;
	text-align:justify;

}

/*---End of About University---*/

/*---start of df/sheep/goat/backyard---*/ 
#active
{
	border:0px solid black;
}

.cvscrlibrary td
{
	padding:5px;
	border:solid black 1px;
}
.sticky{
	 position: fixed;
  top: 0;
  width: 100%
}


.ibody table tr td div{
	margin-top:0px !important
}


.active
{
color:white ;
background:#EC9F5B ;
}

.pageheading_ins_pg
{

background-color:#FFA500;
/*background-color:#aa6f1c;	*/
line-height:50px;
vertical-align:middle;
padding:5px 0px;
font-weight:bold;
/* width:1430px; */
width:50%;
float:left;
display:inline;
}
.pageheadingbtn
{

/*background-color:#FFA500;*/
/*background-color:#aa6f1c;	*/
line-height:50px;
vertical-align:middle;
padding:0px;
font-weight:bold;
/* width:1430px; */
width:50%;
float:left;
display:inline;
}
.hmenubutton
{
			background-image: linear-gradient(to right, #1A2980 0%, #26D0CE  50%, #1A2980  100%);
            margin:5px;
            padding:0px 20px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
			font-size:20px;
			font-weight:600;
            display: block;
			text-decoration:none;
			}


.anchor {
    position: absolute;
    margin: -139px;
}
.pebbairaboutcontent{
	padding:115px;
	}

/* end of cattle/sheep/goat/backyard css*/ 






/* start of korutla css */

.center
{
text-align:center;
}
.tablestyle td
{
padding:5px !important;	
}
.tableheader
{	
background-color:#cfe0e8;
padding:5px;
}

.tablebodykorutla
{	
background-color:#b7d7e8;
height:220px;
width:650px;
/*width:715px;*/
}
.tablebody
{	
background-color:#b7d7e8;
}

.tablebody table{	
	width:100%;
	height:100%;
	}
.tablebody table th{
	border:1px solid #b7d7e8;
	
	}
.tablebody table td{
	border:1px solid #a0b2e9;
	padding:5px;
	}
.tablehead th 
{
 background-color:#2569b9;	
 color:white;
 padding:5px;
}
.deptheading
{
background-color:#85C1E9; 
padding:5px;	
}
/*

/* end of korutla css*/

/* images styling for larger preview*/

.myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.myImg:hover {opacity: 0.8;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 144px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.0); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 1000px;
}

/* Caption of Modal Image */
.caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 350px;
}

/* Add Animation */
.modal-content, .caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: relative;
  top: 10px;
  left: 490px;
  color:red;
  font-size: 50px;
  font-weight: bold;
  transition: 0.3s;
 
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
/*end of images styling for larger preview*/

/*---style3---*/
.three{ 
  position: relative;
  z-index:1;
}
.three h1 {
  font-size: 22px;
  font-weight:bold;
  color:red;
	
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;

}
.three h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  
  height: 5px;
  width: 50px;
  background-color: #111;
}
.three h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  
  height: 1px;
  width: 12%;
  max-width: 250x;
  background-color: #333;
}
/*---style3---*/

/*---style1---*/
.one h1 {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
  color:#F0F;
  font-size:22px;
	position:relative;
}
.one h1:before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: #b80000;
}
.one h1:after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 20px;
  left: 50%;
  margin-left: -50px;
  background-color: #b80000;
}
/*------*/





/*---Table Styles---*/
.table{	
	width:100%;
	height:100%;
	}
.table th{
	border:1px solid #b7d7e8;
	
	}
.table td{
	border:1px solid #a0b2e9;
	padding:5px;
	}
.table th 
{
 background-color:#2569b9;	
 color:white;
 padding:5px;
}
/*------*/