ol, ul {
        padding-left: 0;
    }

    .hover_collapse, .hover_collapse .sidebar{
        display:none;
    }

    .wrapper {
        float:left;
        /* put it back when showing stats */
        -background:#fff;

    }

    ._container{
        margin: 0;
    }

@media screen and  (min-width: 960px) {
    /* Now I have determined what the sidebar will look like for a responsive device */
    .hover_collapse{
        display:block;
    }
    .hover_collapse .sidebar{
        width: 70px;
        display:block;
    }
    .hover_collapse .sidebar ul li a .text{
        display:none;
    }
    .sidemenu{
        width: 220px;
    }
    /* remove the position fixed and restore float:left when you want to add stats elements below this bar. */
    .sidebar{
        -float:left;
        position:fixed;
        -height: 100%;
        /*
        background: #cb0c11;
        /**/
        
        background: #024ab5;
        /**/
        opacity:0.6;
    }

    .sidebar ul li a{
        display: block;
        padding: 10px 25px;
        text-decoration:none;
        color: #0e94d4;
    }

    .sidebar ul li a .icon{
        font-size: 18px;
        color: white;
        vertical-align: middle;

    }

    .sidebar ul li a .text{
        margin-left: 19px;
        color: #fff;
        font-size: 1em;
    }

    .sidebar ul li a:hover{
        /*background: #0e94d4;*/
        background: #e50000;
        color: #fff;
    }
/*
    .click_collapse .sidebar{

    }
*/
    .leftmenu{
        width:150px;
        clear:both;
        /* remove this when adding stats */
        background: #f5f5f5 !important;
    }
}