/* ==========================================================================
   Primary Theme Color Override: #FCA901
   ========================================================================== */

:root,
[data-bs-theme="light"],
body {
  --bs-primary: #FCA901;
  --bs-primary-rgb: 252, 169, 1;
  --bs-primary-active: #E59900;
  --bs-primary-light: #FFF8EB;
  --bs-primary-inverse: #FFFFFF;
  --bs-text-primary: #FCA901;
  --bs-primary-text-emphasis: #6B4700;
  --bs-primary-bg-subtle: #FFEEC4;
  --bs-primary-border-subtle: #FFD685;
  --bs-link-color: #FCA901;
  --bs-link-hover-color: #E59900;
  --bs-component-active-bg: #FCA901;
  --bs-component-hover-color: #FCA901;
  --bs-component-checked-bg: #FCA901;
  --bs-menu-link-color-hover: #FCA901;
  --bs-menu-link-color-show: #FCA901;
  --bs-menu-link-color-here: #FCA901;
  --bs-menu-link-color-active: #FCA901;
  --bs-ribbon-label-bg: #FCA901;
  --bs-scrolltop-bg-color: #FCA901;
  --bs-scrolltop-bg-color-hover: #E59900;
}

[data-bs-theme="dark"] {
  --bs-primary: #FCA901;
  --bs-primary-rgb: 252, 169, 1;
  --bs-primary-active: #E59900;
  --bs-primary-light: #3D2E0B;
  --bs-primary-inverse: #FFFFFF;
  --bs-text-primary: #FCA901;
  --bs-component-active-bg: #FCA901;
  --bs-component-hover-color: #FCA901;
  --bs-component-checked-bg: #FCA901;
  --bs-menu-link-color-hover: #FCA901;
  --bs-menu-link-color-show: #FCA901;
  --bs-menu-link-color-here: #FCA901;
  --bs-menu-link-color-active: #FCA901;
  --bs-ribbon-label-bg: #FCA901;
  --bs-scrolltop-bg-color: #FCA901;
  --bs-scrolltop-bg-color-hover: #E59900;
}

/* Primary Button */
.btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #FCA901;
  --bs-btn-border-color: #FCA901;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #E59900;
  --bs-btn-hover-border-color: #D68F00;
  --bs-btn-focus-shadow-rgb: 252, 169, 1;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #D68F00;
  --bs-btn-active-border-color: #C78200;
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #FCA901;
  --bs-btn-disabled-border-color: #FCA901;
  color: #FFFFFF !important;
  background-color: #FCA901 !important;
  border-color: #FCA901 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #FFFFFF !important;
  background-color: #E59900 !important;
  border-color: #D68F00 !important;
}

/* Light Primary Button */
.btn.btn-light-primary {
  color: #FCA901 !important;
  background-color: #FFF8EB !important;
  border-color: #FFF8EB !important;
}

.btn.btn-light-primary i,
.btn.btn-light-primary .svg-icon {
  color: #FCA901 !important;
}

.btn.btn-light-primary:hover:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary.active,
.btn.btn-light-primary:active:not(.btn-active),
.btn-check:checked + .btn.btn-light-primary,
.btn-check:active + .btn.btn-light-primary,
.show > .btn.btn-light-primary {
  color: #FFFFFF !important;
  background-color: #FCA901 !important;
  border-color: #FCA901 !important;
}

.btn-check:checked + .btn.btn-light-primary i,
.btn-check:checked + .btn.btn-light-primary .svg-icon,
.btn.btn-light-primary:hover:not(.btn-active) i,
.btn.btn-light-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-light-primary.active i,
.btn.btn-light-primary.active .svg-icon {
  color: #FFFFFF !important;
}

/* Outline Primary Button */
.btn-outline-primary {
  --bs-btn-color: #FCA901;
  --bs-btn-border-color: #FCA901;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #FCA901;
  --bs-btn-hover-border-color: #FCA901;
  --bs-btn-focus-shadow-rgb: 252, 169, 1;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #E59900;
  --bs-btn-active-border-color: #E59900;
  --bs-btn-disabled-color: #FCA901;
  --bs-btn-disabled-border-color: #FCA901;
  color: #FCA901;
  border-color: #FCA901;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #FFFFFF !important;
  background-color: #FCA901 !important;
  border-color: #FCA901 !important;
}

/* Active primary button variant */
.btn.btn-active-primary.active,
.btn.btn-active-primary:hover:not(.btn-active),
.show > .btn.btn-active-primary {
  color: #FFFFFF !important;
  background-color: #FCA901 !important;
  border-color: #FCA901 !important;
}

.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary:hover:not(.btn-active),
.show > .btn.btn-active-light-primary {
  color: #FCA901 !important;
  background-color: #FFF8EB !important;
  border-color: #FFF8EB !important;
}

/* Links & Text */
.link-primary,
a.link-primary {
  color: #FCA901 !important;
}

.link-primary:hover,
.link-primary:focus,
a.link-primary:hover,
a.link-primary:focus {
  color: #E59900 !important;
}

.text-primary {
  color: #FCA901 !important;
}

.text-hover-primary:hover {
  color: #FCA901 !important;
}

.bg-primary {
  background-color: #FCA901 !important;
}

.bg-light-primary {
  background-color: #FFF8EB !important;
}

.border-primary {
  border-color: #FCA901 !important;
}

/* Form Check / Switch checked state */
.form-check-input:checked {
  background-color: #FCA901 !important;
  border-color: #FCA901 !important;
}

.form-check.form-check-custom.form-check-solid .form-check-input:checked {
  background-color: #FCA901 !important;
}

/* Nav pills active */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #FCA901 !important;
  color: #FFFFFF !important;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
  border-bottom-color: #FCA901 !important;
  color: #FCA901 !important;
}

/* Aside menu active state */
.aside-menu .menu-item .menu-link.active,
.aside-menu .menu-item.here > .menu-link {
  color: #FCA901 !important;
}

.aside-menu .menu-item .menu-link.active .menu-title,
.aside-menu .menu-item .menu-link.active .menu-icon i,
.aside-menu .menu-item .menu-link.active .menu-icon .svg-icon,
.aside-menu .menu-item.here > .menu-link .menu-title,
.aside-menu .menu-item.here > .menu-link .menu-icon i,
.aside-menu .menu-item.here > .menu-link .menu-icon .svg-icon {
  color: #FCA901 !important;
}

.aside-menu .menu-item .menu-link.active .menu-bullet .bullet-dot,
.aside-menu .menu-item.here > .menu-link .menu-bullet .bullet-dot {
  background-color: #FCA901 !important;
}

.aside-menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.aside-menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: #FCA901 !important;
}

/* Scroll top button */
#kt_scrolltop {
  background-color: #FCA901 !important;
}

#kt_scrolltop:hover {
  background-color: #E59900 !important;
}

/* Pagination active */
.page-item.active .page-link {
  background-color: #FCA901 !important;
  border-color: #FCA901 !important;
  color: #FFFFFF !important;
}

/* Badges */
.badge-primary {
  color: #FFFFFF !important;
  background-color: #FCA901 !important;
}

.badge-light-primary {
  color: #FCA901 !important;
  background-color: #FFF8EB !important;
}

/* Progress bar */
.progress-bar {
  --bs-progress-bar-bg: #FCA901;
}

/* Spinners */
.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: #FCA901 !important;
}