.sidebar-nav {background: #3366cc;}
.sidebar-nav ul {padding: 0;margin: 0;list-style: none;background: #3366cc;}
.sidebar-nav .metismenu {
    background: #3366cc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sidebar-nav .metismenu li + li {margin-top: 0px;}
.sidebar-nav .metismenu li:first-child {margin-top: 0px;}
.sidebar-nav .metismenu li:last-child {margin-bottom: 0px;}
.sidebar-nav .metismenu > li {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.sidebar-nav .metismenu a {position: relative;display: block;padding: 0;color: #FFFFFF;outline-width: 0;transition: all .3s ease-out;}
.sidebar-nav .metismenu ul a {padding: 0;}
.sidebar-nav .metismenu ul ul a {padding: 0;}
.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active,
.sidebar-nav .metismenu .mm-active > a {color: #FFFFFF;text-decoration: none;background: #3366cc;}