#pan3{
  //height: 400px;
 
  overflow: auto;
}

#sliderm {
	
 padding: 0px;	
 position: relative;
 top: -20px;
}

#navposition {
 padding: 0px;	
 //position: relative;
 // top: 20px;
}

#jumbo {
        background-image: linear-gradient(to right, #c8ecff, #e6ffff);
        color: blue;
		 padding: 0px;
		 height: 15%;
		 display: flex;
	
		 
      }

body {
  font-family: "Lato", sans-serif;
  
}

.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0 px;
  left: 0 px;
  background-color: #1aa3ff;
  overflow-x: hidden;
  transition: 1s;
  padding-top: 0px;
}

.sidenav a {
  padding: 8px 8px 8px 0px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 1s;
}

.sidenav a:hover {
  color: blue;
  background-color: white;
}


#main {
  transition: margin-left 1s;
  padding: 1px;
  margin-left: 250px;
  
}

@media screen and (max-height: 450px) {
  
}

@media only screen and (max-width: 600px) {
  .sidenav {
      width: 0px; 
           }
  #main {
       
       padding: 1px;
       margin-left: 0px;
  
       }
	   
	  
		   
}

 footer {
	  position: fixed; 
      background-color: #0d0dff;
      color: white;
      padding: 10px;
	  left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
	  
    }
	
 #heading {
		 text-shadow: 2px 2px 2px white, 0 0 25px #66d9ff, 0 0 5px #66d9ff;
      }
	#logo1{
	      padding: 5px; 
	     }
	#logo2{
	      padding-right: 15px; 
          background-color: #c8ecff;
		  margin-left: auto;
          margin-right: auto;
		  top: 0px;
		  padding-left: 15px;
        }
		#head1 {
	      top: 0;
          background-color: #0d0dff;
		  border: 1px  solid blue ;
		  text-align: center; 
		   color: white;
		   font-weight: bold;
		   font-size: 35px
		   
        }
		#foot2{
	       
          background-color: #0d0dff;
		  position: fixed; 
		  left: 0;
		   right: 0;
          bottom: 0;
		 padding: 17px;
		 border: 20px ;
        text-align: center;
		color: white;
        	}
#myNavbar a{
  color: white;
}	

#head2 {
	      top: 0;
          background-color: #cc0044;
		  border: 5px  solid #cc0044 ;
		   border-radius: 15px;
		  text-align: center; 
		   color: white;
		   font-weight: bold;
        }
		
.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid blue;
  border-left: 5px solid blue;
  border-bottom: 5px solid blue;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

 .modal-content{
 margin-top: 350px;
 text-align: center;
 vertical-align: middle;
 }
 .modalbody2{
 font-size:20px;
 font-weight:bold;
 background-color:#4dff4d;
 color:#009900;
 text-align:center;
  border-style: solid;
  border-width: 10px;
 }
 #loadingmodel{
	  width: 200px;
 }