.padding-navbar-transparent {
    padding-top: 80px;
}

.sticky-aside {
    position: sticky;
    top: 120px;
    /* Jarak dari atas */
    height: fit-content;
}

.active > .page-link,
.page-link.active {
    background: var(--bs-dark);
    color: var(--bs-light) !important;
}

.bg-yellow h1,
.bg-yellow h2,
.bg-yellow h3,
.bg-yellow h4,
.bg-yellow h5,
.bg-yellow h6,
.bg-orange h1,
.bg-orange h2,
.bg-orange h3,
.bg-orange h4,
.bg-orange h5,
.bg-orange h6,
.bg-red h1,
.bg-red h2,
.bg-red h3,
.bg-red h4,
.bg-red h5,
.bg-red h6,
.bg-pink h1,
.bg-pink h2,
.bg-pink h3,
.bg-pink h4,
.bg-pink h5,
.bg-pink h6,
.bg-violet h1,
.bg-violet h2,
.bg-violet h3,
.bg-violet h4,
.bg-violet h5,
.bg-violet h6,
.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6,
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-aqua h1,
.bg-aqua h2,
.bg-aqua h3,
.bg-aqua h4,
.bg-aqua h5,
.bg-aqua h6,
.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4,
.bg-green h5,
.bg-green h6,
.bg-leaf h1,
.bg-leaf h2,
.bg-leaf h3,
.bg-leaf h4,
.bg-leaf h5,
.bg-leaf h6,
.bg-ash h1,
.bg-ash h2,
.bg-ash h3,
.bg-ash h4,
.bg-ash h5,
.bg-ash h6,
.bg-navy h1,
.bg-navy h2,
.bg-navy h3,
.bg-navy h4,
.bg-navy h5,
.bg-navy h6,
.bg-fuchsia h1,
.bg-fuchsia h2,
.bg-fuchsia h3,
.bg-fuchsia h4,
.bg-fuchsia h5,
.bg-fuchsia h6,
.bg-sky h1,
.bg-sky h2,
.bg-sky h3,
.bg-sky h4,
.bg-sky h5,
.bg-sky h6,
.bg-grape h1,
.bg-grape h2,
.bg-grape h3,
.bg-grape h4,
.bg-grape h5,
.bg-grape h6,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: #fefefe !important;
}
.navbar-stick .border {
    border: none !important;
}
.navbar-stick + .border {
    border: none !important;
}
.navbar-stick ~ .border {
    border: none !important;
}
.navbar-stick .navbar-collapse-wrapper.border {
    border: none !important;
}
.progress-wrap {
  bottom: 4rem !important;
}
.gloader, .page-loader:before, .swiper-hero:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    margin-left: -1.25rem;
    background: 0 0;
    border: 0 !important;
    box-shadow: none;
    border-radius: 0;
    animation: loader-scale 0s ease-out infinite;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-animation: loader-scale 0s ease-out infinite;
}
#DataTable tr th{
    white-space: nowrap;
}
#DataTable tr td{
    white-space: nowrap;
}