.sidenav {
	
}

.sidenav .searchContainer.hide {
    display: none;
    
}


.sidenav {
    -webkit-appearance: none;
    height: 100%; 
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; 
    top: 60px;
    left: 0;
    background-color: white; 
    overflow-x: hidden; 
    transition: 0.5s; 
    border-right: 1px solid #7F7F7F;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    /*.sidenav {padding-top: 15px;}*/
/*    .sidenav a {font-size: 18px;}
*/}

.searchContainer {
padding-right: 5px;
	border-bottom: 1px solid #d4e0e4;
}

.searchContainer div {
	display: inline-block;
	
}

.searchInput {
	background: white url(/modules/assets/images/dashboard/search.png) right no-repeat;
    padding-right: 17px;
    height: 45px;
    width: 100%;
    background-size: 30px;
    border: none;
    text-align: center;
}

.searchInput {
	outline: none;	
}