:root {
  --ct-main-color: #407EFB;
  --ct-main-color-hover-rgb: #0049db;
  --ct-action-bg-color: #709EFC;
}

html[data-menu-color=light] {
  --ct-menu-item-hover-color: var(--ct-main-color);
  --ct-menu-item-active-color: var(--ct-main-color);
}

html[data-topbar-color=light] {
  --ct-menu-item-icon-hover-color: var(--ct-main-color);
}

html[data-topbar-color=dark] {
  --ct-menu-item-icon-hover-color: var(--ct-topbar-item-color);
}

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

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

.action {
    background-color: var(--ct-action-bg-color) !important;
}

.btn-primary {
  --ct-btn-bg: var(--ct-main-color);
  --ct-btn-border-color: var(--ct-main-color);
  --ct-btn-hover-bg: var(--ct-main-color-hover-rgb);
  --ct-btn-hover-border-color: var(--ct-main-color-hover-rgb);
  --ct-btn-active-bg: var(--ct-main-color);
  --ct-btn-active-border-color: var(--ct-main-color);
  --ct-btn-disabled-bg: var(--ct-main-color);
  --ct-btn-disabled-border-color: var(--ct-main-color);
}

.btn-primary:hover {
  --ct-btn-bg: var(--ct-main-color);
  --ct-btn-border-color: var(--ct-main-color);
  --ct-btn-hover-bg: var(--ct-main-color-hover-rgb);
  --ct-btn-hover-border-color: var(--ct-main-color-hover-rgb);
  --ct-btn-active-bg: var(--ct-main-color);
  --ct-btn-active-border-color: var(--ct-main-color);
  --ct-btn-disabled-bg: var(--ct-main-color);
  --ct-btn-disabled-border-color: var(--ct-main-color);
}

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

.btn-outline-primary:hover {
  background-color: var(--ct-main-color);
  border-color: var(--ct-main-color);
}

.navbar-custom .topbar-menu .nav-link:hover {
  color: var(--ct-menu-item-icon-hover-color)
}

.navbar-custom .topbar-menu li .nav-link.show {
  color: var(--ct-main-color)
}

.active>.page-link {
  background-color: var(--ct-main-color);
}