:root {
  --gapec-primary: #6f2dbd;
  --gapec-primary-dark: #5a2399;
  --gapec-primary-light: #8b5bd1;
}

a {
  color: var(--gapec-primary);
}

a:hover {
  color: var(--gapec-primary-dark);
}

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

.text-primary {
  color: var(--gapec-primary) !important;
}

.border-primary {
  border-color: var(--gapec-primary) !important;
}

.bg-out-primary {
  color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
}

.badge-primary {
  background-color: var(--gapec-primary) !important;
}

.btn-primary {
  background-color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--gapec-primary-dark) !important;
  border-color: var(--gapec-primary-dark) !important;
}

.btn-outline-primary {
  color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
  color: #fff !important;
}

.navbar-primary {
  background-color: var(--gapec-primary) !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--gapec-primary) !important;
}

.main-sidebar.sidebar-dark-primary {
  background: linear-gradient(180deg, #3b0f5a 0%, #000 100%) !important;
}

.card-primary.card-outline {
  border-top: 3px solid var(--gapec-primary) !important;
}

.card-primary:not(.card-outline) > .card-header {
  background-color: var(--gapec-primary) !important;
}

.page-item.active .page-link {
  background-color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
}

.list-group-item.active {
  background-color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
}

.icheck-primary > input:first-child:checked + label::before {
  background-color: var(--gapec-primary) !important;
  border-color: var(--gapec-primary) !important;
}