.sidebar{
  max-width: var(--sidebar-width) !important;
  background-color: var(--menu-bg) !important;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  flex-shrink: 0;
}
.side-nav {
  list-style-type: none;
}
.side-nav .side-nav-title {
  letter-spacing: .05em;
  pointer-events: none;
  cursor: default;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--menu-item-color);
  font-weight: 700;
  font-size: calc(var(--menu-item-font-size)* .74);
  padding: var(--menu-item-padding-y) calc(var(--menu-item-padding-x)* 2);
}
.side-nav .side-nav-link {
  display: block;
  list-style: none;
  position: relative;
  white-space: nowrap;
  color: var(--menu-item-color);
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  font-size: var(--menu-item-font-size);
  padding: var(--menu-item-padding-y) var(--menu-item-padding-x);
}
.side-nav .side-nav-link span {
  vertical-align: middle;
}
.side-nav .menu-arrow {
  display: inline-block;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: calc(var(--menu-item-padding-x)* 1.5);
  -webkit-transition: -webkit-transform .15s;
  transition: -webkit-transform .15s;
  transition: transform .15s;
  transition: transform .15s, -webkit-transform .15s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: var(--menu-item-icon-size);
  font-size: calc(var(--menu-item-font-size)*0.8);
}
.side-nav .side-nav-item>a[aria-expanded=true]>span.menu-arrow {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.side-nav .side-nav-link i {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: var(--menu-item-icon-size);
  line-height: var(--menu-item-icon-size);
  width: calc(var(--sidebar-width-sm) - var(--menu-item-padding-x)* 2);
  min-width: calc(var(--sidebar-width-sm) - var(--menu-item-padding-x)* 2);
}
.side-nav .side-nav-link:active, .side-nav .side-nav-link:focus, .side-nav .side-nav-link:hover {
  color: var(--menu-item-hover-color);
  text-decoration: none;
}
.side-nav .side-nav-link span {
  vertical-align: middle;
}
.side-nav-second-level {
  margin-top: calc(var(--menu-item-padding-y)* -.5);
  padding-left: calc(var(--sidebar-width-sm) - var(--menu-item-padding-x)* 2);
}
.side-nav-item .side-nav-link, 
.side-nav-item a,
.side-nav-link, 
.side-nav-second-level .side-nav-item .side-nav-link,
.side-nav-second-level .side-nav-item a, 
.side-nav-second-level li .side-nav-link,
.side-nav-second-level li a{
  color: var(--menu-item-color);
  display: block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  font-size: calc(var(--menu-item-font-size)* .98);
  padding: calc(var(--menu-item-padding-y)* .6) calc(var(--menu-item-padding-x)* 1.5);
}
.side-nav-second-level .side-nav-item,
.side-nav-second-level li {
  padding: 0;
}
.side-nav-second-level .side-nav-item .side-nav-link:active,
.side-nav-second-level .side-nav-item .side-nav-link:focus,
.side-nav-second-level .side-nav-item .side-nav-link:hover,
.side-nav-second-level .side-nav-item a:active,
.side-nav-second-level .side-nav-item a:focus, 
.side-nav-second-level .side-nav-item a:hover, 
.side-nav-second-level li .side-nav-link:active,
.side-nav-second-level li .side-nav-link:focus,
.side-nav-second-level li .side-nav-link:hover, 
.side-nav-second-level li a:active,
.side-nav-second-level li a:focus,
.side-nav-second-level li a:hover      
{
  color: var(--menu-item-hover-color);
}
.footer {
  min-height: var(--footer-height);
  padding: 0 1.5rem;  
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  border-top: 1px solid var(--border-color);
}
.side-nav {
  padding-left: 0;
}
.side-nav li{
  list-style-type: none;
}
.sb-sidenav-toggled .wrapper #sidebar-wrapper {
  margin-left: 0;
}

.navbar{
  margin-left: 0;
}
.page-content-wrapper
{  
  margin-left: 0;   
  margin-top: var(--topbar-height); 
  min-width: 0;
  width: 100%;
}  
.button-toggle-close
{
  display: initial;
}
.sidebar .active {
  color: var(--menu-item-active-color);
  font-weight: 500;
}
.sidebar .hr {
  background: var(--body-bg);
  background: linear-gradient(90deg,rgba(131, 145, 162, 0) 0%, rgba(131, 145, 162, 1) 50%, rgba(131, 145, 162, 0) 100%);    
  min-height: var(--bs-border-width);
}
/*@media (max-width: 576px) {
   .offcanvas-start {     
    max-width: 70%;
}
.offcanvas-end {    
    max-width: 70%;
}
}*/