.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: transparent;
  color: #a6e600;
  border: 1px solid #a6e600;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
  background-color: transparent;
  color: #a6e600;
  border: 1px solid #a6e600;
}

.text-brand {
  color: #a6e600;
}

.btn-brand {
  background-color: #a6e600;
  color: #fff;
}

.btn-brand:hover {
  background-color: #8dc300;
  color: #fff;
}

.datepicker td,
.datepicker th {
  width: 35px;
}

.transform-grow {
  transition: all 0.2s ease-in-out;
}

.transform-grow:hover {
  transform: scale(1.1);
  background-color: #fff;
  border-radius: 20px;
  padding: 1rem 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}