.sidebar-nav {
    /*background: #4e73df;*/
    background-image: linear-gradient(180deg, #042b5b 10%, #072d5c 100%);
}

    .sidebar-nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        /* background: #4e73df;*/
    }

    .sidebar-nav .metismenu {
        /* background: #4e73df;*/
        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: 5px;*/
        }

        .sidebar-nav .metismenu li:first-child {
            margin-top: 5px;
        }

        .sidebar-nav .metismenu li:last-child {
            margin-bottom: 5px;
        }


        .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: 15px 15px;
            color: white;
            outline-width: 0;
            transition: all .3s ease-out;
            border-bottom: 1px solid #e7f0f640;
            text-decoration:none
        }

        .sidebar-nav .metismenu ul a {
            padding: 10px 15px 10px 30px;
            border-bottom: 1px solid #3c737b;
        }

        .sidebar-nav .metismenu ul ul a {
            padding: 10px 15px 10px 45px;
        }

        .sidebar-nav .metismenu a:hover,
        .sidebar-nav .metismenu a:focus,
        .sidebar-nav .metismenu a:active {
            color: white;
            text-decoration: none;
            background: #196bac;
        }

.sidebar-nav .metismenu li.first {
    height: 70px;
    background-color: #1e7a88;
    margin-top: 0;
    text-align: center;
    vertical-align: baseline;
    color: white;
    font-weight: 500;
    font-size: 26px;
    padding-top: 15px;
    z-index: 1000;
}

/*@media (min-width: 768px) {
    .sidebar {
        width: 18rem !important;
    }

        .sidebar.toggled {
            width: 0rem !important;
        }
}
*/