/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/* ============================================================
   Virtusee Colors
   Primary : #1849A9
   Secondary: #1565C0
   Accent   : #E3F0FF
   ============================================================ */

:root {
    --virtusee-primary: #1849A9;
    --virtusee-secondary: #1565C0;
    --virtusee-accent: #E3F0FF;
    --virtusee-dark: #0f2f72;
    --virtusee-light: #e8f0fe;
}

/* Background */
.bg-virtusee { background-color: var(--virtusee-primary) !important; }
.bg-virtusee-secondary { background-color: var(--virtusee-secondary) !important; }
.bg-virtusee-accent { background-color: var(--virtusee-accent) !important; }
.bg-virtusee-dark { background-color: var(--virtusee-dark) !important; }
.bg-virtusee-light { background-color: var(--virtusee-light) !important; }

/* Text */
.text-virtusee,
.text-virtusee a,
.text-virtusee a:hover { color: var(--virtusee-primary) !important; }
.text-virtusee a:before {background-color: var(--virtusee-primary) !important;}
.text-virtusee-secondary,
.text-virtusee-secondary a { color: var(--virtusee-secondary) !important; }
.text-virtusee-dark,
.text-virtusee-dark a { color: var(--virtusee-dark) !important; }

/* Border */
.border-virtusee { border-color: var(--virtusee-primary) !important; }
.border-virtusee-dark { border-color: var(--virtusee-dark) !important; }

/* Button */
.btn-virtusee {
    color: #0f2f72;
    background-color: var(--virtusee-primary);
    border-color: var(--virtusee-primary);
}
.btn-virtusee:hover,
.btn-virtusee:focus {
    color: #fff;
    background-color: var(--virtusee-dark);
    border-color: var(--virtusee-dark);
}
.btn-outline-virtusee {
    color: var(--virtusee-primary);
    border-color: var(--virtusee-primary);
    background-color: transparent;
}
.btn-outline-virtusee:hover {
    color: #fff;
    background-color: var(--virtusee-primary);
    border-color: var(--virtusee-primary);
}

/* Sidebar – active item (normal mode) */
.main-sidebar .sidebar-menu li.active > a,
.main-sidebar .sidebar-menu li.active > a:hover {
    color: var(--virtusee-primary) !important;
}

/* Sidebar – active item (mini mode) */
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
    background-color: var(--virtusee-primary) !important;
    box-shadow: 0 4px 8px rgba(24, 73, 169, 0.35) !important;
    color: #fff !important;
}
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a .fas,
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a .far,
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a .fab,
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a .fal,
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a .ion {
    color: #fff !important;
}

/* Pagination */
.page-item .page-link {
    color: var(--virtusee-primary) !important;
}
.page-item.active .page-link {
    background-color: var(--virtusee-primary) !important;
    border-color: var(--virtusee-primary) !important;
    color: #fff !important;
}
.page-item.disabled .page-link {
    color: var(--virtusee-primary) !important;
}
.page-link:hover {
    background-color: var(--virtusee-primary) !important;
    color: #fff !important;
}

/* Card */
.card.card-virtusee {
  border-top: 2px solid var(--virtusee-primary) !important;
}

/* Login page – brand color tint overlay (sits behind the gradient :after) */
.overlay-tint-brand::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(24, 73, 169, 0.70);
    z-index: 0;
}

/*# sourceMappingURL=custom.css.map */