:root {
    /*---- Defined Color Scheme ----*/
    /*-------------------------------*/
    --colorPrimary-reskin: #CC0433;
    --colorSecondary-reskin: #646464;
    --colorTertiary-reskin: #F1F1F1;
    --colorQuaternary-reskin: #5a6e9d; /* Unused in FD atm, ugly blue for header in Lowes */
    /*-------------------------------*/
    /*---- End Defined Color Scheme ----*/
    /*-------------------------------*/
    /*---- Basic Colors ----*/
    /*-------------------------------*/
    --colorWhite-reskin: #FFFFFF;
    --colorBlack-reskin: #000000;
    --colorBlue-reskin: #0041C2;
    --colorGreen-reskin: #00B140;
    /* Header Bar Colors */
    --colorActiveItem: var(--colorWhite-reskin); /* Current Wizard Step on Header */
    --colorInactiveItem: var(--colorSecondary-reskin); /* Current Wizard Step on Header */
    --colorInactiveHeader: var(--colorBlack-reskin); /* Incomplete Wizard Step on Header */
    --colorCompletedItem: var(--colorWhite-reskin); /* Completed Wizard Step on Header */
    /* End Header Bar Colors */
    --colorComponentBackground: #F8F8F8;
    --colorLightGrey-reskin: var(--colorSecondary-reskin);
    --colorDarkGrey-reskin: var(--colorSecondary-reskin); /* Being consistent with Grays for FD*/
    /*-------------------------------*/
    /*---- End Basic Colors ----*/
    /*-------------------------------*/
    /*---- Custom Values ----*/
    /*-------------------------------*/
    --colorHeader-reskin: var(--colorBlack-reskin); /* Header Bar Color */
    --colorWelcomePageSidebar-reskin: var(--colorSecondary-reskin); /* Welcome page sidebar solid color */
    --colorPrimaryButton-reskin: var(--colorPrimary-reskin); /* Primary Continue Button Colors */
    --colorSecondaryButton-reskin: var(--colorPrimary-reskin);
    --colorTertiaryButton-reskin: var(--colorPrimary-reskin);
    --colorQuarternaryButton-reskin: var(--colorPrimary-reskin); /* For Save Quote and Exit button at least */
    --colorQuoteHeaderBar-reskin: var(--colorSecondary-reskin);
    --colorQuoteProjectBox-reskin: var(--colorSecondary-reskin);
    --colorQuoteLineItemText-reskin: var(--colorSecondary-reskin);
    --colorDarkText-reskin: var(--colorSecondary-reskin);
    --colorMeasurementBar-reskin: var(--colorWhite-reskin);
    --colorProjectSummaryTitle-reskin: var(--colorSecondary-reskin);
    --colorQuotePageButtonOutline-reskin: var(--colorWhite-reskin);
    --colorGridItemHover-reskin: var(--colorPrimary-reskin); /* Hover outline color on grid items */
    --colorFilter-reskin: var(--colorPrimary-reskin);
    /*-------------------------------*/
    /*---- End Custom Values ----*/
    /*-------------------------------*/
}
.generic-header-reskin .header3 {
    font-size: 24px;
    font-weight: bold;
}

.bs3 .your-quote-inside {
    width: 100%;
}
.option-item-inner.mx-auto-reskin {
    font-size: 1rem;
}
i.icon-x-reskin {
    padding: 12px 3px 12px 3px;
}

@media(max-width: 425px) {
    .full-width-navigationbar-reskin {
        display: flex;
    }
}