body {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom:0px;
    margin-right:5px;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 20px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 300px;
}

.subtitle{color:navy; background-color:lightgray;text-align:center;margin-top:-20px}

.profileImage{
   border:2px solid #ddd;border-radius:20px;
   padding:20px;width:100%;overflow: auto;
}

.collapsible2{
  background-color: #003434;	
  color: white;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  border: 1px solid gray;
  border-left:1px solid #ddd;
  text-align: left;
  outline: none;
  font-size: 14px;
  font-weight:bold;
}

.collapsible2:hover {
  background-color: tomato;
}

.collapsible2:after {
  content: "\29BF";
  color: #ffff00;
  font-weight: bold;
  font-size:1.2em;
  float: right;
  margin-left: 15px;
  margin-right:10px;
}

.active2:after {
	content: "\2796";
}

.panel2 {
  padding: 5px 10px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  font-size:15px;
  color:navy;
  transition: max-height 0.2s ease-out;
}
.accordion2 {
  /*background-color: #fff;*/
  color: navy;
  cursor: pointer;
  padding: 1px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active2, .accordion2:hover {
  background-color: #ddd;
  text-decoration:none;
}

.accordion2:after {    
  /*content: '\1F783'; /*'\002B';*/
  font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\22EE" ; /*"\e114"; */   /* adjust as needed, taken from bootstrap.css */
  /*color: #0026ff;*/
  color: #ff0000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  transform: rotate(0deg);
  transition: all linear 0.25s;
  
  }

.active2:after {
    content: "\22EE" ; /*\e080";*/
  /*content: "\1F782";*/
  transform: rotate(-90deg);
  /*color:red;*/
  
}

.pbodymine{
    border-left:2px outset #0026ff;
    padding:0px;
}

.panel-title2{}

.panel-heading2 {
      
color: #223322 !important;
      
background-color: #fff !important;
opacity:.8;
      
padding: 10px;
      
border-bottom: 1px solid transparent;
border-left:1px solid #00ff00;
      
border-top-left-radius: 0px;
      
border-top-right-radius: 0px;
     
border-bottom-left-radius: 0px;

border-bottom-right-radius:0px;
font-weight:bold;

}

#subjectList{
	 		font-size:14px;
	 		color:#000000;
	 		font-weight:bold;
	 		padding-left:0px;
	 		padding-top:0px;
	 		/*padding-bottom:0px;*/
	}
	
	#subjectList ul{
		
		list-style-type:square;
		font-size:14px;
		color:#ffffff;
		font-weight:bold;
		
			
	}
	
	#subjectList ul li h3{
		font-size:14px;
		color:#00ff00;
		font-weight:bold;		
	}
	
	#my-tab-content ul{
		
		list-style-type:disc;
		font-size:14px;
		color:#ffffff;
		
	}

  /*form.example input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

  form.example::after {
  content: "";
  clear: both;
  display: table;
}*/





#search {
    font-weight:bold;color:navy;font-size:1.5em;
    
  padding-left: 30px;
  font-size:1.5em;
  font-weight:bold;
  margin: 8px 0;
  border:0px solid #fff ;
  width:500px;
}

/*
input {
  width: 100%;
  padding:12px 16px;
}*/

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 80%;
    margin: auto;
    
  }

footer .glyphicon {
    font-size: 20px;
    margin-bottom: 20px;
    color: #f4511e;
  }

.slideanim {visibility:hidden;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @*@media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
      width: 100%;
      margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
      font-size: 150px;
    }
  }*@

/*#navmenu ul li :  hover{
  
  background-color: #00ff21;
  color:#ffffff;font-weight:bold;
  border-bottom: 3px solid #00ff21;	
  
}*/