.myCollapseMenu {
    background: white;
    content: attr(title);
    padding: 4px 8px;
    color: red;
    position: relative;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20px;
    border-radius: 5px;
    box-shadow: 0 0 4px #222;
    font-weight: 700;
    font-size: 14px;

}

.companyList {
    color: orangered;
    font-weight: 700;
    font-size: 16px;
}

.systemname {
    content: attr(title);
    padding: 4px 8px;
    color: red;
    position: relative;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20px;
    border-radius: 5px;
    box-shadow: 0 0 4px #222;

    font-weight: 700;
    font-size: 14px;
}

nav.sidebar:hover + .main {
    margin-left: 200px;
}

nav.sidebar.navbar.sidebar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
    text-align: center;
    width: 100%;
    margin-left: 0px;
}

nav.sidebar a {
    padding-right: 13px;
}

nav.sidebar .navbar-nav > li:first-child {
    border-top: 1px #e5e5e5 solid;
}

nav.sidebar .navbar-nav > li {
    border-bottom: 1px #e5e5e5 solid;
}

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;
}

nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
    padding: 0 0px 0 0px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
}

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

nav.sidebar li {
    width: 100%;
}

nav.sidebar:hover {
    margin-left: 0px;
}

.forAnimate {
    opacity: 0;
}

/*.biaVerMenu {
    display: block;
    padding: 0.75rem 1rem;
    color: #fff;
    text-decoration: none;
    background: transparent;

}*/

/* make sidebar nav vertical */
/*@media (min-width: 768px) {
    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }
    .sidebar-nav .navbar ul {
        float: none;
    }
    .sidebar-nav .navbar ul:not {
        display: block;
    }
    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }
    .sidebar-nav .navbar li a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}*/

/* menu customer style */
/*

.menu {
    list-style: none;
    !* Important for sizing problems when you add/remove the submenus
       Make it use 100% of the size of your container *!
    width: 100%;
    !* This prevents a lot of problems with the submenus.
       UL have basic padding, keep that in mind *!
    padding: 0;
}

.menu li {
    !* I wanted mine horizontal. Feel free to change it to what you want *!
    display:inline-block;
    !* Float the items to the left, to make sure the disposition does not change when it shows the subitems *!
    float:left;
    !* The -1px on top and right make it so that our borders end up above one another
       Not needed it you don't have borders... *!
    margin:-1px -1px 0 0;
}

.menu li a {
    display:block;


    !* My basic styling. I'm just giving them a black text, with a black border, and center the text in the box. *!
    text-decoration:none;
    border: 1px solid black;
    vertical-align: middle;
    text-align: center;

    !* Fixed size is also just me.
       Not fixing it just make huge boxes when you have submenus *!
    width:100px;
    height:50px;
    line-height: 50px;
}

.menu li > ul {
    !****** THE INTERESTING PART ******!
    !* We hide the submenus by putting them somewhere on the left, with no opacity. *!
    left:-9999px;
    opacity: 0;

    !* We make transitions on opacity *!
    -webkit-transiton: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.menu li:hover > ul {
    !* On hover, we get it back to its basic spot
      left:0;
    !* And change the opacity to a fully visible one *!
    opacity: 1;
}*/