:root {
    --lpx-content-text-rgb: 50,81,104;
    --lpx-content-bg-rgb: 240,244,247;
    --lpx-primary-rgb: 53,93,255;
    --lpx-secondary-rgb: 108,93,211;
    --lpx-brand-rgb: 77,77,78;
    --lpx-success-rgb: 79,191,103;
    --lpx-info-rgb: 67,138,167;
    --lpx-warning-rgb: 255,159,56;
    --lpx-danger-rgb: 192,13,73;
    --lpx-light-rgb: 240,244,247;
    --lpx-dark-rgb: 6,42,68;
    --lpx-navbar-color-rgb: 255,255,255;
    --lpx-navbar-text-color-rgb: 68,95,114;
    --lpx-navbar-active-text-color-rgb: 18,65,99;
    --lpx-text-white-rgb: 255,255,255;
    --lpx-logo-reverse: var(--logo-reverse);
    --lpx-primary: #4d4d4e;
    --lpx-secondary: #909092;
    --lpx-success: #0ea755;
    --lpx-info: #0e86a7;
    --lpx-warning: #e28730;
    --lpx-danger: #c00d49;
    --lpx-brand: #a70e13;
    --lpx-bra--bs-btn-hover-border-color: transparent;nd-text: #fff;
    --lpx-container-active-text: #fff;
    --lpx-text-white: #fff;
    --lpx-radius: 0.5rem;
    --lpx-logo: url("/images/logo/itx-light_32.png");
    --lpx-logo-md: url("/images/logo/itx-light_56.png");
    --lpx-logo-lg: url("/Themes/LeptonX/Global/assets/img/ITX_Login_Image.png");
    --lpx-logo-icon: url("/images/icon/itx-light_32x32.png");
    --lpx-light: #f0f4f7;
    --lpx-dark: #062a44;
    --lpx-navbar-color: #fff;
    --lpx-navbar-text-color: #445f72;
    --lpx-navbar-active-text-color: #124163;
    --lpx-navbar-active-bg-color: #f3f6f9;
    --lpx-card-bg: #fff;
    --lpx-card-title-text-color: #062a44;
    --lpx-content-bg: #f0f4f7;
    --lpx-content-text: #325168;
    --lpx-border-color: #e8eef3;
    --lpx-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);

}

.btn-brand-primary {
    color: #fff;
    background-color: Var(--lpx-primary);
    border-color: var(--lpx-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-secondary);
    --bs-btn-hover-border-color: var(--lpx-secondary);
}

.btn-brand-secondary {
    color: #fff;
    background-color: var(--lpx-secondary);
    border-color: var(--lpx-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-primary);
    --bs-btn-hover-border-color: var(--lpx-primary);
}

.btn-brand-outline-primary {
    color: Var(--lpx-primary);
    border-color: Var(--lpx-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-primary);
    --bs-btn-hover-border-color: var(--lpx-primary);
}

.btn-brand-outline-secondary {
    color: var(--lpx-secondary);
    border-color: var(--lpx-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-secondary);
    --bs-btn-hover-border-color: var(--lpx-secondary);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lpx-primary);
    --bs-btn-border-color: var(--lpx-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-secondary);
    --bs-btn-hover-border-color: var(--lpx-secondary);
    --bs-btn-focus-shadow-rgb: 83, 117, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--lpx-secondary);
    --bs-btn-active-border-color: var(--lpx-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--lpx-primary);
    --bs-btn-disabled-border-color: var(--lpx-primary);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lpx-secondary);
    --bs-btn-border-color: var(--lpx-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-primary);
    --bs-btn-hover-border-color: var(--lpx-primary);
    --bs-btn-focus-shadow-rgb: 130, 117, 218;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--lpx-primary);
    --bs-btn-active-border-color: var(--lpx-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--lpx-secondary);
    --bs-btn-disabled-border-color: var(--lpx-secondary);
}

.btn-outline-primary {
    --bs-btn-color: var(--lpx-primary);
    --bs-btn-border-color: var(--lpx-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-primary);
    --bs-btn-hover-border-color: var(--lpx-primary);
    --bs-btn-focus-shadow-rgb: 53, 93, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--lpx-primary);
    --bs-btn-active-border-color: var(--lpx-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--lpx-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--lpx-primary);
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: var(--lpx-secondary);
    --bs-btn-border-color: var(--lpx-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lpx-secondary);
    --bs-btn-hover-border-color: var(--lpx-secondary);
    --bs-btn-focus-shadow-rgb: 108, 93, 211;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--lpx-secondary);
    --bs-btn-active-border-color: var(--lpx-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--lpx-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--lpx-secondary);
    --bs-gradient: none;
}

a {
    color: var(--lpx-primary);
}

    a:hover {
        color: var(--lpx-brand);
    }

.bg-brand-primary {
    background-color: var(--lpx-primary);
}