body {
    margin-top: 60px; 
    
}
.offcanvas.bg-dark a,
.offcanvas.bg-dark a:active,
.offcanvas.bg-dark a:hover, 
.offcanvas.bg-dark a:visited {
    color: rgba(255, 255, 255, 0.55);
}

.offcanvas.bg-dark .dropdown-menu {
    background: #353b41 !important;
    color: rgba(255, 255, 255, 0.55);
}

.offcanvas.bg-dark .dropdown-menu a:hover {
    color: #22262a;
}

.offcanvas.bg-dark .btn-close {
    background-color: #fff;
}

.dropdown-menu li {
  position: relative;
}
.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
  display: block;
}



.badge-notification {
    position: absolute;
    font-size: .6rem;
    margin-top: -.1rem;
    margin-left: -.5rem;
    padding: .2em .45em;
}


.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
}


.offcanvas .dropdown-menu {
    background-color: none !important;
    border:none  !important;   
}