#footer
	
	{
		border-bottom:10px solid #ff6600;
		color: white;
		font-weight:25px;
	}
	
	#tooltip2:hover
	
	{
		 max-height:50px;
	}
	 
	li:hover
	{
		background-color: #2E6B95;
		border:1 px solid #2E6B95;
		color: white;
	}
	#li4:hover
	{
	background-color: #154360;
		border:1 px solid #2E6B95;
		color: white;	
	}
	
	li:hover,#li5:hover
	{
		background-color: #2E6B95;
		border:1 px solid #2E6B95;
       // width:200px;	
	weight:25px;
	color: white;
	}
	
	
	
	
	
	#sidebar:hover
	{
		
		background-color: #154360;
		border:1 px solid #154360;
		margin-top:0px;
		height:50px;
		weight:25px;
    	color: white;
	}
	


body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    background-color:#2E6B95;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #2E6B95;
  outline: 1px solid #2E6B95;
}
	
	
	
	#menu
	{
		background-color:#2E6B95;
		 color: white;
	   min-width:140px;
	}

	
	
	#menu2:visited,	#menu2:hover
	{
		display:block;
		background-color:#2E6B95;
		color: #ffffff;
	}
   
	 #menuall
	 {
		 
		 background-color:#2E6B95;
		 color: white;
	}
	
	#sidebar
	{
		
		background-color:#2E6B95;
	    border:#2E6B95;
		margin-top:0px;
		margin-left:-5px;
		font-size:25px;
		color:white;	
		height:50px;
		weight:25px;
		
	}
	
	#ocsmhover:visited,#ocsmhover:hover,#ocsmhover1:hover
	{
	background-color:#154360;
	color: white;
	}
	
	#ocsmhover2:visited,#ocsmhover2:hover
	{
	background-color:#154360;
	color: white;
	}

	
	
		#ocsmhover1,#ocsmhover2:hover
		
		{
	background-color:#2E6B95;
color: white;		
		}

	.sidebar
	
	{

		position:fixed;
		height:90%;
		width:220px;
		margin-left:-20px;
   	   overflow:scroll;
	 color: white;
	}


	
	
.sidebar::-webkit-scrollbar {
    width: 1em;
}
 
.sidebar::-webkit-scrollbar-track {
    background-color:#154360;
}
 
.sidebar::-webkit-scrollbar-thumb {
  background-color: #2E6B95;
  outline: 1px solid #154360;
}
	
	

h1
{
	
	margin-left:15px;
	
}

#s_input
{
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}


  .btn
  {
	 
width: 200px;
height: 100px;
background-color:#09bdcf;
font-size:30px;
  }
  
  .div
  
  {
	  margin: 50px;
	 
  }
  
  h3{
	  
	  margin:25px;
  }
  
  
  
  body {font-family: Arial;}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}