:root {
    /*---- Defined Color Scheme ----*/
    /*-------------------------------*/
    --colorPrimary-reskin: #012169;
    --colorSecondary-reskin: #00A3E0;
    --colorTertiary-reskin: #0041C2;
    --colorQuaternary-reskin: #5a6e9d;
    /*-------------------------------*/
    /*---- End Defined Color Scheme ----*/
    /*-------------------------------*/
    /*---- Basic Colors ----*/
    /*-------------------------------*/
    --colorWhite-reskin: #FFFFFF;
    --colorBlack-reskin: #000000;
    --colorBlue-reskin: var(--colorTertiary-reskin);
    --colorGreen-reskin: #09B552;
    /* Header Bar Colors */
    --colorActiveItem: var(--colorWhite-reskin); /* Current Wizard Step on Header */
    --colorInactiveItem: var(--colorQuaternary-reskin); /* Current Wizard Step on Header */
    --colorInactiveHeader: var(--colorQuaternary-reskin); /* Incomplete Wizard Step on Header */
    --colorCompletedItem: var(--colorWhite-reskin); /* Completed Wizard Step on Header */
    /* End Header Bar Colors */
    --colorComponentBackground: #F8F8F8;
    --colorLightGrey-reskin: #DDDDDD;
    --colorDarkGrey-reskin: #717171;
    /*-------------------------------*/
    /*---- End Basic Colors ----*/
    /*-------------------------------*/
    /*---- Custom Values ----*/
    /*-------------------------------*/
    --colorHeader-reskin: var(--colorPrimary-reskin); /* Header Bar Color */
    --colorWelcomePageSidebar-reskin: var(--colorPrimary-reskin); /* Welcome page sidebar solid color */
    --colorPrimaryButton-reskin: var(--colorPrimary-reskin); /* Primary Continue Button Colors */
    --colorSecondaryButton-reskin: var(--colorSecondary-reskin); /* Lighter blue, for Welcome Screen at least */
    --colorTertiaryButton-reskin: var(--colorSecondary-reskin); /* Lighter blue, for deposit button at least */
    --colorQuarternaryButton-reskin: var(--colorPrimary-reskin); /* Darker blue, for Save Quote and Exit button at least */
    --colorQuoteHeaderBar-reskin: var(--colorPrimary-reskin);
    --colorQuoteProjectBox-reskin: var(--colorPrimary-reskin);
    --colorQuoteLineItemText-reskin: var(--colorPrimary-reskin);
    --colorDarkText-reskin: var(--colorPrimary-reskin);
    --colorMeasurementBar-reskin: var(--colorBlack-reskin);
    --colorProjectSummaryTitle-reskin: var(--colorBlack-reskin);
    --colorQuotePageButtonOutline-reskin: var(--colorSecondary-reskin);
    --colorGridItemHover-reskin: var(--colorSecondary-reskin); /* Hover outline color on grid items */
    --colorFilter-reskin: rgb(21,182,229);
    /*-------------------------------*/
    /*---- End Custom Values ----*/
    /*-------------------------------*/
}

@media(max-width: 767px) {
    div.col-xs-5.col-sm-5.col-md-5.wizard-left-input-label {
        padding-left: 0px;
        padding-right: 5px;
    }

    .ui-datepicker-trigger {
        position: relative;
        top: -30px;
        float: right !important;
        padding-right: 10px;
    }

    div.row.padding-nextstep-reskin > div.row > div.next-step-title.reskin {
        position: relative !important;
        transform: none !important;
        margin-left: 20px;
        margin-right: 20px;
        display: block !important;
        text-align: center;
    }

        div.row.padding-nextstep-reskin > div.row > div.next-step-title.reskin > p.paragraph-alternative > span > br {
            display: none;
        }

    div.row.padding-nextstep-reskin > div.row > div.col-xs-12.cold-md-5.col-lg-5 {
        padding-bottom: 10px;
        z-index: 10;
    }
}

.color-lightblue-reskin {
    color: var(--colorPrimary-reskin);
}

.test-reskin {
    color: var(--colorPrimary-reskin);
    font-size: 32px;
}

.reskin-promo {
    padding-left: 0;
}

@media (min-width: 753px) and (max-width: 767px) {
    .container {
        max-width: 753px !important;
    }
}

@media (max-width: 1024px) {
    .main {
        padding: 10px 0px 10px 0px;
    }
}