﻿/* =================================================================
   Auto-generated branding configuration – do NOT edit manually.
   Generated: 2026-06-14 09:10:48 UTC
   Changes are applied via Administration > White Label Configuration.
   ================================================================= */

@font-face {
    font-family: 'PFHighwaySansPro-Light';
    src: url('https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=PFHighwaySansPro-Light.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'PFHighwaySansPro-Light';
    src: url('https://rise.alumil.com/branding/PFHighwaySansPro-Light.woff2') format('woff2');
    font-display: swap;
}

:root {
    /* ── Admin Brand Palette ──────────────────────────────────────── */
    --admin-primary-color: #3e3f46;
    --admin-primary-contrast-color: #ffffff;
    --admin-secondary-color: #f6b800;
    --admin-success-color: #1cc88a;
    --admin-info-color: #36b9cc;
    --admin-warning-color: #f6c23e;
    --admin-danger-color: #dd1d21;
    --admin-app-bg-color: #f8f8fc;

    /* ── Legacy aliases (backward-compatible) ───────────────── */
    --flex-blue:   #3e3f46;
    --flex-yellow: #f6b800;

    /* ──Admin Graph / Chart Palette ─────────────────────────────── */
    --brand-graphPalette: #3e4346,#ffd300,#f6b800,#ed6b0f,#17a2b8;

    /* ── Admin Scrollbar ───────────────────────────────────────── */
    --admin-scrollbar-color: #888888;

    /* ── Admin Login Page ─────────────────────────────────────────── */
    --admin-login-background: #FFFFFF;
    --admin-particles-line-color: #000000;

    /* ── Admin Footer ─────────────────────────────────────────────── */
    --admin-footer-bg-color-a: "";
    --admin-footer-bg-color-b: #ffb100;
    --admin-footer-text-color: #ffffff;
    --admin-footer-url-text-color: #ffffff;

    /* ── Admin Sidebar ───────────────────────────────────────────── */
    --admin-sidebar-bg-color: #ffffff;
    --admin-sidebar-text-color: #2d2f33;
    --admin-sidebar-headings-color: #F6B800;
    --admin-sidebar-headings-bg-color: #FFFFFF;

    /* ── Admin Navbar ───────────────────────────────────────────── */
    --admin-navbar-bg-color: #ffffff;

    /* ── Admin Typography ────────────────────────────────────────── */
    --admin-main-text-color: #2d2f33;
    --admin-page-title-color: #1a1b1e;
    --admin-card-title-color: #1a1b1e;

    /* ── Admin Fonts ─────────────────────────────────────────────── */
    --admin-font-family: 'PFHighwaySansPro-Light', system-ui, sans-serif;

    /* ── Admin Image Dimensions ───────────────────────────────────── */
    --card-logo-width:          400px;
    --card-logo-height:         80px;
    --sidebar-logo-width:       70%;
    --sidebar-logo-height:      70%;
    --small-logo-width:         100px;
    --small-logo-height:        70px;
    --login-page-logo-width:    auto;
    --login-page-logo-height:   auto;
    --card-company-logo-width:    60px;
    --card-company-logo-height:   60px;
    --footer-small-logo-width:  80px;
    --footer-small-logo-height: 24px;

    /* ══════════════════════════════════════════════════════════════ */
    /* ── STUDENT VARIABLES BELOW ───────────────────────────────── */
    /* ══════════════════════════════════════════════════════════════ */

    /* ── Student Scrollbar ───────────────────────────────────────── */
    --student-scrollbar-color: #f6b800;

    /* ── Student Brand Palette  ────────────────── */
    --student-primary-color: #60626c;
    --student-secondary-color: #f6b800;
    --student-success-color: #1cc88a;
    --student-info-color: #36b9cc;
    --student-warning-color: #f6c23e;
    --student-danger-color: #dd1d21;
    --student-app-bg-color: #f8f8fc;

    /* ── Student Particles Color ──────────────────────────────── */
    --student-particles-color: #3e4346;

    /* ── Student Sidebar ─────────────────────────────────────────── */
    --student-sidebar-bg-color: #FFFFFF;
    --student-sidebar-text-color: #3E3F46;

    /* ── Student Footer ──────────────────────────────────────── */
    --student-footer-bg-color: #3E3F46;
    --student-footer-text-color: #ffffff;
    --student-footer-url-text-color: #ffffff;

    /* ── Student Login Page ──────────────────────────────────────── */
    --student-login-bg-color: #ffffff;

    /* ── Student Fonts ───────────────────────────────────────────── */
    --student-font-family: 'PFHighwaySansPro-Light', system-ui, sans-serif;

    /* ── Student Image Dimensions ───────────────────────────────────── */
    --login-logo-width:          500px;
    --login-logo-height:         150px;
    --main-logo-width:           200px;
    --main-logo-height:          64px;
}

/* ── Admin Image size overrides ─────────────────────────────────────── */
#admin-login-logo {
    width: var(--card-logo-width, 400px);
    height: var(--card-logo-height, 80px);
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=alumil-login-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#admin-company-login-logo {
    display: none;
}

