/* Update below HEX and RGB color code to your primary color for light mode */
[data-bs-theme=light] {
  --bs-primary: #251e67 !important;
  --bs-primary-rgb: 81, 67, 217 !important;
  --bs-link-color: #5143d9 !important;
  --bs-link-hover-color: #4136ae;
  --bs-link-color-rgb: 81, 67, 217;
  --bs-link-hover-color-rgb: 65, 54, 174;
  --bs-nav-pills-link-active-bg: #5143d9;
  --bs-white-dark: #191b1d;
  --bs-info-custom-rgb:237, 242, 250;
}

/* Update below HEX and RGB color code to your primary color for dark mode */
[data-bs-theme=dark] {
  --bs-primary: #5143d9 !important;
  --bs-primary-rgb: 81, 67, 217 !important;
  --bs-link-color: #5143d9 !important;
  --bs-link-hover-color: #4136ae;
  --bs-link-color-rgb: 81, 67, 217;
  --bs-link-hover-color-rgb: 65, 54, 174;
  --bs-nav-pills-link-active-bg: #5143d9;
  --bs-white-dark: #ffffff;
  --bs-primary: #5143d9 !important;
  
}

.nav.nav-bottom-line .nav-link.active {
  background: transparent;
  color: var(--bs-white-dark);
  border-bottom: 3px solid var(--bs-white-dark);
}

.text-black-white {
  color: var(--bs-white-dark);
}

.btn-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF9933;
  --bs-btn-border-color: #FF9933;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d76b11;
  --bs-btn-hover-border-color: #ca6510;
  --bs-btn-focus-shadow-rgb: 253, 145, 55;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #FF9933;
  --bs-btn-active-border-color: #FF9933;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FF9933;
  --bs-btn-disabled-border-color: #FF9933;
}

.text-orange {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}

.pagination-primary-soft .page-item.page-item.active .page-link {
  color: #fff;
  background-color: var(--bs-primary);
}

.pl-0 {
  padding-left: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.bg-primary-hover {
  background-color: #EDF2FA;
}

.bg-purple {
  --bs-bg-opacity: 1 !important;
  background-color: rgba(81, 67, 217, 0.1) !important;
}

.bg-info-custom {
  --bs-bg-opacity: 10;
  background-color: rgba(var(--bs-info-custom-rgb), var(--bs-bg-opacity)) !important;

}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-brand .navbar-brand-item {
    height: 45px;
    display: block;
    width: auto;
    bottom: 5px;
    position: relative;
  }
}

@media (min-width: 1200px) {
  header.header-sticky-on .navbar-brand .navbar-brand-item {
    height: 37px;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-brand .navbar-brand-item {
    height: 50px;
  }
}

/* CSS for overriding primary colors */
.navbar {
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-active-color: var(--bs-primary);
}

.navbar-dark {
  --bs-navbar-hover-color: var(--bs-primary) !important;
  --bs-navbar-active-color: var(--bs-primary) !important;
}

.nav {
  --bs-nav-link-hover-color: var(--bs-primary);
}

.dropdown-menu {
  --bs-dropdown-link-hover-color: var(--bs-primary) !important;
  --bs-dropdown-link-hover-bg: rgba(var(--bs-primary-rgb), 0.1) !important;
  --bs-dropdown-link-active-color: var(--bs-primary) !important;
  --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
  --bs-btn-active-bg: var(--bs-link-hover-color);
  --bs-btn-active-border-color: var(--bs-link-hover-color);
  --bs-btn-disabled-bg: var(--bs-primary);
}

.btn-link {
  --bs-btn-color: var(--bs-primary);
  --bs-link-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-active-color: var(--bs-link-hover-color);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-primary-soft {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.btn-primary-soft:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary-soft:focus {
  color: var(--bs-white);
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary-soft.active {
  color: var(--bs-white);
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.fill-primary {
  fill: var(--bs-primary) !important;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.form-control:focus {
  border-color: var(--bs-primary);
}

.text-bg-primary {
  background-color: rgba(var(--bs-primary-rgb), 1) !important;
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.choices.is-focused .choices__inner {
  border-color: var(--bs-primary);
}