.navbar-btn {
        box-shadow:None;
        outline:None !important;
        border:None;
        font-size: 12px;
        background-color: #23282e;
    }

        .navbar-btn:hover {
            background-color: #020203;
        }

    /* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
    .wrapper {
        display: flex;
        align-items: stretch;
    }

    #sidebar {
        color: #fff;
        transition: all 0.3s;
        overflow: auto;
        font-family: verdana;
        font-size: 12px;
        font-weight: 200;
        background-color: #489fb5;
        position: fixed;
        top: 62px;
        width: 270px;
        height: 100%;
        color: #e1ffff;
        margin-left: -240px;
    }

        #sidebar.active {
           margin-left: 0px;
            min-width: 80px;
            max-width: 380px;
            /*text-align: center;*/
              /*margin-right: 270px;*/
        }

        #sidebar .sidebar-header {
            background-color: #23282e;
            line-height: 38px;
            display: block;
            text-align: center;
            font-size: 14px;
        }

    /* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
    #content {
        padding-left: 25px;
        /*min-height: 100vh;
        transition: all 0.3s;*/
    }
     
    .sidebar ul,
    .sidebar li {
        list-style:None;
        padding: 0px;
        margin: 0px;
        line-height: 25px;
        cursor: pointer;
    }

    #sidebar ul :not(collapsed) .arrow:before,
    #sidebar li :not(collapsed) .arrow:before {
        font-family: FontAwesome;
        content: "\f078";
        display: inline;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        float: left;
    }

    #sidebar ul .active,
    #sidebar li .active {
        border-left: 3px solid #d19b3d;
        background-color: #4f5b69;
        width: 270px;
    }

    #sidebar ul .sub-menu li.active,
    #sidebar li .sub-menu li.active {
        color: #489fb5;
    }

        #sidebar ul .sub-menu li.active a,
        #sidebar li .sub-menu li.active a {
            color: #d19b3d;
        }

    #sidebar ul .sub-menu li,
    #sidebar li .sub-menu li {
        background-color: #489fb5;
        border:None;
        line-height: 28px;
        border-bottom: 1px solid #23282e;
        width: 265px;
    }

        #sidebar ul .sub-menu li:hover,
        #sidebar li .sub-menu li:hover {
            background-color: #020203;
        }

        #sidebar ul .sub-menu li:before,
        #sidebar li .sub-menu li:before {
            font-family: FontAwesome;
            content: "\f105";
            display: inline;
            width: 250px;
        }

    #sidebar li {
        padding-left: 2px;
        border-left: 3px solid #2e353d;
        border-bottom: 1px solid #23282e;
        width: 270px;
    }

        #sidebar li a {
            text-decoration:None;
            color: #e1ffff;
        }

            #sidebar li a i {
                padding-left: 10px;
                width: 40px;
                padding-right: 10px;
            }

        #sidebar li:hover {
            border-left: 3px solid #d19b3d;
            background-color: #4f5b69;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }