.sidenavwell {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px; 
  background:#fff;
  color:#222222;
  border: solid 1px #1B9DD9;
}

.sidenavwell a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #818181;
  display: block;
  transition: 0.3s; 
}

.sidenavwell a:hover {
    
  background:1B9DD9;
  border: solid 1px #1B9DD9;
  
}

 .sidenavwell li .closebtn a {
  position: absolute;
  top: 50px;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
  padding: 10px; 
  height: 60px;  
}
 .sidenavwell .closebtn  {
	display:block; 
	margin-left: 140px;
	font-size:28px;
    marging-top:10px;	
	 
}
 
.sidenavwell .closebtn :hover {
  background:#1B9DD9;
  color:#fff;
  
}
 
#sidebarwell li{
		list-style:none;
		padding: 5px;
        width: 230px;		
	}
	#sidebarwell ul li{
		list-style:none;
		padding: 5px;
        width: 180px;		
	}	
	#spanSidebar {		
	    position:fixed;
		cursor:pointer;	
		background:#1B9DD9;		
        transition: width .5s, width .5s;
		border-radius: 0px 8px 8px 0px;		 
		color:#067ABA;
		font-size: 30px;
		z-index: 1;
		 		 
	}
	.sidenavwell li ul{
        display:none;
        /* position:absolute; border: solid 1px #1B9DD9;  */
        top:132px;
        left:90px;		
		width: 0px;
		transition: width 2s;
        
		
    }
	.sidenavwell  ul li { 
	background:#e5eaee;     
    padding: 8px 8px 8px 32px; 
	/* position: relative; */
    }
	.n_user:hover{
	background:#e5eaee;	
	}
	.sidenavwell ul a{
       /* background:blue; */
		width: 170px;
		font-size:13px;
    } 
	.sidenavwell ul li:hover{
       /* background:blue; */
		bor der:solid 1px #1B9DD9;
		color:#fff;
		
    }       
    .sidenavwell li:hover ul{				 
		display:block;
		}
	#spanSidebar:hover {   
		width:60px;		 
		color:#fff;	
        z-index:2;		
	} 
@media screen and (max-height: 450px) {
	
  .sidenavwell {padding-top: 70px;}
  .sidenavwell a {font-size: 14px;}
}