<div class="col-sm-3 col-md-2 sidebar" style="background-color:white">
    <ul class="sideMenu nav nav-sidebar">
        <li class="dontHide"><a href="">Producers</a></li>
        <li><a href="/Manufacturer">Producers</a></li>
    </ul>
    <ul class="sideMenu nav nav-sidebar">
                <li class="dontHide"><a href="">Device library</a></li>
                <li><a href="/Device">Device list</a></li>
    </ul>
    <ul class="sideMenu nav nav-sidebar">
        <li class="dontHide"><a href="">Device Instances</a></li>
        <li><a href="/DeviceInstance">Device instances</a></li>
        <li><a href="/DeviceInstance/Summary">Instances summary</a></li>
    </ul>

</div>

.sidebar > ul{
    border-bottom: 1px solid #eee;
}
.sidebar > ul:hover{
    background-color:#f4f4f4;
}
.sidebar > ul> li > a{
    margin-top:0px
}

.sidebar > ul> li > a{
    margin-bottom:0px
}

.nav-sidebar{margin-bottom:0;}

@media (min-width: 768px) {
.sidebar {

padding: 0 20px;

}
}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;

    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 0;
  margin-left: -20px;
}

.nav-sidebar{margin-bottom:0;}