#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"]
  .left-sidebar {
  top: 0px;
}
.app-header {
  top: 0px;
}
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link,
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
  background-color: #94bf0c;
  color: var(--bs-white);
}
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
  background: #f6f7f9;
  color: #9197b3;
}
select.form-select,
input.form-control {
  box-shadow: none !important;
}

.form-label {
  font-size: 0.9rem;
}

.form-control:focus,
.form-select:focus {
  outline: none;
  box-shadow: none;
  border-color: #9ccc0a;
}
footer {
  background-color: #336b0e;
  color: #fff;
  position: relative;
  z-index: 999;
  text-align: center;
}
.bottom_footer {
  background-color: rgb(9 9 9 / 16%);
}
.icon-overlay {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.icon-overlay img {
  transition: transform 0.3s;
}

.icon-overlay a:hover img {
  transform: scale(1.1);
}

th.sortable:hover {
  cursor: pointer;
  text-decoration: underline;
}
.page-link.active,
.active > .page-link {
  color: var(--bs-pagination-active-color);
  background-color: #9ccc0a;
  border-color: #9ccc0a;
}
.bg-success,
.btn-success {
  background-color: #9ccc0a !important;
  border-color: #9ccc0a !important;
}
.border-success {
  border-color: #9ccc0a !important;
}
.text-success {
  color: #9ccc0a !important;
}
.alert-success {
  background-color: rgb(156 204 10 / 7%) !important;
}
@media (max-width: 991.98px) {
  .body-wrapper .container-fluid,
  .body-wrapper .container-sm,
  .body-wrapper .container-md,
  .body-wrapper .container-lg,
  .body-wrapper .container-xl,
  .body-wrapper .container-xxl {
    padding-top: 130px !important;
  }
}
.body-wrapper .container-fluid,
.body-wrapper .container-sm,
.body-wrapper .container-md,
.body-wrapper .container-lg,
.body-wrapper .container-xl,
.body-wrapper .container-xxl {
  padding-top: 120px !important;
}
.left-sidebar .scroll-sidebar {
  height: 100%;
}
