.page-content {
  margin-top: 25px !important;
}

.footer{
  padding-right: 70px;
}

@media(max-width: 768px){
  .footer{
    padding-right: 12px;
  }
}

#sidebar.open .navbar-brand-box .menu-link{
  padding: 15px 15px 0px 0px;
}

#sidebar.closed .navbar-brand-box .menu-link .statusdot{
  position: absolute;
  top: 52px;
  right: 5px;
}
#sidebar.open .navbar-brand-box .menu-link .statusdot{
  position: absolute;
  top: 68px;
  left: 57px;
}
.search-box{
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

@media screen and (max-width:480px) {
    #ticketsList .card-body .row.rounded.justify-content-between{
        flex-direction: column-reverse !important;
    }
    #publish_all{
        width: 100% !important;
        margin: 10px 0px;
    }
    .search-boxes{
      flex-direction: column;
    }
    .admin-buttons{
      flex-direction: column;
    }
    #pre_assign{
        margin: 0px !important;
    }
    #sidebar.open .navbar-brand-box .menu-link .statusdot{
      position: absolute;
      top: 80%;
      left: 32%;
    }
} 

@media screen and (max-width: 769px) {
  #layout-wrapper {
    padding: 6%;
  }
  body {
    padding-right: 0% !important;
  }
  #ticketsList
    .card-body
    .row
    .col-xxl-5.col-sm-6.d-flex.justify-content-end.w-50 {
    width: 100% !important;
  }
  #sidebar.open{
    position: fixed !important;
    width: 190px !important;
    overflow: auto;
  }
  #sidebar.closed{
    display: none;
  }
  #layout-wrapper {
    padding: 5px;
  }
  #page-topbar{
    width: 100%;
  }
  #sidebar.open .navbar-brand-box .menu-link .statusdot{
    position: absolute;
    top: 80%;
    left: 34%;
  }
}

@media (min-width: 769px) {
  #sidebar.closed {
    display: block !important;
  }
  #sidebar {
    position: fixed !important;
  }
}

@media (min-width:480px) and (max-width:992px) {
    #publish_all{
        width: 50%;
    }
    #pre_assign{
        width: 50%;
        margin-right: 0.5rem;
    }
    .admin-buttons{
      justify-content: center !important;
      margin-bottom: 10px;
    }
}

@media (max-width: 767.98px) {
  :is([data-layout=vertical],[data-layout=semibox]) .navbar-brand-box {
      display: block;
  }
}
@media (max-width: 550px) {
  .animation-nav{
    align-items: center;
  }
}
@media (max-width: 380px) {
  .R2D{
    font-size: 13px;
  }
}
#layout-wrapper{
  transition: all 0.2s ease;
}
.inline-loader-wrapper {
  position: relative;
}

/* Blur the content */
.inline-loader-blur {
  filter: blur(2px);
  pointer-events: none;
  user-select: none;
}

/* Full overlay on top of the target element */
.inline-loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7); /* slightly dimmed overlay */
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Three dots loader animation */
.inline-loader-dots {
  display: flex;
  gap: 6px;
}

.inline-loader-dots span {
  width: 10px;
  height: 10px;
  background-color: #0d6efd;
  border-radius: 50%;
  animation: bounce 1s infinite ease-in-out;
}

.inline-loader-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
.inline-loader-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  0%, 80%, 100% {
      transform: scale(0);
      opacity: 0.3;
  }
  40% {
      transform: scale(1);
      opacity: 1;
  }
}
/*# sourceMappingURL=custom.min.css.map */