: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: 247, 37, 133;
    --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: #355dff;
    --lpx-secondary: #6c5dd3;
    --lpx-success: #4fbf67;
    --lpx-primary-one: #ffa545;
    --lpx-primary-two: var(--lpx-brand);
    --lpx-primary-three: #b57531;
    ---lpx-primary-gradient:linear-gradient(90deg, var(--lpx-primary-one) 0%, var(--lpx-primary-one) 35%, var(--lpx-primary-one) 100%);
    --lpx-status-temp-active: #74BC1F;
    --lpx-status-temp-inactive: #dd2a0b;
    --lpx-status-temp-color: var(--lpx-primary-two);
    --lpx-info: #438aa7;
    --lpx-warning: #ff9f38;
    --lpx-danger: #c00d49;
    --lpx-brand: #ec9b3d;
    --lpx-hover: #ca8337;
    --lpx-brand-text: #fff;
    --lpx-container-active-text: #fff;
    --lpx-text-white: #fff;
    --lpx-radius: 0.5rem;
    --lpx-logo: url(/images/fidelity/logo.png);
    --lpx-merchant-logo: url(/images/fidelity/portal-logo.png);
    --lpx-portal-logo: url(/images/fidelity/merchant-logo.png);
    --lpx-logo-color: url(/images/fidelity/logo-color.png);
    --lpx-logo-icon: url(/images/fidelity/logo-only.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);
}
  
  

.lpx-brand-logo {
    background-image: var(--lpx-logo-color);
    background-position: left 0px;
    background-repeat: no-repeat;
    background-size: auto 32px;
    height: 32px;
}

.lpx-brand-logo-reverse {
    background-image: var(--lpx-logo);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto 32px;
    height: 32px;
}

.lpx-logo-icon {
    background-image: var(--lpx-logo-icon);
    background-position: left 0px;
    background-repeat: no-repeat;
    background-size: auto 32px;
    height: 32px;
}

.lpx-brand-logo.lpx-login-big-logo {
    -webkit-transform: translateX(-50%);
    background-position: center;
    background-size: contain;
    display: block;
    height: 250px;
    left: 50%;
    position: absolute;
    top: calc(50vh - 125px);
    transform: translateX(-50%);
    width: 50%;
    z-index: 1;
}

.lpx-login-image-area {
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    left: 0;
    max-height: 100vh;
    min-height: 100vh;
    position: fixed;
    top: 0;
    width: 50vw;
}
.lpx-sidebar { background: var(---lpx-primary-gradient) !important; }

.lpx-sidebar .lpx-logo-container { background-color: transparent !important; }