.sidenav {
    width: 220px;
    height: 100%;
    position: fixed;
  }
  
  .leftnav {
    width: 200px;
    height: 100%;
    margin: 0px auto;
    padding: 20px 10px 0px 35px;
  }
  
  
  div.logo {
    border-top: 0px;
    position: fixed;
    top: 5px;
    left: 5px;
  }
  
  
  /* new sidebar */
  #sidebar-container
  {
    font-weight:100;
    width:225px;
  /*   background: linear-gradient( 270.03deg, #00476D 1.52%, #122948 98.82% ); */
    background:linear-gradient(70deg, rgba(83,8,78,1) 0%, rgba(22,6,80,1) 29%, rgba(0,71,109,1) 100%);
    /* background:linear-gradient( 270.03deg, #00476D 1.52%, #160650 98.82% );  */
    padding: 10px;margin: 5px;
    color:#fff;
    margin-left:-30px;
    padding-top:30px
  }
  #sidebar-container, #sidebar-top, #sidebar-top .highlighted
  {
    border-radius: 0px 50px 0px 0px;
  }
  #sidebar-top{
    margin: -30px -10px 20px -10px;
    padding:20px;
    background: linear-gradient(70deg, #9c0756 0%, #8d6a1c 100%);
    text-align: left;
  }
  #sidebar-top .highlighted
  {
    font-weight: bold;
    margin: -20px -20px 10px -20px;
    padding:10px;
    background: linear-gradient(70deg, #ec027f 0%, #cf910c 100%);
  }
  #sidebar-top a {
    color:#fff
  }
  #sidebar-top .btn  {
  background-color: rgba(0,0,0,0.5);
  }
  #sidebar-top .btn:hover, #sidebar-top .btn.active  {
    background-color: rgba(0,0,0,0.8);
    }
    #sidebar-top .btn-group{
        display: block; 
    }
    #sidebar-top .btn-group .btn {
        display: block;
        display: flex; /* This ensures the flex container is active */
        flex-direction: column; /* This aligns children vertically */
    }

    #sidebar-top .btn-group > .btn-group:not(:last-child) > .btn, #sidebar-top .btn-group > .btn:not(:last-child) {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    #sidebar-top .btn-group > .btn-group:not(:first-child) > .btn, #sidebar-top .btn-group > .btn:not(:first-child) {
      border-top-right-radius: 0;
      border-top-left-radius: 0;  
    }
    #sidebar-top .btn {
      border-radius: 32px;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px
    }
  #sidebar-top .btn a {
    color:#000
  }
  #sidebar-top div {
    margin: 10px 0;
  }

  #sidebar-top gr {
    background: #fff;
    background-clip: text;
  -webkit-text-fill-color: transparent;
  }

  body.sidebar-closed #sidebar-container {
    width:45px;
  }
  
  #sidebar-container ul {
    margin: 30px auto
  }
  
  #sidebar-container ul li {
    padding: 6px
  }
  #sidebar-add {
    margin-left:45px
  }
  
  #toggle-sidebar-container {
      position: fixed;
      background-color: rgba(200,0,0,0.0);
      left: 200px;
      top: 155px;
      height: 50px;
      width: 50px;
      /* border-radius: 50px; */
      text-align: center;
      line-height: 50px;
      z-index: 102;
  }
  
  #toggle-sidebar-container::before {
      content: " ";
      position: absolute;
      background-color: #fff;
      display: block;
      width: 50px;
      height: 50px;
      top: 5px;
      left: 25px;
      z-index: -1;
      border-right: 0px;
      transform-origin: bottom left;
      -ms-transform: rotate(-45deg) skew(20deg,20deg);
      -webkit-transform: rotate(-45deg) skew(20deg,20deg);
      transform: rotate(-45deg) skew(12deg,12deg);
      border-bottom-right-radius: 50px;
  }
  
  body.sidebar-closed #toggle-sidebar-container {
    left:-15px;
  }
  body.sidebar-closed #toggle-sidebar-container::before{
    border-bottom-right-radius: 0px;
    left: 15px;
  }
  
  
  
  #sidebar-container {
      width: 225px;
    z-index: 99;
    position: fixed;
    left: 225px;
    top: 63px;
    height: 100%;
    margin-left: -225px;
    text-align: center;
  }
  
  body.sidebar-closed  #sidebar-open {
    display:none
  }
  
  body.sidebar-closed #main {
    margin-left: 65px
  }
  
  #sidebar-container, #main, #closeswing2, #closeswing, #toggle-sidebar-container  {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  }
  
  .sidebar-nav li  {
    -webkit-transition: all 4.5s ease;
    -moz-transition: all 4.5s ease;
    -o-transition: all 4.5s ease;
    transition: all 4.5s ease;
    }
  
  #sidebar-container .sidebar-close {
      margin-top: 4px;
      margin-bottom: 20px;
      padding-right: 4px;
      text-align: right;
  }
  #sidebar-container .sidebar-close a {
      color: white;
      font-size: 24px;
  }
  #sidebar-container .sidebar-add {
      margin-bottom: 20px;
  }
  #sidebar-container .sidebar-nav {
    width: 110%;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
      text-align: left;
  }
  #sidemenu {
      overflow: auto;
  }
  
  #sidebar-container .sidebar-nav li {
    text-indent: 0;
  }
  
  #sidebar-container .sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 5px;
    margin: -5px;
  }
  #sidebar-container .sidebar-nav li a.nav-link.active {
    margin-right:-8px
  }
  
  #sidebar-container .sidebar-nav li a .sidebar-icon {
    width: 45px;
    height: 45px;
    font-size: 14px;
    padding: 0 2px;
    display: inline-block;
    text-indent: 7px;
    margin-right: 10px;
    color: #fff;
    float: left;
  }
  
  #sidebar-container .sidebar-nav li a .caret {
    position: absolute;
    right: 23px;
    top: auto;
    margin-top: 20px;
  }
  
  #sidebar-container .sidebar-nav li ul.panel-collapse {
    list-style: none;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
    padding: 0;
  }
  
  #sidebar-container .sidebar-nav li ul.panel-collapse li i {
    margin-right: 10px;
  }
  
  #sidebar-container .sidebar-nav li ul.panel-collapse li {
    text-indent: 15px;
  }
  
  #sidebar-container .sidebar-nav li a.nav-link.active, .sidebar-nav li a:hover {
    background: linear-gradient(to left, #308f6c,#25449a);
    color: #fff !important;
  }
  
  input#searchmenu {
    background:	rgba(255, 255, 255, 0.5);
    color: white;
    border:	1px	white solid;
    outline: none;
    border-radius: 8px;
    margin:15px
  }
  
  .nav-link {
    padding: 1px 1px 1px 10px;
  }

  .btn-group.dropup.username {
      position: fixed;
      left: 10px;
      bottom: 10px;
  }