#root {
  height: inherit;
}

.customSideBar{
  overflow-y: scroll;
  scrollbar-width: none;
}

.customSideBar::-webkit-scrollbar {
display: none;
}

.parentContainer {
  overflow-y: scroll;
  scrollbar-width: none;
}

.parentContainer::-webkit-scrollbar {
  display: none;
}

.classTest {
  inset: 0;
  top: 25%;
  left: 80%;
}
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    align-items: unset !important;
    /* margin-top: 5.4rem !important; */
    width: 15.1rem !important;
  }

  .custom-sidebar-expanded {
    margin-left: 15rem !important;
    transition: 0.3s linear;
  }

  .custom-sidebar-minimized {
    margin-left: 4rem !important;
    transition: 0.3s linear;
  }

  .sidebar-expanded {
    width: 240px !important;
  }

  .sidebar-collapsed {
    width: 4rem !important;
  }
.customSideBar {
  /* border-top-right-radius: 0px !important; */
  border-top-right-radius: 4rem;
}
}



@media (max-width: 992px) {

  .sidebar-collapsed {
    display: none !important;
  }

}


/* @media (min-width: 600px) {
  .hide-logo {
    display: none !important;
  }
} */


/* Hiding Sidebar mobile */
@media only screen and (min-width: 600px) {
  .mobile-responsive {
    display: none !important;
  }

}

@media (max-width: 819px) {
  .mobile-responsive {
    display: block !important;
  }
    
.navbar-vertical.navbar-expand-lg{
    margin-top: 0 !important;
  }

}


/* Hiding Sidebar desktop */
@media only screen and (max-width: 820px) {
  .desktop-responsive {
    display: none !important;
  }
}

@media (min-width: 820px) {
  .desktop-responsive {
    display: block !important;
  }

  to {
    transform: rotate(360deg);
  }
}

.form-control-custom {
  padding-right: 5px !important
}

.nav-link-title-custom{
  color: #ffffffb3;
}


.nav-link-custom {
    display: block;
    padding: var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);
    font-size: var(--tblr-nav-link-font-size);
    font-weight: var(--tblr-nav-link-font-weight);
    color: none !important;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.sidebar-border{
  border: 1px solid #486e9524;
}

.sidebar-border-bottom{
  border-bottom: 1px solid #486e9524;
}

.reveal-text span {
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden;    /* Hide overflowing text */
  width: 0;            /* Initially, the text is hidden */
  animation: reveal 0.5s linear forwards; /* Apply the animation */
  animation-delay: 0.1s; /* Delay the start of the animation by 2 seconds */
}

@keyframes reveal {
  0% {
    width: 0; /* Start with a width of 0 */
  }
  100% {
    width: 100%; /* End with full width */
  }
}

.collapse-transition {
    overflow: hidden ;
    transition: max-height .35s ease-out;
}