/*!
 * Next Sidebar v1.0.1 
 * A simple sidebar menu for your dashboard
 * Extension and easy to integrate with Bootstrap 4 - 5 and others front end framework.
 * License : MIT
 * Author : Nelh Amstrong (https://github.com/Nelh/)
 */.container-wide
{
    min-height:100vh;padding-left:280px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease
}

@media screen and (min-width:1200px)
 {
    .container-wide
    {
        padding-left:280px
    }


}

@media screen and (max-width:991px)
 {
    .container-wide
    {
        padding-left:0
    }


}

.is-collapsed .container-wide
 {
    padding-left:70px
 }

 @media screen and (min-width:992px)
 {
    .is-collapsed .container-wide
    {
        padding-left:70px
    }
}

a
 {
    text-decoration:none
 }

 .sidebar
 {
    bottom:0;overflow:hidden;position:fixed;top:0;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;width:280px;background-color:#444;color:#fff;z-index:9999
 }

 .sidebar ul
 {
    list-style-type:none
 }

 @media screen and (min-width:992px)
 {
    .sidebar
    {
        width:280px
    }

    .sidebar .sidebar-inner .sidebar-logo
 {
    padding:0 20px
 }

 .sidebar .sidebar-inner .sidebar-logo .logo-sm
 {
    display:none
 }

 .sidebar .sidebar-inner .sidebar-logo>a .logo
 {
    background-position:0;width:150px
 }

 .sidebar .sidebar-inner .sidebar-menu>li>a .title
 {
    display:inline-block
 }

 .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow
 {
    opacity:1
 }

 .sidebar .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu
 {
    display:block!important
 }


}

@media screen and (max-width:991px)
 {
    .sidebar
    {
        left:-280px;width:250px
    }


}

.sidebar-inner
 {
    position:relative;height:100%
 }

 .sidebar-logo
 {
    line-height:0;padding:0 20px
 }

 .sidebar-logo a
 {
    display:inline-block;width:100%;color:#fff
 }

 .sidebar-logo a .logo
 {
    background-position:0;background-repeat:no-repeat;display:inline-block;min-height:64px;width:70px
 }

 .sidebar-logo a .logo img
 {
    width:30px
 }

 .sidebar-logo a .logo-text
 {
    min-height:64px
 }

 .sidebar-logo a .logo-text img
 {
    width:120px
 }

 .sidebar-logo .mobile-toggle
 {
    display:none;float:right;font-size:18px;line-height:64px
 }

 .sidebar-logo .mobile-toggle a
 {
    color:#fff
 }

 @media screen and (max-width:991px)
 {
    .sidebar-logo .mobile-toggle
    {
        display:inline-block
    }


}

@media screen and (min-width:992px)
 {
    .sidebar-logo .mobile-toggle
    {
        display:none
    }


}

.sidebar-menu
 {
    height:calc(100vh - 65px);list-style:none;margin:0;overflow:auto;padding:0;position:relative
 }

 .sidebar-menu .dropdown-toggle:after
 {
    display:none
 }

 .sidebar-menu .sidebar-link.actived:before
 {
    background:#0f9aee;border-radius:50%;content:"";display:block;height:8px;left:-4px;position:absolute;top:calc(50% - 4px);width:8px
 }

 .sidebar-menu li
 {
    position:relative
 }

 .sidebar-menu li.dropdown .arrow
 {
    font-size:10px;line-height:40px;position:absolute;right:30px;-webkit-transition:all .05s ease-in;-o-transition:all .05s ease-in;transition:all .05s ease-in
 }

 @media screen and (max-width:991px)
 {
    .sidebar-menu li.dropdown .arrow
    {
        right:25px
    }


}

.sidebar-menu li.dropdown.open>a
 {
    color:#fff
 }

 .sidebar-menu li.dropdown.open>a .icon-holder
 {
    color:#0f9aee
 }

 .sidebar-menu li.dropdown.open>a>.arrow
 {
    -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)
 }

 .sidebar-menu li.dropdown.open>.dropdown-menu
 {
    display:block
 }

 .sidebar-menu li.dropdown.open>.dropdown-menu .dropdown-menu
 {
    padding-left:20px
 }

 .sidebar-menu li.dropdown.open>.dropdown-menu .arrow
 {
    line-height:25px
 }

 .sidebar-menu li a
 {
    color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease
 }

 .sidebar-menu li a:focus,.sidebar-menu li a:hover
 {
    color:#fff;text-decoration:none;background-color:#668
 }

 .sidebar-menu>li.dropdown ul.dropdown-menu
 {
    background-color:rgba(0,0,0,0);border-radius:0;border:0;-webkit-box-shadow:none;box-shadow:none;float:none;padding-left:50px;padding-top:0;position:relative;width:100%
 }

  .sidebar-menu>li.dropdown ul.dropdown-menu li:hover
  {
    background-color: grey;
  }
  
  .sidebar-menu>li.dropdown ul.dropdown-menu li.actived
  {
    background-color: grey;
  }

/*  .app.is-collapsed .sidebar-menu>li.dropdown ul.dropdown-menu li ul.dropdown-menu
  {
    display: none;
  }*/

 .sidebar-menu>li.dropdown ul.dropdown-menu>li>a
 {
    display:block;padding:10px 20px;font-size:14px
 }

 .sidebar-menu>li.dropdown ul.dropdown-menu>li>a:focus,.sidebar-menu>li.dropdown ul.dropdown-menu>li>a:hover
 {
    background-color:rgba(0,0,0,0);color:#fff
 }

 .sidebar-menu>li.dropdown ul.dropdown-menu>li.actived a
 {
    color:#fff
 }

 .sidebar-menu>li>a
 {
    display:block;font-size:15px;padding:5px 15px;position:relative;white-space:nowrap
 }

 .sidebar-menu>li>a .icon-holder
 {
    border-radius:6px;display:inline-block;font-size:17px;height:35px;left:0;line-height:35px;margin-right:14px;position:relative;text-align:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:35px
 }



 @media screen and (min-width:992px)
 {
    .is-collapsed .sidebar
    {
        width:70px
    }

    .is-collapsed .sidebar .sidebar-inner .sidebar-logo
 {
    padding:0
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-logo .logo-sm
 {
    display:inline
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-menu
 {
    overflow-x:hidden
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-menu>li>a .title
 {
    display:none
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow
 {
    opacity:0
 }

 .is-collapsed .sidebar:hover
 {
    width:280px
 }

 .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo
 {
    padding:0 20px
 }

 .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo .logo-sm
 {
    display:none
 }

 .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu>li>a .title
 {
    display:inline-block
 }

 .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow
 {
    opacity:1
 }

 .app .sidebar:hover .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu
 {
    display:block!important;
 }

  .app.is-opened .sidebar .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu
  {
    display:block!important;
  }

  .app .sidebar .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu
 {
    display:none!important;
 }


}

@media screen and (max-width:991px)
 {
    .is-collapsed .sidebar
    {
        width:280px;left:0
    }

    .is-collapsed .sidebar .sidebar-inner .sidebar-logo
 {
    padding:0 20px
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-logo .logo-sm
 {
    display:none
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-logo>a .logo
 {
    background-position:0;width:150px
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-menu>li>a .title
 {
    display:inline-block
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow
 {
    opacity:1
 }

 .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.open>ul.dropdown-menu
 {
    display:block!important
 }


}

