.metismenu a{ color:#fff !important; text-decoration: none !important; } 
.metismenu .arrow { float:right; margin-top:-33px; margin-right:6px; color:#fff; cursor:pointer; text-align:center; width:28px; line-height:28px; text-align:center; background:rgba(0,0,0,0); border-radius:14px; -webkit-border-radius:14px; font-size:15px; } 
.metismenu .arrow:hover { background:rgba(0,0,0,.15); } 
.metismenu .fa.arrow:before { content:" \f107 "; } 
.metismenu .active > .fa.arrow:before { content:" \f106 "; } 
.metismenu .plus-times { float:right; } 
.metismenu .fa.plus-times:before { content:"\f067"; } 
.metismenu .active > a > .fa.plus-times { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } 
.metismenu .plus-minus { float:right; } 
.metismenu .fa.plus-minus:before { content:"\f067"; } 
.metismenu .metismenu .active > a > .fa.plus-minus:before { content:"\f068"; } 
.metismenu .sidebar { display:block; float:left; width:100%; background:#333; } 
.metismenu .content { display:block; overflow:hidden; width:auto; } 
.metismenu .sidebar-nav {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background: #124a75;
    background-image: linear-gradient(to right,#001a2f 4px,#134b77 4px);
    background-repeat: repeat-x;
    margin: 0;
}
#menufbb .metismenu .sidebar-nav {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background: #ffffff;
    background-image: linear-gradient(to right,#c1c1c1 4px,#ffffff 4px);
    background-repeat: repeat-x;
    margin: 0;
}
#menufbb .metismenu a {
    color: #134a76 !important;
    text-decoration: none !important;
}
#menufbb .metismenu .sidebar-nav ul a:hover, #menufbb .metismenu .sidebar-nav ul a:focus, #menufbb .metismenu .sidebar-nav ul a:active {
    background-image: linear-gradient(to right,#134a76 4px,#f1f1f1 4px);
    color: #000000 !important;
}
#menufbb .metismenu .arrow:hover {
    background: rgb(255, 0, 0);
}
#menufbb  .metismenu .arrow {
    background: rgb(19, 74, 118);
}
#menufbb .metismenu .sidebar-nav ul ul a {
    background-color: #f1f1f1;
    color: #000000 !important;
}
#menufbb .metismenu .sidebar-nav ul ul a:hover {
    background-color: #f1f1f1;
    color: #000000 !important;
    border-bottom: 1px solid #ffffff;
}
#menufbb .panel-heading {
    background-color: #007b05;
    border-color: #ffffff;
    color: #fff !important;
    text-transform: uppercase;
    padding: 0;
    border-radius: 0 0 15px 0;
    font-size: 130%;
    min-width: 35px;
    font-weight: bold;
    text-align: center;
    background-image: linear-gradient(to right,#008204c7 0%, #00c706 50%, #008204c7 100%) !important;
}
#menufbb:hover .panel-heading { border-radius:0 0 0 0; }

.metismenu .sidebar-nav ul { padding:0; margin:0; list-style:none; } 
.metismenu .sidebar-nav ul li, .sidebar-nav ul a { display:block; } 
.metismenu .sidebar-nav ul a { padding:10px 10px; color:#fff; border-top:1px solid rgba(0,0,0,0.2); box-shadow:0 1px 0 rgba(255,255,255,0.05) inset; } 
.metismenu .sidebar-nav ul a:hover, .metismenu .sidebar-nav ul a:focus, .metismenu .sidebar-nav ul a:active {
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(to right,#ff0000 4px,#007bd8 4px);
}
.metismenu .sidebar-nav ul ul a { padding: 10px 20px; background-color: rgb(84, 199, 0); } 
.metismenu .sidebar-nav ul ul a:hover, .metismenu .sidebar-nav ul ul a:focus, .metismenu .sidebar-nav ul ul a:active { background-color:#367CB8; } 
.metismenu .sidebar-nav-item { padding-left:5px; } 
.metismenu .sidebar-nav-item-icon { padding-right:5px; } 
.menub i.fa-bars:hover { background: #ff7800; } 
.metismenu ul li { margin: 0px;}