/*Remove rounded coners*/

    nav.sidebar.navbar {
        border-radius: 0px;
        background: none;
        border: 1px solid #eee !important;
        display: none;
    }
    .sidebar {
        display: none;
    }

    nav.sidebar .dropdown-menu>li>a {
        padding: 10px 20px 10px 30px;
    }

    nav.sidebar.navbar .caret{
        float: right;
        margin-top: 5px;
    }
    @media (min-width: 1200px) {
        nav.sidebar.navbar {
            display: block;
        }
        .sidebar {
            display: block;
        }
    }

    
    .sidebar .navbar-inverse .navbar-nav>.open>a {
        background: #1c3d57;
        color: #FFF !important;
    }
    nav.sidebar, .main{
        -webkit-transition: margin 200ms ease-out;
        -moz-transition: margin 200ms ease-out;
        -o-transition: margin 200ms ease-out;
        transition: margin 200ms ease-out;
    }
    .navbar-inverse .navbar-nav>li>a {
        color: #333 !important;
        border-bottom: 1px solid #EEE;
    }
    .navbar-inverse .navbar-nav>li>a:last-child {
        border-bottom: none; 
    }
    .navbar-inverse {
        border-color: 1px solid #FFF !important;
    }
    nav.sidebar.navbar li .icon img {
         filter: brightness(5);
         margin-right: 10px;
    }

    nav.sidebar.navbar li.title {
        padding: 10px;
        color: black;
        background: #FFF;
        border-color: 2px solid red;
        text-transform: uppercase;
        font-weight: bold;
    }
    nav.sidebar.navbar li.title span {
       
        margin-right: 10px;
    }

    /* Add gap to nav and right windows.*/
    .main{
        padding: 10px 10px 0 10px;
    }

    /* .....NavBar: Icon only with coloring/layout.....*/

    /*small/medium side display*/
    @media (min-width: 768px) {

        /*Allow main to be next to Nav*/
        .main{
            position: absolute;
            width: calc(100% - 40px); 
            margin-left: 40px;
            float: right;
        }

        /*lets nav bar to be showed on mouseover*/
        nav.sidebar:hover + .main{
            margin-left: 200px;
        }

        /*Center Brand*/
        nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
            margin-left: 0px;
        }
        /*Center Brand*/
        nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
            text-align: center;
            width: 100%;
            margin-left: 0px;
        }

        /*Center Icons*/
        nav.sidebar a{
            padding-right: 13px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        /*adds border top to first nav box */
        nav.sidebar .navbar-nav > li:first-child{
            background: #1c3d57;
            color: #FFF;
        }

        /*adds border to bottom nav boxes*/
        nav.sidebar .navbar-nav > li{
            border-bottom: 1px #FFF solid;
        }

        /* Colors/style dropdown box*/
        nav.sidebar .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: #EEE;
        }

        /*allows nav box to use 100% width*/
        nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
            padding: 0 0px 0 0px;
        }

        /*gives sidebar width/height*/
        nav.sidebar{
            /*width: 200px;*/
            height: 100%;
            /*margin-left: -160px;*/
            float: left;
            z-index: 0;
            margin-bottom: 0px;
        }

        /*give sidebar 100% width;*/
        nav.sidebar li {
            width: 100%;
        }

        /* Move nav to full on mouse over*/
        nav.sidebar:hover{
            margin-left: 0px;
        }
        /*for hiden things when navbar hidden*/
        .forAnimate{
            opacity: 0;
        }
    }

    /* .....NavBar: Fully showing nav bar..... */

    @media (min-width: 1330px) {

        /*Allow main to be next to Nav*/
        .main{
            width: calc(100% - 200px); /*keeps 100% minus nav size*/
            margin-left: 200px;
        }

        /*Show all nav*/
        nav.sidebar{
            margin-left: 0px;
            float: left;
        }
        /*Show hidden items on nav*/
        nav.sidebar .forAnimate{
            opacity: 1;
        }
    }

    nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #CCC;
        background-color: transparent;
    }

    nav:hover .forAnimate{
        opacity: 1;
    }

    .widget-wrap ul li:hover {
        background: #e0e4e6;
    }

    .navbar-inverse .navbar-nav>.active>a {
        background: #1c3d57  !important;
        color: #FFF !important;
        padding: 10px 15px;
    }
    .madein {
        width: 100%;
        display: inline-block;
    }
    .madein nav.sidebar.navbar {
        background: #FFF !important;
    }
    .madein nav.sidebar.navbar a {
        color: #4a4949 !important;
    }

    .madein .navbar-inverse .navbar-nav>.active>a {
        color: #FFF !important;
    }

    .madein nav.sidebar .navbar-nav > li:first-child {
        /*border-bottom: 1px solid #EEE;*/
        background: #cd010c;
        color: #FFF;
    }
    .madein nav.sidebar.navbar li {
        padding: 10px 20px 10px 10px;
    }
    .madein nav.sidebar.navbar .list-box input {
        margin-top: -3px;
        margin-right: 10px;
    }
    
    .madein nav.sidebar.navbar li.filter:hover {
        background: none !important;
    }