@charset "UTF-8";

/* LOGIN - Change Image */
.auth-fluid {
    background: url("../images/login.png") center;
    background-size: cover;
}

html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper {
  max-width: 100%;
  margin: 0 auto;
}

/* Topbar Menu Item Color - Dark */
html[data-menu-color=light] {
  --ct-menu-bg: #ffffff;
  --ct-menu-item-color: #eef2f7;
  --ct-menu-item-hover-color: #bccee4;
  --ct-menu-item-active-color: #536de6;
  --ct-help-box-bg: #536de6;
}

html[data-menu-color=dark] {
  --ct-menu-bg: #326ef0;
  --ct-menu-item-color: #eef2f7;
  --ct-menu-item-hover-color: #bccee4;
  --ct-menu-item-active-color: #ffffff;
  --ct-help-box-bg: rgba(255, 255, 255, 0.07);
}

html[data-bs-theme=dark][data-menu-color=light],
html[data-bs-theme=dark][data-menu-color=dark] {
  --ct-menu-bg: #326ef0;
  --ct-menu-item-color: #eef2f7;
  --ct-menu-item-hover-color: #bccee4;
  --ct-menu-item-active-color: #ffffff;
  --ct-help-box-bg: rgba(255, 255, 255, 0.07);
}

html[data-topbar-color=light] {
  --ct-topbar-bg: #ffffff;
  --ct-topbar-item-color: #eef2f7;
  --ct-topbar-item-hover-color: #536de6;
  --ct-topbar-search-bg: #f0f3f8;
  --ct-topbar-user-bg: #fafafd;
  --ct-topbar-user-border: #eef2f7;
}

html[data-topbar-color=dark] {
  --ct-topbar-bg: #326ef0;
  --ct-topbar-item-color: #eef2f7;
  --ct-topbar-item-hover-color: #bccee4;
  --ct-topbar-search-bg: #464f5b;
  --ct-topbar-user-bg: #3c4655;
  --ct-topbar-user-border: #414d5d;
}

html[data-bs-theme=dark][data-topbar-color=light],
html[data-bs-theme=dark][data-topbar-color=dark] {
  --ct-topbar-bg: #326ef0;
  --ct-topbar-item-color: #eef2f7;
  --ct-topbar-item-hover-color: #bccee4;
  --ct-topbar-search-bg: #464f5b;
  --ct-topbar-user-bg: #3c4655;
  --ct-topbar-user-border: #414d5d;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --ct-body-color: #aab8c5;
    --ct-body-color-rgb: 170, 184, 197;
    --ct-body-bg: #343a40;
    --ct-body-bg-rgb: 52, 58, 64;
    --ct-emphasis-color: #dee2e6;
    --ct-emphasis-color-rgb: 222, 226, 230;
    --ct-secondary-color: #8391a2;
    --ct-secondary-color-rgb: 131, 145, 162;
    --ct-secondary-bg: #37404a;
    --ct-secondary-bg-rgb: 55, 64, 74;
    --ct-tertiary-color: #f1f1f1;
    --ct-tertiary-color-rgb: 241, 241, 241;
    --ct-tertiary-bg: #404954;
    --ct-tertiary-bg-rgb: 64, 73, 84;
    --ct-primary-text-emphasis: #98a7f0;
    --ct-secondary-text-emphasis: #dee2e6;
    --ct-success-text-emphasis: #70dca5;
    --ct-info-text-emphasis: #86d4ec;
    --ct-warning-text-emphasis: #fbde97;
    --ct-danger-text-emphasis: #ff9d9d;
    --ct-light-text-emphasis: #f6f7fb;
    --ct-dark-text-emphasis: #dee2e6;
    --ct-primary-bg-subtle: rgba(var(--ct-primary-rgb), 0.15);
    --ct-secondary-bg-subtle: rgba(108, 117, 125, 0.15);
    --ct-success-bg-subtle: rgba(var(--ct-success-rgb), 0.15);
    --ct-info-bg-subtle: rgba(var(--ct-info-rgb), 0.15);
    --ct-warning-bg-subtle: rgba(var(--ct-warning-rgb), 0.15);
    --ct-danger-bg-subtle: rgba(var(--ct-danger-rgb), 0.15);
    --ct-light-bg-subtle: rgba(var(--ct-light-rgb), 0.15);
    --ct-dark-bg-subtle: rgba(var(--ct-dark-rgb), 0.15);
    --ct-primary-border-subtle: #32418a;
    --ct-secondary-border-subtle: #6c757d;
    --ct-success-border-subtle: #0a763f;
    --ct-info-border-subtle: #206e86;
    --ct-warning-border-subtle: #957831;
    --ct-danger-border-subtle: #993737;
    --ct-light-border-subtle: #6c757d;
    --ct-dark-border-subtle: #343a40;
    /* hX - heading color change */
    --ct-heading-color: #eef2f7;
    --ct-link-color: #98a7f0;
    --ct-link-hover-color: #a7b4f2;
    --ct-link-color-rgb: 152, 167, 240;
    --ct-link-hover-color-rgb: 167, 180, 242;
    --ct-code-color: #86d4ec;
    --ct-border-color: #464f5b;
    /* --ct-border-color: #326ef0; */
    --ct-border-color-translucent: #8391a2;
    --ct-form-valid-color: #70dca5;
    --ct-form-valid-border-color: #70dca5;
    --ct-form-invalid-color: #ff9d9d;
    --ct-form-invalid-border-color: #ff9d9d;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--ct-nav-pills-link-active-color);
  background-color: #326ef0;
}

.header-primary {
    background-color: #326ef0;
}

.btn-primary {
  --ct-btn-color: #fff;
  --ct-btn-bg: #326ef0;
  --ct-btn-border-color: #326ef0;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #2D62D6;
  --ct-btn-hover-border-color: #2D62D6;
  --ct-btn-focus-shadow-rgb: 109, 131, 234;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #4d65d5;
  --ct-btn-active-border-color: #4d65d5;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #536de6;
  --ct-btn-disabled-border-color: #536de6;
}