: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 ----*/
    /*-------------------------------*/
}

.small-padding-left { /* not reskin, but looks bad on BJs */
    padding-left: 5px;
}
.text-right-reskin {
    padding-right: 10px; /* This at least affects the measurements totals in the calc, they were too close to the edge */
}
.welcome-container-reskin .welcome-form-button {
    height: 36px;
    background-color: var(--colorWhite-reskin);
    color: var(--colorPrimary-reskin);
}

    .welcome-container-reskin .welcome-form-button:hover {
        border-width: 1px;
        border-color: var(--colorBlack-reskin);
    }

.welcome-container-reskin .welcome-heading-reskin {
    font: 36px Roboto;
    font-weight: bolder;
    text-align: center;
}

.welcome-container-reskin .font-textTitle-reskin {
    font-family: Roboto;
    font-size: 20px;
    text-align: left;
}

.welcome-container-reskin .field-validation-error {
    color: var(--colorWhite-reskin);
}

.welcome-container-reskin .field-validation-error span {
    color: var(--colorWhite-reskin);
}

.navigationbar-reskin .navigationbar-item-reskin {
    width: auto;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

/*.navigationbar-reskin .navigationbar-item-box-reskin {
    height: 32px;
    align-self: stretch;
    gap: 10px;
    padding: 8px 12px;
    border-top-width: 5px;
    border-top-style: ridge;
    border-bottom-style: none;
    margin: 0px -1px;
}

.navigationbar-reskin .item-completed {
    font-weight: normal;
    color: var(--colorSecondary-reskin);
    border-top-color: var(--colorSecondary-reskin);
}*/

/*.navigationbar-reskin .navigationbar-item-box-reskin.item-inactive {
    color: var(--colorInactiveHeader);
}*/
/*
.navigationbar-reskin .item-inactive {
    font-weight: normal;
    color: var(--colorInactiveItem);
    border-top-color: var(--colorInactiveItem);
}

.navigationbar-reskin .item-active {
    font-weight: bold;
    color: var(--colorSecondary-reskin);
    border-top-color: var(--colorPrimary-reskin);
}*/

/*.header3-reskin .header3-location-reskin {
    text-align: left;
    color: var(--colorPrimary-reskin);
}
*/
.text-container-reskin .welcome-zip-form {
    height: auto;
}

.ths-colors-tab > aside ul li label {
    padding-top: 5px;
}

.pagination-reskin {
    width: 100%;
}

.ths-collapseWrapper .ul-reskin > li {
    padding: 3px 0px;
}

.row-reskin .ths-colors-tab > article > figure:nth-child(5n + 4) {
    clear: none;
}

.button-generic-reskin {
    padding: 0 10px;
}

#countertops-form .reskin .field-validation-error, #countertops-form .reskin .help-block.with-errors {
    font-size: 1.0rem;
}

.reskinQuote #add-newroom-section .btn.btn-success, .reskinQuote .btn.btn-md {
    font-size: 1.0rem;
}

.reskinQuote .your-quote-wrapper-reskin {
    border-color: var(--colorPrimary-reskin);
}

.reskinQuote .header1.heading-primary {
    font-size: 20px;
    font-weight: 600;
}

.reskinQuote .quote-summary-container .heading-primary label {
    margin-bottom: 0;
    padding-right: 70px;
    font-size: 24px;
}

.pagination > .active > a {
    background-color: var(--colorPrimary-reskin);
    border-color: var(--colorPrimary-reskin);
}

.sort-items-reskin {
    font-size: 16px;
}

.your-quote-wrapper-reskin {
    font-size: 16px;
}

.reskinQuote .color-darkBlue-reskin {
    color: var(--colorBlack-reskin);
}

.modal-dialog .modal-body-fix-reskin p.paragraph-default {
    font-size: 1rem;
}

.your-quote-wrapper-reskin {
    margin-left: 0px;
}
.your-quote-wrapper-reskin
{
    margin-left:0px;
}
.reskin-promo {
    padding-top: 30px;
    padding-left: 15px;
    max-width: 220px;
}
.mobile-min-width-and-min-height {
    width: 204px;
}
#countertops-form .help-block > .field-validation-error {
    font-size: 1.0rem;
}
.reskinQuote .btn.btn-md {
    background: var(--colorTertiaryButton-reskin);
    border: 1px solid var(--colorQuotePageButtonOutline-reskin);
    color: var(--colorWhite-reskin);
}

.reskinQuote .button-white-reskin:hover {
    background: var(--colorPrimaryButton-reskin);
    border: 1px solid var(--colorPrimaryButton-reskin);
    border-radius: 5px;
    color: var(--colorWhite-reskin);
}
.ths-center-buttons-container .btn.btn-md.btn.btn-md {
    font-size: 1.0rem;
}
.ths-center-buttons-container .btn > .fa-chevron-right:before {
    content: "";
}
.header3-reskin .navigationbar-reskin {
    justify-content: center;
    width: 80%;
}
.validation-error-reskin span, .field-validation-error span {
    color: var(--colorPrimary-reskin);
}

.header4 {
    font-size: 16px;
}
.bs3 .modal-body-fix-reskin img {
    display: initial;
}
.modal-body .btn.btn-md {
    font-size: 16px;
}
.modal-dialog p.paragraph-default {
    font-size: 20px;
}
.ths-center-buttons-container span a.btn.btn-md.btn.btn-md {
    border-color: var(--colorPrimary-reskin);
    background-color: var(--colorPrimary-reskin);
}

.tab-pane-reskin .slick-prev:before, .tab-pane-reskin .slick-next:before {
    color: var(--colorWhite-reskin) !important;
}
.bs3 .welcome-container-reskin .field-validation-error {
    color: var(--colorWhite-reskin);
}

div.sinks-f-reskin {
    margin-left: 0;
}

#tab-purchaseasink > div.row,
#tab-provideyourownsink > div.row,
#tab-nosink > div.row {
    margin-left: 15px;
    margin-right: 15px;
}
.hideIfInIFrame #loading {
    background: none;
}
.form-horizontal .search-colors-reskin .form-group {
    margin-left: 0px;
    margin-right: 0px;
}
.row .header3 .title {
    font-size: 24px;
    margin-left: 10px;
}
.stepper-wrapper .nav-active > .step-counter {
    border-color: var(--colorPrimary-reskin);
}

    .stepper-wrapper .nav-active > .step-counter > i {
        color: var(--colorPrimary-reskin);
    }
#togglebuttonFilter > span {
    font-size: 20px !important;
}

@media(max-width: 1199px) {
    div.row.padding-nextstep-reskin > div.row > div.next-step-title.reskin {
        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.col-md-5.col-lg-5 {
        padding-bottom: 10px;
        z-index: 10;
    }
}
#filterWrapper {
    background-color: var(--colorWhite-reskin);
}