.sidebar {
  display: none;
}

@media (min-width: 768px) {
      .sidebar{
        width: 250px;
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 0px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #2c3037;
        /*border-right: 1px solid #eee;*/

      }
      .navbar-right .sidebar-proxy{
        display: none;
      }
}

.sidebar.sidebar-collapsed{
    width: 75px;
}

.sidebar a {
    color: #919293;
    height: 100%;
}

.sidebar ul {
    padding-top: 10px;
}

.sidebar li {
    margin: 0px 0px;
    padding: 10px 20px;
}

.sidebar li.active, .sidebar li.active * {
/* makes active row styling stay consistent when hovering or focusing */
    color: #fff !important;
    background-color: #434953 !important;
}


.sidebar li:hover {
    background-color: #eee;
}

.sidebar li a.sidebar_item_container {
    display: grid;
}

.sidebar_icon_wrapper {
    height: 100%;
    width: 100%;
}

.sidebar_icon_wrapper, .sidebar_text_wrapper {
    position: absolute;
}
.sidebar_text_wrapper {
    margin-left: 30px;
}

.sidebar_icon_wrapper {
    margin-left: 25px;
}

.sidebar .child_row .sidebar_icon_wrapper {
    margin-left: 30px;
}

.sidebar .child_row .sidebar_text_wrapper {
    margin-left: 40px;
}

.sidebar.sidebar-collapsed .sidebar_text_wrapper {
    display: none;
}

.sidebar a:focus {
    background-color: inherit !important;
}