:root {
  --locki-color-primary: #2D28FF;
}

.o-h{
  overflow: hidden;
}

.btn-dark {
  color: #fff;
  background-color: var(--locki-color-primary) !important;
  border-color: var(--locki-color-primary) !important;
}

.bg-primary {
  background-color: var(--locki-color-primary) !important;
}

.sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link {
  border-radius: 0 60px 60px 0;
  color: #fff!important;
  background: unset;
  background-color: var(--locki-color-primary) !important;
  box-shadow: 0 7px 12px 0 rgb(95 118 232 / 21%);
  opacity: 1;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: var(--locki-color-primary) !important;
  border-color: var(--locki-color-primary) !important;
}

.nav-tabs.nav-bordered li a:hover {
  color:  var(--locki-color-primary) !important;
}
.nav-tabs.nav-bordered li a {
  color: #a0acc0  !important;
}
.nav-tabs.nav-bordered li a.active {
  color:  #1c2d41 !important;
}

.nav-tabs.nav-bordered {
  border-bottom: 3px solid transparent !important;
}
.nav-tabs.nav-bordered li a.active {
  border-bottom: 3px solid transparent !important;
}
.nav-tabs.nav-bordered li a.active {
  border-bottom: 3px solid var(--locki-color-primary) !important;
}

.table thead th {
  border-bottom: 0px;
}

button .feather-icon{
  height: 18px;
}