#admin-sidebar-logo {
    width: var(--sidebar-logo-width, 100%);
    height: var(--sidebar-logo-height, 100%);
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=logo-alumil.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media (width <= 767px) {
    #accordionSidebar .sidebar-brand {
        width: var(--small-logo-width, 100px);
        height: var(--small-logo-height, 70px);
    }

    #accordionSidebar #admin-sidebar-logo {
        background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=logo-alumil.png");
         width: var(--small-logo-width, 100px);
         height: var(--small-logo-height, 70px);
    }
}

#admin-set-mobile-phone-logo {
    height: var(--card-logo-height, 80px);
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=alumil-login-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#admin-forgot-password-logo,
#admin-set-password-logo {
    height: var(--card-logo-height, 80px);
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=alumil-login-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1))
        drop-shadow(-1px -1px 0px rgba(255, 255, 255, 1))
        drop-shadow(0px 0px 0px rgba(255, 255, 255, 1))
        drop-shadow(1px 1px 6px black);
}

/* ── btn-secondary text contrast ────────────────────────────────────── */
.btn-secondary {
    color: #333333;
}

.btn-secondary:hover {
    color: #333333;
}

.btn-outline-secondary:hover {
    color: #333333;
}

/* ── Sidebar nav primary text contrast ──────────────────────────── */
.nav-link-custom:hover {
    color: #ffffff !important;
}

.nav-link-custom:hover i {
    color: #ffffff !important;
}

li.nav-item-custom.active > a.nav-link-custom.collapsed {
    color: #ffffff !important;
}

.sidebar-dark .nav-item-custom.active .nav-link-custom > i,
.sidebar-dark .nav-item-custom.active .nav-link-custom > ::after,
.sidebar-dark .nav-item-custom.active .nav-link-custom > span {
    color: #ffffff;
}

.sidebar-dark .nav-item .nav-link:hover,
.sidebar-dark .nav-item .nav-link:hover i {
    color: #ffffff;
}

.sidebar-dark .nav-item.active .nav-link {
    color: #ffffff;
}

.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]:hover::after,
.sidebar-dark .nav-item.active .nav-link[data-toggle="collapse"]::after {
    color: #ffffff !important;
}

.sidebar-dark #sidebarToggle:hover::after {
    color: #ffffff !important;
}

/* ── btn-primary text contrast ────────────────────────────────────── */
.btn-primary {
    color: #ffffff;
}

.btn-primary:hover {
    color: #ffffff;
}

.btn-outline-primary:hover {
    color: #ffffff;
}

/* ── Scrollbar override ───────────────────────────────────────── */
::-webkit-scrollbar {
    width:  8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #bbb;
}

::-webkit-scrollbar-thumb {
    background-color: var(--admin-scrollbar-color);
    border-radius:    8px;
    border: 0 solid transparent;
}

/* ── Admin Footer ────────────────────────────────────────────────── */
footer.sticky-footer {
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=footer_bg.jpg");
    background-size: contain;
    background-color: var(--admin-footer-bg-color-b);
    color: var(--admin-footer-text-color);
}

footer.sticky-footer span, footer.sticky-footer a {
    color: var(--admin-footer-text-color);
}

footer.sticky-footer a {
    color: var(--admin-footer-url-text-color);
}

/* admin footer small icon */
#admin-footer-small-icon {
    display: none;
}

/* ── Admin Login Cube Gallery ────────────────────────────────────── */
.login-cube-one {
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=alumil-login-cube-1.png") !important;
    background-size: cover;
    background-position: center;
}

.login-cube-two {
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=alumil-login-cube-2.png") !important;
    background-size: cover;
    background-position: center;
}

.login-cube-three {
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=alumil-login-cube-3.png") !important;
    background-size: cover;
    background-position: center;
}

.login-cube-four {
    background-image: url("https://admrise.alumil.com/WhiteLabel/BrandingAsset?fileName=alumil-login-cube-4.png") !important;
    background-size: cover;
    background-position: center;
}

/* =================================================================
   Student project branding overrides
   ================================================================= */

/* Student login page logo */
#student-login-logo {
    width: var(--login-logo-width, 500px);
    height: var(--login-logo-height, 300px);
    background-image: url("https://rise.alumil.com/branding/alumil-login-logo.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Student main app logo (navbar) */
#customerImage {
    width: var(--main-logo-width, 200px);
    height: var(--main-logo-height, 64px);
    background-image: url("https://rise.alumil.com/branding/logo-alumil.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ── Student Footer ────────────────────────────────────────────────── */
.page-footer .footer-copyright,
.page-footer a,
.page-footer span {
    color: var(--student-footer-text-color);
}

.page-footer a {
    color: var(--student-footer-url-text-color);
}

