#sidebar {
  min-width: 270px;
  max-width: 270px;
  min-height: 100vh;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative; }
  #sidebar .h6 {
    color: #fff; }
  #sidebar.active {
    margin-left: -270px; /*right*/
    background-image: linear-gradient(238deg,#07184a 10%,#07184a 100%)!important;
    .custom-menu {
      left: -33px;
    }
}
  #sidebar h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px; }
    #sidebar h1 .logo {
      color: #fff; }
      #sidebar h1 .logo span {
        font-size: 14px;
        color: #44bef1;
        display: block; }
  #sidebar ul.components {
    position: relative;
    z-index: 2;
    padding: 0; }
  #sidebar ul li {
    font-size: 16px; }
    #sidebar ul li > ul {
      margin-left: 10px; }
      #sidebar ul li > ul li {
        font-size: 14px; }
    #sidebar ul li a {
      padding: 10px 0;
      display: block;
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      #sidebar ul li a span {
        color: #ffffff; }
      #sidebar ul li a:hover {
        color: #fff;
        text-decoration: none;
       }
    #sidebar ul li.active > a {
      background: transparent;
      color: #fff; }
  @media (max-width: 991.98px) {
    #sidebar {
      margin-left: -270px; } /*margin-right: -270px*/
      #sidebar.active {
        margin-left: 0; /*right*/
        } 
    }
  #sidebar .custom-menu {
    position: fixed; /* Sabit pozisyon */
    bottom: 20px; /* Alt kenardan 20px yukarıda */
    left: 230px; /* Sol kenardan 230px içeride */
    z-index: 1001; /* Z-index değeri menü üzerinde görünmesini sağlar */
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
   }
   

    @media (prefers-reduced-motion: reduce) {
      #sidebar .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
    #sidebar .custom-menu .btn {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      position: relative; }
      #sidebar .custom-menu .btn i {
        margin-right: -40px; /*left*/
        font-size: 14px; }
      #sidebar .custom-menu .btn.btn-primary {
        background: transparent!important;
        border-color: transparent!important; }
        #sidebar .custom-menu .btn.btn-primary:after {
          z-index: -1;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          content: '';
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          background-image: linear-gradient(238deg,#07184a 10%,#07184a 100%);
          border-radius: 10px; }
        #sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus, #sidebar .custom-menu .btn.btn-primary:focus-visible {
          background: transparent !important;
          border-color: transparent !important;
          box-shadow: 0 0 0 0.2rem rgb(105 136 228 / 0%);
          outline: -webkit-focus-ring-color auto 0px;
         }

a[data-toggle="collapse"] {
  position: relative; }

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }


  
  /* Ekran boyutu 991.98px'den küçük olduğunda menü ve buton için stiller */
  @media (max-width: 991.98px) {
      #sidebar {
          margin-left: -270px; /* Menü gizli konumda */
      }
      #sidebar .custom-menu {
      left: -33px;
      }
      #sidebar.active {
          margin-left: 0; /* Menü aktif konumda */
          .custom-menu {
            left: 230px;
            }
      }
      .wrapper {
        position: relative;
        z-index: 1000;
       
      }
   
  }